.widget-area .widget.widget-adss { padding: 0;
border-radius: 0;
}
.widget-adss .asr {
display: block;
padding: 30px 15px;
text-align: center;
color: #fff !important;
background: #64ddbb;
border-radius: 4px; }
.widget-adss .asr .btn {
margin-top: 20px;
font-weight: normal;
border-radius: 100px;
text-align: center;
vertical-align: top;
user-select: none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding: 4px 30px;
line-height: inherit;
}
.btn-outline {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
.widget-adss .asr h4 {
margin: 0;
font-size: 18px;
font-weight: bold;
color: #fff;
}
.widget-adss .asr p{
margin: 15px 0 0;
font-size:6px;
color: #fff;
}
@media(max-width:768px){
.widget-adss .asr p{
font-size:16px;
}
} .consumption-warp .item {
display: flex;
align-items: center;
margin-top: 10px;
}
.consumption-warp .item:nth-child(-n+3) .item-num {
background: #ffb800!important;
}
.consumption-warp .item .item-num {
background: #e5e5e5;
color: #fff;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 12px;
margin-right: 15px;
border-radius: 4px;
}
.consumption-warp .item .item-ava {
width: 36px;
height: 36px;
position: relative;
}
.consumption-warp .item .item-ava img {
border-radius: 4px;
height: 36px;
}
.consumption-warp .item-info {
margin-left: 15px;
}
.consumption-warp .item-info b {
display: block;
color: #333;
font-size: 14px;
}
.consumption-warp .item-info span {
color: #999;
font-size: 12px;
} .widget-area .widget+.widget {
margin-top: 20px;
}
.widget-area .widget {
position: relative;
background-color: #fff;
padding: 20px;
border-radius: 4px;
clear: both;
overflow: hidden;
}
.widget-area .widget .widget-title {
font-size: 15px;
letter-spacing: .5px;
line-height: 1;
margin-bottom: 10px;
}
.widget ul li {
line-height: 20px;
padding: 5px 0;
list-style: none;
}
.widget ul li>a {
display: inline-block;
}
.widget-comments a {
position: relative;
display: block;
overflow: hidden;
padding: 0;
color: #777;
margin: 0;
width: 100%;
margin-bottom: 5px;
}
.widget-comments .inner {
position: relative;
}
.widget-comments .avatar {
float: left;
width: 20px;
height: 20px;
border-radius: 50%;
margin-right: 5px;
}
.widget-comments time {
display: block;
margin-bottom: 10px;
color: #bbb;
font-size: 12px;
font-weight: 500;
}
.widget-comments strong {
margin-right: 10px;
color: #bbb;
}
.widget-comments small {
background-color: #f6f6f6;
width: 100%;
display: block;
border-radius: 4px;
padding: 4px 10px;
position: relative;
font-size: 14px;
color: #bbb;
}