/*
* @Author: admin
* @Date:   2020-04-04 09:23:08
* @Last Modified by:   admin
* @Last Modified time: 2020-04-23 11:58:42
*/
.no-srcoll{
    position: fixed;
    width: 100%;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.flex-more {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.relative{
    position: relative;
}
.pad {
    padding: 10px 12px;
}

.mr {
    margin: 10px 12px;
}

.pd {
    padding: 0 12px;
}

.pd10 {
    padding: 10px
}

.mt10 {
    margin-top: .2rem
}

.pd50 {
    padding: 10px 12px 50px 12px
}
.bold{
    font-weight: bold;
}

/*
首页
*/
.swiper-slide img{
    width: 100%;
    /*height: 168px;*/
    /*border-radius: 12px;*/
}
.fa-angle-left{
    font-size: 28px;
    color: #212121;
    vertical-align: middle;
}
.fa-ellipsis-v{
    font-size: 20px;
    vertical-align: middle;
}
.header-search .tools img {
    vertical-align: middle;
    width: auto!important;
}
#search-input{
    font-size: .26rem;
    background-color: #fff
}
.search-div {
    background: rgba(245,245,245,1) url(../images/search1@2x.png) 10px center no-repeat;
    background-size:.28rem;
    border-radius:.5rem;
    line-height: .6rem;
    height: .6rem;
    text-align: left;
    text-indent:.5rem;
    color: #888888;
}
.back-red {
    background-color: #f1170d!important;
}
.search-box-large {
    margin: .15rem  .7rem .14rem .1rem !important
}

.search-box-middle {
    margin: 5px 90px 5px 20px !important;
}

.search-box-small {
    margin:.1rem .4rem .1rem .4rem !important;
}

.container {
    margin-top: 1.0rem;
    margin-bottom:1.5rem;
    padding-top: 0 !important;
}

.swiper-box {
    text-align: center;
    background-size: 100%;
    padding: 0 .3rem;
}
.big{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 999;
    display: none;
}
.big-show {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 999;
    display: none;
}
.swiper-pagination-bullet {
    height: .04rem;
    background: rgba(255, 255, 255, 1);
    opacity: 0.55;
    border-radius: 4px;
}

.swiper-pagination-bullet-active {
    width: 12px;
    opacity: 1;
}
#swiper-top{
    /*border-radius: 6px;*/
    overflow: hidden;
}
.swiper-pagination {
    width: 50px!important;
    height: 20px;
    bottom: 15px!important;
    left: auto!important;
    right: 20px;
    background: rgba(33, 33, 33, .35);
    border-radius: 10px;
    color: #fff;
}

.swiper-pagination span {
    font-size: 0.24rem;
    font-family: PingFang SC;
}
.videoCover{
    position: absolute;
    width: 100%;
    height: 85%;
    top:0;
    left: 0;
    z-index: 1;
}
#swiper-top .swiper-slide img{
    box-shadow: 0 0 5px rgba(0,0,0,0.16);
}
.fa-user-o{
    font-size: .36rem;
    color: #fff;
    vertical-align: middle;
}
:root {
    --swiper-theme-color: #ffffff;
}

.sort1 li {
    width: 20%;
    text-align: center;
    width: 22px;
    height: 23px;
    margin-top: 10px
}

.sort1 img {
    width: 1rem;
    height: 1rem;
}

.sort1 p {
    line-height: 30px
}
.swiper-notice {
    margin: .15rem .3rem;
    border-radius:3px;
    overflow: hidden;
}
#notice-tap{
    height: 34px;
    background-color: #fff;
    line-height: 34px;
    text-indent: 5px;
}
#notice-tap a{
    color: #212121;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
#notice-tap .notice{
    overflow:hidden;
    height:34px;
    white-space: nowrap;
}
.notice-tap{
    height: 34px;
    background-color: #fff;
    line-height: 34px;
    text-indent: 5px;
}
.notice-tap a{
    color: #212121;
    font-size:.22rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.notice-tap .notice{
    overflow:hidden;
    height:34px;
    white-space: nowrap;
}
.fa-volume-up {
    font-size: 16px;
}

.img3-box1,
.img4-box2 {;
    background: #fff;
    border-radius: 6px;
    margin: 10px 12px;
    padding: 10px 5px
}
.notice .newicon {
    background: #fba910;
    border-radius: 10px;
    color: #fff;
    padding: 0 10px;
    font-size: 12px
}
#goods-list .title,#content .title{
    font-size: .28rem!important;
}
.title {
    position: relative;
}

.img3-box1 label {
    font-size: 18px;
}

.img3-box1 .explain {
    font-size: 10px;
    color: rgba(182, 182, 182, 1);
    margin-left: 10px
}

.img3-box1 .more {
    position: absolute;
    right: 0;
    top: 0;
}
.img3-box4 .more{
    position: absolute;
    right: 0;
    font-size: 10px;
    color:rgba(136,136,136,1);
}
.fa-angle-right{
    color: #B6B6B6;
    font-size: 18px;
    padding: 0 5px;
}
.img3-box4 .fa-angle-right{
    font-size: 14px;
    padding:2px 3px;
}
.img3-box1 .imgwapper li {
    position: relative;
    margin: 10px 5px;
    width: calc(33.33% - 10px);
    text-align: center;
}
.img3-box1 .imgwapper li img{
    width: 100%;
}
.imgwapper .txt p{
    text-align: left;
}
.imgwapper .txt .specs{
    font-size: 12px;
    color: rgba(182, 182, 182, 1);
}
.imgwapper .txt .before{
    font-size: 12px;
    color: rgba(182, 182, 182, 1);
    text-decoration: line-through;
    text-indent: 2px;
}
.imgwapper .txt .price{
    color: #ff3c5c;
    margin-top: 10px;
}
.imgwapper .txt a{
    background:#ff3c5c;
    color:#fff ;
    position: absolute;
    bottom: 10px;
    left: 50px;
    padding: 0 10px;
    border-radius: 20px;
}
.imgwapper li {
    float: left;
    margin-top: 10px;
}

.img3-box2 .one,
.img3-box2 .three {
    position: relative;
    margin: 15px 3px 0 3px;
    width: calc(25% - 6px);
    text-align: center;
}

.img3-box2 .two {
    position: relative;
    margin: 5px 3px 0 3px;
    width: calc(50% - 6px);
    text-align: center;
}

.img3-box2 img {
    width: 100%
}
.img3-box2,
.img3-box3 {
    margin: 10px 8px
}
.img4-box1{
    margin: 10px 0;
}
.img4-box1 label,
.img4-box2 label,
.img3-box3 label {
    font-size: 16px;
    /*font-weight: bold;*/
}

.img4-box1 .imgwapper li {
    position: relative;
    margin: 10px 4px 0 4px;
    width: calc(25% - 8px);
    text-align: center;
}
.img4-box1 .imgwapper li img {
    width: 100%;
}
.img4-box2 .imgwapper li{
    position: relative;
    margin: 10px 5px 0 5px;
    width: calc(50% - 10px);
    text-align: center;
}
.img4-box3 .imgwapper {
    padding: 0 10px
}
.img4-box3 .imgwapper li {
    position: relative;
    margin: 10px 2px 0 2px;
    width: calc(50% - 4px);
    text-align: center;
}
.img4-box2 .imgwapper li img,
.img4-box3 .imgwapper li img{
    width: 100%
}


.img3-box3 .imgwapper li {
    position: relative;
    margin: 10px 3px 0 3px;
    width: calc(50% - 6px);
    text-align: center;
}
.img3-box3 .imgwapper li img{
    width: 100%;
}
.like-box {
    margin: 15px 12px;
}

.like-box h2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    background: url(../images/line.png) center repeat-x;
}

.like-box h2 span {
    background: rgba(246, 246, 246, 1);
    padding: 0 9px;
}

.like-box h2 img {
    vertical-align: middle;
}

/*
分类页
*/
.slide {
    position: fixed;
    top:.7rem;
    bottom: 0;
    left: 0;
    width:1.5rem;
    padding:0 .2rem;
    padding-bottom:1rem;
    background: #fff;
    z-index: 99;
    overflow-y: scroll;
}

.slide li {
    text-align: center;
    height:auto;
    margin:0.56rem 0;
}

.slide a {
    line-height: .4rem;
    color: rgba(33, 33, 33, 1);
    vertical-align:middle;
}

.slide .nav-active a {
    width: 100%;
    display:inline-block;
    vertical-align: middle;
    font-size: .26rem;
    background: rgba(241, 23, 13, 1);
    color: rgba(255, 255, 255, 1);
    line-height: .4rem;
    border-radius: .4rem;
    padding:.1rem 0;
}
.container .right-content-new {
    padding: 0 .22rem;
    padding-left:2.1rem;
    min-height: 100%;
    overflow-y: scroll;
}
.container .right-content-new  .right-banner{
    margin-top: .2rem;
}
.container .right-content-new .right-sec{
    margin-top: .2rem;
    background: #fff;
    border-radius: .12rem;

}
.container .right-content-new .right-sec .sec-tabs{
    font-size: 0;
}
.container .right-content-new .right-sec .sec-tabs span{
    display: inline-block;
    height: .6rem;
    width: 1.45rem;
    border:1px solid #B6B6B6;
    font-size: .26rem;
    color: #888;
    line-height: .6rem;
    text-align: center;
    border-radius:.05rem;
    margin:.15rem .05rem 0 .05rem;
}
.container .right-content-new .right-sec .sec-cont{

}
.container .right-content-new .right-sec .sec-cont .cont-item{
    /*margin-top: .3rem;*/
}
.container .right-content-new .right-sec .sec-cont .cont-item .mt0{
    margin-top: 0px!important;
}
.sec-cont .cont-item h2{
    position: relative;
    text-align: center;
    font-size: .26rem;
    color: #212121;
}
.sec-cont .cont-item h2::before{
    content: ' ';
    width: .6rem;
    height: 1px;
    background:#B6B6B6;
    position: absolute;
    top: .16rem;
    left: 1rem;
    z-index: 9;
}
.sec-cont .cont-item h2::after{
    content: ' ';
    width: .6rem;
    height: 1px;
    background:#B6B6B6;
    position: absolute;
    top: .16rem;
    right: 1rem;
    z-index: 9;
}
.container .right-content-new  .right-banner img{
    display: block;
    max-width: 100%;
}
.container .right-content {
    padding: 0 .22rem;
    padding-left:2.1rem;
    min-height: 100%;
    overflow-y: scroll;
}
.container .right-content .banimg{
    display: block;
    width: 100%;
    text-align: center;
}
.container .right-content .banimg img{
    width: 100%;
    height: auto;
    max-height: 260px;
}

.img3-box4 {
    background: rgba(255, 255, 255, 1);
    padding: .2rem;
    margin:.2rem 0;
    border-radius:.12rem;
    overflow: hidden;
}

.img3-box4 label {
    line-height: .35rem;
    color: rgba(33, 33, 33, 1);
}

.img3-box4 ul li {
    position: relative;
    float: left;
    margin: 10px 3px 10px 3px;
    width: calc(33.33% - 6px);
    text-align: center;
}
.img3-box4 ul li .imgbox{
    width:100%;
    height:1.5rem;
    line-height:1.5rem;
    overflow: hidden;
    text-align:center;
    background:#fdfdfd;
}
.img3-box4 ul li img{
    max-width: 100%;
    max-height:100%;
    vertical-align: middle;
}
.img3-box4 ul li p {
    color: rgba(33, 33, 33, 1);
    margin-top:.1rem;
}


/*
商品列表
*/
.list-box {
    align-items: stretch !important;
}
.list-box1 ul li {
    height: 2.6rem;
    background: #fff;
    margin: .2rem .24rem;
    border-radius: 6px;
    position: relative;
}
.list-box1 .txt .title{
    margin-top: 0px;
    padding-top: 0px;
}
.list-box1 ul li .goods-img{
    position: absolute;
    top: .2rem;
    left: 0;
    width: 2.2rem;
    height: 2.2rem;
}
.list-box1 ul li .goods-img img{
    display:block;
    height: 100%;
    width: 100%;
}

.list-box1 .txt {
    padding:.2rem .2rem .2rem 2.5rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.list-box1 .txt .conment img{
    width: 15px;
}
.list-box2 ul{
    margin-top: 5px;
    padding: 5px 7px;
    margin-bottom: 10px;
}
.list-box1 ul{
    margin-top: 5px;
    padding: 5px 7px;
    margin-bottom: 10px;
}
.list-box2 ul .goods-img{
    width: 100%;
    height: 180px;
    text-align: center;
    overflow: hidden;
}
.list-box2 ul .goods-img img{
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    vertical-align: middle;
}
.list-box2 ul li{
    position: relative;
    float: left;
    margin:3px ;
    width: calc( 50% - 6px);
    text-align: center;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    min-height: 7rem;
}

.list-box2 ul li img {
    max-width: 100%;
    max-height:100%;
    vertical-align:middle;
}

.list-box2 .txt {
    height: 2.6rem;
    background: #fff;
    padding: 0 .14rem .3rem;
    margin: -3px auto;
    text-align: left;
    border-bottom-left-radius: .12rem;
    border-bottom-right-radius:.12rem;
    box-sizing: border-box;
}
.list-box .specs{
    height: .64rem;
}
.list-box .specs,
.list-box .num,
.list-box .conment span {
    font-size: .2rem!important;
    color: rgba(136, 136, 136, 1);
    margin-right: .1rem;
    position: relative;
}
.list-box .conment span:last-child{
    margin-left: .5rem;
}
.list-box .conment span:last-child:before{
    content: ' ';
    position: absolute;
    width: 1px;
    height: .2rem;
    left: -.3rem;
    top: .06rem;
    background: #ccc;
    z-index: 1;

}
.fa-ellipsis-h{
    color: rgba(136, 136, 136, 1);
    float: right;
    line-height: 20px;
}
.list-box .price{
    font-weight: 500;
    color: rgba(241, 23, 13, 1);
}

.list-box .ensure {
    margin: 2px 0
}

.list-box .ensure span {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 .05rem;
    height: 0.32rem;
    line-height: .31rem;
    border: 1px solid #F1170D;
    font-size: .2rem;
    color: #F1170D;
    border-radius: 0.05rem;
    overflow: hidden;
}
.fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 3000;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.hide {
    display: none
}

.barwapper {
    position: fixed;
    width: 100%;
    left: 0;
    top: .7rem;
    z-index:999;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.barwapper a {
    min-width: 20%;
    line-height: .7rem;
    text-align: center;
    color: rgba(33, 33, 33, 1);
    position: relative;
}
.allbaby .barwapper a{
    width: 33.33%;
}
.allbaby .barwapper a:last-child{
    padding-right: 10px;
}
.barwapper i{
    color:rgba(136,136,136,1);
}
.bar-active span,
.bar-active i,
.bar-active span i{
    color:#F1170D ;
}

.choice-info {
    right: 0;
    width: 3.8rem;
    background: #fff;
    padding-bottom:1rem;
}
.bar-price i{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:.35rem;
    margin-top:-.12rem;
}
.choice-info .title {
    width: 100%;
    line-height: .5rem;
    background: rgba(246, 246, 246, 1);
    font-size:.24rem;
    color: rgba(136, 136, 136, 1);
    padding-left:.2rem
}

.choice-info .money,
.brand,
.class,
.style,
.service {
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    padding: .22rem .2rem;
}

.choice-info .label {
    font-size: .24rem;
    color: rgba(33, 33, 33, 1);
    pointer-events: none;
}
input {
    border: 0;
    outline: none;
}

.choice-info .detail p,
.choice-info .detail input{
    float: left;
    background: rgba(246, 246, 246, 1);
    border: 1px solid rgba(246, 246, 246, 1);
    border-radius: .5rem;
    font-size:.22rem;
    padding:.1rem .22rem;
    margin: .1rem .1rem .1rem 0rem;
    color: rgba(33, 33, 33, 1);
}
.p-active{
    border: 1px solid #F1170D!important;
    color: #F1170D!important;
}
.choice-info .money .detail input{
    width: .8rem;
}
.choice-info .money .detail .xian{
    float: left;
    width:.2rem;
    height:1px;
    background:rgba(136,136,136,1);
    margin: .3rem .1rem 0 .1rem;
    padding: 0;
    border: none;
}
.btns {
    position: fixed;
    right: 10px;
    bottom: 15px
}

.btns div {
    line-height: .6rem;
    text-align: center;
    float: left;
    width:1.2rem;
    height:.6rem;
    color: rgba(255, 255, 255, 1);
}

.reset {
    background: rgba(248, 169, 16, 1);
    border-radius: 30px 0px 0px 30px;
}

.submit {
    background: rgba(241, 23, 13, 1);
    border-radius: 0px 30px 30px 0px;
}

.header-search a.back {
    /*width: 10px !important;*/
}

.header-search .change {
    line-height: .7rem;
    padding: 0 5px;
    float: right;
    font-size:.24rem;
}

.header-search .change img {
    vertical-align: middle;
}

.shop-a {
    padding: 0 12px;
    background: #fff
}

.shop-a .logobox {
    padding: 8px 0 13px 0
}

.shop-a .logo,
.shopList .logo {
    width: 80px;
    float: left;
    margin-right: 20px;
}

.shop-a .shopname .num,
.shopList .shopname .num {
    font-size: 12px;
    line-height: 17px;
    color: rgba(136, 136, 136, 1);
}

.shop-a .inshop img {
    margin-left: 5px;
    vertical-align: middle;
}

.shopList {
    margin: 10px 0;
    background: #fff
}

.shopList .logobox {
    padding: 15px 12px 0 12px;
}

.shopList .inshop {
    float: right;
    padding: 3px 8px;
    border: 1px solid rgba(241, 23, 13, 1);
    color: rgba(241, 23, 13, 1);
    border-radius: 17px;
}

.shopList .shopul {
    padding: 0 9px
}

.shopList .shopul li {
    position: relative;
    float: left;
    margin: 10px 3px 0 3px;
    width: calc(33.33% - 6px);
    text-align: center;
}
.shopList .shopul li img{
    width: 100%;
    height: 100px;
}
.shopList .shopul li div{
    background:rgba(33,33,33,1);
    opacity:0.5;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 4px;
    padding: 0 2px;
}
/*
商品详情
*/
.mb10 {
    margin-bottom: 10px;
    background: #fff
}

.tools img {
    padding: 0 5px
}

.header-search {
    /*z-index: 10 !important*/
}

.pl10 {
    padding: 10px;
    margin-bottom: 10px;
    background: #fff
}

.message .show,
.video{
    width: 100%;
}
.message .info{
     background: #fff;
 }
.message .info .nameBox {
    padding: 10px 12px 10px
}
.message .info .nameBox .rx-tag,.message .info .nameBox .otc-tag{
    font-size: .2rem;
    height: 16px;
    line-height: 16px;
    padding:0 5px;
    border-radius: 4px;
    margin-right: 3px;
    white-space: nowrap;
}
.message .info .nameBox .rx-tag{
    color: #0DBCF1;
    background: #DFF6FF;
}
.message .info .nameBox .otc-tag{
    color: #00C728;
    background: #E2FFDF;
}
.equity{
    width: 6.9rem;
    height: auto;
    margin: auto;
    background:#F8EBDB;
    margin-bottom: .15rem;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: .24rem;
    color: #212121;
    vertical-align: middle;
}
.equity img{
    display: inline-block;
    width: .33rem;
    vertical-align: middle;
    margin-top: -2px;
}
.message .info .priceBox{
    padding: 10px;
    box-sizing: border-box;
}
.message .info .discount {
    /*color: rgba(241, 23, 13, 1);*/
    font-weight: bold;
}

.message .info .price {
    color: rgba(241, 23, 13, 1);
    font-size: .32rem;
    /*text-decoration:line-through ;*/
}
.message .info .priceIcon{
    background: linear-gradient(264deg,#F1170D 0%,#FD550E 100%);
    font-size: .24rem;
    color: #fff;
    padding: 0 7px;
    margin-left: 3px;
    font-weight: lighter;
    border-radius: 10px 20px 20px 0;
}
.message .market_price{
    font-size: .24rem;
    color: #B6B6B6;
    margin-left: 5px;
}
.message .info .collect {
    color: rgba(241, 23, 13, 1);
    text-align: center;
    min-width: 45px;
    float: right;
    margin-top: 7px;
}
.message .info .collect .g_7{
    margin-top: 0px;
    height: 16px;
    display: inline-block;
    margin: auto;
    margin-right: 5px;
}
.message .info .collect .collect-type{
    display: inline-block;
}
.message .info .name {
    font-size: 18px;
    max-width: 6.5rem;
    display: flex;
    align-items: center;
}
.message .info .name img{
    width: 30px;
    height: 18px;
    margin-right: 5px;
}
.message .info .tips{
    font-size: 0.24rem;
    line-height: 17px;
    color: #B6B6B6;
    margin-top: 7px;
}
.address span {
    font-size: 12px;
}
.imgindex{
    width: 50px;
    height: 20px;
    border-radius: 10px;
    background: rgb(0, 0, 0, .3);
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
}
.imgindex-a{
    width: 50px;
    height: 20px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    z-index: 999;
    display: none;
}
.address label,
.address .sales,
.color label {
    margin-right: 10px;
    color: rgba(136, 136, 136, 1)
}

.color label,
.address label {
    padding-left: 0
}

.color .colorwapper img,
.user img,
.user span {
    float: left;
}

.color .colorwapper img {
    width:.7rem;
    height:.7rem;
    margin-right: .1rem
}

.user img {
    width:.5rem;
    height: .5rem
}

.color .colorwapper .plocholder {
    float: left;
    font-size: .2rem;
    color: rgba(136, 136, 136, 1);
    line-height:.3rem;
    background: rgba(246, 246, 246, 1);
    border-radius:.06rem;
    padding: .06rem .16rem;
    margin-top:.2rem
}

.user span {
    font-size: .2rem;
    line-height: .5rem;
    color: rgba(136, 136, 136, 1);
    margin-left:.1rem;
    max-width: 4.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.shouhui{
    width: 100%;
    height: 2.6rem;
    background: url("../images/shouhui_bk.png")no-repeat;
    background-size: cover;
    position: relative;
    padding: .4rem .28rem .4rem 1.6rem;
    box-sizing: border-box;
}
.shouhui img{
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: .4rem;
    left: .28rem;
    border-radius: 6px;
}
.sh-name{
    font-size: .36rem;
    font-weight: bold;
    line-height: .5rem;
    color: #FFFFFF;
}
.shouhui .notes{
    font-size: .28rem;
    line-height: .4rem;
    color: #FFFFFF;
    margin-top: 5px;
}
.sh-opbtn{
    margin-top: 20px;
}
.sh-opbtn a:first-child{
    background: #FFFFFF;
    border-radius: 20px;
    font-size: .28rem;
    font-weight: bold;
    line-height: .4rem;
    color: #00B5A4;
    padding: 2px 11px;
}
.sh-opbtn a:last-child{
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    font-size: .28rem;
    font-weight: bold;
    line-height: .4rem;
    color: #FFFFFF;
    margin-left: 20px;
    padding: 2px 11px;
}
.intro{
    padding: .2rem .1rem;
    text-align: center;
    background:#fff;
}
.intro div{
    width: calc(25% - 10px);
    padding: 0 5px;
}
.intro div img{
    width: 100%;
}
.intro div span{
    display: inline-block;
    margin-top: .2rem;
}
.pharmacist{
    padding: 10px;
}
.pharmacist img{
    width: 100%;
}
.shopBox{
    background: #fff;
    position: relative;
    padding: .4rem 0 .2rem 0;
    height: 1.9rem;
    box-sizing: border-box;
}

.shopBox .photo {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: .4rem;
    left:.24rem;
}
.shopBox  .name{
    /*width: 100%;*/
    padding-left: 1.6rem;
    padding-right: 3.2rem;
    line-height: 1.2rem;
}


.t-h-1{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.t-h-2{
    letter-spacing: 0;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;  /*要显示的行数*/
    -webkit-box-orient: vertical;
    font-size:12px;
}
.t-h-2 a{
    color:#333;
}

.shopBox .in {
    position: absolute;
    right: .24rem;
    top: .8rem
}

.shopBox .in a{
    border: 1px solid rgba(241, 23, 13, 1);
    border-radius:.4rem;
    padding: .06rem .16rem;
    font-size: .24rem
}

.shopBox .in .all {
    color: rgba(241, 23, 13, 1);
}

.shopBox .in .inshop {
    color: rgba(255, 255, 255, 1);
    background: rgba(241, 23, 13, 1);
    margin-left: 10px
}

.tab {
    padding: 10px 12px;
    background: #fff;
}
.good-article{
    margin-top: 10px;
    padding:0 10px;
    background: #fff;
}
#swiper-article{
    width: 100%;
    height: 100px;
    box-sizing: border-box;
}
.good-article .swiper-slide{
    position: relative;
    padding-left: 80px;
    padding-top: 20px;
    box-sizing: border-box;
}
.good-article .swiper-slide img{
    width: 70px;
    height: 70px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    border-radius: 2px;
}
.good-article .swiper-slide p{
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 25px
}

#order-tab {
    position: relative;
    top: 0;
    height:.7rem;
    z-index: 2
}

.bottomBtn {
    background: #fff;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left:0;
    right: 0;
    z-index: 10;
    padding:0 .2rem;
    height: 1rem;
    align-items: center;

    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
.bottomBtn .btn {
    /*min-width: 45px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: none;
}

.bottomBtn .btn img {
    height: .36rem;
}
.bottomBtn .btn span{
    font-size: .24rem;
    margin-top: 2px;
}
.btn-g-b a {
    color: rgba(255, 255, 255, 1);
    line-height: 34px;
}

.btn-g-b .jia {
    background: rgba(248, 169, 16, 1);
    border-radius: 30px 0px 0px 30px;
    padding: 10px 16px;
}

.btn-g-b a:hover {
    color: #fff;
}

.btn-g-b .buy {
    background: rgba(241, 23, 13, 1);
    border-radius: 0px 30px 30px 0px;
    padding: 10px 23px;
    margin-left: -2px;
}

.btn-g-b .appointment {
    background: rgba(241, 23, 13, 1);
    border-radius: 30px 30px 30px 30px;
    padding: 7px 23px;
    margin-left: -2px;
}

.top-nav {
    position: fixed;
    background: #fff;
    width: 100%;
    top: .7rem;
    z-index: 10;
}

.top-nav a {
    color: rgba(33, 33, 33, 1);
    position: relative;
    line-height: .7rem;
    min-width: 1.5rem;
    text-align: center;
}

.n-active {
    color: rgba(241, 23, 13, 1) !important;
}

.n-active:after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 1px;
    background: rgba(241, 23, 13, 1)
}

.evaluate .ask .icon {
    background: rgba(241, 23, 13, 1);
    border-radius: 3px;
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
}

.evaluate .answer .icon {
    background: rgba(0, 197, 164, 1);
    border-radius: 3px;
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
}

.evaluate .answer .txt {
    color: rgba(182, 182, 182, 1);
}

.tab-title {
    text-align: center;
    padding: 12px 0;
    position: relative;
}

.tab-title:after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -22px;
    width: 44px;
    height: 1px;
    background: rgba(241, 23, 13, 1);
    /*background: #000;*/
}

.tab img {
    width: 100%
}
.descDetail{
    background: #fff;
    position: relative;
}
.descDetail label{
    padding-left: 10px;
}
.descDetail label:before{
    content:"";
    width: 4px;
    height: 14px;
    background: #F1170D;
    position: absolute;
    left: 0;
    top: 2px;
}
.descDetail .title{
    margin-top: 15px;
    background: url(../images/line_gray.png) repeat-x center;
    text-align: center;

}
.descDetail .title span{
    font-size: 16px;
    padding: 0 30px;
    background: #fff;
}
.descDetail .name{
    margin-top: 10px;
    text-align: center;
}
.zhankaiBox{
    height: 230px;
    overflow: hidden;
}
.operate{
    text-align: center;
    color: #888888;
    margin-top: 15px;
}
.operate img{
    width: 6px;
    transform: rotate(90deg);
    transition: all .2s;
    margin-left: 10px;
}
.operate .open{
    transform: rotate(-90deg);
    transition: all .2s;
}
.dd-title {
    font-size: 16px;
    padding: 0 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    background: url(../images/line_gray.png) repeat-x center;
    text-align: center;
}
.dd-title span {
    font-size: 16px;
    padding: 0 30px;
    background: #fff;
}
table{
    width: 100%;
    margin-top: 18px;
    border: 1px solid #E6E6E6
}
table td{
    line-height: 17px;

}
table th{
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}
table td:nth-child(1){
    width: 92px;
    padding: 12px;
    text-align: center;
}
table td:nth-child(2){
    padding: 12px;
    text-align: left;
}
.mask,
.mask-b{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .3);
    display: none;
}
.mask-b{
    z-index: 101;
}
.zoomBox,.pinch-zoom-container{
    overflow-y: auto!important;
}
.zoomBox{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -900px;
    z-index: 9999;
    background: #000;
}
.imgresult{
    /*position: fixed;*/
    /*z-index: 999;*/
}
.color-box {
    position: fixed;
    bottom: -500px;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 500px;
    background: rgba(255, 255, 255, 1);
    border-radius: 6px 6px 0px 0px;
}

.container-color {
    padding: 10px 12px
}
.container-color .goods-box{
    display: none;
}
.container-color .goods-box.goods-show{
    display: block;
}
.container-color .img-box {
    height: 100px;
    padding-left: 115px;
    position: relative;
}

.container-color .img-box .left-img {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
}

.container-color .img-box span {
    /*color: rgba(241, 23, 13, 1);*/
}
.container-color .img-box .priceIcon{
    background: linear-gradient(264deg,#F1170D 0%,#FD550E 100%);
    border-radius: 2px;
    font-size: 0.20rem;
    color: #fff;
    padding: 0 7px;
    margin-left: 10px;
    font-weight: lighter;
}

.container-color .img-box .text {
    padding-top: 20px
}

.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 17px;
    padding: 0 15px 15px 15px;
}

.container-color .spec p,
.container-color .color-cl p {
    float: left;
    padding:0 5px;
    min-width: 50px;
    height: 30px;
    background: #F6F6F6;
    border: 1px solid#F6F6F6;
    border-radius: 6px;
    text-align: center;
    line-height: 30px;
    margin:5px 10px 5px 0;
}
.spec-active,
.color-active {
    color: #F1170D;
    border:1px solid #F1170D!important;
}

.container-color .number label,
.container-color .number div p {
    float: left;
    line-height: 30px
}
.container-color .number .reduce,
.container-color .number .add{
    padding: 0 20px;
    font-size: 20px;
}
.container-color .number .num-2 {
    width: 50px;
    height: 30px;
    background: rgba(245, 245, 245, 1);
    text-align: center;
    border-radius: 6px;
}

.color-box-btns {
    position: absolute;
    bottom: 10px;
    left: 12px;
    right: 12px;
}

.color-box-btns a {
    display: inline-block;
    float: left;
    width: 50%;
    color: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 6px rgba(241, 23, 13, 0.23);
    text-align: center;
    line-height: .7rem
}

.color-box-btns a:hover {
    color: rgba(255, 255, 255, 1);
}

.color-box-btns .btn1 {
    background: rgba(248, 169, 16, 1);
    border-radius: .3rem 0px 0px .3rem;
}

.color-box-btns .btn2 {
    background: rgba(241, 23, 13, 1);
    border-radius: 0px .3rem .3rem 0px;
}

.addShoppingCar {
    position: fixed;
    bottom: -546px;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 546px;
    background: rgba(255, 255, 255, 1);
    border-radius: 6px 6px 0px 0px;
}

.addShoppingCar .btn-submit ,.support-submit{
    position: absolute;
    bottom: 10px;
    left: 12px;
    right: 12px;
    line-height: 34px;
    background: rgba(241, 23, 13, 1);
    color: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 6px rgba(241, 23, 13, 0.23);
    border-radius: 17px;
    text-align: center;
}

.color-box .btn-submit {
    position: absolute;
    bottom: 10px;
    left: 12px;
    right: 12px;
    line-height: 38px;
    background: rgba(241, 23, 13, 1);
    color: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 6px rgba(241, 23, 13, 0.23);
    border-radius: 38px;
    text-align: center;
    font-size: .28rem;
}
.focus-a{
    position: relative;
    background: #fff;
    /*height: 40px;*/
    padding: 10px 12px 10px 62px;
}
.rateBox {
    background: #fff;
    padding: 0 12px
}
.rateBox .rate{
    padding-left: .2rem;
}
.rate-box,
.basicBox{
    margin: 10px 12px;
    background: #fff;
}
.basicBox .basic{
    padding: .1rem .2rem;
}
.rateBox .rate {
    border-bottom: 1px solid rgba(230, 230, 230, 1);
}
.layui-rate li i.layui-icon {
    font-size: 16px;
    margin-top: -5px;
}
.rateBox .eva-sort {
    padding-bottom: 15px
}

.rateBox .eva-sort li {
    float: left;
    text-align: center;
    margin-top: 15px;
    margin-right: 10px;
}

.rate-box .rate li span {
    margin-left: 30px;
}

.rate .higheva {
    line-height: 36px;
    color: rgba(122, 182, 86, 1);
}

.rate .loweva {
    line-height: 43px;
    color: rgba(241, 23, 13, 1);
}
.basicBox .basic h1{
    font-size:.3rem;
    line-height:.5rem;smallbox position-r
    color:rgba(136,136,136,1);
    padding-left: 10px;
}
.basicBox .basic label,
.basicBox .basic span {
    line-height: 36px
}

.basicBox .basic span {
    float: right;
    padding: 0 20px;
}
.shopcodeBox {
    position: fixed;
    bottom: -346px;
    z-index: 99;
    width: 280px;
    height: 326px;
    background: rgba(255, 255, 255, 1);
    border-radius: 6px 6px 0px 0px;
    padding: 10px;
}
.shopcodeBox .code{
    text-align: center;
}

.shopcodeBox .code img{
    width: 180px;
    height: 180px;
    margin: 25px 0;
}
.shopcodeBox .code{
    text-align: center;
    font-size:13px;
    color: #888888;
}
.layui-icon-rate {
    color: rgba(136, 136, 136, 1) !important;
}

.layui-icon-rate-solid {
    color: rgba(241, 23, 13, 1) !important;
}

.container .rateBox li a,.goods_label li a {
    display: inline-block;
    height: .42rem;
    line-height:.42rem;
    padding: 0 10px;
    background: rgba(246, 246, 246, 1);
    border: 1px solid rgba(246, 246, 246, 1);
    border-radius:.42rem;
    text-align: center;
}

.eva-active {
    border: 1px solid rgba(241, 23, 13, 1) !important;
    background: rgba(255, 255, 255, 1) !important;
    color: rgba(241, 23, 13, 1) !important;
}
.e-bottom{
    margin-top: 10px;

}
.e-bottom p{
    color: #888888;
}
.zan{
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    height: 19px;
}
.zan p{
    display: flex;
    flex-direction: column-reverse;
    margin-left:.1rem;
}
.zan img{
    height: .3rem;
    line-height: 19px;
}
.zan-active p{
    color: #F1170D;
    line-height: 19px;
}
.big .detail{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px 60px 12px 15px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
   /* opacity: 0.5; !* 支持opacity的浏览器*!
    filter:alpha(opacity=50); !* IE678 *!
    -moz-opacity:0.5; !* 老版Mozilla *!
    -khtml-opacity:0.5; !* 老版Safari *!*/
    /* opacity: 0.5; !* 支持opacity的浏览器*!
     filter:alpha(opacity=50); !* IE678 *!
     -moz-opacity:0.5; !* 老版Mozilla *!
     -khtml-opacity:0.5; !* 老版Safari *!*/
}
.big .detail span{
    color: #fff;
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
}
#swiper-top .swiper-wrapper .swiper-slide img{
    height: auto;
}

.big .detail .layui-rate{
    padding: 0;
    font-size: 14px;
}
.big .index{
    width: 100%;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.big .index img{
    position: absolute;
    left: 10px;
}
.big .detail .layui-rate li i.layui-icon{
    font-size: 14px;
}
.big .detail span{
    line-height: 20px;
}
.big .detail .content{
    margin-top: 15px;
    line-height: 20px;
    font-size: 12px;
}
.big .detail .zan{
    position: absolute;
    right: 12px;
    bottom: 24px;
}

.eva-detail {
    background: #fff;
    padding: .2rem .22rem;
    margin-bottom: .2rem;
}
.share-box {
    position: fixed;
    bottom: -284px;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 250px;
    background: rgba(245, 245, 245, 1);
    border-radius: 6px 6px 0px 0px;
}

.share-box .like-box {
    margin: 17px 55px 5px 55px;
}

.share-box .like-box h2 span {
    color: rgba(33, 33, 33, 1);
    padding: 0 20px;
}

.share-title {
    position: relative;
    text-align: center;
    margin: 17px 0 5px 0;
}

.share-title:before {
    content: '';
    height: 1px;
    width: 93px;
    background: rgba(136, 136, 136, 1);
    position: absolute;
    top: 14px;
    left: 42px;
}

.share-title:after {
    content: '';
    height: 1px;
    width: 93px;
    background: rgba(136, 136, 136, 1);
    position: absolute;
    top: 14px;
    right: 42px;
}

.share-container li,
.create-poster li {
    float: left;
    width: 20%;
    margin-top: 12px;
    text-align: center;
    overflow: hidden;
}

.share-container li img,
.create-poster li img {
    width: 44px;
    height: 44px
}

.share-container li p {
    color: rgba(33, 33, 33, 1);
    text-align: center;
    font-size: 12px;
}

.btn-cancel {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 38px;
    background: rgba(255, 255, 255, 1);
    text-align: center;
}

.create-poster {
    position: fixed;
    bottom: -134px;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 134px;
    background: rgba(245, 245, 245, 1);
    border-radius: 6px 6px 0px 0px;
}

.create-poster .title {
    text-align: center;
    padding: 27px 0 4px 0
}

.poster {
    position: fixed;
    width: 70%;
    height: auto;
    left:15%;
    background: #fff;
    z-index: 100;
}
.poster img{
    display: block;
    width: 100%;
    max-height: 80%;
}
.poster span {
    color: rgba(241, 23, 13, 1)
}

/*
搜索
*/
.tools a {
    background: rgba(241, 23, 13, 1);
    padding: .08rem .2rem;
    border-radius: 17px;
    border: none;
    color: #fff;
    text-align: center;
}
.tools a:visited{
    color: #fff;
}
.tools a:hover {
    color: #fff;
}

.search-box .sea-active {
    height: .33rem;
    width: .33rem;
    position: absolute;
    top:.1rem;
    right: .3rem;
    display: none;
}
.history,
.find {
    padding: 20px 12px 10px 12px;
    background: #fff;
    position: relative;
}

.history a,
.find .find-box a {
    display: inline-block;
    padding: 5px 10px;
    background: #F6F6F6;
    border-radius: 30px;
    color: rgba(136, 136, 136, 1);
    margin: 10px 10px 0 0
}

.history i,
.find i {
    float: right;
    color: rgba(182, 182, 182, 1)
}

.find-hide {
    padding: 30px 0;
    text-align: center;
    color: rgba(136, 136, 136, 1);
    display: none;
}

.history:after {
    content: '';
    height: 1px;
    background: rgba(182, 182, 182, .5);
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0
}

.querylist {
    margin: 10px 12px;
    padding: 10px;
    background: #fff
}

.querylist label {
    padding-left: 0;
    font-size: 14px;
}

.querylist li {
    height: 70px;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
    padding-left: 120px;
}

.icon1 {
    background: url(../images/index/i_1.png) no-repeat;
    background-size: cover;
}

.icon2 {
    background: url(../images/index/i_2.png) no-repeat;
    background-size: cover;
}

.icon3 {
    background: url(../images/index/i_3.png) no-repeat;
    background-size: cover;
}

.querylist li .icon {
    background-position-y: center;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 20px;
}

.querylist li .icon span {
    position: absolute;
    bottom: 2px;
    width: 20px;
    text-align: center;
    color: #fff;
}

.icon-other {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 25px;
    background: rgba(241, 173, 13, 1);
    border-radius: 50%;
}

.icon-other span {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    line-height: 20px;
}

.querylist .imgicon {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 30px;
}

.querylist li .tst {
    padding-top: 10px;
}
.querylist li .tst p{
    font-size: 14px;
}
.querylist li .tst span {
    color: rgba(136, 136, 136, 1);
    vertical-align: middle;
}

.tst i {
    color: rgba(241, 23, 13, 1);
    margin-top:3px;
}

.querylist li .tst .hoticon {
    position: absolute;
    top: 10px;
    right: 0;
    border-radius: 3px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    text-align: center;
}

.hoticon1 {
    border: 1px solid rgba(241, 23, 13, 1);
    color: rgba(241, 23, 13, 1);
}

.hoticon2 {
    border: 1px solid rgba(248, 169, 16, 1);
    color: rgba(248, 169, 16, 1);
}

.layui-extend-order h2 {
    color: rgba(241, 23, 13, 1);
    padding: 20px 0;
}

.layui-layer-btn1 {
    color: #888 !important;
}

.query-null {
    /*background: #fff;*/
    padding-top: 15px;
    text-align: center;
}

.fa-question-circle {
    color: rgba(248, 169, 16, 1);
    font-size: 20px;
    margin-right: 3px;
}

.contentList {
    position: fixed;
    top: .7rem;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2;
    display: none
}

.contentList li {
    padding: 15px 14px;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
}

/*
文章
*/
.banner {
    padding: 15px 0
}

.banner img {
    width: 100%;
}

.articleBox {
    padding: 5px 12px;
    background: #fff;
    margin: 15px -12px;
}

.articleBox li {
    border-bottom: 0.5px solid rgba(182, 182, 182, .5);
    position: relative;
    min-height: 80px;
}
.articleBox li:last-child{
    border-bottom:none;
}
.title-a,
.art-title,
.shop .name{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}

.right-a {
    padding: 10px 125px 10px 0;
}

.left-a {
    padding: 10px 0 10px 125px;
}

.middle-a {
    padding: 10px 0;
}

.right-a img {
    width: 115px!important;
    height: 80px!important;
    position: absolute;
    top: 10px;
    right: 0;
}

.left-a img {
    width: 115px!important;
    height: 80px!important;
    position: absolute;
    top: 10px;
    left: 0;
}

.article-content {
    margin-top: 10px;
    color: rgba(136, 136, 136, 1);
    font-size: 12px;
    line-height: 18px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    padding-right: .2rem;
}

.middle-a .article-content {
    color: rgba(136, 136, 136, 1);
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 0;
}

.middle-a .imgBox li {
    float: left;
    width: 33.33%;
    text-align: center;
    overflow: hidden;
    padding: 0;
    border-bottom: none;
}

.middle-a .imgBox li img {
    width: 110px!important;
    height: 81px!important;
}

.art-title {
    margin: 0 30px;
    font-size: 16px;
    font-weight: 400;
}

.articleDetail {
    padding: 6px 12px;
    background: #fff;
    margin-top: 45px;
    line-height: 25px;
}
.articleDetail img{
    max-width: 100%;
    height:auto;
}
.articleDetail p img{
    max-width: 100%;
    height:auto;
    margin-left: -2em;
    display: block;
    margin: auto;
}
.articleDetail h1 {
    font-size: 16px;
    margin: 6px 0
}

.artBtn {
    padding: 6px 3px 12px 3px;
}
.articleDetail .txt{
    text-indent: 2em;
}
.artBtn a {
    color: rgba(241, 23, 13, 1);
    padding: 3px 8px;
    border: 1px solid rgba(241, 23, 13, 1);
    border-radius: 17px;
}
.artBtn a img{
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.golook {
    margin: 0 12px;
    background: #fff;
    border-radius: 6px;
    position: relative;
}
.golook .pic{
    display: block;
    width: 125px;
    height: 125px;
    float: left;
}
.golook img {
    display: block;
    width:100%;
    height: 100%;
}
.goodsBox.art-d li{
    padding-left: 0px;
    border-radius: 6px;
}
.goodsBox.art-d .golook{
    margin-left: 0px;
}
.gosee {
    height: 125px;
    margin-left: 135px;
    position: relative;
}

.gosee .name {
    padding-top: 12px;
}
.gosee .p_size{
    font-size: 10px;
    color: #888888;
    line-height: 1;
    margin-top: 10px;
}
.gosee .spec {
    font-size: 10px;
    color: rgba(136, 136, 136, 1);
}

.gosee .money {
    color: rgba(241, 23, 13, 1);
    margin-top: 15px
}

.gosee a {
    background: rgba(241, 23, 13, 1);
    border-radius: 17px;
    font-size: 12px;
    padding: 3px 14px;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    bottom: 15px;
    right: 0px
}

.gosee a:hover{
    color: rgba(255, 255, 255, 1);
}

.art-d {
    background: none;
    padding: 0;
}

.art-d li {
    background: #fff;
    border-bottom: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 12px;
}

.art-d li img {
    right: 10px;
}

.header-right-set {
    position: fixed;
    width: 124px;
    top: 40px;
    right: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    z-index: 99999;
    display: none;
}

.header-right-set ul {
    padding: 0 10px;
}

.header-right-set li {
    padding-left: 15px;
    line-height:.8rem;
    height: .8rem;
    vertical-align: middle;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    position: relative;
}
.header-right-set li:nth-child(2){
    border-bottom: none;
}
.header-right-set li a{
    display:block;
    color:#222;
    width: 100%;
    height: 100%;
    line-height:.8rem;
}
.header-right-set li img {
    vertical-align: middle;
    margin-right: 10px;
    width:.25rem;
    height: .25rem;
    margin-top:-3px;
}

.messageNumber,
.toomore {
    height: 13px;
    position: absolute;
    top: 5px;
    left: 25px;
    background: rgba(241, 23, 13, 1);
    box-shadow: 0px 3px 6px rgba(241, 23, 13, 0.23);
    border-radius: 50%;
    color: #fff;
    line-height: 13px;
    text-align: center;
    font-size: 10px;
    padding: 0 4px
}

.toomore {
    line-height: 5px
}

/*
店铺首页
 */
.shop-container{
    margin-top: 1.7rem;
    margin-bottom:1rem;
}

.focus {
    background: #fff;
    padding: .2rem .2rem .2rem 60px;
    height: .72rem;
    position: fixed;
    top:.7rem;
    left: 0;
    right: 0;
    z-index: 9;
}
.shop-foucus{
    position: fixed;
    top: 44px;
    left: 0;
    right: 0;
}
.focus i {
    font-size: 18px;
}

.focus-img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: .14rem;
    left: 12px;
}

.addfocus {
    border: none;
    background: rgba(241, 23, 13, 1);
    box-shadow: 0px 3px 6px rgba(241, 23, 13, 0.23);
    border-radius: 17px;
    color: rgba(255, 255, 255, 1);
    padding: 4px 12px;
    position: absolute;
    top: 13px;
    right: 12px;
    outline: none;
}

.shop-slide{
    top: 109px;
    bottom: 60px;
    background: none;
    min-height: auto;
}
.shop-slide .nav-active{
    background: #fff;
    border-left:4px solid rgba(241,23,13,1);
}
.shop-slide .nav-active a {
    background: none;
    color:rgba(241,23,13,1);
}
.shop-right ul{
    padding-bottom: 20px;
}
.shop-right ul li{
    margin-top: 20px;
}
.deliver {
    padding: 10px;
    margin: 10px 12px;
    text-align: left;
    background: #fff
}

.deliver .like-box {
    margin: 0;
}

.deliver .like-box h2 span {
    color: rgba(33, 33, 33, 1);
    background: #fff;
}

.deliver .txt {
    line-height: 16px;
    text-indent: 25px;
    padding: 10px 0;
    font-size: 11px;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
}
.img3-box3 .imgwapper li {
    position: relative;
    margin: 10px 3px 0 3px;
    width: calc(50% - 6px);
    text-align: center;
}
.classif li{
    float: left;
    margin-top: 10px;
}
.classif li .topImg{
    height: 50px;
    width: 50px;
    border-radius:50%;
    margin:auto;
    overflow: hidden;
}
.classif li img{
    width: 100%;
    height: 100%;
}
.classif li p{
    font-size: 12px;
    color: #212121;
    margin-top: 5px;
}
.classif1 li{
    position: relative;
    margin: 10px 12px;
    width: calc(25% - 24px);
    text-align: center;
}
.classif1 li a{
    display: block;
    margin:auto;
    color: #212121;
}
.classif1 li a img{
    display: block;
    width: 100%;
    height: 100%;
}
.classif2{
    padding: 0 7px;
}

.classif2 li{
    position: relative;
    margin: 10px 5px;
    width: calc(25% - 10px);
    text-align: center;
}
.classif3{
    padding: 0 7px;
    margin-bottom: 20px;
}
.classif3 li{
    position: relative;
    margin: 10px 5px 0 5px;
    width: calc(50% - 10px);
    text-align: center;
}
#shop-content{
    width: 100%;
}
#shop-content .swiper-slide img {
    width: 100%;
}
.back-box{
    margin: 10px 0;
}
.back-box2{
    margin: 15px 12px;
}
.back-box img,
.back-box2 img{
    width: 100%;
}
.img2-box1,
.img2-box2{
    padding: 0 7px;
}
.img2-box1 .imgwapper li{
    position: relative;
    float: left;
    margin: 10px 5px 0 5px;
    width: calc(50% - 10px);
}
.img2-box1 .imgwapper li img,
.img2-box2 .imgwapper li img,
.img3-box5 .imgwapper li img,
.img3-box6 .imgwapper li img{
    width: 100%
}

.img3-box5{
    margin: 12px 7px;
}
.img3-box5 .imgwapper li{
    position: relative;
    float: left;
    margin: 10px 5px 0 5px;
    width: calc(33.33% - 10px);
}
.img2-box2{
    padding: 20px 7px;
}
.img2-box2 .imgwapper li{
    position: relative;
    float: left;
    margin: 10px 5px 0 5px;
    width: calc(50% - 10px);
}
.img3-box6{
    margin: 12px 7px;
}
.img3-box6 .imgwapper li{
    position: relative;
    float: left;
    margin: 10px 5px 0 5px;
}
.img3-box6 .imgwapper li{
    width: calc(40% - 10px);
}
.img3-box6 .imgwapper li:first-child,
.img3-box6 .imgwapper li:last-child{
    width: calc(30% - 10px);
}
.now-buy{
    padding: 12px;
}
.b_active span{
    color:#F1170D ;
}
.fa-heart{
    margin-right: 5px;
}
.gg_843{
    width: 15px;
    height: 3px;
    float: right;
    padding: 8px 0 8px 20px;
}
.Chevron_r2x{
    width: 6px;
    height: 10px;
    margin-left: 5px;
}
.g_768{
    width: .36rem;
    height: .34rem
}
.g_13_1{
    width: .36rem;
    height:.36rem
}
.gg_205 {
    /*width: .02rem;*/
    height:.36rem
}
.g_78,
.g_111{
    width: .3rem;
    height:.3rem;
    vertical-align: middle;
}
.g_46_2{
    width:.26rem;
    height: .24rem;
}
.g_40{
    height: .36rem;
    display: block;
    MARGIN: auto;
}

/* @author:duxingfeng 店铺首页文章只显示两行内容*/
.shop-container .vis-article .articleBox .article-content{
    overflow: hidden ;
    display: -webkit-box ;
    -webkit-line-clamp: 2 ;
    -webkit-box-orient: vertical ;
    word-break: break-all
}

/*
营销
 */
.detail-add{
    height: 60px;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    background:  url(../images/add_1.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 10px;
}

.detail-add .left span:nth-child(3){
    margin-left:10px;
}
.detail-add .left img{
    width: 35px;
    height: 35px;
    margin-right: 10px;
    margin-top: 5px;
    vertical-align: bottom;
}
.detail-add .left p{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width: 220px;
}

.detail-add .left p:last-child{
    font-size: 18px;
}
.detail-add .right .endTime,
.detail-add .right .beginTime{
    text-align: center;
}
.detail-add .right .endTime span,
.detail-add .right .beginTime span{
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #FFFFFF;
    border-radius: 4px;
    font-size: 12px;
    color: #F1170D;
}
.layui-bg-f11 {
    background-color: #F1170D!important;
}
.layui-progress-text {
    top: -6px!important;
}
.layui-progress-text {
    position: absolute!important;
    left: 20px;
    display:block;
    width: 55px;
}
.layui-progress-text::before{
    /*content: '已抢';*/
}
.detail-rob .right p{
    font-size: 12px;
    text-align: center;
}
.add-discount{
    margin-top: .2rem;
    background: #fff;
    padding: .3rem .2rem .1rem;
    overflow: hidden;
}
.add-discount label{
    float: left;
    padding-left: 0;
}
.add-discount .content{
    margin-left: .7rem;
    position: relative;
}
.add-discount .content .cupon div{
    line-height: .38rem;
}
.add-discount .content .cupon{
    position: relative;
    margin-bottom: .2rem;
    /*border: 1px solid #f0a30a;*/
}
.pl40{
    padding-left:.7rem;
}
.row-left{
    display: inline-block;
    font-size: .24rem;
    color: #F1170D;
    padding:0 .1rem;
    line-height: .32rem;
    background:rgba(241,23,13,.1);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
}
.add-discount .content .col{
    /*默认俩个inline-block基线对齐，top才能使div对齐*/
    vertical-align:top;
    display: inline-block;
    width: 1.5rem;
    height: .34rem;
    box-sizing: border-box;
    line-height: .31rem!important;
    border:1px solid #F1170D;
    border-radius: 1px;
    text-align: center;
    font-size: .2rem;
    font-weight: 900;
    color: #F1170D;
    margin-left:.1rem;
    margin-top: .02rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding:0 .05rem;
}
.mt15{
    margin-top: .3rem;
}
.heightprice{
    background: #fff;
    padding:12px;
    margin-bottom: 10px;
}
.heightprice .row_1{
    margin-top: 12px;
}
.heightprice .row_2{
    margin-top: 20px;
}
.heightprice  img{
    width: 40px;
    height: 40px;
    float: left;
}
.heightprice .row_1 div{
    margin-left: 55px;
}
.heightprice .row_2 div:last-child{
    margin-left: 85px;
}
.heightprice .font-red{
    font-size:12px;
    color: #F1170D;
}
.heightprice .row_2 .red_checkbox{
    float: left;
    margin-right: 10px;
}
.red_checkbox label{
    padding-left: 0;
}
.heightprice .total{
    margin-top: 20px;
}
.heightprice  button{
    background-color: transparent;
    width: 100%;
    border:1px solid #F1170D;
    border-radius:17px;
    line-height: 34px;
    font-size:15px;
    font-weight:bold;
    color: #F1170D;
    margin-top: 20px;
}
.gift-btn{
    position: fixed;
    left: 0;
    right: 0;
    bottom:.8rem;
    padding: 10px 20px;
    background: #F6F6F6;
    z-index: 2;
}
.gift-btn span{
    display: inline-block;
    width: 100%;
    border: 1px solid #F1170D;
    border-radius:17px;
    line-height: 34px;
    color: #F1170D;
    text-align: center;
}
.gift-icon{
    display: inline-block;
    border:1px solid #F1170D;
    color: #F1170D;
    font-size:18px;
    line-height: 25px;
    padding: 0 10px;
    margin-top: 10px;
    margin-right: 10px;
}
.gift-btn_1{
    background:#E6E6E6!important;
}
.youhui-detail{
    position: fixed;
    bottom: -70vh;
    left: 0;
    z-index: 99;
    width: 100%;
    box-sizing: border-box;
    height:70vh;
    background: #fff;
    border-radius: 6px 6px 0px 0px;
    padding: 12px 0;
    overflow-y: scroll;
}
.plr12{
    padding: 0 12px;
}
.youhui-row{
    position: relative;
}
.youhui-row .row-left{
    left: 12px;
}
.youhui-row .row-left-pop-cont{
    display: block;
    font-size: .28rem;
    color: #000;
    margin: .1rem 0;
}
.youhui-detail .close{
    right: 10px;
    top: 10px;
    z-index: 2;
}
.youhui-detail .title{
    margin: 0 auto;
    text-align: center;
}
.youhui-detail .giftBox{
    background:#FAFAFA;
    margin: .15rem .2rem;
    padding-bottom: 0.15rem;
}
.youhui-detail .giftInfo{
    margin: 0 .2rem;
}
.youhui-detail .giftList,.add-discount .giftList{
    display:block;
    width: 94%;
    height: .6rem;
    background: #FAFAFA;
    border-radius: 4px;
    position: relative;
    box-sizing: border-box;
    padding: 4px 10px 5px 10rpx;
    overflow: hidden;
}
.youhui-detail .giftList a,.add-discount .giftList a{
    display: block;
    width: 100%;
    height: 100%;
}
.youhui-detail .giftList img,.add-discount .giftList img {
    display: block;
    width: .48rem;
    height: .48rem;
    float: left;
    margin: .15rem .1rem 0 .2rem;
}
.youhui-detail .giftList .fright,.add-discount .giftList .fright{
    float: right;
    font-size: .28rem;
    color: #212121;
}
.youhui-detail .giftList .name,.add-discount .giftList .name{
    font-size:.24rem;
    color: #9E9D9B;
    margin: .16rem .1rem 0 .5rem;
    height: .48rem;
    line-height: .48rem;
}
.youhui-detail .giftList .condition,.add-discount .giftList .condition {
    font-size: .24rem;
    color: #9E9D9B;
    margin:.1rem 0 0 1.3rem;
}
.giftList{
    position: relative;
}
.giftList img{
    width: 0.6rem;
    height: 0.6rem;
    float: left;
}
.giftList div{
    margin-left: .8rem;
    line-height:1.2;
}
.giftList .right-icon{
    width: 8px;
    height: 14px;
    position: absolute;
    top: 0;
    right: 12px;
}
.youhui-row .right-icon{
    width: 8px;
    height: 14px;
    position: absolute;
    top: 0;
    right: 12px;
}
.youhui-cupon{
    width: 94%;
    height: 1.22rem;
    position: relative;
    overflow: hidden;
    background: #fff6f6;
    margin-bottom: .15rem;
    border-radius: 4px;
    margin: 10px auto;
}
.youhui-cupon .cupon-left {
    width: 2.2rem;
    float: left;
    height: 1.22rem;
    color: #F1170D;
    text-align: center;
    position: relative;
}
.youhui-cupon .cupon-left::after{
    content: ' ';
    width: 1px;
    height:.48rem;
    border-left: 1px dashed #FF8782;
    position: absolute;
    top:.37rem;
    right: 0;
    z-index: 9;
}
.youhui-cupon .cupon-left>p:nth-child(1){
    font-weight: 900;
    margin-top: .1rem;
}
.youhui-cupon .cupon-left>p:nth-child(2){
    color: #9E9D9B;
    font-size: .24rem;
}
.f-34{
    font-size: .48rem;
}
.youhui-cupon .cupon-right{
    width: 4.8rem;
    float: right;
    height: 1.22rem;
    padding-right: 0.2rem;
    box-sizing: border-box;
    position: relative;
}
.youhui-cupon .cupon-right>p:nth-child(1){
    font-size: .3rem;
    margin-bottom: .1rem;
}
.youhui-detail ul{
    /*padding-top: 10px;*/
}
.coup-title{
    font-size: .3rem;
    color: #000;
    font-weight: 900;
    margin: 0 3%;
}
.f-48{
    font-size: .48rem!important;
}
.row-left-title-out{
    display: inline-block;
    color: #F1170D;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #F1170D;
    padding:1px 6px 1px 6px;
    margin-right: 5px;
    font-size: .24rem;
}
.youhui-title-out{
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    padding:1px 0;
    margin-right: 5px;
    color: #888;
}
/*.youhui-cupon .cupon-right p{*/
/*    padding-left:.3rem;*/
/*}*/
.youhui-cupon .cupon-right p:nth-child(1){
    margin-right: 1.2rem;
}
.youhui-cupon .cupon-right p:nth-child(2){
    font-size:.24rem;
    color: #888888;
}
.youhui-cupon .cupon-right p:nth-child(3){
    border-top: 1px dashed #E6E6E6;
    font-size:.24rem;
    color: #888888;
    margin-top: .1rem;
    padding-top: .03rem;
}
.youhui-cupon .cupon-right button{
    width:1.2rem;
    height:.4rem;
    cursor:pointer;
    position: absolute;
    right:.2rem;
    top:.4rem;
    border: 1px solid #F1170D;
    background:#fff;
    border-radius:.35rem;
    font-size:.24rem;
    color: #F1170D;
}
.youhui-cupon .cupon-right button.has{
    border: 1px solid #F1170D;
    color:#fff;
    background: #F1170D;
}
.articleTab{
    overflow-x: auto;
}
/*.articleTab::-webkit-scrollbar-track-piece {*/
/*    background-color:#fff;*/
/*}*/
.articleTab a{
    display: inline-block;
    color: #222;
    position: relative;
    white-space: nowrap;
}
.articleTab a.on{
    color: #f1170d;
}
.articleTab a.on:after{
    content: '';
    width: 20px;
    height: 2px;
    background: #f1170d;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin:auto;
    z-index: 99;
}

/*
众筹
 */
.goSupport{
    width: 100%;
    height: 34px;
    background: #F1170D;
    border-radius:17px;
    color: #fff;
    border:none;
}
.cro-progress{
    background: #fff;
    padding: 12px;
}
.cro-progress .layui-progress{
    width: 70%;
}
.layui-progress-text {

}
.mr5{
    margin-right: 5px;
}
.support {
    position: fixed;
    bottom: -500px;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 500px;
    background: #fff;
    border-radius: 6px 6px 0px 0px;
}
.support .img-box{
    margin-top: 40px;
}
.support  .close{
    top: 20px;
    right: 10px;
}
.support .img-box .text{
    padding-top: 0;
}
.support .spec,.zhichi .number{
    margin-top: 20px;
}
.common-problem{
    background: #fff;
    padding:10px;
}
.proList{
    line-height: 30px;
}
.language{
    padding: 20px 10px;
    background: #fff;
}
.language input{
    width: 100%;
    line-height: 34px;
    box-sizing: border-box;
    border-radius:6px;
    margin-top: 10px;
    padding-left: 40px;
    background: #F6F6F6 url(../images/write.png)no-repeat 20px center;
}
.cro-index #swiper-top{
    height: 414px;
}
.cro-index .eva-detail{
    border-bottom:1px solid #D2D2D2;
}
.cro-index .eva-detail:last-child{
    border: none;
}
.openMore{
    text-align: center;

}
.openMore img{
    width: 14px;
    height: 8px;
}
.push-eva{
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 12px;
    background: #fff;
}
.push-eva button{
    float: right;
    background: #f1170f;
    color: #fff;
    padding: 0 20px;
    line-height: 26px;
    border-radius:6px;
}
.push-eva textarea{
    margin-top: 15px;
    border: none;
    background:#F6F6F6;
    width: 100%;
    box-sizing: border-box;
    resize:none;
    height: 160px;
    padding: 10px;
}
.push-eva div{
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #F6F6F6;
}
.good-banner img{
    width: 100%
}
.newUser{
    box-sizing: border-box;
    width: 100%;
    height: 1.2rem;
    position: relative;
}
.newUser.bg-new{
    background: url("../images/newUser.png") no-repeat;
    background-size: 100% 100%;
}
.newUser.bg-birthday{
    background: url("../images/newUser1.png") no-repeat;
    background-size: 100% 100%;
}
.newUser img{
    position: absolute;
    top: .3rem;
    left: .26rem;
    bottom: .2rem;
}
.newUser div{
    height: 1.2rem;
    padding-left: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
}



.queryCategory{
    margin: 10px 12px;
    padding: 10px;
    background: #fff;
}
.cate-items{
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    margin: 15px 0;
}
.cate-items img{
    width: 1rem;
    height: 1rem;
    margin-bottom: 10px;
    border-radius: 5px;
}
.cate-items p{
    max-width: 98%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.qualification{
    display: none;
    position: fixed;
    bottom: 30vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    width: 90vw;
    height: 200px;
    background: rgba(255, 255, 255, 1);
    border-radius: 6px;
    padding: 0 0 10px 0;
}
.qua-title{
    padding: 0 10px;
    line-height: .48rem;
    background: linear-gradient(#fff,rgba(210,210,210,.47));
}
.qua-content{
    padding: 20px 10px 0;
}
.qua-form-item{
    line-height: 28px;
    margin-top: 10px;
}
.qua-form-item input{
    height: 28px;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    padding: 0 10px;
    box-sizing: border-box;
    width: 40vw;
}
#code_img{
    width: 86px;
    height: 28px;
    background: rgba(0,0,0,0);
    border: 1px solid rgba(210,210,210,1);
    border-radius: 5px;
    box-sizing: border-box;
}
.float_right{
    float: right;
}
.qua-form-btn{
    width: 50px;
    height: 30px;
    background: #f1170D;
    color: #fff;
    border-radius: 4px;
    border: none;
    font-size: 14px;

}
.qua-form-btn:focus{
    outline: none;
}

.scroll-goods{
    padding-top: .2rem;
    overflow-x: auto;
    white-space: nowrap;
}
.scroll-items{
    display: inline-block;
    width: 4.16rem;
    overflow: hidden;
}
.scroll-item-check{
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 2.4rem;
    height: 3.48rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: .12rem;
    margin-right: .2rem;
}
.scroll-items .scroll-img{
    width: 1.6rem;
    height: 1.6rem;
    object-fit: cover;
    float: left;
    border-radius: .12rem;
}
.scroll-item-check .scroll-img{
    width: 2.4rem;
    height: 2.4rem;
    object-fit: cover;
}
.scroll-items .scroll-item-content{
    padding: 0 0.2rem;
    margin-left: 1.6rem;
}
.scroll-items .scroll-item-title{
    font-weight: bold;
    font-size: .36rem;
    line-height: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scroll-items .scroll-item-desc{
    font-size: .24rem;
    line-height: .34rem;
    max-width: 90%;
    overflow: hidden ;
    display: -webkit-box ;
    -webkit-line-clamp: 2 ;
    -webkit-box-orient: vertical ;
    word-break: break-all;
    white-space: normal;
}
.scroll-item-check .scroll-item-content{
    padding: .1rem;
}
.scroll-item-check .scroll-item-title{
    width: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .28rem;
    line-height: .4rem;
}
.scroll-item-check .scroll-item-desc{
    width: 2.4rem;
    font-size: .2rem;
    line-height: .28rem;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scroll-item-check .red_checkbox input[type="checkbox"] + .red_icon{
    position: absolute;
    right: .12rem;
    top: .12rem;
}

.f-24{
    font-size: .48rem;
}
.group-poster{
    margin: .2rem .24rem;
    padding: .2rem;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    border-radius: .12rem;
}
.group-poster article img{
    width: 100%;
    height: 6rem;
    border-radius: .12rem;
    object-fit: cover;
}
.poster-btn{
    border: none;
    width: 103px;
    height: 34px;
    color: #fff;
    font-size: .28rem;
    background: #F1170D;
    box-shadow: 0px 2px 4px rgba(241, 23, 13, 0.25);
    border-radius: 17px;
}


/*评价详情*/
.eva-detail-item{
    padding-top: .2rem;
    background: #fff;
    margin-top: .4rem;
}
.eva-detail-item .eva-detail-good{
    height: 1.76rem;
    margin: 0 .24rem .2rem;
    border-radius: .12rem;
    background-color: #fff;
    overflow: hidden;
    display: flex;
}
.eva-detail-item .eva-detail-good img{
    height: 1.76rem;
    width: 1.76rem;
    object-fit: fill;
    border-radius: .12rem;
}
.eva-detail-item .eva-detail-good .eva-detail-good-content{
    flex: 1;
    padding: .2rem .2rem .2rem .4rem;
}
.eva-detail-item .eva-detail-good .eva-detail-good-title{
    font-size: .28rem;
    line-height: .4rem;
    max-width: 90%;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.eva-detail-item .eva-detail-good .eva-detail-good-spec{
    font-size: .2rem;
}
.eva-detail-item .eva-detail-good .eva-detail-good-price{
    font-size: .2rem;
}
.eva-detail-item .append{
    margin-top: .2rem;
}
.eva-detail-item .imgwapper{
    display: flex;
    flex-wrap: wrap;
}
.eva-detail-item .imgwapper img {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.1rem;
    margin-bottom: 0.1rem;
    display: block;
    margin-right: .2rem;
}
.eva-detail-item .video-size {
    width: 1.6rem !important;
    height: 1.6rem !important;
    border-radius: 0.1rem !important;
    margin-bottom: 0.1rem;
    display: block;
    margin-right: .2rem;
}
/**********20220422商品详情页图片***********/
#swiper-big,#swiper-big .swiper-wrapper,#swiper-big .swiper-wrapper .swiper-zoom-container{
    height: 100%!important;
}
#dtsimg-big,#dtsimg-big .swiper-wrapper{
    height: 100vh!important;
    line-height: 100vh;

}
#dtsimg-big .swiper-wrapper{
    overflow-y: auto;
}
#dtsimg-big .swiper-wrapper .swiper-zoom-container{
    display: inline-block;
    vertical-align: middle;
}
#swiper-top{
    max-height:7.7rem;
}
.message #swiper-top .swiper-slide {
    text-align: center;
    background: #fff;
}

#swiper-top .swiper-wrapper .swiper-slide img ,#swiper-big .swiper-wrapper .swiper-slide img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

#swiper-top .swiper-slide video{
    width: 100%;
    height:7.7rem;
    background: #000;
}
#swiper-big .swiper-slide video{
    width: 100%;
    height:100%;
    background: #000;
}

.message .info .price-tip {
    color: #f1170D;
}

.detail-add .end-right {
    padding: 0px 15px;
}
.intro {
    width: 100%;
    padding: .2rem .1rem;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    white-space: nowrap;
    overflow-x: scroll;
}
.intro div{
    width: calc(25% - 10px);
    padding: 0 5px;
    display: inline-flex;
    flex-direction: column;
}
.spec-box{
    height: 325px;
    overflow: auto;
}
/*首页模板优化20220704*/
.certify {
    position: relative;
    width: 7.5rem;
    margin: .2rem auto 0;
}
.certify  .swiper-slide {
    width: 5.5rem;
    height:3.5rem;
    border-radius: .5rem;
    box-shadow: 0 8px 30px #ddd;
}
.certify  .swiper-slide img{
    display:block;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
}


.goodSec{
    width: 6.9rem;
    /*height: 5rem;*/
    margin:.2rem auto 0;
    /*background: linear-gradient(360deg, #FFFFFF 0%, #FFFFFF 43%, #FF3C5C 99%, #FF3C5C 100%);*/
    border-radius: .3rem;
    clear: both;
    /*background-repeat: no-repeat;*/
    background-size: cover;
    overflow: hidden;
}
.goodtop{
    padding-bottom: .25rem;
    padding-top: .3rem;
    height:22px;
    clear: both;
}
.goodtop .title{
    font-size: .36rem;
    color: #fff;
}
.goodtop .subhead{
    background: #fff;
    display: inline-block;
    height: .3rem;
    font-size: .2rem;
    color: #FF3E5E;
    padding:0 .15rem;
    border-radius: .1rem .15rem .15rem 0;
}
.goodtop .goodmore{
    float: right;
    color: #fff;
    font-size: .28rem;
    /*margin-top: .1rem;*/
    height:0.68rem;
    line-height:0.68rem;
    min-width:1.38rem;
    position: relative;
    top:-0.26rem;
    right:-0.18rem;
}

.goodbot{
    /*margin-left: .2rem;*/
    overflow: hidden;
    width:7.1rem;
}
.goodbot .item{
    width: 2.1rem !important;
    height: 3.9rem;
    float: left;
    margin-right: 0.2666rem;
}
.goodbot .item .nav {
    display: block;
    width: 100%;
    height: 100%;
}
.goodbot .item .pic{
    width:2.1rem;
    height: 2.1rem;
    border-radius: .15rem .15rem 0 0;
}
.goodbot .item .pic img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .15rem ;
}
.goodbot .item .name {
    font-size: .28rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .1rem;
}
.goodbot .item .spec {
    font-size: .24rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}
.goodbot .item .price {
    font-size: .28rem;
    font-weight: 900;
    color: #FF3C5C;
    margin-top: .1rem;
}
.goodbot .item .price .icon{
    font-size: .2rem;
    font-weight: normal;
}
.goodbot .item .price .buy {
    display: inline-block;
    width: .5rem;
    height: .35rem;
    border-radius: .35rem;
    background:#FF3C5C;
    font-size: .28rem;
    color: #fff;
    text-align: center;
}
.goodbot .item .oldprice {
    font-size: .2rem;
    color: #B6B6B6;
}
.vis-pics .pics-9{
    width: 7.5rem;
    clear: both;
    padding-top: 0.2rem;
}
.vis-pics .pics-9 img{
    float: left;
    display: block;
    width: 3.75rem;
    /*height: 3.75rem;*/
}
.vis-pics .pics-10{
    /*width: 7.5rem;*/
    clear: both;
    padding-top: 0.2rem;
}
.vis-pics .pics-10 img{
    float: left;
    display: block;
    width: 2.3rem;
    /*height: 2.5rem;*/
    height: auto!important;
}
.swiper-box{
    clear: both;
    padding-top: 0.2rem;
}
.coupbox{
    overflow: hidden;
}
.coupbox .coupleft{
    width: 5.9rem;
    height: .4rem;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}
.coupbox .coupleft span{
    display: inline-block;
    padding:2px 5px;
    box-sizing: border-box;
    height: .4rem;
    line-height: .32rem;
    border-radius: 3px;
    /* border: 1px solid #F1170D; */
    background: #FFF1F0;
    color: #F1170D;
    font-size: .2rem;
    margin-left:.15rem;
    vertical-align: top;
}
.coupbox .getCoup{
    display: inline-block;
    width: .8rem;
    height: .4rem;
    line-height:.4rem;
    padding:0 0 0 .2rem;
    /* background: #F1170D; */
    border-radius: .4rem;
    float: right;
    font-size: .22rem;
    color: #F1170D;
    vertical-align: top;
    text-align: center;
}
.coupbox .getCoup .fa-angle-right{
    color: #F1170D!important;
}
.tag_new{
    display: inline-block;
    width: .6rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    background: #F5DB5A;
    border-radius: .04rem;
    font-size:.22rem;
    color: #333;
    vertical-align: middle;
    margin-right:.03rem;
}
.tag_hot{
    display: inline-block;
    width: .6rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    background: #f61c1c;
    border-radius: .04rem;
    font-size:.22rem;
    color: #fff;
    vertical-align: middle;
    margin-right:.03rem;
    position: relative;
}
.tag_hot::before{
    content: '';
    width: .6rem;
    height:.15rem;
    position: absolute;
    top: -.15rem;
    left: 0;
    z-index: 9;
    background:url(../images/hottop.png) top center no-repeat;
    background-size:100% 100%;
}
.tag_seckill{
    display: inline-block;
    width: .6rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    background: linear-gradient(90deg, #FA2857 0%, #F86B2E 100%);
    border-radius: .04rem;
    font-size:.22rem;
    color: #fff;
    vertical-align: middle;
    margin-right:.03rem;
}
.ensure .getcoup{
    display: inline-block;
    box-sizing: border-box;
    padding:0 .03rem 0 0;
    height: .32rem;
    line-height: .31rem;
    border:1px solid #F1170D;
    font-size: .2rem;
    color: #F1170D;
    border-radius: .05rem;
    max-width:2.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ensure .getcoup span.ctag{
    height: .32rem;
    line-height: .32rem;
    vertical-align: top;
    border-radius: 0;
    border:none;
    border-right:1px solid #F1170D;
    padding:0 .03rem;
    margin-right: .03rem;
    background: #FFEBF2;
}
.ensure .baoyou{
    background: #FFEBF2;
}
/***********团购***********/
.groupBuy{
    background: #fff;
    padding: .2rem;
}
.groupBuy .gb_rule .tag{
    background: #FAFAFA;
    font-size: .22rem;
    color: #888;
    padding:2px 5px;
    border-radius: 2px;
    margin-right: 2px;
}
.groupBuy .gb_rule .rule{
    float: right;
    color: #212121;
    font-size:.24rem ;
}
.groupBuy .gb_rule .usefulife{
    font-size:.24rem ;
    color: #212121;
    margin-top: 10px;
}
.groupBuy .gb_rule{
    border-bottom:1px solid #F5F5F5;
    padding-bottom: 5px;
}
.groupBuy .location{
    height: auto;
    overflow:auto;
}
.groupBuy .location .left{
    float: left;
    color: #212121;
}
.groupBuy .location .right{
    float: right;
    text-align: center;
    margin-top: 10px;
    color: #212121;
}
.groupBuy .location .left .adds{
    font-size: .26rem;
    margin-top: 10px;
}
.groupBuy .location .left .distance{
    color: #888;
    font-size: .22rem;
    margin-top: 2px;
}
.groupBuy .location .left .shops{
    font-size: .22rem;
    margin-top: 8px;
}
.groupBuy .location .right img{
    display: inline-block;
    width: 40px;
    margin-bottom: 5px;
}
.groupBuy .location .right p{
    font-size: .24rem;
}