@charset "utf-8";
html{font-size:42.6667px;}
@media (min-width:320px){
  html{font-size:42.6667px}
}
@media (min-width:360px){
  html{font-size:48px}
}
@media (min-width:375px){
  html{font-size:50px}
}
@media (min-width:384px){
  html{font-size:51.2px}
}
@media (min-width:411px){
  html{font-size:54.8px}
}
@media (min-width:448px){
  html{font-size:59.7333px}
}
@media (min-width:480px){
  html{font-size:64px}
}
@media (min-width:512px){
  html{font-size:68.2667px}
}
@media (min-width:544px){
  html{font-size:72.5333px}
}
@media (min-width:576px){
  html{font-size:76.8px}
}
@media (min-width:608px){
  html{font-size:81.0667px}
}
@media (min-width:640px){
  html{font-size:85.3333px}
}
@media (min-width:750px){
  html{font-size:100px}
}
*{margin:0;padding:0;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-size:.16rem;font-family:'Microsoft YaHei';color:#333;background:#fff;}
ul,li{list-style:none;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
.left{float:left}
.right{float:right}
img{border:0;max-width:100%;vertical-align:top;}
h1,h2,h3,h4,h5,h6,b,i,em{font-size:100%;font-style:normal;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select{font-family:'Microsoft YaHei';}
.none{display:none;}
.area{position:relative;margin:0 auto;width:100%;min-width:320px;max-width:750px;}
.clear{*zoom:1;}
.clear:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}

.allpage{display:flex;flex-direction:column;margin:0 auto;width:100%;min-width:320px;max-width:750px;min-height:100vh;background:#fff;}

.loading{ overflow: hidden; }
.loading-layer{ position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; line-height: 0; font-size: 0; text-align: center; background: #fff; }
.loading-layer:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.la-ball-clip-rotate,.la-ball-clip-rotate>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.la-ball-clip-rotate{ display: inline-block; vertical-align: middle;font-size:0;color:#999}
.la-ball-clip-rotate>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}
.la-ball-clip-rotate{width:32px;height:32px}
.la-ball-clip-rotate>div{width:32px;height:32px;background:transparent;border-width:2px;border-bottom-color:transparent;border-radius:100%;-webkit-animation:ball-clip-rotate 0.75s linear infinite;-moz-animation:ball-clip-rotate 0.75s linear infinite;-o-animation:ball-clip-rotate 0.75s linear infinite;animation:ball-clip-rotate 0.75s linear infinite}
@-webkit-keyframes ball-clip-rotate{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes ball-clip-rotate{
  0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}
  50%{-moz-transform:rotate(180deg);transform:rotate(180deg)}
  100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes ball-clip-rotate{
  0%{-o-transform:rotate(0deg);transform:rotate(0deg)}
  50%{-o-transform:rotate(180deg);transform:rotate(180deg)}
  100%{-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes ball-clip-rotate{
  0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
  50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
  100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}


/* 普通翻页器-默认居中 */
.m-page{ margin-top:.8rem;text-align:center;line-height:0.38rem;color:#fff; font-size: 0;}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding: 0.06rem 0.18rem;font-size:0.26rem;color:#999; border: solid 1px #e4e4e4; background:#fff;}
.m-page a,.m-page a:hover{text-decoration:none;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a:hover,
.m-page a:active{border-color: #23b8ff; background-color:#23b8ff;color:#fff;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#fff;border-color: #23b8ff; background-color:#23b8ff;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ddd;border-color: #e4e4e4; background-color:#fff;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm a,.m-page-sm i{padding:0 0.1rem;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 0.08rem;}

/***************** header ***********************/
#header{ height: 1.1rem; }
.top-box{position:fixed;z-index:999;top:0;left:0;right:0;background:#fff;}
.top-box>.area{display:flex;justify-content:space-between;align-items:center;padding: 0 .3rem;height:1.1rem;}
.top-box .logo{flex:1;overflow:hidden;height:.68rem;line-height:0;font-size:0;}
.top-box .logo:before{content:"";display:inline-block;height:100%;vertical-align:middle;}
.top-box .logo img{max-width:100%;max-height:100%;vertical-align:middle;}
.top-box .function{ display: flex; align-items: center; }
.top-box .btn-search{ width: .38rem; height: .4rem; background: url(../images/ico-search.png) center / contain no-repeat; }
.top-box .btn-nav{ margin-left: .45rem; width: .4rem; height: .38rem; background: url(../images/ico-nav.png) center / contain no-repeat; }

.layer-search{ position: absolute; left: 0; bottom: 100%; display: flex; width: 100%; height: 100%; background: #fff; transition: transform .3s; }
body[search="show"] .layer-search{ transform: translateY(100%); }
.layer-search>.wrap{ position: relative; padding: .24rem .3rem; width: 100%; height: 100%; }
.layer-search .u-text{ padding: 0 1.14rem 0 .2rem; width: 100%; height: 100%; font-size: .24rem; color: #333; border: solid 1px #cfcece; border-radius: .3rem; }
.layer-search .u-text::-webkit-input-placeholder{color:#ccc;}
.layer-search .u-text:-moz-placeholder{color:#ccc;}
.layer-search .u-text:-ms-input-placeholder{color:#ccc;}
.layer-search .u-btn{ position: absolute; top: 50%; right: .3rem; margin-right: 1px; width: 1.14rem; height: .6rem; border: 0 none; background: url(../images/ico-search.png) center / .38rem .4rem no-repeat; transform: translateY(-50%); cursor: pointer; }


.layer-nav{ position: fixed; top: 1.1rem; bottom: 0; left: 100%; width: 100%; overflow: auto; background: #23b8ff; transition: transform .3s; }
body[nav="show"] .layer-nav{ transform: translateX(-100%); }
.layer-nav .fir-ul{ padding: .3rem; }
.layer-nav .fir-li{ padding-top: .2rem; }
.layer-nav .fir-li:after{ content: ""; display: block; margin-top: .2rem; height: 1px; overflow: hidden; background: rgba(255,255,255,.2); }
.layer-nav .fir-li>.u-a{ display: block; line-height: 2.8125; font-size: .32rem; color: #fff; }
.layer-nav .sec-ul{ display: none; padding-bottom: .1rem; }
.layer-nav .sec-ul a{ display: block; padding-left: .34rem; line-height: 3; font-size: .3rem; color: #fff; }

.layer-nav .j-li>.u-a{ display: flex; justify-content: space-between; align-items: center; }
.layer-nav .j-li>.u-a:after{ content: ""; display: block; margin-left: .2rem; width: .26rem; height: .26rem; overflow: hidden; background: url(../images/ico-nav-sec.png) left center / .62rem no-repeat; }
.layer-nav .j-li.active>.u-a:after{ background-position: right center; }


#content{flex:auto;overflow:hidden;display: flex; flex-direction: column; background: #f2f5f6; }
#content[background="white"]{ background: #fff; }
#content[background="gray"],
#content[background="gray"] .btn-more>span{ background: #f1f1f1; }

.swiper-banner{ position: relative; }
.swiper-banner-pagination{ position: absolute; z-index: 10; bottom: .2rem; left: 50%; line-height: 0; font-size: 0; transform: translateX(-50%); }
.swiper-banner-pagination .swiper-pagination-bullet{ display: inline-block; vertical-align: top; margin: 0 .04rem; padding-top: 2px; width:.42rem; height:0; overflow: hidden; background: #fff; opacity:.6; border-radius: 0; cursor:pointer; transition:background .3s, opacity .3s; }
.swiper-banner-pagination .swiper-pagination-bullet-active{ background: #fbb700; opacity:1; }

.banner{}


.swiper-nav{ padding: .3rem .3rem .24rem; background: #fff; }
.swiper-nav a{ display: block; }
.swiper-nav .u-img{ margin: 0 auto; width: 1.1rem; height: 1.1rem; }
.swiper-nav .u-img>img{ width: 100%; height: 100%; }
.swiper-nav .u-name{ margin-top: .5em; line-height: 1.5; font-size: .28rem; font-weight: normal; text-align: center; }


.m-title{ display: flex; justify-content: space-between; align-items: center; padding: .32rem 0; line-height: 2; }
.m-title h2{ display: flex; align-items: center; font-size: .36rem; font-weight: normal; color: #48515a; }
.m-title h2:before{ content: ""; display: block; margin: .02rem .28rem 0 0; width: .08rem; height: .34rem; overflow: hidden; background: #48515a; }
.m-title .more{ font-size: .24rem; color: #666; }


.m-activity{ padding: 0 .3rem .36rem; background: #fff; }
.activityList ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.activityList li{ margin-top: .1rem; width: 49.130435%; }
.activityList li:nth-child(-n+2){ margin-top: 0; }
.activityList .u-box{ display: block; }
.activityList .u-img{ position: relative; display: block; padding-top: 64.306785%; overflow: hidden; border-radius: 0.12rem; }
/*.activityList .u-img:before{ content: ""; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}*/
.activityList .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.activityList .u-img .label{ position: absolute; z-index: 10; top: 0; left: 0; width: .96rem; height: .4rem; line-height: .4rem; font-size: .2rem; text-align: center; color: #fff; background: #fb9a00; }
.activityList .u-img .label:before{ content: ""; position: absolute; top: 0; right: -.12rem; width:0; height:0; overflow:hidden; border-width:.2rem .12rem .2rem 0; border-style:solid; border-color: #fb9a00 transparent; }
.activityList .u-con{ padding: 1em 0; font-size: .24rem; }
.activityList .u-con .name{ line-height: 1.6;  font-size: .28rem; font-weight: normal;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.activityList .u-con .date{line-height: 1.9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .26rem; color: #999; padding: 0.08rem 0 0 0;}

.m-live{ padding: 0 .3rem .36rem; display: none;}
.liveList .u-box{ display: block; }
.liveList .u-img{ position: relative; display: block; padding-top: 54.202899%; overflow: hidden; border-radius: 0.12rem;}
.liveList .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.liveList .u-img .label{ position: absolute; z-index: 10; top: 0; left: 0; width: 1.08rem; height: .4rem; line-height: .4rem; font-size: .2rem; text-align: center; color: #fff; background: #fb9a00; }
.liveList .u-img .label:before{ content: ""; position: absolute; top: 0; right: -.12rem; width:0; height:0; overflow:hidden; border-width:.2rem .12rem .2rem 0; border-style:solid; border-color: #fb9a00 transparent; }
.liveList .u-img .label.end{ background: #7f7f7f; }
.liveList .u-img .label.end:before{ border-color: #7f7f7f transparent; }
.liveList .u-con{ padding: .75em 0; font-size: .24rem; }
.liveList .u-con .name{ line-height: 1.75;  font-size: .28rem; font-weight: normal; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.liveList .u-con .date{line-height: 1.9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .26rem; color: #999; }

.m-product{ padding: .3rem .3rem .7rem; background: #fff; }
.productList ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.productList li{ margin-top: .4rem; width: 49.130435%; }
.productList li:nth-child(-n+2){ margin-top: 0; }

.productList .u-box{ display: block; overflow: hidden; background: #f5f5f5; border-radius: .12rem; }
.productList .u-img{ position: relative; display: block; padding-top: 64.306785%; overflow: hidden; }
.productList .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.productList .u-img .label{ position: absolute; z-index: 10; bottom: 0; right: 0; padding: 0 .1rem; min-width: .9rem; height: .32rem; line-height: .32rem; font-size: .18rem; text-align: center; color: #fff; background: rgba(0,0,0,.6); }
.productList .u-con{ padding: .666667em .833334em; font-size: .24rem; }
.productList .u-con .name{ line-height: 1.5; font-size: .26rem; overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.productList .u-con .content{  line-height: 2.2; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .26rem; color: #999;     padding: 0.08rem 0 0 0;}

.m-copyright{ padding: 20px; color: rgba(51,51,51,.4); line-height: 2; font-size: .24rem; text-align: center; border-top: solid 1px #efefef; background: #fff; }



.m-footer{ height: .96rem; }
.m-footer .fixed-wrap{ position: fixed; z-index: 100; bottom: 0; left: 0; right: 0; height: .96rem; border-top: solid 1px #ededed; background: #f4f4f4; }
.m-footer ul{ display: flex; align-items: flex-end; margin: 0 auto; width: 100%; min-width: 320px; max-width: 750px; height: 100%; }
.m-footer li{ width:20%; }
.m-footer li a{display:block; height: 100%; color: #666; }
.m-footer {display:block;margin:0 auto;width:100%;}
.m-footer .u-img{ display: block; height: .44rem; overflow: hidden; background: url(../images/ico-footer.png) no-repeat; background-size: .43rem; }

.m-footer .home .u-img{ background-position: center 0; }
.m-footer .activity .u-img{ background-position: center -.44rem; }
.m-footer .live .u-img{ background-position: center -.88rem; }
.m-footer .product .u-img{ background-position: center -1.32rem; }
.m-footer .member .u-img{ background-position: center -1.76rem; }
.m-footer .u-name{ line-height:.44rem; font-size:.24rem; font-weight: normal; text-align:center; }

.m-footer li a:active,
.m-footer li.active a{ color: #23b8ff; }
.m-footer li a:active .u-img,
.m-footer li.active .u-img{ background-image: url(../images/ico-footer-active.png); }


.swiper-menu{ border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; background: #f5f5f5; }
.swiper-menu a{ display: block; padding: 0 .2rem; line-height: .88rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .28rem; text-align: center; color: #666; }
.swiper-menu a:active,
.swiper-menu .current a{ color: #fff; background: #23b8ff; }


.sub-content{ padding: .5rem .3rem .8rem; line-height: 2.142858; font-size: .28rem; }
.sub-content h1{ line-height: 2.8; font-size: .3rem; }


.sub-title{ display: flex; justify-content: space-between; align-items: stretch; background: #f5f5f5; }
.sub-title h2{ display: flex; align-items: center; padding: 0 .3rem; line-height: 2.8; font-size: .3rem; font-weight: normal; }
.sub-title h2:before{ content: ""; display: block; margin: .02rem .2rem 0 0; width: .08rem; height: .28rem; background: #262626; }
.sub-title .btn-filter{ display: flex; align-items: center; padding: 0 .3rem; font-size: .26rem; }
.sub-title .btn-filter:after{ content: ""; display: block; margin: .04rem 0 0 .14rem; width: .24rem; height: .24rem; background: url(../images/ico-filter.png) center / contain no-repeat; }


.sub-product{ padding: .4rem .3rem .8rem; }
.sub-product li{ margin-top: .5rem; }
.sub-product li:first-child{ margin-top: 0; }
.sub-product .u-box{ display: flex; justify-content: space-between; }
.sub-product.hdzt .u-box{ display:inherit; }
.sub-product .u-img{ position: relative; display: block; width: 31.159421%; padding-top: 20%; overflow: hidden; border-radius: .12rem; }
.sub-product.hdzt .u-img{  width: 100%; height: 3.8rem;}
.sub-product .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.sub-product.hdzt .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.sub-product .u-img .label{ position: absolute; z-index: 10; top: 0; left: 0; width: 1.4rem; height: .6rem; line-height: .6rem; font-size: .24rem; text-align: center; color: #fff; background: #fb9a00; }
.sub-product .u-img .label:before{ content: ""; position: absolute; top: 0; right: -.1rem; width:0; height:0; overflow:hidden; border-width:.3rem .12rem .3rem 0; border-style:solid; border-color: #fb9a00 transparent; }
.sub-product .u-con{ width: 64.492754%; }
.sub-product.hdzt .u-con{ width: 100%; }
.sub-product .u-con .name{ margin-top: .1rem; line-height: 1.5;  font-size: .32rem; font-weight: 700; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.sub-product .u-con .info{ margin-top: .12rem; line-height: 1.666667; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .26rem; color: #999; 

}
.sub-product .u-con .content{ margin-top: .14rem;line-height: 1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .2rem; color: #666; display: none;}
.sub-product .u-con .activity{ margin-top: .12rem; line-height: 1.454546; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .22rem; }
.sub-product .u-con .activity:before{ content: ""; display: inline-block; vertical-align: top; margin: .227273em .08rem 0 0; width: .05rem; height: 1em; background: #fb9a00; }

.btn-more{ position: relative; margin-top: .6rem; text-align: center; }
.btn-more:before{ content: ""; position: absolute; top: 50%; left: 0; right: 0; border-bottom: dashed 1px #a6a6a6; }
.btn-more>span{ position: relative; z-index: 10; display: inline-block; vertical-align: top; padding: 0 .06rem; font-size: .18rem; color: #a6a6a6; background: #fff; }

.a-more{display: block;
    background: #f5f5f5;
    margin: 0.3rem 0;
    border-radius: 5px;
    text-align: center;
    line-height: 0.8rem;
    font-size: 0.26rem;}

.layer-filter{ position: fixed; z-index: 999; top: 0; left: 100%; width: 100%; height: 100%; transition: left 0s .3s; }
.layer-filter>.btn-close{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(26,26,26,.7); cursor: pointer; opacity: 0; transition: opacity .3s; }
.layer-filter>.wrap{ position: absolute; z-index: 10; top: 0; left: calc( 100% + 2.95rem); width: 50%; height: 100%; background: #fff; transition: left .3s; }

.layer-filter dl{ margin-left: -2.95rem; padding: .4rem .35rem; width: 6.7rem; height: 100vh; overflow: auto; background: #fff; border-radius: .3rem; }
.layer-filter dt{ margin-top: .2rem; line-height: 2.4; font-size: .3rem; }
.layer-filter dt:first-child{ margin-top: 0; }
.layer-filter dd{ margin-left: -.3rem; line-height: 0; font-size: 0; }
.layer-filter dd a{ display: inline-block; vertical-align: top; margin: 0 0 .3rem 4.761905%; padding: 0 1em; min-width: 28.571429%; line-height: 2.25; font-size: .24rem; text-align: center; background: #f1f1f1; border-radius: 1.125em; }
.layer-filter dd a.current{ color: #fff; background: #2983fc; }

body[filter="show"] .layer-filter{ left: 0; transition: left 0s; }
body[filter="show"] .layer-filter>.btn-close{ opacity: 1; }
body[filter="show"] .layer-filter>.wrap{ left: 50%; }


.product-detail .itemImg>img,
.product-detail .itemVideo>img{ width: 100%; }
.product-detail .itemImg{ position: relative; }
.product-detail .itemImg .btn-share{ position: absolute; top: 20%; right: 0; padding: 0 .2rem 0 .6rem; line-height: .58rem; font-size: .26rem; color: #fff; background: rgba(0,0,0,.5) url(../images/ico-detail-share.png) .25rem center / .21rem no-repeat; border-radius: .29rem 0 0 .29rem; }


.layer-share{ display: none; }
.layer-share>.wrap{ padding: 2.75rem .3rem .8rem; background: #082c68 url(../images/bg-detail-share.jpg) center top / contain no-repeat; }
.layer-share .conBox{ padding: 0 .72rem .5rem; background: #fff; border-radius: .3rem; }
.layer-share .conBox .user{ position: relative; top: -.6rem; }
.layer-share .conBox .avatar{ margin: 0 auto; width: 1.24rem; height: 1.24rem; overflow: hidden; border: solid 2px #fff; background: #fff; border-radius: 50%; }
.layer-share .conBox .avatar>img{ width: 100%; height: 100%; object-fit: cover; }
.layer-share .conBox .text{ line-height: 1.8; font-size: .2rem; color: #666; }

.layer-share .conBox .product{ margin-top: -.6rem; text-align: center; }
.layer-share .conBox .product h2{ margin: 0 0 .2rem; line-height: 1.5; font-size: .36rem; font-weight: normal; }
.layer-share .conBox .QRcode{ margin-top: .6rem; line-height: 1; color: #666; }
.layer-share .conBox .QRcode img{ margin: .2rem 0; max-width: 1.8rem; }
.layer-share .conBox .QRcode a{ color: #666; }

.layui-m-layer .layer-share-wrap{ display: flex; flex-direction: column; justify-content: center; height: 100%; }
.layui-m-layer .layer-share{ display: block; }
.layui-m-layer .layer-m-share{ width: 92% !important; max-width: 690px !important; overflow: hidden; border-radius: 0; }


.product-detail .itemVideo{ height: 4.22rem; }
.product-detail .itemVideo #player-container-id{ width: 100%; height: 100%; }
.product-detail .itemContent{ padding: .2rem .3rem; }
.product-detail .itemContent .price{ display: none; float: right; margin-left: .3rem; padding-top: .1rem; line-height: .66rem; font-size: .22rem; color: #e60202; }
.product-detail .itemContent .price ins{ display: inline-block; vertical-align: top; margin-right: .15rem; padding-top: .02rem; line-height:.64rem; font-size: .24rem; text-decoration: none; }
.product-detail .itemContent .price strong{ display: inline-block; vertical-align: top; margin-top: -.1rem; line-height: .74rem; font-size: .36rem; }
.product-detail .itemContent .price del{ vertical-align: top; }
.product-detail .itemContent .title{ line-height: 1.6; font-size: .36rem; font-weight: normal; }
.product-detail .itemContent .info{ zoom:1; line-height: 1.8; font-size: .26rem; color: #999; margin: 0.2rem 0 0 0; }
.product-detail .itemContent .info:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.product-detail .itemContent .function{ float: right; margin-left: .2rem; display: flex; }
.product-detail .itemContent .function a{ display: flex; align-items: center; margin-left: .3rem; color: #5c5c5c; }
.product-detail .itemContent .function a:before{ content: ""; display: block; margin: 0 .2rem 0 0; width: .21rem; height: .21rem; overflow: hidden; background: url(../images/ico-detail-function.png) 0 .31rem / .21rem no-repeat; }
.product-detail .itemContent .function a.btn-share:before{ background-position: 0 0; }
.product-detail .itemContent .function a.btn-favorite:before{ background-position: 0 -.31rem; }


.swiper-product-detail-menu{ margin-top: .1rem; padding: 0 .3rem; border-top: solid 1px #efefef; border-bottom: solid 1px #efefef; }
.swiper-product-detail-menu .swiper-container{ overflow: visible; }
.swiper-product-detail-menu .swiper-slide{ margin-right: .7rem; width: auto; }
.swiper-product-detail-menu .swiper-slide h4{ position: relative; line-height: 2.4em; font-size: .36rem; font-weight: normal; color: #666; cursor: pointer; transition: color .3s; }
.swiper-product-detail-menu .swiper-slide-thumb-active h4{ color: #2983fc; }
.swiper-product-detail-menu .swiper-slide h4:before{ content: ""; position: absolute; bottom: -2px; left: 50%; width: 0; height: 3px; overflow: hidden; background: #2983fc; transition: left .3s, width .3s; }
.swiper-product-detail-menu .swiper-slide-thumb-active h4:before{ left: 0; width: 100%; }

/*.swiper-product-detail .listBox{ padding: .5rem .3rem; }
.swiper-product-detail .listBox li{ margin-top: .5rem; padding: .14rem .12rem .18rem .84rem; border-left: solid .04rem #2983fc; background: #f5f5f5; }
.swiper-product-detail .listBox li:first-child{ margin-top: 0; }
.swiper-product-detail .listBox .u-name{ position: relative; display: flex; justify-content: space-around; }
.swiper-product-detail .listBox .u-name:before{ content: ""; position: absolute; top: 50%; left: -.42rem; width: .34rem; height: .24rem; background: url(../images/ico-detail-video.png) center / contain no-repeat; transform: translate(-50%, -50%); }
.swiper-product-detail .listBox .u-name>h4{ flex: auto; line-height: 2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .24rem; }
.swiper-product-detail .listBox .u-name .price{ flex-shrink: 0; padding-top: .416667em; line-height: 1.583334; font-size: .24rem; color: #e60202; }
.swiper-product-detail .listBox .u-name .price strong{ display: inline-block; vertical-align: top; margin-top: -.277778em; line-height: 1.333334; font-size: .36rem; }
.swiper-product-detail .listBox .u-con{ display: flex; justify-content: space-between; line-height: 2.1; font-size: .2rem; color: #999; }
.swiper-product-detail .listBox .u-con>p{ flex: auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.swiper-product-detail .btnBox{ display: flex; margin-top: .06rem; }
.swiper-product-detail .btnBox a{ display: block; margin-right: .15rem; padding: 0 1em; min-width: 1.1rem; height: .38rem; line-height: .38rem; font-size: .2rem; color: #fff; border-radius: .04rem; }
.swiper-product-detail .btnBox a.btn-buy{ background: #e60202; }
.swiper-product-detail .btnBox a.btn-play{ background: #2983fc; }*/

.swiper-product-detail .listBox{ padding: .5rem .3rem; }
.swiper-product-detail .listBox ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.swiper-product-detail .listBox li{ margin-top: .2rem; width: 48.550725%; background: #f5f5f5; border-radius: 5px; }
.swiper-product-detail .listBox li:nth-child(-n+2){ margin-top: 0; }
.swiper-product-detail .listBox .u-img{ position: relative; display: block; padding-top: 64.179105%; overflow: hidden; border-radius: 5px 5px 0 0;}
.swiper-product-detail .listBox .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.swiper-product-detail .listBox .u-con{ padding: .12rem .2rem .28rem; }
.swiper-product-detail .listBox .u-con .name{ padding: .1rem 0; }
.swiper-product-detail .listBox .u-con .name h4{ min-height: 2.5em; line-height: 0.45rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .3rem; font-weight: normal; }
.swiper-product-detail .listBox .u-img .label{ position: absolute; z-index: 10; top: 0.1rem; left: 0.1rem; padding: 0 .08rem; line-height: 1.333334em; font-size: .24rem; font-weight: normal; color: #fff; }
.swiper-product-detail .listBox .u-img .label-a{ background: #6bb6fc; }
.swiper-product-detail .listBox .u-img .label-b{ background: #f37802;border-radius: 3px; }
.swiper-product-detail .listBox .u-con .content{ height: 0.8rem; line-height: 0.4rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .26rem; color: #999; margin: 0 0 0.2rem 0; }

.swiper-product-detail .btnBox{ display: flex; justify-content: space-between; align-items: center; }
.swiper-product-detail .btnBox>span{ font-size: .24rem; color: #e60202; }
.swiper-product-detail .btnBox>span strong{ font-size: .36rem; }
.swiper-product-detail .btnBox>.wrap{ line-height: 0; font-size: 0; white-space: nowrap; }
.swiper-product-detail .btnBox a{ display: inline-block; vertical-align: top; margin-right: .1rem; padding: 0 .5em; min-width: 1rem; height: .48rem; line-height: .48rem; font-size: .26rem; color: #fff; cursor: pointer; border-radius: 3px; }
.swiper-product-detail .btnBox a.btn-buy{ background: #e60202; }
.swiper-product-detail .btnBox a.btn-play{ background: #2983fc; }




.swiper-product-detail .conBox{ padding: .4rem .3rem; line-height: 2; font-size: .24rem; color: #666; }


#footer .detail-btn,
#footer .detail-btn>.area{ height: 2.722223em; font-size: .36rem; }
#footer .detail-btn>.area{ position: fixed; z-index: 100; bottom: 0; left: 0; right: 0; display: flex; }
#footer .detail-btn a{ width: 50%; line-height: 2.722223; font-size: .36rem; text-align: center; color: #fff; }
#footer .detail-btn a.btn-buy,
#footer .detail-btn a.btn-review{ background: #e60202; }
#footer .detail-btn a.btn-play{ background: #2983fc; }


.sub-news{ padding: .5rem .3rem; }
.sub-news li{ margin-top: .5rem; }
.sub-news li:first-child{ margin-top: 0; }
.sub-news .u-box{ display: flex; justify-content: space-between; }
.sub-news .u-img{ position: relative; display: block; width: 36%; padding-top: 21.739131%; overflow: hidden; background: url(../images/default.jpg) center center no-repeat #f8f8f8; background-size: cover; border-radius: 0.12rem; }
.sub-news .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.sub-news .u-img .label{ position: absolute; z-index: 10; top: 0; left: 0; width: .74rem; height: .4rem; line-height: .4rem; font-size: .2rem; text-align: center; color: #fff; background: #fb9a00; }
.sub-news .u-img .label:before{ content: ""; position: absolute; top: 0; right: -.12rem; width:0; height:0; overflow:hidden; border-width:.2rem .12rem .2rem 0; border-style:solid; border-color: #fb9a00 transparent; }
.sub-news .u-con{ width: 60%; }
.sub-news .u-con .name{ margin-top: .02rem; line-height: 1.5;  font-size: .3rem; font-weight: normal; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.sub-news .u-con .date{ line-height: 2.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .26rem; color: #a8a8a8; }
.sub-news .u-con .content{ margin-top: .14rem; line-height: 1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .2rem; color: #6e6e6e; display: none;}


.news-detail .detail-title{ padding: .3rem .3rem 0.2rem; text-align: left; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; background: #f5f5f5; }
.news-detail .detail-title h1{ line-height: 1.5; font-size: .36rem; font-weight: normal; }
.news-detail .detail-title p{ line-height: 2.444445; font-size: .3rem; color: #a8a8a8; }
.news-detail .detail-con{ padding: .5rem .3rem; line-height: 1.5; font-size: .2rem; }


.sub-live-notice{ position: relative; background: #fff; }
.sub-live-notice .label{ position: absolute; z-index: 10; top: 0; left: 0; padding: 0 .2rem; line-height: 2em; font-size: .24rem; color: #fff; background: #fb9a00; }
.sub-live-notice .label:after{ content: ""; position: absolute; top: 0; right: -.14rem; width:0; height:0; overflow:hidden; border-width:1em .14rem 1em 0; border-style:solid; border-color: #fb9a00 transparent; }

.swiper-live-notice{ position: relative; }
.swiper-live-notice .u-img{ position: relative; padding-top: 54.266667%; }
.swiper-live-notice .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.swiper-live-notice .u-img span{ position: absolute; z-index: 10; top: 0; left: 0; padding: 0 .2rem; line-height: 2em; font-size: .28rem; color: #fff; }
.swiper-live-notice .u-img span:after{ content: ""; position: absolute; top: 0; right: -.13rem; width:0; height:0; overflow:hidden; border-width:1em .14rem 1em 0; border-style:solid; border-color: transparent; }
.swiper-live-notice .u-img span.notice{ background: #fb9a00; }
.swiper-live-notice .u-img span.notice:after{ border-color: #fb9a00 transparent; }
.swiper-live-notice .u-img span.start{ background: #23b8ff; }
.swiper-live-notice .u-img span.start:after{ border-color: #23b8ff transparent; }
.swiper-live-notice .u-img span.end{ background: #7f7f7f; }
.swiper-live-notice .u-img span.end:after{ border-color: #7f7f7f transparent; }
.swiper-live-notice .u-con{ padding: .4rem .3rem .7rem; }
.swiper-live-notice .u-con .name{ zoom:1; line-height: 1.6em; font-size: .32rem; }
.swiper-live-notice .u-con .name:before{ content: ""; float: right; width: 15%; height: 1.6em; }
.swiper-live-notice .u-con .name:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.swiper-live-notice .u-con .date{ line-height: 2em; font-size: .26rem; color: #999; }
.swiper-live-notice .u-con .date:before{ content: ""; display: inline-block; vertical-align: top; margin-right: .1rem; width: .19rem; height: 2em; background: url(../images/ico-date.png) center / contain no-repeat; }
.swiper-live-notice .u-con .content{ margin-top: .26rem; line-height: 1.5em; overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; font-size: .28rem; color: #8e8e8e; }
.swiper-live-notice .u-con .btn{ display: block; margin-top: .5rem; width: 2.6rem; line-height: 2.8em; font-size: .28rem; text-align: center; color: #fff; background: #23b8ff; border-radius: 50px; }

.swiper-live-notice-pagination{ position: absolute; z-index: 10; top: .4rem; bottom: auto; left: auto; right: 0; margin-top: 54.266667%; padding: .1rem .3rem 0 .1rem; width: auto; line-height: 1.636364em; font-size: .22rem; font-family: Arial; color: #c5c6c6; background: #fff; }
.swiper-live-notice-pagination .swiper-pagination-current{ display: inline-block; vertical-align: top; margin-top: -.1rem; line-height: 1.333334em; font-size: .36rem; color: #2983fc; }
.swiper-live-notice-pagination .swiper-pagination-total{ display: inline-block; vertical-align: top; line-height: 1.5em; font-size: .24rem; }


.sub-live{ padding: .5rem .3rem 1.3rem; }
.sub-live .title{ zoom:1; }
.sub-live .title:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.sub-live .title h2{ line-height: 1.5em; overflow: hidden; font-size: .36rem; font-weight: normal; color: #454444; }
.sub-live .title h2:before{ content: ""; display: inline-block; vertical-align: top; margin: .12rem .2rem 0 0; width: .08rem; height: .34rem; overflow: hidden; background: #48515a; }
.sub-live .listBox{ margin-top: .6rem; overflow: hidden; }
.sub-live .listBox li{ float: left; margin: 4.347827% 0 0 4.347827%; width: 47.826087%; }
.sub-live .listBox li:nth-child(2n+1){ margin-left: 0; }
.sub-live .listBox li:nth-child(-n+2){ margin-top: 0; }
.sub-live .listBox .u-box{ display: block; overflow: hidden; background: #fff; border-radius:.12rem .12rem 0 0; }
.sub-live .listBox .u-img{ position: relative; display: block; padding-top: 64.242425%; overflow: hidden; }
.sub-live .listBox .u-img:before{ content: ""; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5) url(../images/ico-live.png) center no-repeat;opacity:0;transition:all .3s; }
.sub-live .listBox .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.sub-live .listBox .u-img span{ position: absolute; z-index: 10; top: .12rem; left: .12rem; min-width: .62rem; line-height: 1.5em; font-size: .26rem; text-align: center; color: #fff; border-radius: .03rem; padding: 0.05rem 0.1rem; }
.sub-live .listBox .u-img span.notice{ background: #fb9a00; }
.sub-live .listBox .u-img span.start{ background: #23b8ff; }
.sub-live .listBox .u-img span.end{ background: #7f7f7f; }
.sub-live .listBox .u-con{ padding: .16rem .12rem .12rem; }
.sub-live .listBox .u-con .name{ line-height: 1.333334em;  font-size: .28rem; font-weight: normal; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
	margin: 0.1rem 0;
}
.sub-live .listBox .u-con .content{ line-height: 1.444445em; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .26rem; color: #999;padding: 0.1rem 0; }
.sub-live .listBox .u-box:hover .u-img:before{ opacity:1; }
.sub-live .m-page{ margin-bottom: -30px; padding-top: 120px; }

.sub-copyright,
.sub-copyright a{ color: #757575; }
.sub-copyright a:hover{ color: #fff; }
.sub-copyright{ padding: .3rem; line-height: 2em; font-size: .18rem; text-align: center; background: #191919; }


.live-detail{ background: #fff; }
.live-detail .detail-con .u-con{ padding: .4rem .3rem .7rem; line-height: 2em; font-size: .24rem; color: #666; }
.live-detail .detail-btn,
.live-detail .detail-btn>.btn-buy{ height: 2.5em; font-size: .36rem; }
.live-detail .detail-btn>.btn-buy{ position: fixed; z-index: 100; bottom: 0; left: 0; right: 0; display: block; height: 2.5em; line-height: 2.5em; overflow: hidden; font-size: .36rem; text-align: center; color: #fff; background: #23b8ff; }
.live-detail .detail-btn>.btn-buy-disabled{ background: #aaa; }

.swiper-live-detail-menu{ padding: 0 .3rem; border-top: solid 2px #e4e4e4; border-bottom: solid 2px #e4e4e4; }
.swiper-live-detail-menu .swiper-container{ overflow: visible; }
.swiper-live-detail-menu .swiper-slide{ margin-right: .5rem; width: auto; }
.swiper-live-detail-menu .swiper-slide h4{ position: relative; line-height: 2.4em; font-size: .3rem; font-weight: normal; color: #666; cursor: pointer; }
.swiper-live-detail-menu .swiper-slide h4:before{ content: ""; position: absolute; bottom: -2px; left: 50%; width: 0; height: 2px; overflow: hidden; background: #2983fc; transition: all .3s; }
.swiper-live-detail-menu .swiper-slide-thumb-active h4:before{ left: 0; width: 100%; }

.liveBox{}
.liveImg{ position: relative; zoom:1; line-height: 0; font-size: 0; overflow: hidden; }
.liveImg:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7) url(../images/ico-live.png) center no-repeat; }
.liveImg .countdown{ position: absolute; bottom: 50%; left: .3rem; right: .3rem; margin-bottom: .5rem; line-height: 1; font-size: .28rem; text-align: center; color: #fff; }
.liveImg .countdown strong{ margin: 0 .08rem; font-weight: normal; }

.liveContent{ padding: .16rem .3rem .42rem; }
.liveContent h1{ line-height: 1.5em; font-size: .36rem; }
.live-detail .price{ float: right; margin-left: .2rem; padding-top: 1em; line-height: 1.25em; font-size: .24rem; font-weight: normal; color: #f70; }
.live-detail .price strong{ display: inline-block; vertical-align: top; margin-top: -.375em; line-height: 1em; font-size: .48rem; }
.liveContent .date{ line-height: 2em; font-size: .18rem; color: #999; }
.liveContent .countdown{ display: inline-block; vertical-align: top; margin-top: .16rem; padding: 0 .2rem; line-height: 1.625em; font-size: .24rem; color: #f4f4f4; background: #4f4e4e; border-radius:.8125em; }
.liveContent .countdown strong{ margin: 0 .06rem; vertical-align: top; height: 1.3em; font-size: .3rem; color: #23b8ff; }

.liveVideo .video{ position: relative; zoom:1;}
.liveVideo .video .number{ position: absolute; top: .2rem; right: 0; padding: 0 .2rem; line-height: 1.666667em; font-size: .24rem; color: #f4f4f4; background: rgba(35,35,35,.7); border-radius:.833334em 0 0 .833334em; }

.live-detail .detail-message{}
.live-detail .detail-message .list ul{ padding: .4rem .3rem .8rem; }
.live-detail .detail-message .list li{ margin-top: .4rem; }
.live-detail .detail-message .list li:first-child{ margin-top: 0; }
.live-detail .detail-message .conBox{ line-height: 0; font-size: 0; }
.live-detail .detail-message .conBox>div{display: inline-block; vertical-align: top; }
.live-detail .detail-message .u-img{ width: 2em; height: 2em; overflow: hidden; font-size: .24rem; background: #eaeaea; border-radius:50%; }
.live-detail .detail-message .u-name{ margin: 0 .2rem; width: 4em; line-height: 2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .24rem; color: #666; }
.live-detail .detail-message .u-date{ padding-top: .555556em; line-height: 2.111112em; font-size: .18rem; color: #999; }
.live-detail .detail-message .replyBox{ position: relative; zoom:1; margin-top: .2rem; padding: .12rem .2rem; line-height: 1.5em; font-size: .24rem; background: #eee; }
.live-detail .detail-message .replyBox:before{ content: ""; position: absolute; bottom: 100%; left: .18rem; width:0; height:0; overflow:hidden; border-width:0 .06rem .05rem; border-style:solid; border-color: transparent transparent #f6f6f6 transparent; }
.live-detail .detail-message .form{ height: 2.5em; font-size: .36rem; }

.live-detail .detail-form{ position: fixed; z-index: 99; left: 0; bottom: -2.5em; display: flex; width: 100%; height: 2.5em; font-size: .36rem; background: #232323; transition: bottom .3s; }
.live-detail .detail-form .u-text{ width: 68%; padding: 0 .3rem; height: 100%; font-size: .36rem; color: #f6f6f6; border: 0 none; background: none; }
.live-detail .detail-form .u-text::-webkit-input-placeholder{color:#8d8d8d;}
.live-detail .detail-form .u-text:-moz-placeholder{color:#8d8d8d;}
.live-detail .detail-form .u-text:-ms-input-placeholder{color:#8d8d8d;}
.live-detail .detail-form .u-btn{ width: 32%; height: 100%; font-size: .36rem; color: #fff; border: 0 none; background: #23b8ff; cursor: pointer; }


.live-detail .detail-form.show{ bottom: 2.5em; }
.live-detail .detail-btn[style*="none"]+.detail-form.show{ bottom:0; }


.live-detail[layout="flex"]{ display: flex; flex-direction: column; height: calc(100vh - 1.1rem); }
.live-detail[layout="flex"] .detail-item,
.live-detail[layout="flex"] .swiper-live-detail-menu{ flex-shrink: 0; }
.live-detail[layout="flex"] .swiper-live-detail{ flex: auto; overflow: auto; }


.sub-search{ padding: .2rem .3rem; }
.sub-search li{ padding: .2rem 0; border-bottom: solid 1px #e4e4e4; }
.sub-search .u-name{ line-height: 2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .3rem; font-weight: 500; }
.sub-search .u-con{ line-height: 2.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .26rem; color: #707070;font-weight: normal;}
.sub-search .u-con:before{ content: ""; display: inline-block; vertical-align: top; margin-top: .6em; margin-right: 1em; width: .3em; height: 1em; background: #2983fc; }


.member-box{ padding: .9rem .3rem; background: url(../images/bg-member.jpg) center 0 / 100% no-repeat; }
.member-box .menu{ display: inline-flex; line-height: 2; font-size: .36rem; text-align: center; background: rgba(255,255,255,.5); border-radius: 1em; }
.member-box .menu a{ display: block; width: 1.46rem; color: #fff; border-radius: 1em; }
.member-box .menu .current a{ width: 1.9rem; color: #4ea3ff; background: #fff; }

/*.member-box .formBox{ position: relative; margin-top: .8rem; padding: .9rem .4rem; min-height: 6.2rem; background: #fff; border-radius: .3rem; box-shadow: 0 .02rem .1rem rgba(76,76,76,.17); }*/
.member-box .formBox{ position: relative; margin-top: .8rem; padding: .9rem .4rem .6rem; background: #fff; border-radius: .3rem; box-shadow: 0 .02rem .1rem rgba(76,76,76,.17); }
.member-box .formBox li{ display: flex; align-items: center; margin-top: .3rem; border-bottom: solid .02rem #e6e6e6; }
.member-box .formBox li:first-child{ margin-top: 0; }
.member-box .formBox .u-text{ flex: auto; padding-left: .9rem; width: 100%; height: 2.6em; font-size: .3rem; border: 0 none; background: none; }
.member-box .formBox .u-text::-webkit-input-placeholder{color:#9b9b9b;}
.member-box .formBox .u-text:-moz-placeholder{color:#9b9b9b;}
.member-box .formBox .u-text:-ms-input-placeholder{color:#9b9b9b;}
.member-box .formBox li.phone .u-text{ background: url(../images/ico-form-phone.png) .2rem center / auto .4rem no-repeat; }
.member-box .formBox li.password .u-text{ background: url(../images/ico-form-password.png) .2rem center / auto .4rem no-repeat; }
.member-box .formBox li.vCode-img .u-text{ background: url(../images/ico-form-vCode.png) .2rem center / auto .4rem no-repeat; }
.member-box .formBox li.vCode-img .imgCode{ flex-shrink: 0; }
.member-box .formBox li.vCode-img .imgCode img{ height: .6rem; }
.member-box .formBox li.name .u-text{ background: url(../images/ico-form-name.png) .2rem center / auto .4rem no-repeat; }
.member-box .formBox li.vCode-send .u-text{ padding-left: .2rem; }

.member-box .formBox li.vCode-send .sendCode{ margin-top: -.2rem; }
.member-box .formBox li.vCode-send .u-resend{ display: block; width: 2.3rem; height: 2.5em; font-size: .28rem; color: #666; border: 0 none; background: #e2e2e2; cursor: pointer; }
.member-box .formBox li.vCode-send .disabled{ color: #999; background-color:#e5e5e5;}

.member-box .formBox li.memberPassword{ justify-content: space-between; margin: 0.3rem 0 0; padding: 0; line-height: 2.6; font-size: .3rem; border: none; }
.member-box .formBox li.memberPassword a{ color: #2983fc; }

.member-box .formBox li.memberPassword a.Wechatlogin{ display: inline-flex; color: #2983fc; }
.member-box .formBox li.memberPassword a.Wechatlogin:before{ content: ""; width: .9rem; height: 2.6em; background: url(../images/ico-login-wechat.png) center / auto .4rem no-repeat; }

/*.member-box .formBox li.btnBox{ position: absolute; left: .4rem; right: .4rem; bottom: 0; border: none; transform: translateY(50%); }*/
.member-box .formBox li.btnBox{ border: none; }
.member-box .formBox .u-btn{ display: block; width: 100%; height: 2.5em; font-size: .36rem; color: #fff; border: 0 none; background: #4ea3ff;border-radius: 0.12rem; margin: 0.3rem 0 0 0;}

.member-title{ padding: .3rem; font-size: .4rem; }
.member-title h2{ line-height: 1.5; font-size: .4rem; }
.member-title p{ line-height: 1.75; font-size: .24rem; color: #ccc; }


.memberPassword{ flex: auto; padding: .5rem .3rem; overflow: hidden; }
.memberPassword li{ padding: .2rem 0; display: flex; border-bottom: solid 1px #d4d4d4; }
.memberPassword li:first-child{ padding-top: 0; }
.memberPassword label{ flex:auto; display: flex; overflow: hidden; box-sizing: border-box; }
.memberPassword label>h4{ flex-shrink: 0; margin-right: 1em; line-height: 2.4; font-size: .3rem; font-weight: normal; color: #666; }
.memberPassword label>input{ flex: auto; width: 100%; height: 2.4em; font-size: .3rem; border: 0 none; background: none; }

.memberPassword .sendCode,
.memberPassword .imgCode{ margin-left: .2rem; flex-shrink: 0; width: 2.3rem; height: 2.4em; font-size: .3rem; }

.memberPassword .sendCode{ display: block; height: 2.4em; font-size: .3rem; color: #2983fc; border: 0 none; background: none; cursor: pointer; }
.memberPassword .sendCode.disabled{ color: #ccc; }
.memberPassword .imgCode img{ width: 100%; height: 100%; }



.user-box{ flex: auto; overflow: hidden; display: flex; flex-direction: column; }

.userInfo{ display: flex; align-items: flex-start; padding: .7rem .3rem 0; height: 2.7rem; background: url(../images/bg-userInfo.jpg) center / 100% 100% no-repeat; }

.userInfo .u-img{ position: relative; margin-right: .5rem; width: 1.44rem; overflow: hidden; border-radius:50%; }
.userInfo .u-img .avatar{ display: flex; justify-content: center; align-items: center;width:1.44rem;height:1.44rem; overflow:hidden;}
.userInfo .u-img .avatar img{width:100%;}
.userInfo .u-img .file{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor:pointer;}
.userInfo .u-img .file input{display:none;}

.userInfo .u-con{ flex: auto; overflow: hidden; }


.userInfo .u-con .name{ display: flex; align-items: center; line-height: 2; overflow: hidden; font-size: .3rem; color: #fff; font-weight: 700;}
.userInfo .u-con .name h4{ font-weight: normal; font-size: 0.38rem;}
.userInfo .u-con .level{ display: inline-flex; align-items: center; margin-left: .3rem; padding: 0 1em; line-height: 1.5; font-size: .26rem; border: solid 1px #fff; border-radius: .75em; }
.userInfo .u-con .level .ico{ margin-left: .16rem; height: .2rem; }
.userInfo .u-con .level .ico img{ height: 100%; }

.userInfo .u-con .expire{ display: inline-block; vertical-align: top; margin-top: .04rem; padding: 0 1em; line-height: 2.1; overflow: hidden; font-size: .26rem; background: #fefefe; border-radius: 1.05em; }


.userMenu{ padding: .3rem .3rem .4rem; }
.userMenu h4{ margin-top: .2rem; line-height: 3.071429; font-size: .32rem; border-bottom: solid 1px #fff; }
.userMenu h4:first-child{ margin-top: 0; }
.userMenu li{ border-bottom: solid 1px #efefef; }
.userMenu a{ display: flex; justify-content: space-between; align-items: center; line-height: 3.416667; font-size: .28rem; color: #5b5b5b; }
.userMenu a:after{ content: ""; display: block; width: .13rem; height: .23rem; background: url(../images/arrow-menu.png) center / contain no-repeat; }


.userBuy{ flex: auto; padding: .4rem .3rem; overflow: hidden; }
.userBuy dl{ margin-top: .5rem; }
.userBuy dl:first-child{ margin-top: 0; }
.userBuy dt{ line-height: 1.8; font-size: .3rem; font-weight: normal; color: #666;font-weight: 700; }
.userBuy .tabTitle{ margin-top: .3rem; }
.userBuy .tabTitle ul{ display: flex; flex-wrap: wrap; }
.userBuy .tabTitle li{ margin-left: 6.521740%; width: 28.985508%; }
.userBuy .tabTitle li:nth-child(3n+1){ margin-left: 0; }
.userBuy .tabTitle label{ display: block; cursor: pointer; }
.userBuy .tabTitle label>input{ display: none; }
.userBuy .tabTitle .u-box{ padding: .14rem 0 .84rem; text-align: center; border: solid .02rem #eee; border-radius: .1rem; }
.userBuy .tabTitle .name{ line-height: 1.785715; font-size: .28rem; color: #5c5c5c; }
.userBuy .tabTitle .price{ padding-top: .12rem; line-height: .6rem; font-size: .3rem; color: #fe5232; }
.userBuy .tabTitle .price strong{ display: inline-block; vertical-align: top; margin-top: -.12rem; line-height: .72rem; font-size: .48rem; }
.userBuy .tabTitle .tips{ font-size: 16px; color: #666; }
.userBuy .tabTitle label>input:checked+.u-box{ border-color: #ff5738; background: #fff7f0 url(../images/ico-checked.png) right bottom / .61rem no-repeat; }
.userBuy .tabCon{ margin-top: .16rem; }
.userBuy .tabCon li{ display: none; }
.userBuy .tabCon .u-con{ line-height: 1.666667; font-size: .24rem; color: #666; }
.userBuy .tips{ margin: .1rem 0rem 0; padding: .3rem 0rem 0; line-height: 1.666667; font-size: .26rem; color: #999; border-top: solid 1px #efefef; }

.userBtn{ padding: 0 .3rem .4rem; }
.userBtn .u-btn{ display: block; width: 100%; height: 2.5em; font-size: .36rem; color: #fff; border: 0 none; background: #4ea3ff; cursor: pointer;border-radius: 5rem; }
.userBtn .u-logout{ display: block; width: 100%; height: 2.6em; font-size: .3rem; color: #fff; border: 0 none; background: #2983fc; cursor: pointer; border-radius: .03rem; }

.userPassword{ flex: auto; padding: .5rem .3rem; overflow: hidden; }
.userPassword li{ margin-top: .4rem; display: flex; }
.userPassword li:first-child{ margin-top: 0; }
.userPassword label{ flex:auto; display: flex; padding: 0 .2rem; overflow: hidden; background: #f4f4f4; box-sizing: border-box; }
.userPassword label>h4{ flex-shrink: 0; line-height: 2.5; font-size: .28rem; font-weight: normal; color: #666; }
.userPassword label>input{ flex: auto; width: 100%; height: 2.5em; font-size: .28rem; border: 0 none; background: none; }

.userPassword .sendCode,
.userPassword .imgCode{ margin-left: .2rem; flex-shrink: 0; width: 2.3rem; }

.userPassword .sendCode{ display: block; height: 2.5em; font-size: .28rem; color: #666; border: 0 none; background: #e2e2e2; cursor: pointer; }
.userPassword .imgCode img{ width: 100%; height: 100%; }


.userData{ flex: auto; padding: .5rem .3rem; overflow: hidden; }
.userData li{ margin-top: .4rem; display: flex; align-items: center; background: #f4f4f4; }
.userData li:first-child{ margin-top: 0; }
.userData label{ flex:auto; display: flex; padding: 0 .2rem; overflow: hidden; box-sizing: border-box; }
.userData label>h4{ flex-shrink: 0; width: 5em; line-height: 2.5; font-size: .28rem; font-weight: normal; color: #666; }
.userData label>input,
.userData label>select{ flex: auto; width: 100%; height: 2.5em; font-size: .28rem; border: 0 none; background: none; }
.userData label>textarea{ flex: auto; padding: .5em 0; width: 100%; height: 2rem; line-height: 1.5; font-size: .28rem; border: 0 none; background: none; resize: none; }


.userData .modifyPhone{ margin: 0 .2rem; font-size: .24rem; color: #ff7700; }

.userData li.addr{ align-items: flex-start; background: none; }
.userData li.addr h4{ flex-shrink: 0; width: 5em; line-height: 1.607143; font-size: .28rem; font-weight: normal; color: #666; }
.userData li.addr .addrBox{ flex: auto; display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; }
.userData li.addr .addrBox select{ padding: 0 .2rem; width: 32.363637%; height: 1.875em; font-size: .24rem; color: #666; border: 0 none; background: #f5f5f5; }
.userData li.addr .addrBox input{ margin-top: .12rem; padding: 0 .2rem; width: 100%; height: 1.875em; font-size: .24rem; border: 0 none; background: #f5f5f5; }


.sub-order{ padding-bottom: .3rem; }
.sub-order li{ padding: .2rem .3rem; border-bottom: solid 1px #dbdbdb; }
.sub-order dl{ display: flex; justify-content: space-between; padding: .15rem 0; line-height: 1.5; font-size: .28rem; }
.sub-order dt{ flex-shrink: 0; margin-right: .3rem; color: #666; }
.sub-order dd{ flex: auto; display: flex; justify-content: flex-end; overflow: hidden; text-align: justify; }

.btn-playVideo{}
.layer-playVideo{ display: none; }
.layui-m-layer .layer-m-playVideo{ max-width: none !important; height: 90%; overflow: hidden; }
.layui-m-layer .layer-m-playVideo .layui-m-layercont{ padding: 0; width: 100%; height: 100%; }
.layui-m-layer .layer-m-playVideo .layui-m-layerbtn{ position: absolute; top: 0; right: 0; width: .5rem; height: .5rem; line-height: .5rem; text-align: center; border: 0 none; background: none; }
.layui-m-layer .layer-m-playVideo .layui-m-layerbtn span{ font-size: .36rem; font-family: "SimSun"; }
.layui-m-layer .layer-m-playVideo .layui-m-layerbtn span:active{ background: none; }
.layui-m-layer .layer-m-playVideo .layer-playVideo-wrap,
.layui-m-layer .layer-m-playVideo #player-container-id{ width: 100%; height: 100%; }


.layer-buy{ display: none; }
.layer-buy li{ display: flex; align-items: center; margin: 0 .3rem; padding: .4rem 0; border-top: solid 1px #ececec; }
.layer-buy li:first-child{ border-top: none; }
.layer-buy .u-name{ flex-shrink: 0; line-height: 1.733334; font-size: .3rem; color: #404040; }
.layer-buy .u-con{ flex: auto; margin: 0 .6rem; padding-top: .333334em; overflow: hidden; line-height: 1.833334; font-size: .24rem; text-align: left; color: #666; box-sizing: content-box; }
.layer-buy .u-con .price{ display: inline-block; vertical-align: top; margin-right: .3rem; color: #e60202; }
.layer-buy .u-con .price strong{ display: inline-block; vertical-align: top; line-height: 1.444445; margin-top: -.222223em; font-size: .36rem; }
.layer-buy .u-btn{ flex-shrink: 0; display: block; padding: 0 1em; line-height: 2.166667; font-size: .24rem; color: #fff; background: #e60202; border-radius: 1.083334em; }


.layui-m-layer .layui-m-layercont{ padding: 0; height: 100%; }
.layui-m-layer .layer-buy-wrap{ display: flex; flex-direction: column; justify-content: center; height: 100%; }
.layui-m-layer .layer-buy{ display: block; }
.layui-m-layer .layer-m-buy{ max-width: none !important; width: 88% !important; max-width: 660px !important; overflow: hidden; border-radius: .3rem; }

.loadingHide{display:none;}

.skw{ background: #fb9a00 !important; }


/* 2020/08/31 */
.layer-review{ display: none; }
.layer-review h2{ padding: .2rem; line-height: 1.6; font-size: 0.3rem; }
.layer-review li{ display: flex; align-items: center; margin: .18rem .3rem 0; padding: .18rem 0; border-top: solid 1px #ececec; }
.layer-review li:first-child{ margin-top: 0; }
.layer-review .u-con{ flex: auto; text-align: left; }
.layer-review .u-con h4{ line-height: 1.6; font-size: 0.3rem; color: #404040; }
.layer-review .u-con p{ line-height: 1.9; font-size: 0.2rem; color: #666; }
.layer-review li>.wrap{ flex-shrink: 0; display: flex; align-items: center; }
.layer-review .u-price{ display: inline-flex; align-items: baseline; font-size: 0.3rem; font-weight: bold; color: #e60202; }
.layer-review .u-price strong{vertical-align: top; line-height: 1.083334; font-size: 0.48rem; }
.layer-review .u-btn{ display: block; margin-left: 0.3rem; padding: 0 1em; line-height: 2.166667; font-size: .24rem; color: #fff; background: #e60202; border-radius: 1.083334em; }

.layui-m-layer .layer-review-wrap{ display: flex; flex-direction: column; justify-content: center; height: 100%; }
.layui-m-layer .layer-review{ display: block; }
.layui-m-layer .layer-m-review{ max-width: none !important; width: 92% !important; max-width: 690px !important; overflow: hidden; border-radius: .3rem; }


.sub-withdrawal{ padding: .6rem .3rem; }
.sub-withdrawal .price{ padding: .25rem .35rem .35rem; overflow: hidden; color: #fff; background-image:linear-gradient(to right,#6c95ff,#36c3ff); border-radius: .1rem; }
.sub-withdrawal .price li:nth-child(1) h4{ line-height: 2.071429; font-size: 0.28rem; }
.sub-withdrawal .price li:nth-child(1) p{ line-height: 1.5; font-size: 0.6rem; }
.sub-withdrawal .price li:nth-child(2){ margin-top: 0.35rem; }
.sub-withdrawal .price li:nth-child(2) p{ line-height: 1.5; font-size: 0.24rem; }

.sub-withdrawal .form{ margin-top: 0.7rem; }
.sub-withdrawal .form li{ margin-top: 0.8rem; }
.sub-withdrawal .form li:first-child{ margin-top: 0; }
.sub-withdrawal .form h4{ line-height: 1; font-size: 0.28rem; }
.sub-withdrawal .form h4 span{ margin-left: 1em; line-height: 1.8; font-size: 0.2rem; font-weight: normal; color: #999; }
.sub-withdrawal .form .u-text{ margin-top: .34rem; padding: 0 .2rem; width: 100%; line-height: .7rem; font-size: 0.24rem; color: #666; border: 0 none; background: #f4f4f4; }

.sub-withdrawal .form .u-file{ display:flex; margin-top: 0.55rem; }
.sub-withdrawal .form .u-file>button{ padding-top: .9rem; width: 3rem; height: 2.2rem; overflow: hidden; font-size: 0.24rem; color: #666; border: solid 1px #e2e2e2; background: #f9f9f9 url(../images/ico-upload.png) center 0.6rem / .5rem no-repeat; border-radius: .1rem; cursor: pointer; }

.sub-withdrawal .form .imageShow{ margin-left: 0.2rem; width: 3rem; height: 2.2rem; overflow: hidden; border: solid 1px #e2e2e2; background: #f9f9f9; border-radius: .1rem; }
.sub-withdrawal .form .imageShow img{ width: 100%; height: 100%; object-fit: contain; }

.sub-withdrawal .form .u-btn{ display: block; margin-top: 0.8rem; width: 100%; height: 0.9rem; font-size: 0.36rem; color: #fff; border: 0 none; background: #4ea3ff; cursor: pointer; }


.sub-distribution .conBox{ padding: .5rem .3rem ; }
.sub-distribution .conBox .title{ line-height: 1; font-size: .42rem; font-weight: normal; text-align: center; }
.sub-distribution .conBox .u-con{ margin-top: .5rem; line-height: 1.75; font-size: .24rem; }
.sub-distribution .conBox .btn{ margin-top: .5rem; display: block; line-height: 2.5; font-size: .36rem; text-align: center; color: #fff; background: #4ea3ff; }


.layer-distribution{ display: none; }
.layer-distribution ul{ padding: .3rem 0 0; }
.layer-distribution li{ display: flex; flex-wrap: wrap; margin: .2rem .6rem 0; text-align: left; }
.layer-distribution li:first-child{ margin-top: 0; }
.layer-distribution li h4{ width: 100%; line-height: 3; font-size: .3rem; font-weight: normal; color: #666; }
.layer-distribution li>.wrap{ display: flex; width: 100%; }
.layer-distribution li>.tips{ margin-top: .2rem; font-size: .24rem; color: #999; }
.layer-distribution li>.tips.success{ color: #15c972; }
.layer-distribution .u-text{ flex: auto; padding: 0 .2rem; line-height: 2.266667; font-size: .3rem; border: 0 none; background: #efefef; }
.layer-distribution .u-btn{ display: block; margin: .3rem 0 .6rem; width: 100%; line-height: 2.466667em; font-size: .3rem; color: #fff; cursor: pointer; border: 0 none; background: #23b8ff; }
.layer-distribution .sendCode{ margin-left: .35rem; font-size: .24rem; text-decoration: underline; color: #999; border: 0 none; background: none; cursor: pointer; }

.layui-m-layer .layer-distribution-wrap{ display: flex; flex-direction: column; justify-content: center; height: 100%; }
.layui-m-layer .layer-distribution{ display: block; }
.layui-m-layer .layer-m-distribution{ max-width: none !important; width: 92% !important; max-width: 690px !important; overflow: hidden; border-radius: .3rem; }


.sub-success{ flex: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; }
.sub-success .ico{ width: 1.2rem; }
.sub-success .conBox{ padding: .8rem 0; text-align: center; }
.sub-success .title{ line-height: 1.714286; font-size: .42rem; font-weight: normal; }
.sub-success .u-con{ line-height: 2.333334; font-size: .24rem; color: #848484; }
.sub-success .btn{ margin-top: 1.12rem; display: block; line-height: 2.5; font-size: .36rem; text-align: center; color: #fff; background: #4ea3ff; }


.distributionIndex .user{ padding: .4rem .2rem 2.24rem; background-image: linear-gradient( 137deg ,#36c3ff,#6c95ff); }
.distributionIndex .user .btn-message{ position: relative; float: right; margin-left: .28rem; width: .4rem; height: .44rem; overflow: hidden; background: url(../images/ico-message.png) center / .33rem no-repeat; }
.distributionIndex .user .btn-message:before{ content: ""; display: none; position: absolute; top: 0; right: 0; width: .12rem; height: .12rem; overflow: hidden; background: #f00; border-radius: 50%; }
.distributionIndex .user .btn-message.new:before{ display: block; }
.distributionIndex .user .u-img{ float: left; margin-right: .28rem; width: .98rem; height: .98rem; overflow: hidden; border-radius: 50%; }
.distributionIndex .user .u-img>img{ width: 100%; height: 100%; object-fit: cover; }
.distributionIndex .user .u-con{ overflow: hidden; color: #fff; }
.distributionIndex .user .u-con .name{ line-height: 1.133334; font-size: .3rem; }
.distributionIndex .user .u-con .level{ display: inline-block; vertical-align: top; margin-top: .24rem; padding: 0 .8em; line-height: 1.5em; font-size: .2rem; border: solid 1px #fff; border-radius: .75em; }


.distributionIndex .info{ position: relative; margin: -1.96rem .3rem 0; min-height: 2.16rem; background: #fff; box-shadow: 0 .08rem .18rem rgba(102,102,102,.15); border-radius: .1rem; }
.distributionIndex .info dl{ padding: .44rem 0 .36rem; }
.distributionIndex .info dt,.distributionIndex .info dd{ float: left; padding: 0 .4rem; width: 50%; }
.distributionIndex .info dt{ float: none; }
.distributionIndex .info dd{ position: relative; margin-top: .56rem; }
.distributionIndex .info dd:nth-of-type(2n+2):before{ content: ""; position: absolute; top: .04rem; bottom: .04rem; left: 0; width: 0; overflow: hidden; border-left: solid 1px rgba(95,95,95,.4); }
.distributionIndex .info p{ line-height: .32rem; font-size: .24rem; color: #5f5f5f; }
.distributionIndex .info .btn-withdrawal{ position: absolute; top: .7rem; right: .4rem; width: 1.2rem; line-height: .48rem; font-size: .24rem; text-align: center; color: #4fa3fe; border: solid 2px #4ea3ff; border-radius: .24rem; }
.distributionIndex .info dt h4{ margin-bottom: .16rem; line-height: 1; font-size: .6rem; font-weight: normal; }
.distributionIndex .info dd h4{ margin-bottom: .1rem; line-height: 1; font-size: .48rem; font-weight: normal; }
.distributionIndex .listBox{ margin: .8rem .3rem; }
.distributionIndex .listBox li{ border-bottom: solid 1px #f3f3f3; }
.distributionIndex .listBox li a{ position: relative; display: flex; justify-content: space-between; padding-left: .67rem; line-height: 1.14rem; font-size: .28rem; }
.distributionIndex .listBox li a:before{ content: ""; position: absolute; top: 0; bottom: 0; left: .03rem; width: .64rem; overflow: hidden; }
.distributionIndex .listBox li a:after{ content: ""; margin-left: .3rem; width: .38rem; overflow: hidden; background: url(../images/arrow-menu.png) center / .13rem no-repeat; opacity: .5; }
.distributionIndex .listBox li:nth-of-type(1) a:before{ content: ""; background: url(../images/ico-distributionIndex.png) 0 center / .33rem no-repeat; }


.distributionProduct{ padding: .6rem .3rem; }
.distributionProduct li{ margin-top: .6rem; }
.distributionProduct li:first-child{ margin-top: 0; }
.distributionProduct .u-box{ display: flex; justify-content: space-between; align-items: flex-start; }
.distributionProduct .u-img{ flex-shrink: 0; position: relative; display: block; width: 35.072464%; margin-right: 0.24rem; padding-top: 22.608696%; overflow: hidden; border-radius: .04rem; }
.distributionProduct .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.distributionProduct .u-con{ flex: auto; padding-top: .1rem; overflow: hidden; }
.distributionProduct .u-con .name{ min-height: 2.571429em; line-height: 1.285715em; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .28rem; font-weight: normal; }
.distributionProduct .u-con .info{ display: flex; justify-content: space-between; align-items: center; margin-top: .2rem; }
.distributionProduct .u-con .price{ font-size: .24rem; color: #696969; }
.distributionProduct .u-con .label{ padding: 0 .36rem; line-height: 2.6em; font-size: .2rem; color: #fff; background: #fb9a00; border-radius: 1.3em; }


.distributionMessage{ padding: .2rem 0; }
.distributionMessage li{ margin-top: .2rem; }
.distributionMessage li:first-child{ margin-top: 0; }
.distributionMessage .u-box{ position: relative; display: block; padding: .16rem .3rem .16rem .6rem; background: #fff; }
.distributionMessage .u-name{ position: relative; display: flex; align-items: baseline; }
.distributionMessage .u-name:before{ content: ""; position: absolute; top: 50%; left: -.3rem; margin-top: -.06rem; width: .12rem; height: .12rem; overflow: hidden; background: #ccc; border-radius: 50%; }
.distributionMessage .u-name h4{ flex: auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 1.714286; font-size: .28rem; font-weight: normal; }
.distributionMessage .u-name .date{ font-size: .2rem; color: #a8a8a8; }
.distributionMessage .u-con{ margin-top: .06rem; line-height: 1.4; font-size: .2rem; color: #6e6e6e; }

.distributionMessage li.new .u-name:before{ background: #4ea3ff; }


.swiper-product-detail .commentBox{padding:.6rem .3rem .9rem; box-sizing: border-box;}
.comment-form .title h2{line-height:1.25;font-size:.24rem;font-weight:normal;color:#515455;}
.comment-form .form{margin-top:.22rem; line-height: 0; font-size: 0; text-align: right;}
.comment-form .form .u-textarea{display:block;padding:.18rem;width:100%;height:1.48rem;line-height:1.333334;font-size:.18rem;font-family:'Microsoft YaHei';border:solid 1px #bfbfbf;border-radius:.05rem;}
.comment-form .form .u-btn{display:inline-block; vertical-align: top;margin-top: .34rem;width:1.3rem;line-height:.42rem;font-size:.24rem;color:#fff;border:0 none;background:#23b8ff;border-radius:.05rem;}
.comment-list{margin-top:.6rem;}
.comment-list .title{line-height:1.25;font-size:.24rem;font-weight:normal;}
.comment-list .comment{margin-left: 1.16rem;margin-top: .16rem;padding:.2rem 0 .4rem;border-bottom:solid 1px #efefef;}
.comment-user{ position: relative; zoom:1; padding-top: .16rem;}
.comment-user .avatar{ position: absolute; top: 0; left: -1.16rem; width: .84rem; height: .84rem; overflow: hidden; border-radius:50%; }
.comment-user .avatar img{ width: 100%; height: 100%; object-fit: cover;}
.comment-user .name{ line-height: 1.5em; font-size: .24rem; font-weight: normal; }
.comment-content{padding-top:.12rem;line-height:1.363637em;font-size: .22rem;color: #5a5a5a;}
.comment-operate{padding-top:.15rem;line-height:1.5em;font-size: .2rem;color:#d2d3d2;}
.comment-operate a{color:#b5b5b5;}
.comment-operate-reply{display: inline-block; vertical-align: top;margin-left:.4rem; -webkit-transition:none;-moz-transition:none;transition:none;}
.comment-operate-reply:before{content:"";display:inline-block;vertical-align:top;margin:.275em .7em 0 0;width:.22rem;height:.19rem;overflow:hidden;background:url(../images/ico-operate-reply.png) 0 0 / contain no-repeat;}
.comment-list .comment>.reply{ margin-top: .32rem; }
.reply-wrap{position: relative; zoom:1; margin-top:.3rem; padding-left: .25rem; }
.reply-wrap:before{ content: ""; position: absolute; top: .08rem; bottom: .08rem; left: 0; width: .05rem; overflow: hidden; background: #efefef; }
.reply-wrap:first-of-type{margin-top:0;}
.reply-username{ line-height: 1.75em; font-size: .24rem; color: #515455;}
.reply-content{ margin-top: .1rem; line-height: 1.363637em; font-size: .22rem; color: #5a5a5a; }
.reply-operate{margin-top:.15rem;line-height:1.5em;font-size: .2rem;color:#d2d3d2;}
.reply-operate a{color:#b5b5b5;}
.reply-operate-btn{display: inline-block; vertical-align: top;margin-left:.4rem; -webkit-transition:none;-moz-transition:none;transition:none;}
.reply-operate-btn:before{content:"";display:inline-block;vertical-align:top;margin:.275em .7em 0 0;width:.22rem;height:.19rem;overflow:hidden;background:url(../images/ico-operate-reply.png) 0 0 / contain no-repeat;}
.comment-list .comment>.reply>.more{margin-top:.3rem;display:inline-block;vertical-align:top;font-size:.2rem;color:#999;}
.comment-list .comment>.reply>.more:hover{color:#2983fc;}
.reply-form{margin-top: .32rem;line-height:0;font-size:0;}
.reply-form .u-text{display:block;padding:0 .12rem;width:100%;height:.5rem;font-size:.2rem;font-family:'Microsoft YaHei';border:solid 1px #d2d2d2;border-radius:.05rem;}
.reply-form .u-btn{display:block; margin-top:.3rem; width:1.3rem;line-height:.42rem;font-size:.24rem;color:#fff;border:0 none;background:#6ebd6b;border-radius:.05rem;}

.reply-wrap .reply-form{margin-top:.15rem;padding-bottom: .08rem;}
.comment-list>.more{display:block;margin-top:.3rem;height:.4rem;line-height:.4rem;overflow:hidden;font-size:.2rem;text-align:center;color:#999;background:#f4f4f4;}
.comment-list>.more:hover{color:#2983fc;}


.sub-team{ padding: 0 .3rem .8rem; }
.sub-team li{ padding: .6rem 0; border-top: solid 1px #ddd; }
.sub-team li:first-child{ border-top: none; }
.sub-team .u-img{ float: left; display: inline; margin-right: .35rem; width: 2.14rem; height: 2.85rem; overflow: hidden; }
.sub-team .team>.wrap{ overflow: hidden; }

.sub-team .u-name{ line-height: .48rem; font-size: .24rem; }
.sub-team h5.u-name{ margin-top: .26rem; color: #666; }
.sub-team .u-con{ line-height: .3rem; font-size: .18rem; color: #666; }

.sub-team .u-con:nth-of-type(1){overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.sub-team .u-con:nth-of-type(2){overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}




/* m-group */
.m-group{padding-bottom:1rem}
.m-group .t-bg{padding:0 .3rem .65rem;background-color:#3390ff}
.m-group .t-bg .tit{color:#fff;text-align:center;font-size:.36rem;line-height:1.2rem}
.m-group .t-bg .book-info{position:relative;padding:.25rem .25rem .3rem;border-radius:.05rem;background-color:#fff}
.m-group .t-bg .book-info::after{position:absolute;bottom:-.2rem;left:50%;z-index:5;margin-left:-.1rem;width:0;height:0;border-top:.2rem solid #fff;border-right:.1rem solid transparent;border-left:.1rem solid transparent;content:''}
.m-group .t-bg .book-info .u-img{overflow:hidden;margin-right:.24rem;width:2.5rem;height:1.4rem;border-radius:.04rem}
.m-group .t-bg .book-info .u-img img{width: 100%;height: 100%;}
.m-group .t-bg .book-info .text{height: 1.4rem;}
.m-group .t-bg .book-info .name{display:-webkit-box;overflow:hidden;margin:.04rem 0 .1rem;color:#4b4b4b;text-overflow:ellipsis;font-size:.28rem; font-weight: bold;line-height:.36rem;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.m-group .t-bg .book-info .price{font-size:.24rem}
.m-group .t-bg .book-info .price .num{margin-left:.1rem}
.m-group .t-bg .book-info .price p{display:inline-block;margin-right:.2rem}
.m-group .t-bg .book-info .price .now{color:#fa253d;font-size:.36rem}
.m-group .t-bg .book-info .price .now .i{font-size:.24rem; color: #333;}
.m-group .t-bg .book-info .price .old{font-size:.24rem}
.m-group .t-bg .book-info .price .old .del{color:#999;text-decoration:line-through;font-size:.24rem}
.m-group .team{padding:0 .3rem;text-align:center}
.m-group .team .users{margin-bottom:.3rem;padding-top:.47rem;width:100%;text-align:center;font-size:0}
.m-group .team .users .item{position:relative;display:inline-block;margin:0 .1rem;width:.8rem;height:.8rem;vertical-align:middle}
.m-group .team .users .item .img{overflow:hidden;width:100%;height:100%;border:1px solid #3390ff;border-radius:50%;background:#e2f6ff}
.m-group .team .users .item img{width:100%;height:100%}
.m-group .team .users .item.no-img .img{border:1px dashed #3390ff}
.m-group .team .users .item:first-child::after{position:absolute;bottom:-.07rem;left:50%;z-index:10;padding:0 .07rem;width:auto;border-radius:.02rem;background-color:#3390ff;color:#fff;content:'团长';white-space:nowrap;font-size:.16rem;line-height:.22rem;transform:translateX(-50%)}
.m-group .team .des{color:#333;font-size:.26rem}
.m-group .team .des .num{color:#136ee3}
.m-group .team .end-time{position:relative;margin-top:.35rem;padding-bottom:.55rem;color:#333;text-align:center;font-size:0;line-height:0}
.m-group .team .end-time .info{position:relative;display:inline-block;padding:0 .18rem;vertical-align:middle;line-height:.4rem}
.m-group .team .end-time .info::before{position:absolute;top:50%;left:-1.5rem;z-index:2;margin-top:-1px;width:1.5rem;height:2px;background-color:#dedede;content:''}
.m-group .team .end-time .info::after{position:absolute;top:50%;right:-1.5rem;z-index:2;margin-top:-1px;width:1.5rem;height:2px;background-color:#dedede;content:''}
.m-group .team .end-time .txt{display:inline-block;vertical-align:middle;font-size:.24rem}
.m-group .team .end-time .time{display:inline-block;margin:0 .1rem;color:#3390ff;vertical-align:middle;font-size:.24rem}
.m-group .team .end-time .time .num{display:inline-block;width:.4rem;height:.4rem;border-radius:.04rem;background-color:#e2f6ff}
.m-group .b-info{padding:.25rem 0;line-height:.86rem;border-bottom:1px solid #f5f5f5;}
.m-group .b-info .photo{position:relative;display:inline-block;vertical-align:middle}
.m-group .b-info .photo .tip{position:absolute;bottom:-.07rem;left:50%;z-index:10;padding:0 .07rem;width:auto;border-radius:.02rem;background-color:#3390ff;color:#fff;text-align:center;white-space:nowrap;font-size:.16rem;line-height:.22rem;transform:translateX(-50%)}
.m-group .b-info .img{overflow:hidden;width:.8rem;height:.8rem;border:1px solid #3390ff;border-radius:50%}
.m-group .b-info .name{margin-left:.2rem;color:#333;font-size:.26rem}
.m-group .b-info .s-time{color:#666;font-size:.22rem}

.m-group .tips{padding:0 .3rem}
.m-group .tips .t-text{line-height:.85rem; padding: 0.1rem 0; }
.m-group .tips .t-text .t-name{position:relative;padding-left:.42rem;color:#333;font-size:.28rem; font-weight: bold;}
.m-group .tips .t-text .t-name::before{position:absolute;top:50%;left:0;margin-top:-.14rem;width:.28rem;height:.28rem;background:url(../images/tip.png) no-repeat center center;background-size:100%;content:''}
.m-group .tips .t-text .des{color:#999;font-size:.24rem}
.m-group .tips .t-des{padding:.1rem 0 .3rem;color:#666;font-size:.24rem;line-height:.48rem}
.group-btn{position:fixed;bottom:0rem;left:50%;overflow:hidden;width:100%;max-width:750px;min-width:320px;line-height:.98rem;transform:translateX(-50%);z-index: 100;}
.group-btn .link{float:left;display:block;width:50%;background-color:#e60202;color:#fff;text-align:center;font-size:.36rem}
.group-btn .link.sin{background-color:#2983fc}
.group-pup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none}
.group-pup .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}
.group-pup .con{position:absolute;top:50%;left:50%;padding:.6rem .3rem;width:90%;border-radius:.3rem;background-color:#fff;text-align:center;transform:translate(-50%,-50%)}
.group-pup .con .img{margin:0 auto;width:2.53rem;height:1.52rem}
.group-pup .con .img img{width:100%;height:100%}
.group-pup .con .tip{margin-top:.45rem;color:#333;font-size:.32rem}
.group-pup .con .des{margin-top:.25rem;color:#999;font-size:.24rem}
.group-pup .con .more{display:block;overflow:hidden;margin:.45rem auto 0;width:5.6rem;height:.8rem;border-radius:.5rem;background-color:#3390ff;color:#fff;text-align:center;font-size:.28rem;line-height:.8rem}

.success-con{ margin: 0 0 0.5rem 0;}
.success-con .info{font-size: 0.32rem;  padding: 0.2rem 0 0 0; color: #3390ff;}

.join-list{ margin: 0 0.3rem 0.3rem 0.3rem;border-top:1px solid #ebebeb;}
.join-list .tit-name{margin:0.5rem 0 0.1rem;font-weight: bold; font-size: 0.28rem;}
.line-separate{ clear: both;display: block; height: 0.2rem; background: #ededed;}

.share-pup{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: none;
  width: 100%;
  max-width: 750px;
  min-width: 320px;
  left: 50%;
  transform: translateX(-50%);
}
.share-pup .mask{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.6);
}
.share-pup .con {
  position: absolute;
  width: 100%;
  height: 100%;
}
.share-pup .con img{
  width: 100%;
  height: 100%;
}
.share-pup .con .top-share{
 position: absolute;
 width: 4.25rem;
 height: 4.32rem;
  top: .2rem;
  right: .3rem;
}
.share-pup .con .bot-share{
 position: absolute;
 width: 100%;
 height: 4.2rem;
  left: 0;
  bottom: 0;
}