@charset "UTF-8";

.layer_plus .layui-layer-setwin .layui-layer-close2{
    left: .5rem;
    top: .5rem;
    position: fixed;
    width: 1rem;
    height: 1rem;
    background: url(../images/close.png);
    background-size: 1rem;
}

/*轮播*/
.banner{
    padding: 0;
}
.banner .swiper-container {
    height: 7.5rem;
}
.banner .swiper-container .swiper-slide img{width: 100%; height: 100%;}
.banner .swiper-pagination-bullet {
    width: .3rem;
    height: .3rem;
    background: #fff;
}
.banner .swiper-pagination-bullet-active {
    background: #fff;
    width: .9rem;
    border-radius: 0;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
.cate_ban{
    height: 7.8rem;
    background: #fff;
}

.note-img{
    width: 1.75rem;
    height: 2rem;
    padding-top: .35rem;
    padding-left: .5rem;
    background: #eee;
}
.note-img img{
    width: 1rem;
    height: 1rem;
}
.note{
    position: relative;
    padding: .5rem 0;
    background: #eee;
    overflow: hidden;
    flex: 1;
}
.note .text{
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    font-size: .6rem;
    line-height: 1rem;
    animation:myfirst 10s linear infinite;
}
@keyframes myfirst
{
  0% {margin-left:18.75rem;}
  100% {margin-left:-28.125rem;}
}
.ads{
    padding: .5rem;
    margin: .75rem 0;
}
.ads img{
    width: 100%;
}


.index_ban{
    border-radius: .25rem;
    padding: 0;
}
.index_ban .swiper-slide{
    width: 17.75rem;
    padding: 0rem;
}

.home .banner{
    padding: 0;
    padding-top: .25rem;
}

.menu{
    padding: 0 .5rem;
}
.menu .ad{
    padding: .5rem 0;
    border-bottom: solid 1px #eee;
}
.menu .ad img{
    width: 100%;
}


.layui-m-layer .popuo-halert{
    width: 14.75rem !important;
    border-radius: .5rem;
}
.popuo-halert .layui-m-layercont{
    padding: 0;
}
.popuo-halert .layui-m-layercont img{
    width: 100%;
}
.popuo-halert .close{
    font-size: 1.3rem;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    margin-left: -.65rem;
    line-height: 1.3rem;
    color: #fff;    
}



/*头部搜索*/

.header{
    padding:.5rem .75rem;
    display: flex;
}
.header .search{
    flex: 1;
    position: relative;
}
.header .search .sclose{
    width: .6rem;
    height: .6rem;
    background: url(../images/act/sclose.png) left center no-repeat;
    background-size: .6rem .6rem;
    display: block;
    position: absolute;
    right: .6rem;
    top: .5rem;
    z-index: 9;
    display: none;
}
.header .search.on span{
    color: #222;
}
.header .search.on .sclose{
    display: block;
}
.header .action button{
    line-height: 1.5rem;
    width: 2rem;
    text-align: right;
    background:none;
}
.header .msg{
    width: 2rem;
    padding-left: .6rem;
    padding-right: .3rem;
}
.header .msg .icon{
    width: 1.1rem;
    height: 1.1rem;
    margin-top: .3rem;
    background:url(../images/msg.png) center no-repeat;
    background-size: 100%;
    display: block;
    position: relative;
}
.header .msg .icon em{
    border-radius: 50%;
    background-color: #f93d3b;
    font-size: .4rem;
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    display: block;
    color: #fff;
    text-align: center;
    right: -.3rem;
    top: -.3rem;
    position: absolute;
    overflow: hidden;
}

.sea-box{
     height: 1.5rem; 
    height: 1.5rem;
    border: 0.025rem rgb(222, 225, 230) solid;
    width: 100%;
    display: block;
    border-radius: 1.25rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.sea-box input{
    display: block; width: 100%; height: 100%; line-height: 1.4rem; padding-left: 1.5rem;
    background:  rgb(242, 244, 247) url(../images/zoom.png) .5rem center no-repeat;
    background-size:.8rem auto;

}


/*搜索*/
.sdistory,.srecom{
    padding:0rem .75rem;
}
.sdistory{

}
.srecom{

}
.sdistory .tit,.srecom .tit{
    padding-top: 1rem;
    padding-bottom: .75rem;
    line-height: .7rem;
    color: #222;
    display: flex;
    justify-content: space-between;
}
.sdistory .icon,.srecom .icon{
    display: inline-flex;
    width: .7rem;
    height: .7rem;
}
.sdistory .trash{
    background: url(../images/act/icon-trash.png) center no-repeat;
    background-size: .7rem auto;
}
.srecom .eye{
    background: url(../images/act/icon-eye.png) center no-repeat;
    background-size: .7rem auto;
}
.srecom .eye.close{
    background: url(../images/act/icon-eyeclose.png) center no-repeat;
    background-size: .7rem auto;
}
.sdistory .clear a{
    background-color: #f3f3f3;
    border-radius: .4rem;
    width: auto;
    line-height: 1.25rem;
    font-size: .6rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    display: block;
    padding: 0rem .5rem;
    float: left;
}
.srecom .clear a{
    width: 50%;
    font-size: .6rem;
    margin: .25rem 0;
    display: block;
    float: left;
    line-height: 1.25rem;
}



/*主页菜单*/
.floor{
}
.floor .menu{
    padding: 1rem .5rem;
    display: flex;
}
.floor .menu .item{
    flex: 1;
    text-align: center;
}
.floor .menu a img{
    width: 2.25rem;
    height: 2.25rem;
}
.floor .menu a span{
    color: #555;
    font-size: .6rem;
    line-height: .6rem;
    font-weight: bold;
}

.floor .ads{
    display: flex;
    padding: 0 .75rem .75rem .75rem;
}
.floor .ads a{
    display: block;
}
.floor .ads img{
    width: 100%;
    height: 100%;
}
.floor .ads .left{
        width: 6.35rem;
}
.floor .ads .right{
    padding-left: .35rem;
    flex: 1;
}
.floor .ads .ad-2,.floor .ads .ad-3{
    height: 3rem;
}
.floor .ads .ad-3{
    margin-top: .35rem;
}
.floor .ads .ad-1{
    width: 6.35rem;
    height: 6.35rem;
}


/*推荐*/
.recom{
    padding-top: .75rem;
}
.recom .ban{
    padding: 0 .75rem;
}
.recom .ban img{
    width: 100%;
    height: auto;
}
.recom .plist{
    padding: .75rem;
    padding-right: 0;
}
.recom .plist .swiper-slide{
    width: 5rem;
}
.recom .plist .pic{
    width: 100%;
        border-radius: .25rem;margin-bottom: .5rem;
}
.recom .plist .name{
    font-size: .6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;    line-height: .6rem;
    margin-bottom: .5rem;
}
.recom .plist .cost{
    color: #f1331c;
    font-size: .6rem;     line-height: .6rem;
    margin-bottom: .25rem;
}
.recom .plist .rmb{
    font-size: .6rem;
    color: #999;
    text-decoration: line-through; line-height: .6rem;   
}



/*.recom-1 .swiper-slide{
      width: 5rem;
    }*/




.index_ban .swiper-container {
    border-radius: 10px;
}


.home{
    height: 100%;
    width: 100%;
    background: #fff;
}
.hm_grids{
    padding: .75rem .6rem;
    display: flex;
    flex-wrap: wrap;   
    margin-bottom: 2.5rem; 
}
.hm_grids .hm_grid{
    width: 33.33%;
    float: left;
    padding: .15rem;
    position: relative;
}
.hm_grids .hm_grid img{
    width: 100%;
    position: relative;
    z-index: 1;
}
.hm_grids .hm_grid span{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: .75rem;
    text-align: center;
    color: #fff;
    line-height: .75rem;
    font-size: .75rem;
    z-index: 2;
}
.hm_grids .grid_2{
    width: 66.66%;
}

.index_recom{
    margin-top: .5rem;
    margin-bottom: 3rem;
}
.index_recom .uititle {

}



.couponlist .coupon .name, 
.couponlist .envelope .name{
    height: .75rem;
    line-height: .75rem;
    margin-top: 0;
}


.classlist {
    background-color: #fff;
    /* overflow: hidden;
    position: relative;
    height: 100%;
    border-top: solid 0.025rem #eee; */
}

.classlist .fl {
    position: fixed;
    left: 0;
    top: 10rem;
    width: 4rem;
    background-color: #f6f6f6;
    bottom: 2.5rem;
    overflow-y:scroll;
    /* border-right: solid 0.025rem #dedede; */
}

.classlist .fl ul li {
    position: relative
}

.classlist .fl ul li a {
    display: block;
    line-height: 2.25rem;
    text-align: center;
    font-size: .7rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

.classlist .fl ul .cur a {
    color: #222;
    /* color: #f1331c;
    border-left: solid .1rem #f1331c ; */
    background: #fff;    
}

.classlist .category2 {
    position: fixed;
    left: 4rem;
    top: 10rem;  
    right: 0;
    background: #fff;
    bottom: 2.5rem;
    overflow-y: scroll;
    /* padding-bottom: 4rem; */
    position: fixed;  
}


/*分类、分类列表*/
.category2 .clear{
    overflow-y: scroll;
}

.classlist .fr .catelist{
    height: 2.25rem;
    padding: .5rem;
    border-bottom: solid 0.025rem #ddd;
    overflow: hidden;
}
.classlist .fr .catelist .wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 5rem;
    /*padding: .5rem;*/
}
.classlist .fr .catelist a {
    display: block;
    background: #f9f9fa;
    text-align: center;
    font-size: .6rem;
    width: auto;
    height: 1.25rem;
    line-height: 1.25rem;  
    border-radius: 0.125rem;
    padding: 0 0.25rem;
    margin-right: .4rem;
    float: left;
    min-width: 3.5rem;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;    
}
.classlist .fr .catelist a.on{
    background: #fff6e6;
    color: #222;
}
.classlist .fr .catelist li a p {
    font-size: .6rem;
    overflow: hidden;
    height: 1rem;
    margin: .5rem 0px 1.5rem 0;
}

.classlist .fr ul li {
    padding: .5rem;
    display: flex;
    position: relative;
}
/* .classlist .fr ul li:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: .5rem;
    right: 0;
    height: .025rem;
    background: #dedede;
} */
.classlist .fr ul li img{
    width: 100%;
    position: relative;
    z-index: 1;
}
.classlist .fr ul li .cont{
    flex: 1;
    padding-left: .6rem;
    display: flex;
flex-direction: column;
justify-content: space-between;

}
.classlist .fr ul li .name{
    line-height: .75rem;
    display: block;
}
.classlist .fr ul li .cost{
    color: #e89048;
    /* font-size: .6rem; */
    line-height: 1rem;
}
.classlist .fr ul li .rmb{
    font-size: .6rem;
    color: #999;
    margin-left: .25rem;
    text-decoration: line-through;
}



.classlist .fr .clist .cpic {
    width: 4.5rem;
    position: relative;
}
.classlist .fr .clist .name{
    line-height: .75rem;
    /* margin-bottom: 1.5rem; */
}
.classlist .fr .clist .remark{
    font-size: .6rem;
    color: #999;
    margin-top: .25rem;    
}
.classlist .fr .clist .cost{
    line-height: 1rem;
}

.classlist .fr .coupon{
  position: relative;
}
.classlist .fr .coupon .pr {
    font-size: .9rem;
    line-height: .45rem;
    position: absolute;
    left: .75rem;
    top: 50%;
    z-index: 10;
    margin-top: -.3rem;
    color: #fff;
}
.classlist .fr .coupon em{
    font-size: .45rem;
}




.filter{
    display: flex;
    line-height: 2rem;
    border-bottom: solid 0.025rem #dedede;
    margin-left: .5rem;
    color: #999;
    font-size: .6rem;    
}
.filter .lab{
        flex: 1;
}
.filter .product_sort{
  width: 5.6rem;  
}
.filter .product_sort a{
        float: left;
    width: 2.8rem;
    text-align: center;
}
.filter .product_sort a span{
    
}
.filter .product_sort .pr{
    display: inline-block;
    width: .25rem;
    height: .65rem;
    background: url(../images/act/pr.png) center no-repeat;
    background-size: .25rem .65rem;
    vertical-align: middle;
}
.filter .product_sort .pr.up{
    background: url(../images/act/pr_up.png) center no-repeat;
    background-size: .25rem .65rem;
    
}
.filter .product_sort .pr.down{
    background: url(../images/act/pr_down.png) center no-repeat;
    background-size: .25rem .65rem;
    
}

.storenav {
    background-color: #fff;
}
.storenav > ul{
    clear: both;
    height: 1.7rem;
}

.storenav > ul > li {
    float: left;
    color: #999;
    font-size: .7rem;
    width: 25%;
    position: relative;
    text-align: center;
    height: 1.7rem;
    line-height: 1.7rem
}

.storenav > ul > li > a {
    color: #999;
    font-size: .7rem
}

.storenav > ul .cur span {
    color: #f1331c;
}

.storenav > ul > li .pr,.storenav > ul > li .ca {
    position: absolute;
    top: .55rem;
    width: .25rem;
    height: .65rem;
    background-image: url(../images/act/pr.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: .25rem .65rem;
    vertical-align: middle;
}
.storenav > ul > li .pr.up {
    background-image: url(../images/act/pr_up.png);
}
.storenav > ul > li .pr.down {
    background-image: url(../images/act/pr_down.png);
}

.storenav > ul > li .ca{
    background-image: url(../images/act/sl.png);
}
.storenav > ul > .cur .ca {
    background-image: url(../images/act/sl_on.png);
}

.category_bg{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 4rem;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.302);
    display: none;
}
.category_bg.show{
    display: block;
}
.category_bg .category{
    margin: 0;
    font-size: .75rem;   
    padding-left: .75rem;
    background: #fff;    
    border-top: 0.025rem #ddd solid;
}
.category_bg .category .label{
     padding: .5rem .75rem;
    border-bottom: 0.025rem #ddd solid;
}
.category_bg .category .on > div{
    color: #f1331c;
    background: url(../images/act/chech.png) right center no-repeat;
    background-size: 0.75rem 0.55rem;
}



.goodlist{
    margin-bottom: 3.5rem;
}

/*话费充值*/
.recharge .result{
    padding:2.25rem .75rem;
}

.recharge .re-button{
    padding: .75rem;
}
.recharge .re-button .btn-blue{
    border: 0;
    background-color: #5ca4fe;
    line-height: 2.25rem;
    text-align: center;
    color: #f0f2f8;
    font-size: .8rem;
    flex: 1;
    border-radius: .3rem;
}
.recharge .bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
}
.recharge .bottom .btn-blue{
    border-radius: 0;
}


.recharge-form{
    margin-top: .025rem;
}
.recharge-form .re-phone{
    padding: 1rem .75rem;
    margin-bottom: 1.25rem;
}
.recharge-form .re-phone input{
    color: #222;
    font-size: .9rem;
     background: #fff url(../images/phone.png) right center no-repeat; 
     background-size: 1rem 1rem; 
    width: 100%;
    line-height: 1rem;
}

.recharge-form .re-choose{
    padding: .5rem;
    margin-bottom: .5rem;
}
.recharge-form .re-choose:before, .recharge-form .re-choose:after{
    content: '';
    clear: both;
    display: block;
}
.recharge-form .re-choose li{
    width: 33.33%;
    float: left;
}
.recharge-form .re-choose a{
    color: #5ca4fe;
    font-size: .9rem;
    border: solid 2px #ddd;
    display: block;
    border-radius: 10px;
    text-align: center;
    margin: .25rem;
    height: 3rem;
    padding-top: .5rem;
    line-height: 1rem;
}
.recharge-form .re-choose a span{
    display: block;
    color: #999;
    font-size: .6rem;
}
.recharge-form .re-choose a.cur{
    background: #5ca4fe;
    color: #fff;
    border-color: #5ca4fe;
}
.recharge-form .re-choose a.cur span{
    color: #fff;
}
.recharge-form .re-curent{
    padding: .75rem;
}
.recharge-form .re-curent span{
    font-size: .75rem;
    font-weight: bold;
    line-height: .75rem;
    display: block;   
}
.recharge-form .re-curent span em{
    color: #f1331c;
}
.recharge-form .re-curent p{
    font-size: .6rem;
    color: #999;
    margin-top: .5rem;
    line-height: .6rem;
}


/*商品详情页*/
.tabpanel{
}
.tabpanel .tpitem{
    position: relative;
    display: none;
}
.tabpanel .tpitem.active{
    display: block;
}
.goodtab{
    display: flex;
}
.goodtab.fixed{
    position: fixed;
    top: 2.3rem;
    left: 0;
    right: 0;
    box-shadow: 0px 0.025rem 0.25rem 0px rgba(0, 0, 0, 0.2);
    z-index: 5;
}
.goodtab a{
    flex: 1;
    text-align: center;
    position: relative;
    height: 2.25rem;
    line-height: 2.2rem;    
}
.goodtab a.on{
    color: #f1331c;
}
.goodtab a.on:before{
    content: '';
    position: absolute;
    bottom: 0;
    background-color: #f1331c;
    width: 1.5rem;
    height: 0.1rem;
    left: 50%;
    margin-left: -.75rem;
}

.detailban .swiper-container {
    height: 18.75rem;
}
.detailban .swiper-container .swiper-slide img{width: 100%; height: 100%;}
.detailban .swiper-pagination-bullet {
    width: .3rem;
    height: .3rem;
    background: #fff;
}
.detailban .swiper-pagination-bullet-active {
    background: #fff;
    width: .9rem;
    border-radius: .25rem;
}
.detailban .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}

.detailban .swiper-pagination-fraction{
    border-radius: .125rem;
    background-color: rgba(0, 0, 0, 0.6);
    width: 1.5rem;
    height: .75rem;
    color: #fff;
    font-size: .6rem;
    line-height: .75rem;
    left: 50%;
    margin-left: -.75rem;
    bottom: .75rem;
    letter-spacing: -.05rem;
}

.de_font{
    background: #fff;
    padding-top: 1rem;
    padding-left:  .75rem; 
}
.de_font .prod {
}
.de_font .prod .tit{
    padding-right: .75rem;
    border-right: solid 0.05rem #ddd;
}
.de_font .prod .text{
    font-size: .75rem;
    height: .75rem;
    line-height: .75rem;
    color: #222;
    display: block;
    margin-bottom: .4rem;
    overflow: hidden;
}
.de_font .prod .remark{
    line-height: .7rem;
    display: block;
    
}
.de_font .cost{
    margin-top: 1.25rem;
    margin-bottom: .75rem;
    line-height: .7rem;
    color: #f1331c;
}
.de_font .cost em{
    font-size: 1.2rem;
}
.de_font .cost .rmb{
    font-size: .6rem;
    color: #999;
    margin-left: .25rem;
    text-decoration: line-through;
}

.de_font .keep{
    width: 4rem;
    font-size: .5rem;
    text-align: center;
}
.de_font .keep .favorite{
    display: block;
    height: 1.1rem;
    background: url(../images/act/heart.png) center no-repeat;
    background-size: 1.1rem auto;  
    margin-bottom: .1rem;  
}
.de_font .keep .favorite.on{
    background: url(../images/act/heart_on.png) center no-repeat;
    background-size: 1.1rem auto;  

}
.de_font .keep span{
    display: block;
    line-height: .7rem;
    color: #555;
    
}
.de_font .total{
    line-height: 1.75rem;
    font-size: .6rem;
    color: #999;
    border-top: solid .025rem #eee;
    padding-right: .75rem;
}
.choise,.comts{
    padding: .75rem;
    line-height: .75rem;
    background: #fff;
}
.comts span em{
    color: #f1331c;
}





.recommed {
    margin-top: .5rem;
    background-color: #fff;
    padding: .75rem .45rem 1rem .45rem;
}
.recommed .tit {
    line-height: .7rem;
    margin-bottom: 1rem;    
    padding-left: .45rem;
}
.recommed .guesslike ul{
    display: flex;
}
.recommed .guesslike ul li {
    width: 33.33%;
    padding: 0rem .3rem;
}

.recommed .guesslike ul li img {
    width: 100%;
}

.recommed .guesslike ul li .text {
    font-size: .6rem;
    color: #666;
    line-height: .75rem;
    margin: .175rem 0;
    max-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;    
}
.recommed .guesslike ul li a .cost {
    color: #f1331c;
    font-weight: bold;
    line-height: .7rem;
    font-size: .6rem;
}

.xq_details{
    background: #fff;
}
.xq_details .tit{
    line-height: .7rem;
    padding: .75rem;
}
.xq_details .xqcont *{
    max-width: 100%;
}



.cart-concert-btm {
    background-color: #fafafa;
    position: fixed;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
}
.cart-concert-btm .fl {
    width: 38%;
    float: left;
    display: flex;
}
.cart-concert-btm .fl .link{
    flex: 1;
    height: 2.5rem;
    border-right: solid .025rem #ddd;
    font-size: .5rem;
    line-height: .5rem;
    padding-top: 1.75rem;
    display: inline-flex;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 2.5rem;
}
.cart-concert-btm .fl .home{
    background-image: url(../images/act/p_home.png);
}
.cart-concert-btm .fl .cart{
    background-image: url(../images/act/p_cart.png);
}
.cart-concert-btm .fl .service{
    background-image: url(../images/act/p_service.png);
}


.cart-concert-btm .pbact {
    width: 62%;
    float: right;
    display: flex;
}
.cart-concert-btm .pbact .btn{
    flex: 1;
    text-align: center;
    height: 2.5rem;
    line-height: 2.5rem;
}
.cart-concert-btm .pbact .btn-addcart{
    color: #222;
}

.xq_coments{
    background: #fff;
    padding-top: 2.25rem;
}
.xq_coments .tips{
    padding: .75rem 0 .5rem .75rem;
    /*border-bottom:solid .025rem #ddd;*/
}
.xq_coments .tips a{
  border: .05rem rgb(204, 204, 204) solid;
  border-radius: .125rem;
  width: 3.75rem;
  line-height: 1.25rem;
  display: block;
  float: left;
  margin-right: .75rem;
  text-align: center;
  margin-bottom: .25rem;
}
.xq_coments .tips a.on{
    color: #f1331c;
    border-color: #f1331c;
}
.xq_coments .comlist > li{
    padding-bottom: 1rem;
    border-top:solid .025rem #ddd;
}
.xq_coments .utop{
        height: 1.6rem;
    padding: 0 .75rem;
    margin-top: 1rem;
}
.xq_coments .utop .photo{
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    float: left;
    margin-right: .5rem;
    overflow: hidden;
}
.xq_coments .utop .photo img{
    width: 100%;
}
.xq_coments .utop .name{
    line-height: .7rem;
    display: block;
    float: left;
}
.xq_coments .utop .stars{
    margin-top: .35rem;
}
.xq_coments .utop .star{
    height: .55rem;
    margin-left: 0;
    margin-right: .25rem;
}
.xq_coments .utop .time{
    float: right;
    font-size: .6rem;
    color: #999;
    width: 4rem;
    text-align: right;
}
.xq_coments .cont{
    line-height: 1rem;
    color: #222;
    padding: 0 .75rem;
    margin-top: .75rem;
}
.xq_coments .imgs{
    padding: .75rem .5rem;
    padding-bottom: 0;
}
.xq_coments .imgs li{
    width: 25%;
    padding: .25rem;  
      float: left;
}
.xq_coments .imgs img{
    width: 100%;
}