.margintop20{margin-top:.3rem}
.com-width{width: 100%;padding:0  3%;}
.clear {clear: both;}
.mask{display: block;position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 10; top:8rem;}
.margintop1{margin-top: 1rem;}
.width100{width: 100%;margin-left: 0;}
.uc-tips{width: 100%;height: .72rem;line-height: .72rem;font-size: .24rem;background-color: #f9f9f9;color: #333;padding-left: .3rem;}
.uc-tips1{font-size: .23rem;color: #b6b6b6;margin: .3rem 0 .1rem .3rem}
div.required label::after {content: " *";color: red;}
.must::after{content: '*';color: red;}
/* 用户登陆 */
.innertop{position: fixed;height: .88rem;line-height: .88rem;background-color: #fff;top: 0;z-index: 999;border-bottom: 1px solid #f1f1f1;}
.innertop span{display: inline-block;font-size: .28rem !important;color:#333;transform:rotate(180deg);}
.innertop h2{width: 90%;text-align: center;display: inline-block;font-size: .32rem;font-weight: bold;}
.reglogin-tab-box{
   height: .88rem;
   line-height: .88rem;
   border-bottom:1px solid #f1f1f1;
   display: flex;
   flex-direction: row;
   margin-bottom: .6rem;
   margin-top:.88rem
}
.reglogin-tab-box .reglogintab{font-size:.28rem;color:#666;margin-right: .4rem;}
.reglogin-tab-box .reglogintab-active{font-size: .36rem;font-weight: bold;color: #3B83FD;border-bottom: 2px solid #3B83FD;}
.comform-box .int{margin-left: 0;position: relative;}
.comform-box .int1{height: .68rem;line-height: .68rem;font-size: .28rem;border-top:none;border-left: none;border-right: none;}
.comform-box .int2{height: .78rem;line-height: .78rem;font-size: .28rem;border-radius: .08rem;}
.comform-box .int3{width: 60%;}
.comform-box .int4{height: 1.8rem;font-size: .28rem;border-radius: .08rem;padding-top:.2rem;line-height: .5rem;}
.comform-box .marginbt20{margin-bottom: .5rem;}
.comform-box .marginbt2{margin-bottom: .2rem;}
.comform-box .layui-form-item .layui-input-inline {float: none;margin-right:0;width: 100%;}
.comform-box .layui-form-checkbox[lay-skin=primary] i{width: .24rem;height: .24rem;line-height: .24rem;}
.comform-box .layui-form-checkbox[lay-skin=primary] span{line-height: .24rem;padding-left: .1rem;}
.comform-box .layui-form-checkbox span{font-size: .24rem;}
.comform-box .submit-btn{
   height: .88rem;
   line-height: .88rem;
   width: 100%;
   text-align: center;
   font-size: .28rem;
   background-color: #3B83FD;
   color: #fff;
   border-radius: .04rem;
   margin-top:.4rem
}
.forget-pwd-link{display: inline-block;}
.forget-pwd{font-size: .3rem;color: #3B83FD;width: 100%;text-align: right;}
.third-way{width: 100%;display: flex;flex-direction: column;align-items: center;}
.third-way .tips{font-size: .22rem;color: #666;text-align: center;margin-top:1rem;margin-bottom: .4rem;}
.third-way span{
  display: inline-block;
  width: .88rem;
  height: .88rem;
  text-align: center;
  line-height: .88rem;
  border-radius: 50%;
  font-size:.48rem;
  color: #d5d9e3;
  background-color:#efefef;
}
.third-way span:nth-of-type(2){margin-left: .4rem;}
.third-way .colorgreen{color:#fff !important;background-color: #3B83FD;}
.third-way .colorblue{color:#fff !important;background-color: #00bb00;}
.comform-box .use-phone{text-align: center;font-size: .28rem; color: #999;text-decoration: underline;margin-top:.3rem}
.yzm{
  width:2rem;
  height: .58rem;
  line-height: .58rem;
  font-size: .24rem;
  color: rgb(185, 185, 185);
  background-color: #eeeeee;
  border-radius: .04rem;
  text-align: center;
  position: absolute;
  right: 0;
  top:0;
  border:none;
}
.yzm1{
  width:2.5rem;
  height: .78rem;
  line-height: .78rem;
  font-size: .24rem;
  color: #333;
  background-color: #fff;
  border-radius: .04rem;
  border:1px solid #e6e6e6;
  text-align: center;
  position: absolute;
  right: 0;
  top:0;
}
.register-by-third{font-size: .3rem;color: #3B83FD;text-align: center;margin-top: .8rem;}
.forgetpw-tit{
  margin-top:.4rem;
  margin-left: 3%;
  font-size: .32rem;
  font-weight: bold;
  color:#000;
  margin-bottom: .5rem;
}
.comform-box .step-info{
  display: flex;
  flex-direction:row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  margin-top: 1rem;
  position: relative;
}
.comform-box .step-info .step-item{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.comform-box .step-info .step-item span:first-child{
   display: inline-block;
   width: .78rem;
   height: .78rem;
   border-radius: 50%;
   text-align: center;
   line-height: .78rem;
   color:#fff;
   font-size: .32rem;
   background-color: #d1d1d1;
   margin-bottom: .15rem;
}
.comform-box .step-info .step-item span:last-child{font-size: .26rem;color: #333;}
.comform-box .step-info .step-item .step-active{background-color: #f25b67 !important;}
.comform-box .step-info .linecontainer{width: 92%;height: 1px;background-color: #f1f1f1;position:absolute;top:.39rem;margin-left: 50%;transform: translateX(-50%);z-index: -1;}
.comform-box .step-info .line{background-color: #d35148;width: 0;height: 1px;}
.comform-box .step-info .line2{width: 50%;}
.comform-box .step-info .line3{width:100%;}
.comform-box .icon-safe-success-1{font-size: 1.2rem !important;color: #2f549f;text-align: center;margin:.5rem 0 .1rem 0;}
.comform-box .cztip{font-size: .28rem;color: #333;text-align: center;}
.comform-box .register-by-third{margin-top:.8rem}
/* ******导航栏顶部******* */
.topnav{
   display:flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   border:none !important;
   background:#3B83FD;
   height: 4rem;
   position: relative;
   display:block
}
.topnav div:first-child{font-size: .36rem;color:#333;}
.topnav .topnav-right-search{margin-right: .3rem;font-size:.32rem;}
.topnav .topnav-right-login, .top-search-container .topnav-right-search{font-size: .36rem;color: #333;}
.topnav .logoimg{height: 1rem;}
/* ************非导航页顶部的返回栏*************** */
.top-comeback-container{position: fixed;height: .88rem;line-height: .88rem;background-color: #fff;top:0;z-index: 999;border-bottom: 1px solid #f1f1f1;}
.top-comeback-container .top-comeback-goto{position: absolute;font-size: .28rem;transform:rotate(180deg)}
.top-comeback-container div:last-child{position:absolute;right: 3%;height: .88rem;line-height: .88rem;top:0;}
.top-comeback-container div:last-child span{font-size: .32rem;}
.top-comeback-container div:last-child span:first-child{margin-right: .4rem;}
.top-comeback-container .top-comeback-tit{
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
  text-align: center;
  font-size: .32rem;
  font-weight:900;
  color:#333;
  margin:0 auto;
}
/* 面包屑 */
.breadcrumb{
    height: .68rem;
    line-height: .68rem;
    font-size: .28rem;
    color: rgb(119, 119, 119);
    width: 94%;
    margin-left: 3%;
    background-color: #fafafa;
    border-radius: .08rem;
    padding:0 .2rem;
}
.breadcrumb li{display: inline-block;}
.breadcrumb > li + li a{color: #3B83FD;}
.breadcrumb > li + li:before {content: " / ";padding: 0 .05rem;color: #CCCCCC;}
/* ******** 首页 bannenr************* */
.homebanner{height: 1.5rem;margin-top:0.3rem;}
.homebanner .layui-carousel{width: 100%;}
.homebanner .layui-carousel img{width:100%;height:100%;}
.homebanner .layui-carousel>[carousel-item]{border-radius: 8px;}
/* *****金刚区导航********* */
.middle-nav{margin-top: .1rem;/*display: flex;flex-direction: row;justify-content: space-between;*/}
.middle-nav a{display: inline-block;text-align: center;width: 19.5%;margin-top: 0.2rem;}
.middle-nav a:last-child{margin-right:0;}
.middle-nav a span:first-child{display: inline-block;width: .78rem;height:.78rem;text-align: center;line-height: .78rem;border-radius: .08rem;color:#fff !important;font-size:.4rem;}
.middle-nav a .icon-edu-s{font-size:.48rem !important;}
.middle-nav a .icon-heji{font-size:.33rem !important;}
.middle-nav a .icon-mbwode{font-size:.36rem !important;}
.middle-nav a span:last-child{color:#333;font-size:.27rem;margin-top:.1rem;display: block;}
.middle-nav a:nth-child(1) span:first-child{background-color: #ff7f24;}
.middle-nav a:nth-child(2) span:first-child{background-color: #37d1b6;}
.middle-nav a:nth-child(3) span:first-child{background-color: #3740d1;}
.middle-nav a:nth-child(4) span:first-child{background-color: #ff6161;}
.middle-nav a:nth-child(5) span:first-child{background-color: #f22a2a;}
.middle-nav a:nth-child(6) span:first-child{background-color: #2EA5A9;}
.middle-nav a:nth-child(7) span:first-child{background-color: #F67E03;}
.middle-nav a:nth-child(8) span:first-child{background-color: #C175F1;}
.middle-nav a:nth-child(9) span:first-child{background-color: #9BCC11;}
.middle-nav a:nth-child(10) span:first-child{background-color: #F985B4;}
.middle-nav a:nth-child(11) span:first-child{background-color: #4D89E1;}
.middle-nav a:nth-child(12) span:first-child{background-color: #40AC72;}
.middle-nav a:nth-child(13) span:first-child{background-color: #F91A73;}
.middle-nav a:nth-child(14) span:first-child{background-color: #C50303;}
.middle-nav a:nth-child(15) span:first-child{background-color: #9185E9;}
/* ***************首页公告**************** */
.noticebox{
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding:0 .2rem;
  height: .68rem;
  background-color: #f8f8f8;
  border-radius: .06rem;
  width:94%;
  margin-left: 3%;
  margin-top:.3rem;
 /* margin-bottom: .3rem;*/
}
.noticebox .notice-icon{font-size: .36rem;color: #3B83FD;margin-right: .1rem;}
.noticebox .layui-carousel{height: .68rem !important;line-height: .68rem;font-size: .26rem;}
.noticebox  p{font-size: .27rem;color: #000;}
.vipad{height: 0.8rem;}
.hometab{padding-bottom: 0.1rem;font-weight: normal;width: 1rem;display: inline-block;}
.hometab-active{border-bottom: 0.05rem solid #3B83FD;font-weight:bold;}
.hometab-first{margin-right: 2.8rem;}
/*商品推荐*/
.recommendgoods{
    margin-top: .2rem;
}
.recommendgoods .items:not(:last-child){
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: .3rem;
    padding-bottom: .3rem;
}
.recommendgoods .items:last-child{
    margin-bottom: .3rem;
}
.recommendgoods .items>a{
    display: flex;
    flex-direction: row;
}
.recommendgoods .items>a .left{
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #f1f1f1;
    margin-right: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f1f1;
}
.recommendgoods .items>a .left>img{
    width: 100%;
}
.recommendgoods .items>a .right{
    width: 4.6rem;
    margin-left: .2rem;
    position: relative;
}
@media screen and (max-width: 640px) {
    .recommendgoods .items>a .right{
      width: 4rem !important;
      margin-left: .1rem;
      }
}
.recommendgoods .items>a .right .goods_tit{
    margin-bottom: 0.1rem;
    color: #000;
    font-size: 0.32rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recommendgoods .items>a .right .goodsinfo{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.recommendgoods .items>a .right .goodsinfo .price{
    font-size: .28rem;
    color: #ff5722!important;
}
.recommendgoods .items>a .right .goodsinfo>span:last-child{
    font-size: .26rem;
    color: #999;
}
.recommendgoods .items>a .right .store{
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
}
.recommendgoods .items>a .right .store>img{
    width: .3rem;
    height: .3rem;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
    overflow: hidden;
    margin-right: .05rem;
}
.recommendgoods .items>a .right .store>span{
    font-size: .26rem;
    color: #000;
}
/* *****************文档列表******************** */
.list-container{position: relative;}
.list-container .tit{font-size: .36rem;color:#333;font-weight: bold;}
.list-container .list-tit1 {
    font-size: .36rem;
    font-weight: bolder;
    color: #000;
    margin-top: .3rem;
    margin-bottom: .1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.03rem solid #eee;
    padding-bottom: 0.2rem;
}
.list-container .vip{position:absolute;top:.1rem;right:.3rem;}
.list-container .nav-container{height: .56rem;line-height: .56rem;border-bottom:1px solid #f1f1f1;margin-bottom:.3rem;}
.list-container .nav-container span:first-child{ margin-right:.4rem}
.list-container .nav-container .nav{display:inline-block;font-size: .26rem;color:#898989;height: .56rem;line-height: .56rem;margin-bottom:.3rem;}
.list-container .nav-container-active{font-weight: bolder;color: #3B83FD !important;border-bottom: 2px solid #3B83FD;height: .56rem;line-height: .56rem;}
.list-container .coltit{height: .88rem;line-height: .88rem;border-bottom:1px solid #f1f1f1;color:#3B83FD;margin-bottom: .3rem;}
.listmore-btn{width: 100%;border:none;height: .88rem;line-height: .88rem;text-align: center;font-size: .3rem;color: #a0a0a0;background-color: #f7f7f7;border-radius: .04rem;margin:.2rem 0 .6rem 0;}
.doclist-box .item {margin-bottom:.4rem;padding-bottom: .3rem;border-bottom: 1px solid #f1f1f1;display: flex;flex-direction: row;}
.doclist-box .item .left{
  position:relative;
  width:2.08rem;
  height: 2.56rem;
  border-radius: .04rem;
  display:flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}
.doclist-box .item .left .vip-label {
  width: .7rem;
  height: .26rem;
  line-height: .26rem;
  border-radius: .06rem 0 .08rem 0;
  background-color: #e4c1a9;
  color: #4e2911;
  font-size: .14rem;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.doclist-box .item .left .file-label {position: absolute;right: .05rem;bottom: .05rem;font-size: .36rem !important;color: #3B83FD;}
.doclist-box .item .right {margin-left: .3rem;width: 60%;}
.doclist-box .item .right .tit {
  font-size: .32rem;
  font-weight: 500;
  color: #333;
  margin-bottom: .3rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0;
}
.doclist-box .item .right .introduction {font-size: .24rem;color: #666;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 0.7rem;}
.doclist-box .item .right .time{font-size: .22rem;color: #999;margin-top:.3rem}
/*文档列表样式2*/
.doclist-box2{padding:0.6rem 0.2rem 0 0.2rem;font-size: 0.24rem}
.doclist-box2 dl{padding:0.3rem 0; border-bottom: 1px solid #ededed; overflow:hidden;}
.doclist-box2 dl:last-child{border:none;}
.doclist-box2 dt {position: relative;width: 1.5rem;height: 1.8rem;background: #fff;border:1px solid #dbdbdb; padding: 0.1rem 0.1rem;border-radius: 8px;overflow: hidden;
 display:flex;align-items: center;justify-content: center;
}
.iconthumb dt{padding:0 !important;border:none;}
.iconthumb .file-label{display:none;}
.iconthumb .vip-label{display:none;}
.doclist-box2 dt img{width: 95%;vertical-align: middle}
.doclist-box2 dd{width:100%; padding:0 0 0 1.8rem;}
.doclist-box2 dl .tit{
    margin-bottom: 0.1rem;
    color: #000;
    overflow: hidden;
    height: 1rem;
    font-size: 0.36rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.doclist-box2 .price{font-size:0.28rem; font-weight:bold;}
.doclist-box2 .other{margin-top:0.28rem; font-size:0.24rem; line-height:0.53rem; overflow: hidden;}
.doclist-box2 .other .iconfont{font-size:0.27rem;}
.doclist-box2 .other span{margin-right:0.1rem;font-size: .27rem;color: #5b5b5b;}
.doclist-box2 .other p{font-size:.27rem}
.doclist-box2 .other p a{color:#3B83FD !important}
.doclist-box2 dt .vip-label {
    width: .7rem;
    height: .26rem;
    line-height: .26rem;
    border-radius: .06rem 0 .08rem 0;
    background-color: #e4c1a9;
    color: #4e2911;
    font-size: .14rem;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.doclist-box2 dt .file-label {position: absolute;right: .1rem;bottom: .1rem;font-size: .36rem !important;color: #3B83FD;line-height:0.24rem;}
/************合辑列表样式*************/
.collist-box .item {margin-bottom: .4rem;border-bottom: 1px solid #ebebeb;padding-bottom: .3rem;}
.collist-box .item .hjtime{font-size: .22rem;color: #999;margin-bottom:.1rem;}
.collist-box .item .tit {font-size: .36rem;font-weight: normal;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.collist-box .item .msg {display: flex;flex-direction: row;margin-top: .12rem;align-items: center;}
.collist-box .item .msg div {margin-right: .4rem;}
.collist-box .item .msg div span,
.collist-box .item .msg div {font-size: .27rem;color: #5b5b5b;}
.collist-box .item .msg div.vipbadge {
  display: inline-block;
  width: 1.4rem;
  height: .32rem;
  border-radius: .06rem;
  text-align: center;
  line-height: .32rem;
  color: rgb(218, 179, 92);
  font-size: .20rem;
  background-color: #fffdf8;
  position: relative;;
}
.collist-box .item .msg div.vipbadge div{margin-right: 0;}
/*列表筛选*/
.sel-list{font-size: .28rem; position: fixed; z-index: 9999;width: 100%;background: #fff;top: 0.8rem;}
.sel-list .cf-active {color: #3B83FD !important;}
.sel-list .cf-active1 {color: #3B83FD !important;border-color: #3B83FD !important;}
.sel-list ol{border-top: 1px solid #f2f2f2;}
.sel-list ol li{width:33.3%; height:0.8rem; line-height:0.8rem; text-align:center;border-bottom: 1px solid #f2f2f2;border-right:1px solid #f2f2f2; font-size:.32rem;color:#000;}
.sel-list ol li .icon-below-line{font-size: .24rem}
.sel-list ol li.active{color:#333;}
.sel-list ol li.active i{color:#333; transform:rotate(-180deg); display:inline-block;}
.sel-list-li{width:100%; height:6.5rem; position: fixed; left:0; top:1.61rem; background:#fff;z-index:99999; display:none; overflow-y:hidden;-webkit-overflow-scrolling:touch; }
.sel-list-li.active{display:block;}
.sel-list-li a{display:block; padding:0 0 0 0.2rem;}
.sel-list .sel-show,.sel-list .first-block{width:33.33%; height:100%; overflow-y:auto;-webkit-overflow-scrolling:touch; background:#f2f2f2;}
.sel-list .sel-show, .sel-list .first-block.cat-2{margin-left: 0.15rem !important;}
.sel-list .sel-show li.active,.sel-list .first-block li.active{background:#fff; border-color:#fff;}
.sel-list .sel-show ul li,.sel-list .first-block ul li,.second-block ul li,.third-block ul li,.sel-show-all ul li{line-height:0.8rem;}
.sel-list .sel-show-all ul li{padding:0 0.2rem; border:none;}
.sel-list .second-block{width: 33%;height: 100%; overflow-y: auto;background: #f2f2f2;margin-left: 0.1rem;overflow-y:auto;height: 6.3rem;-webkit-overflow-scrolling:touch;}
.sel-list .second-block ul li{border-color:#e7e7e7;}
.sel-list .second-block ul li.active{background-color:#fff;}
.sel-list .second-block .ul{display:none;}
.sel-list .second-block .ul.active{display:block;}
.sel-list .third-block{
    width: 30%;
    height: 100%;
    overflow-y: auto;
    background: #f2f2f2;
    margin-left: 0.1rem;
    overflow-y:auto;
    height: 6.3rem;
    -webkit-overflow-scrolling:touch;
}
.sel-list .third-block ul li{border-color:#e7e7e7;}
.sel-list .third-block ul li.active{background-color:#fff;}
.sel-list .third-block .ul{display:none;}
.sel-list .third-block .ul.active{display:block;}
.sel-list ul li.active a{color:#3B83FD}
.sel-list .sxbox {
    width: 100%;
    background-color: #fff;
    padding: 0 3%;
    max-height: 7rem;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    margin-top: 0;
}
.sel-list .sx-tit {font-size: .28rem;color: #333;font-weight: bold;margin-bottom: .2rem;margin-top: .3rem;}
.sel-list .sx-ccontent a {
    display: inline-block !important;
    width: 2rem;
    height: .68rem;
    line-height: .68rem;
    text-align: center;
    color: #333;
    font-size: .28rem;
    border: 1px solid #f1f1f1;
    border-radius: .06rem;
    margin-right: .25rem;
    margin-bottom: .3rem;
    padding: 0rem !important;
}
.sel-list .sx-ccontent span:nth-child(3n+3) {margin-right: 0;}
.sel-list .outside-sxbox {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);position: fixed;z-index: 1;top: 1.61rem;}
.sel-list .sx-submit {display: flex; flex-direction: row;align-items: center;justify-content: space-between;height: .88rem;padding: 0 .3rem; background-color: #fff;width: 100%;border-top: 1px solid #f1f1f1;}
.sel-list .sx-submit button {
    width: 48%;
    height: .68rem;
    line-height: .68rem;
    text-align: center;
    border: none;
    font-size: .28rem;
    color: #333;
    border-radius: 10rem;
    background-color: rgba(0, 0, 0, 0);
}
.sel-list .sx-submit button:first-child {border: 1px solid #333;}
.sel-list .sx-submit button:last-child {background-color: #3B83FD;color: #fff;}
/* 合辑详情顶部 */
.collist-box .item1{border:none;margin-bottom: 0;}
.collist-box .price{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.collist-box .price .left  .pricetips{font-size: .24rem;color: #484848;}
.collist-box .price .left span.pricenum{font-size: .54rem;font-weight:bold;color: #ef5050;}
.collist-box .price button{
    font-size: .24rem;
    height: .68rem;
    color: #fff;
    line-height: .68rem;
    text-align: center;
    background-image: -moz-linear-gradient( -2deg, rgb(234,74,74) 0%, rgb(239,79,79) 53%, rgb(243,84,84) 100%);
    background-image: -webkit-linear-gradient( -2deg, rgb(234,74,74) 0%, rgb(239,79,79) 53%, rgb(243,84,84) 100%);
    background-image: -ms-linear-gradient( -2deg, rgb(234,74,74) 0%, rgb(239,79,79) 53%, rgb(243,84,84) 100%);
    box-shadow: 3.381px 7.25px 12.22px 0.78px rgba(234, 74, 74, 0.17);
    width: 2.03rem;
    border:none;
    border-radius: .08rem;
}
.col-detail .tit{font-weight: bold !important;font-size: .36rem !important;}
.col-detail  span.iconfont{font-size: 0.24rem !important;}
.col-detail .msg{font-size: 0.24rem}
.col-detail .msg li{margin-right: 0.1rem}
.col-discount {
    color: #dab35c!important;
    font-size: 0.24rem !important;
    font-style: normal;
    background-color: #dab35c2e;
    border-radius: 4px;
    padding: 8px;
}
.col-discount-box{margin-top: 0.1rem;}
.collist-box .price button{margin-left: 0.1rem}
.collist-box .price button.btnNormal{
    background-image: -webkit-linear-gradient( -2deg, rgb(30,159,255) 0%, rgb(30,159,255) 53%, rgb(30,159,255) 100%);
    box-shadow: 3.381px 7.25px 12.22px 0.78px rgba(30,159,255, 0.17);
}
.collist-box .item{display: inline-block;width: 100%;}
.collist-box .item .item-left{float:left;width: 25%;border: 1px solid #dbdbdb;border-radius: 8px;overflow: hidden;text-align: center; padding:0.05rem;position: relative}
.collist-box .item .item-right .vip-label{
    width: 0.7rem;
    height: 0.26rem;
    line-height: .26rem;
    border-radius: 0.06rem 0 0.08rem 0;
    background-color: #e4c1a9;
    color: #4e2911;
    font-size: .14rem;
    text-align: center;
    position: absolute;
    bottom: 0.03rem;
    right: 0.2rem;
}
.collist-box .item .item-left img{width: 98%;}
.collist-box .item .item-right{float: right;width: 70%;position: relative;}
/*文档详情*/
.doc-detail{width:100%; height:auto; padding-bottom:1rem;font-size: 0.24rem;margin-top: .3rem;}
.doc-detail .owner span{color:#3B83FD;}
.doc-detail .owner img{width: 0.4rem;height: 0.4rem;border-radius: 50%;border:1px solid #f2f2f2;margin-right: 0.1rem;}
.doc-detail h1{width:100%;font-weight:bold;font-size: 0.4rem;text-align: left;margin-top:0.1rem;color: #000;}
.doc-detail h1 .iconfont{display:inline;font-size:.36rem;font-weight: normal !important;}
.docattrbox{width:100%;height:0.9rem;line-height:0.9rem;background:rgba(27,27,27,.9);color:#fff;font-size:0.24rem;}
.docattrbox .icon-user-line{display:inline-block;width:.25rem}
.docattrbox .list span,.docattrbox .tools a{margin-right:0.2rem; display:inline-block;}
.docattrbox{height:0.7rem;line-height:0.7rem;background: #fff;color:#666!important;}
.docattrbox a{color:#666;}
.docattrbox i{font-size: 0.3rem;}
.docattrbox a.shareBtn i,.pic-nav a.favorBtn i{font-size: 0.4rem;}
.tools a i{color:#999;}
.docbottom-bar{width:100%; height:1.2rem;  position: fixed; left:0; bottom:0; background:#fff; border-top:1px solid #999; padding:0;z-index: 999;/*box-shadow: 0px -6px 18px 4px #f0f0f0;*/}
.docbottom-bar .leftpart{background:#fff;width: 20%;color:#666;text-align: center;font-size: 0.28rem;}
.docbottom-bar .leftpart a{color:#666;display: block;width: 100%;height: 100%;}
.docbottom-bar .leftpart .iconfont{font-size:0.48rem !important;margin-top: 0.15rem !important;display: inline-block;}
.docbottom-bar .leftpart .icon-like-s{color:#ffcc00 !important;}
.docbottom-bar .middlepart{width: 60%;background: linear-gradient(136deg,#ff7b51,#ff5722);color: #fff;text-align: center;font-size: 0.28rem;height: 1.2rem;line-height: 1.2rem;}
.docbottom-bar .middlepart a{color: #fff;height: 100%;width: 100%;display: block;font-size: 0.35rem;}
.docbottom-bar .rightpart{width: 20%;text-align: center;}
.docbottom-bar .rightpart a{display: block;width: 100%;height: 100%;}
.docbottom-bar .rightpart button{background:none !important;width: 100% !important;color:#666;}
.docbottom-bar .pageinput{width:0.8rem;border: 1px solid #dbdbdb;text-align: center;background:#fff;line-height:0.4rem;}
.docbottom-bar .left-icon{display:inline-block; transform:rotate(-180deg);}
.docbottom-bar .right i{font-size:0.48rem;margin-top: 0.15rem !important;display: inline-block;}
.docbottom-bar .right button{margin:0 !important;padding:0 !important;}
.back_phone:first-of-type {bottom: 40%;}
.back_phone {position: fixed;right: 3%;bottom: 32%;z-index: 99;}
.back_phone img {width: 1rem;}
.doc-detail .loadingbox {height: 3rem;padding: 0.67rem;text-align: center;min-height: 5rem;position: relative;padding-top:2rem;}
.doc-detail .loadingbox i {font-size: 60px;color: #777}
.doc-detail .loadingbox p {color: #666;margin-top: 0.1rem;}
.doc-detail .zip-box{margin-top: 0.3rem;font-size: 0.24rem;line-height: 0.3rem}
.doc-detail .zip-box .layui-colla-title{font-size: 0.24rem;line-height: 0.5rem;height: 0.5rem;}
.doc-detail .zip-box .layui-colla-content{
    font-size: 0.24rem;
    line-height: 0.4rem;
    height: 6rem;
    overflow-y: auto;
    padding-left: 0.2rem;
    position: relative;
    padding-top: 0.4rem;
}
.doc-detail .zip-box .layui-badge{
    width: .7rem;
    height: .26rem;
    line-height: .26rem;
    border-radius: .06rem 0 .08rem 0;
    background-color: #e4c1a9;
    color: #4e2911;
    font-size: .14rem;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.doc-detail .readmore-box {text-align: center;margin: 0.1rem auto;}
.doc-detail .buy-box {padding:0.4rem;text-align: center;border-top:1px dotted #ddd;line-height: 0.5rem}
.doc-detail .buybox-btn {width: 2rem;margin-top: 0.1rem;}
.vipbadge{
    width: .7rem;
    height: .26rem;
    line-height: .26rem;
    border-radius: .06rem 0 .08rem 0;
    background-color: #e4c1a9;
    color: #4e2911;
    font-size: .14rem;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.view-box{width:100%;margin: 0.1rem 0 0.5rem;}
.view-pic {width: 100%; min-height: 5rem; margin-bottom: 0.2rem;position: relative}
.view-pic img {display: block; width: 100%; margin-bottom: 0.1rem; border: 1px solid #e6e6e6;}
.view-h5 {width: 100%; min-height:5rem; margin-bottom: 0.3rem;position: relative}
.view-h5  .h5box {width: 100%;border: 1px solid #e6e6e6;margin-bottom: 0.1rem;box-shadow:none;padding: 0.2rem;}
.view-h5  img{border:none;}
.view-h5  .pf {margin:0;box-shadow:none;}
.view-h5 .h5box{border:none;padding:0;}
.view-h5 .pf{border: 1px solid #e6e6e6;display: none}
.mediaDesc{background: #f5f5f5;padding: 0.2rem;border-radius: 0.1rem;line-height: 0.5rem;margin-bottom:0.2rem;}
.view-mp4-box .video-js .vjs-control-bar{zoom:2;}
.view-mp4-box .vjs-poster{background-size:cover;}
.view-mp4-box{background: #000;width:100%;height:3.75rem;font-size:0.2rem;margin:0;padding:0px;margin-bottom:0.1rem;}
.audioplayer{margin-top:0 !important;}
/*帮助中心*/
.hc-header {position: relative;}
.usercenterbg { width: 100%;}
.headtit {
    position: absolute;
    top: 0;
    left: 0;
    height: 2.43rem;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.headtit h2 { font-size: .46rem;font-weight: bold;color: #fff;line-height: .8rem;}
.headtit p {font-size: .24rem;color: #aea5bf;}
.helpoption {width: 94%;margin-left: 3%;}
.helpoption li {line-height: .9rem;border-bottom: 1px solid #e6e6e6;}
.helpoption li span:first-child {font-size: .4rem !important;color: #6b6b6b;margin-right: .05rem;}
.helpoption li span:nth-of-type(2) {font-size: .32rem;color: #666;}
.helpoption li span:last-child {float: right;font-size: .28rem;color: #999;}
.helpdetail{width: 100%; box-sizing: border-box; padding: 0 3%;margin-top:.1rem}
.helpdetail h2{font-size: .36rem; color: #333; font-weight: bold;}
.helpdetail p,.helpdetail p span{font-size: .24rem !important;color: #666;line-height: .4rem;}
/***********详情页下载弹框******************/
.popdown{width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);position: fixed;top: 0;left: 0;z-index: 1001;}
.popdown .ft-red{color: #ff1200;}
.popdown .popdown-signin .icon-weixin11{color: #06b4fd;font-size: .34rem;vertical-align: -3px;margin-right: .3rem;}
.popdown .popdown-signin .icon-qq1{color: #06b4fd;font-size: .28rem;}
.popdown .popdown-signin{margin-top: .4rem;}
.popdown .popdown-signin a{color: #06b4fd;}
.popdown .account-login{font-size: .28rem;position: relative;margin-right: .4rem;}
.popdown .payment-coin{font-size: .28rem;color: #06b4fd !important;}
.popdown .t-right{text-align: right !important;}
.popdown .account-login::after{content:"";position: absolute;width: 1px;height: .24rem;background-color: #06b4fd;right: -.2rem;top: 50%;transform:translateY(-50%);}
.popdown .popdown-signin{text-align: center;}
.popdown .payment-wx{background-color: #07bd13;}
.popdown .payment-wx .icon-weixin3{color: #fff;font-size: .44rem;vertical-align: -5px;}
.popdown .payment-zfb .icon-zhifubao1{color: #fff;font-size: .44rem;vertical-align: -5px;}
.popdown .payment-zfb{background-color: #06b4fd;}
.popdown .down-btn-wx{background-color: #07bd13;}
.popdown .down-btn{background-color: #06b4fd;}
.popdown .vip-tips{
    color: #FFDA99 !important;
    height: 0.8rem;
    line-height: .8rem;
    background: linear-gradient(135deg,#565B5F,#111519);
    position: relative;
    margin-left: 50%;
    width: 100%;
    transform: translateX(-50%);
    border-radius: 4px;
    font-size: .3rem;
    font-weight: bold;
    text-align: center;
}
.popdown .vip-tips .discount{color: #FFDA99;}
.popdown .vip-tips .discount b{margin-left: 0.3rem}
.popdown .vip-tips .rate{display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    position: absolute;
    transform: rotate(45deg);
    top: -0.05rem;
    left: 3.2rem;
    background: linear-gradient(135deg,#565B5F,#111519);
    display: none;
}
.popdown .popdown-price{color: #ea3135;font-weight: 550;margin-top: .3rem;text-align: center;font-size: .4rem;margin-bottom: .1rem;}
.popdown .popdown-btn{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.popdown .popdown-btn button{
    width: 48%;
    border: none;
    border-radius: 8px;
    text-align: center;
    height: .8rem;
    margin-top: .3rem;
    color: #fff;
    font-size: .36rem;
    font-weight: bold;
    margin-top: .6rem;
}
.popdown .popdown-btn button.full{width: 100%;margin-left:0 !important;}
.popdown .popdown-btn .coinpay{background-color: #1cb584;}
.popdown .popdown-btn .cashpay{background-color: #d8b879;}
.popdown .icon-close-line{float: right;font-size: .48rem;color: #999;display: inline !important;}
.popdown-container{
    width: 100%;
    min-height: 2rem;
    border-radius: 8px 8px 0 0;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1003;
    padding: .2rem .2rem .3rem .2rem;
    box-sizing: border-box;
}
.popdown .popdown-tit{clear: both;font-size: .44rem;color: #333;font-weight: bold;text-align: center;margin-top: .4rem;}
.popdown .popdown-tips{font-size: .28rem; line-height: 1.5;color: #555;text-align: center;margin-top: .2rem;margin-bottom: .2rem;}
.popdown .openvip-tip{
    width: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
    border: none;
    border-radius: 8px;
    background-color: #ea3135;
    text-align: center;
    height: 0.7rem;
    margin-top: 0.3rem;
    font-size: 0.3rem;
}
.popdown .openvip-tip span{color: #fff;font-size: .36rem;font-weight: bold;}
.popdown .openvip-tip span:last-child{font-weight: normal;}
.popdown .mpcode-box{width: 2rem;height: 2rem;margin:0.1rem auto;}
.popdown .mpcode-box img{width: 2rem;height: 2rem;}
.popdown .mpcode-box p{text-align: center;line-height: 0.2rem;font-size: 0.2rem;padding-top:0.1rem}
.popdown .after-folding{font-weight: bold; font-style: normal;}
.popdown .before-folding{font-size: .3rem !important;text-decoration: line-through;color: #999 !important;margin-right: 0.1rem;}
/*个人主页*/
.uhome-header{
    width: 94%;
    padding: .4rem 0 .45rem 0;
    border-radius: .08rem;
    background-image: -moz-linear-gradient( 19deg, rgb(85, 196, 162) 0%, rgb(35,182,138) 47%, rgb(34,171,130) 100%);
    background-image: -webkit-linear-gradient( 19deg, rgb(85, 196, 162)  0%, rgb(35,182,138) 47%, rgb(34,171,130) 100%);
    background-image: -ms-linear-gradient( 19deg, rgb(85, 196, 162)  0%, rgb(35,182,138) 47%, rgb(34,171,130) 100%);
    margin-left: 50%;
    transform: translate(-50%);
    overflow: hidden;
    zoom: 1;
    margin-bottom: .2rem;
}
.uhome-header  .banner{position: absolute;left: -.5rem;top: .2rem;width: 3.85rem;}
.uhome-header .avatarbox{position: relative;}
.uhome-header .avatar{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    line-height: 1rem;
    font-size: .5rem !important;
    color: #fff;
    background-color: #fff;
    border: .04rem solid #ececec;
    text-align: center;
    margin-left: 50%;
    transform: translateX(-50%);
}
.uhome-header .orgvipinfo{
    padding: .02rem .01rem;
    background-color: #fff6ee;
    border-radius: 4rem;
    color: #ff861a;
    text-align: center;
    font-size: .2rem;
    width: 1.5rem;
    position: absolute;
    bottom: -.1rem;
    left: 50%;
    transform: translateX(-50%);
}
.uhome-header .orgvipinfo .iconfont{color: #ff861a;font-size: .23rem !important;vertical-align: -1px;}
.uhome-header .baseinfo{margin-top: .3rem;text-align: center;}
.uhome-header .desc{font-size: .24rem;color: #ffffffa1;}
.uhome-header .title{font-size: .32rem;color: #fff;font-weight: bold;}
/* 金牌机构 */
.icon-org-vip {font-size: .24rem !important;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.gold {background-image: -webkit-linear-gradient(-90deg, #f3c604, #d79502);}
/* 银牌机构 */
.silver {background-image: -webkit-linear-gradient(-90deg, #faf9f5, #9fa0ae);}
/*铜牌机构 */
.bronze {background-image: -webkit-linear-gradient(-90deg, #f4c190, #804f39);}
.uhome-header .data{
    width: 70%;
    margin-left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: .3rem;
}
.uhome-header  .data ul{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.uhome-header  .data ul li:first-child{font-size: .22rem;color: #ffffffa1;}
.uhome-header  .data ul li:last-child{font-size: .28rem;font-weight: bold;color: #fff;margin-top: .01rem;}
.uhome-floor{
    width: 94%;
    padding: 0 0 .3rem 0;
    border-radius: .08rem;
    background-color: #fff;
    margin-left: 50%;
    transform: translate(-50%);
    overflow: hidden;
    zoom: 1;
    margin-bottom: .2rem;
}
.pdt025{padding-top:0.25rem;}
.uhome-floor .title{overflow: hidden;box-sizing: border-box;padding-right: .15rem;margin-bottom: .3rem;}
.uhome-floor .title h1{font-size: .32rem;color: #222;font-weight: bold;display: inline-block;position: relative;padding-left: .25rem;}
.uhome-floor .title h1::before{content:'';width: .08rem;height: .32rem;background-color: #22ab82;position: absolute; left: 0;top: 50%;transform: translateY(-50%);}
.uhome-floor .title p{font-size: .26rem;color: #999;margin-left: .1rem;display: inline-block;}
.uhome-floor .title .more{float: right;font-size: .28rem;color: #9f9f9f;}
.uhome-floor .title .more .iconfont{font-size: .23rem;vertical-align: 1px;}
.uhome-floor .nav{ display: flex;flex-direction: row;align-items: center;height:.68rem; box-sizing: border-box;margin-bottom: .2rem;}
.uhome-floor .nav .on{font-weight: bold;color: #22ab82 !important;}
.uhome-floor .nav li{margin-right: .3rem;}
.uhome-floor .nav li span{ font-size: .32rem;color: #5b5b5b;}
.uhome-floor .nav li i{font-style: normal;font-size: .26rem; color: #939393;}
/*专栏列表*/
.articleitem .line2 .intr{width: 4rem;position: relative;}
.articleitem {display: block;margin-bottom: .4rem;border-bottom: 1px solid #ddd;padding-bottom:.4rem;box-sizing:border-box; }
.articleitem .tit {font-size: .32rem;line-height: 1.5; color: #000; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.articleitem .line2 {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;margin-top:.15rem;}
.articleitem .line2 .intr {
    width: 64%;
    height: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .28rem;
    line-height: 1.8;
    color: #666;
    vertical-align: text-top;
}
.articleitem .thumb {width: 2.2rem;height: 1.5rem;background-color: #f9f9f9;border-radius: .08rem;}
.articleitem .last-line{display: flex;flex-direction: row;align-items: center;margin-top:.15rem;position: absolute;left: 0; bottom: 0;}
.articleitem .last-line .othermsg{ display: flex;flex-direction: row;align-items: center;font-size: .22rem;color: #bbb;}
.articleitem .last-line .othermsg .icon-shijian1{font-size: 26px;}
.articleitem .last-line .othermsg .author span:first-child{
    display: inline-block;
    color: #ff5223;
    font-size: .16rem;
    border-radius: .04rem;
    border:1px solid #ff5223;
    height: .24rem;
    line-height: .24rem;
    text-align:center;
    padding:0 .05rem;
}
.articleitem .fontcolor {color: #bbb;}
.padg25{width: 94%; margin: 0 auto;}
.desc{
    font-size: .28rem;
    color: #666;
}

/*商品列表*/
.goodsitem .title {
    font-size: .32rem;
    color: #000;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.goodsitem{
    display:flex;
    flex-direction:row;
    margin-bottom:.3rem;
  }
  .goodsitem:not(:last-child){
    border-bottom:1px solid #f1f1f1;
    padding-bottom:.3rem;
  }
  .goodsitem>a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:2rem;
    height: 2rem;
    overflow:hidden;
    border-radius:8px;
    margin-right:.2rem;
    border: 1px solid #f1f1f1;
  }
  .goodsitem>div{
    max-width: 4.2rem;
    position: relative;
  }
.goodsitem .thumb {width: 100%;background-color: #f9f9f9;border: none;border-radius: .08rem;}
.goodsitem .last-line { position: relative;}
.goodsitem .last-line .price {font-size: .32rem;color:red;}
/*商品详情*/
.goodsdetailbox .thumb {width: 100%;}
.goodsdetailbox .content{width: 100%;padding:0 .3rem;}
.goodsdetailbox .titlebox {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0.04830918rem 0.32206119rem 0 rgb(0 0 0 / 6%);
    box-sizing: border-box;
    padding: .2rem;
    margin-top: .2rem;
    background-image: url(../images/goods_mb_bg.png);
    background-repeat: no-repeat;
    background-size: 1.93rem 1.23rem;
    background-position: bottom right;
}
.goodsdetailbox .titlebox .title {font-size: .36rem;color: #000;font-weight: bold;line-height: 1.5;}
.goodsdetailbox .titlebox .priceinfo{ display: flex; flex-direction: row;align-items: center; font-size: .24rem; color: #666;margin-top: .2rem;}
.goodsdetailbox .titlebox .priceinfo .price{ font-size: .36rem; color: #ff5223;}
.goodsdetailbox .titlebox .priceinfo .prcie_1 { text-decoration: line-through;}
.goodsdetailbox .titlebox .priceinfo li{margin-right: .5rem; box-sizing: border-box;}
.goodsdetailbox .tabnav {line-height: .68rem;font-size: .32rem;font-weight: bold;color: #aaa;border-bottom: 1px solid #f1f1f1;display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: .2rem;}
.goodsdetailbox .tabnav .active{color: #000;border-bottom: .04rem solid #3B83FD; }
.goodsdetailbox .detail{margin-top:.3rem}
.goodsdetailbox .detail p{font-size: .3rem;color: #333;line-height: 2;}
.goodsdetailbox .strip {width: 100%;height: .2rem;background-color: #f5f5f5;margin-top: .3rem;}
.goodsdetailbox .bottomblock {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #b4b4b4;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    padding: 0 .3rem;
    width: 100%;
    height: 1.2rem;
    background-color: #fff;
    box-shadow: 0 -0.04830918rem 0.20128824rem 0.00805153rem rgb(0 0 0 / 8%);
    overflow: hidden;
}
.goodsdetailbox .leftbox {font-size: .24rem;color: #333;text-align: center;}
.goodsdetailbox .leftbox a{color: #666;}
.goodsdetailbox  .bottomblock .button1{
    display: inline-block;
    width: 2.8rem;
    height: .88rem;
    background-color: #f7603e;
    border: none;
    border-radius: 4rem;
    text-align: center;
    font-size: .32rem;
    color: #fff;
    margin-left: .2rem;
}
.goodsdetailbox .bottomblock .iconfont {font-size: .36rem;}
.goodsdetailbox .goods_popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 101;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.goodsdetailbox .goods_popup .iconfont{color: #b0b0b0;font-size: .88rem;margin-top: .3rem;text-align: center;}
.goodsdetailbox .goods_popup_con{background-color: #fff;border-radius: 8px;padding: .2rem;}
.goodsdetailbox .goods_popup .tips{color: green;font-size: .3rem;text-align: center;margin-top: .1rem;}
.goodsdetailbox .goods_popup img{width: 3rem;overflow: hidden;border-radius: 8px;}
/* ***************搜索***************** */
.search-container .header, .result-container .header{
    width: 100%;
    height: .82rem;
    line-height: .82rem;
    border-radius: 5rem;
    border:1px solid #cccccc;
    font-size: .36rem;
    margin-top:.2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
}
.search-container .header span.icon-chazhao,.result-container .header span.icon-chazhao{font-size: .28rem;color: #ccc;margin:0 .15rem 0 .2rem;}
.search-container .header input, .result-container .header input{
    height: .82rem;
    line-height: .82rem;
    font-size: .36rem;
    color: #000;
    border:none;
    width: 6.38rem;
    background-color: rgba(0,0,0,0);
    text-indent:0.2rem;
}
.search-container span.commonback{width: 1rem;margin:0 !important;margin-right: 0.3rem;color:#000; text-align: center;}
.search-container span.commonback i.icon-chazhao{font-size:0.36rem;}
.search-container .tips{font-size: .28rem;color: #999;margin:.36rem 0;}
.search-container ul li{
    border-bottom: 1px solid #f1f1f1;
    font-size: .32rem;
    color: #000;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
    position: relative;
}
.search-container ul li:first-child span::after{
    content: 'HOT';
    display: inline-block;
    width: .5rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    font-size: .16rem;
    color: #fff;
    border-radius:.15rem .15rem .15rem .02rem;
    background-color: #ea3135;
    position:absolute;
    top:-.25rem;
}
.search-tips{
    width: 100%;
    height: .72rem;
    line-height: .72rem;
    font-size: .24rem;
    background-color: #f9f9f9;
    color: #333;
    padding-left: .3rem;
}

/*个人中心首页*/
.uc-headerbox {width: 100%;padding: 0 .3rem;}
.uc-headerbox .uc-header {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.uc-headerbox .uc-header-left {display: flex;flex-direction: row;align-items: center;}
.uc-headerbox .onerror {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    line-height: 1rem;
    font-size: .5rem !important;
    color: #fff;
    background-color: #fff;
    border: .04rem solid #ececec;
    text-align: center;
    margin-right: .1rem;
}
.uc-headerbox .uc-usermsg p:first-child {
    font-size: .32rem;
    font-weight: bold;
    color: #333;
    margin-bottom: .1rem;
    width: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.uc-headerbox .uc-usermsg p:last-child {font-size: .2rem;color: #666;}
.uc-headerbox .vip-entrance span:first-child {font-size: .32rem !important;color: #e4481b !important;}
.uc-headerbox .vip-entrance span:last-child {font-size: .2rem !important;color: #e4481b !important}
.uc-moneybox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 .2rem;
    margin-top: .3rem;
    height: 1.58rem;
    background-image: url(../images/ucbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.uc-moneybox div {width: 33%;text-align: center;}
.uc-moneybox div p:first-child {font-size: .48rem;color: #fff;font-weight: bold;}
.uc-moneybox div p:last-child {font-size: .2rem;color: #fff;}
.uchome-floor1 {display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-top: .2rem;margin-bottom: .4rem;}
.uchome-floor1 div {
    width: 48.4%;
    height: 1rem;
    background-image: url(../images/uc-icon-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.uchome-floor1 div:first-child img {width: .64rem;}
.uchome-floor1 div img {width: .56rem;margin-right: .12rem;}
.uchome-floor1 div span {font-size: .28rem;font-weight: 550;color: #333;}
.uchome-module-tit {font-size: .26rem;color: #999;font-weight: bold;margin-bottom: .3rem;}
.uchome-module-list{width: 100%;}
.uchome-module {display: inline-block;width: 24%;height: 1.68rem;text-align: center;border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;}
.uchome-module:nth-child(4n+4){border-right: none;}
.uchome-module div{height: 1.68rem;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.uchome-module div span:first-child {font-size: .48rem !important;margin-bottom: .15rem;color: #3a4666 !important;}
.uchome-module div span:last-child {font-size: .26rem;color: #333;}
.uchome-module div {font-size: .2rem !important;}
.uc-middle-nav{height: .88rem;line-height: .88rem;border-bottom: 1px solid #f1f1f1;margin-bottom: .3rem;}
.uc-middle-nav span{display: inline-block;font-size: .28rem;color: #333;margin-right: .8rem !important; }
.uc-middle-nav span:last-child{margin-right: 0;}
/*我的文档*/
.uc-middle-nav-active{color: #3B83FD !important;border-bottom: 2px solid #3B83FD;font-weight: 900;}
.document_list li{border-bottom: 1px solid #f2f2f2; line-height:0.5rem; font-size:0.24rem;height: 1.3rem}
.document_list .li_left{width:74%;}
.document_list span.vip-label{
    width: .7rem;
    height: .26rem;
    line-height: .26rem;
    border-radius: .06rem 0 .08rem 0;
    background-color: #e4c1a9;
    color: #4e2911;
    font-size: .14rem;
    text-align: center;
}
.document_list .li_left .title{color:#333; font-size:0.28rem;font-weight: bold;}
.document_list .li_left .title i{width:0.4rem; height:0.4rem; margin-right:0.06rem;}
.document_list .li_left .otherMsg span{display:inline-block; margin-right:0.2rem;}
.document_list .li_right{width:24%; text-align:right;}
.document_list .li_right span{font-size:0.28rem;}
.document_list .li_right .collection{display:inline-block; height:0.4rem; line-height:0.4rem; font-size:0.24rem; border: 1px solid #FF5722; border-radius:3px; padding:0 0.2rem; color:#FF5722;}
.document_list .state .through{color:#71be00!important;}
.document_list .iconfont{font-size: .24rem;}
/* 我的下载 */
.mydownloadbox .item{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 1.05rem;
    margin-bottom: .3rem;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: .2rem;
}
.mydownloadbox .item .icon-arrowRight{font-size: .28rem;color: #ccc;}
.mydownloadbox .item .sc{font-size: .44rem !important;color: #ddd;}
.mydownloadbox .item .left{
    position: relative;
    margin-right: .2rem;
    background-color: #f9f9f9;
    overflow: hidden;
    border-radius: 4px;
    text-align: center;
    height: .78rem;
    line-height: .78rem;
    text-align: center;
    position: relative;
}
.mydownloadbox .item .left span{font-size: .6rem;color:#acacac;}
.mydownloadbox .item .left .file-label{
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    color: #3B83FD;
    font-size: .32rem;
    background-color: #fff;
    height: .32rem;
    line-height: .32rem;
    border-radius: 4px;
}
.mydownloadbox .item .right .tit{
    width: 5.6rem;
    font-size: .3rem;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mydownloadbox .item .right .time{font-size: .22rem;color: #9e9e9e;margin-top:.05rem;}
.division{ width: 100%;height: .2rem;background-color: #f8f8f8;margin-top:.3rem;border-bottom: 1px solid #f1f1f1;}
/* 我的钱包 */
.uc-wallet-top{width: 100%;background-color: #fbfbfb;padding: .2rem 0;}
.uc-wallet-top .container{
    width: 94%;
    margin-left: 3%;
    height: 3.3rem;
    background-image:url(../images/wallet-bg.png) ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.uc-wallet-top .container .left::after{
    content: '';
    position: absolute;
    height: 2.2rem;
    width: 1px;
    right: 0;
    top:.55rem;
    background-color: #fff;
}
.uc-wallet-top .container .item{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
}
.uc-wallet-top .container .item .tips{font-size: .24rem;margin-bottom: .2rem;}
.uc-wallet-top .container .item .num{font-size: .72rem;font-weight: bold;font-family: impact;}
.uc-wallet-top .container .item .num span:last-child{font-size: .24rem;font-weight: normal;}
.uc-wallet-top .container .item .btn span{
    display: inline-block;
    font-size: .24rem;
    border:1px solid #fff;
    text-align: center;
    line-height: .5rem;
    width: 1rem;
    margin-top:.3rem;
    border-radius: 5rem;
}
.uc-wallet-top .btn a{color: #fff}
.marginleft30{margin-left: .3rem;}
.uc-wallet-rule{
    height: .88rem;
    line-height: .88rem;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: .3rem;
}
.uc-wallet-rule span{font-size: .24rem;}
.uc-wallet-rule span:first-child{color: #5e5e5e;}
.uc-wallet-rule span:last-child{color: #3B83FD;}
.uc-wallet-abillity .item{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom:.4rem ;}
.uc-wallet-abillity .item div:first-child{font-size: .68rem;color: #576372;margin-right: .2rem;}
.uc-wallet-abillity .item .right{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 6rem;
    border-bottom: 1px solid #f1f1f1;
    height: .68rem;
}
.uc-wallet-abillity .item .right span:first-child{font-size: .3rem;color: #000;}
.uc-wallet-abillity .item .right span:last-child{font-size: .24rem;color: #999;}
/* 余额明细&提现记录&研币明细 */
.uc-wallet-bill{margin-top:.3rem;}
.uc-wallet-bill .item{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: .2rem;
    margin-bottom: .2rem;
}
.uc-wallet-bill .item .left .tit{font-size: .32rem;color: #000;margin-bottom: .1rem;}
.uc-wallet-bill .item .left .msg span{font-size: .22rem;color: #c2c2c2;margin-right: .3rem;}
.uc-wallet-bill .item .right{font-size: .32rem;color:#3B83FD ;}
/* 金币充值和转换 */
.recharge-price{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.recharge-price li{
    width: 48%;
    height: 2rem;
    border-radius: .05rem;
    border:1px solid #f1f1f1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: .3rem;
}
.recharge-price li div:first-child{font-size: .6rem;color: #f96a1f;font-weight: bold;}
.recharge-price li div:first-child span{font-size: .24rem;}
.recharge-price li div:last-child{font-size: .28rem;color: #999;margin-top:.2rem;}
.recharge-price .active{
    background-image: -moz-linear-gradient( 0deg, rgb(255,166,109) 0%, rgb(253,136,69) 47%, rgb(250,106,29) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(255,166,109) 0%, rgb(253,136,69) 47%, rgb(250,106,29) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(255,166,109) 0%, rgb(253,136,69) 47%, rgb(250,106,29) 100%);
}
.recharge-price .active div{color: #fff !important;}
.moneyblock {font-size: .32rem;color: #000;margin:.3rem 0 .3rem 0}
.moneyblock span:last-child{font-size: .36rem;color: #f96a1f;font-weight: bold;}
.recharge-tips{font-size: .24rem;color: #666;margin-bottom: .2rem;}
.recharge-price-int{width: 100%;height: .72rem;line-height: .72rem;color: #333;font-size: .28rem;padding-left: .2rem;border:1px solid #f1f1f1;}
.recharge-pay{
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    font-size: .28rem;
    color: #fff;
    background-color: #3B83FD;
    border: none;
    border-radius: .05rem;
    margin-top:.5rem
}
.recharge-num{margin:.3rem 0 .3rem 0;}
.recharge-num span{font-size: .32rem;color: #999;}
.recharge-num span:last-child{color:#f96a1f;}
/* 我的推广 */
.invite-myurl{
    width: 94%;
    margin-left: 3%;
    height: .72rem;
    line-height: .72rem;
    font-size: .26rem;
    color: #333;
    padding-left: .2rem;
    border:1px solid #f1f1f1;
}
.invite-copybtn{
    width: 94%;
    margin-left: 3%;
    height: .88rem;
    line-height: .88rem;
    font-size: .26rem;
    background-color: #3B83FD;
    color: #fff;
    border:none;
    border-radius: .05rem;
    margin-top:.6rem
}
.mob-table td, .mob-table th{font-size: .24rem !important;line-height: 0.5rem !important;height: 0.5rem !important;text-align: center !important;}

/* 我的消息 */
.uc-msg-sort{
    height: .88rem;
    line-height: .88rem;
    border-bottom: 1px solid #f1f1f1;
    padding:0 .3rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: .5rem;
}
.uc-msg-sort .tit{font-size: .28rem;color: #000;font-weight: bold;margin-right: .4rem;}
.uc-msg-sort .right span{font-size: .24rem;color: #333;margin-left: .4rem;position: relative;}
.uc-msg-sort .right span:first-child::after{content: '';position: absolute;width: 1px;height: .28rem;background-color: #f1f1f1;right: -.2rem;top:0;}
.uc-msg-sort .removeafter span:first-child::after{width:0;height: 0;}
.uc-msg .item{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .3rem;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: .3rem;
    position: relative;
}
.uc-msg .detailmsg{font-size: .28rem;color: #666;line-height: .4rem;margin-top:.1rem;}
.uc-msg .item .left{width: 100%;}
.uc-msg .item .left .time{font-size: .23rem;color: #999;margin-bottom: .1rem;}
.uc-msg .item .left .tit{font-size: .28rem;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.uc-msg .item .left .detail{font-size: .24rem;color: #3B83FD;margin-top:.1rem;display:inline-block;}
.uc-msg .item div:last-child{font-size: .3rem;color: rgb(187, 187, 187);margin-right: .3rem;position: absolute;top: 0;right: 0;}
/* 我的下载 */
.myfavorbox .item{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 1.05rem;
    margin-bottom: .3rem;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: .2rem;
}
.myfavorbox .item .icon-arrowRight{font-size: .28rem;color: #ccc;}
.myfavorbox .item .sc{font-size: .44rem !important;color: #ddd;}
.myfavorbox .item .left{
    position: relative;
    margin-right: .2rem;
    background-color: #f9f9f9;
    overflow: hidden;
    border-radius: 4px;
    text-align: center;
    height: .78rem;
    line-height: .78rem;
    text-align: center;
    position: relative;
}
.myfavorbox .item .left span{font-size: .6rem;color:#acacac;}
.myfavorbox .item .left .file-label{
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    color: #3B83FD;
    font-size: .32rem;
    background-color: #fff;
    height: .32rem;
    line-height: .32rem;
    border-radius: 4px;
}
.myfavorbox .item .right .tit{width: 5.6rem;font-size: .3rem;color: #000;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.myfavorbox .item .right .time{font-size: .22rem;color: #9e9e9e;margin-top:.05rem;}
/* 我的账号 */
.uc-account{margin-top:.4rem;}
.uc-account .item{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: .2rem;
    margin-bottom: .6rem;
}
.uc-account .item .left{display: flex;flex-direction: row;align-items: center;}
.uc-account .item .left span{font-size: .3rem;color: #000;}
.uc-account .item .left span:first-child{font-size: .44rem;margin-right: .2rem;color: #3B83FD;}
.uc-account .item:nth-child(2) .left span:first-child{font-size: .38rem;}
.uc-account .item:nth-child(5) .left span:first-child{font-size: .48rem;}
.uc-account .icon-arrowRight{font-size: .26rem;color: #ccc;}
.uc-account .signout{
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    font-size: .28rem;
    color:#c4c4c4;
    background-color: #f4f4f4;
    margin-top:.6rem;
    border: none;
    border-radius: .06rem;
}
/* 修改个人资料 */
.personal-tips{font-size: .28rem;color: #b5b5b5;margin-top:.3rem;line-height: 0.55rem;}
.uc-tips i{color: red;margin:0 .05rem}
.uc-comform .comform-box .layui-form-label{width: auto;padding: 9px 0;font-size: .28rem;color: #000;}
.uc-comform .marginleft{margin-left: .8rem !important;}
.uc-comform .comform-box .layui-form-radio>i{font-size: .36rem;}
.uc-comform .comform-box .int4{height: 2.8rem;}
.uc-comform .comform-box .layui-form-radio div{font-size: .28rem;}
.audit-tips,.audit-tips .layui-icon{font-size: 0.24rem !important;}
.comform-box .layui-word-aux{font-size: .24rem !important;}
/* 账号绑定 */
.bindaccount-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80%;
    padding:1rem 0;
    margin-left: 10%;
    border:.1em dashed #ccc;
    margin-top:.5rem;
    border-radius: .1rem;
}
.bindaccount-box .top{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.bindaccount-box .top .iconmbbd{font-size: .3rem;color: #f1f1f1;margin: 0 .4rem;}
.bindaccount-box .top .imgbox{width: .88rem;height: .88rem;border-radius: .08rem;background-color: #3B83FD;padding:.21rem}
.bindaccount-box .top .imgbox img{width: .45rem; }
.bindaccount-box .top  div:last-child{
    width: .88rem;
    height: .88rem;
    border-radius: .08rem;
    background-color: #4caf50;
    color: #fff;
    text-align: center;
    line-height: .88rem;
    font-size: .5rem;
    position: relative;
}
.bindaccount-box .top   .icon-qq1{background-color: #23a0f0 !important;}
.bindaccount-box .top .icon-shouji{background-color: #f21a24 !important;}
.bindaccount-box .top .icon-qq1:before{content: "\e6e6";position: absolute;top: -.02rem;left: 50%;transform: translateX(-50%);}
.bindaccount-box button{
    width: 5rem;
    height: .72rem;
    border: 8rem;
    line-height: .72rem;
    text-align: center;
    margin-top: .8rem;
    font-size: .28rem;
    color: #3B83FD;
    font-weight: bold;
    border:1px solid #3B83FD;
    border-radius: 4rem;
    background-color: #fff;
}
.bindaccount-box .tips{font-size: .22rem;color: #999;margin-top:.2rem}
.bindaccount-box .icon-mbbd{font-size: 0.5rem;color: #efefef}
.bindaccount-box .bindflag{width: .8rem;text-align: center; }
/* 设置头像 */
.uploadcontainer {display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top:.8rem}
.uploadcontainer .layui-upload{position: relative;}
.uploadcontainer .layui-upload .layui-upload-list img{width: 2rem;height: 2rem;border-radius: .08rem;margin-left: 50%;transform: translateX(-50%);}
.uploadcontainer .layui-upload  button{
    position: absolute;
    width: 2rem;
    height: 2rem;
    border-radius: .08rem;
    margin-left: 50%;
    transform: translateX(-50%);
    top:0;
    opacity: 0;
}
.uploadimg{
    height: .88rem;
    line-height: .88rem;
    width: 5rem;
    line-height: .88rem;
    color: #fff;
    background-color: #3B83FD;
    border-radius: 5rem;
    font-size: .28rem;
    margin-top:.8rem;
    border: none;
}
/* 收货地址 */
.myaddress-box .item{padding: .24rem .24rem;margin-bottom: .3rem;border: 1px solid #f1f1f1;border-radius: .08rem;}
.myaddress-box .item .top span{font-size: .32rem;color: #000;margin-right: .3rem;}
.myaddress-box .item .middle span:first-child{font-size: .28rem;}
.myaddress-box .item .middle{border-bottom: 1px solid #f1f1f1;margin-top:.2rem;padding-bottom: .1rem;}
.myaddress-box .item .middle span{font-size:.26rem;color: #999;}
.myaddress-box .item  .bottom{display: flex;flex-direction: row;justify-content: space-between;align-items: center;font-size: .24rem;margin-top:.2rem}
.myaddress-box .item label{display: flex;flex-direction: row;align-items: center;}
.myaddress-box .item input[type=radio]{width: .24rem;height: .24rem; margin-right: .1rem;}
.myaddress-box .item .layui-form-checkbox[lay-skin=primary]{margin-right: 0.2rem !important;height: 0.35rem !important}
.myaddress-box .item  .bottom div:last-child span{font-size: .38rem;color: #ccc;margin-left: .4rem;}
.myaddress-box .item  .bottom div:last-child span:last-child{font-size: .38rem;}
.myaddress-box .item  .bottom .layui-form-checkbox i{border-left: 1px solid #d2d2d2;width:.35rem;height: .35rem;font-size: .25rem;line-height: 0.35rem;}
.myaddress-box .newly-added {
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    font-size: .28rem;
    color: #fff;
    background-color: #3B83FD;
    border-radius: .08rem;
}
.regionselect .select-linkmenu-unit{width: 31.5%;margin-right: 0.1rem;float: left;}
.regionselect .layui-input, .regionselect .layui-select,.regionselect .layui-textarea{height: .72rem;line-height: .72rem;font-size: .24rem;}
.regionselect .layui-form-select dl dd,.regionselect .layui-form-select dl dt{height: .72rem;line-height: .72rem;font-size: .24rem;}
/***********会员中心 *****************/
.vipcenter .vipcenter-topbg{width: 100%;height: 2.2rem;background-color: #000;}
.vipcenter .vipcenter-usermsg{display: flex;flex-direction: row;align-items: center;}
.vipcenter .vipcenter-usermsg img{
    width: .88rem;
    height: .88rem;
    overflow: hidden;
    border-radius:5rem;
    margin-right: .2rem;
    background-color: #bdbdbd;
}
.vipcenter .paddginxy30{padding:.3rem;box-sizing: border-box;}
.vipcenter .vipcenter-usermsg .username{color: #faca81;font-size: .26rem;font-weight: bold;}
.vipcenter .organvip, .filevip{display: inline-block;color: #e0c18a;font-size: .2rem;line-height: .3rem;position: relative;}
.vipcenter .organvip{margin-right: .5rem;}
.vipcenter .organvip::after{
    content: '';
    background-color: #e0c18a;
    height: .17rem;
    width: .01rem;
    position: absolute;
    right: -30px;
    z-index: 99;
    top:.06rem
}
.vipcenter .organvip .icon-yxq-msvip{font-size: .2rem;}
.vipcenter .itembg{
    border-radius: .08rem;
    background-image: -moz-linear-gradient( -4deg, rgb(249,228,203) 0%, rgb(231,187,149) 100%);
    background-image: -webkit-linear-gradient( -4deg, rgb(249,228,203) 0%, rgb(231,187,149) 100%);
    background-image: -ms-linear-gradient( -4deg, rgb(249,228,203) 0%, rgb(231,187,149) 100%);
    position: relative;
    margin-left: 50%;
    transform:translateX(-50%);
    margin-top:.3rem;
    margin-bottom: .3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding:0 .3rem
}
.vipcenter .texture{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:-1;}
.vipcenter .doc-vipbox{width: 6.9rem;height: 1.66rem;margin-top:-.6rem;}
.vipcenter .doc-vipbox .left h2{font-size: .26rem;color: #000;font-weight: bold;line-height: .48rem;}
.vipcenter .doc-vipbox .left p,  .vipcenter .doc-vipbox .right p{font-size: .2rem;line-height: .3rem;color: #2f2f2f;}
.vipcenter .doc-vipbox .right{text-align: center;}
.vipcenter .doc-vipbox .right button, .vipcenter .organbox .renew{
    width: 1.48rem;
    height: .48rem;
    color: #ceb27f;
    text-align: center;
    border:none;
    border-radius: 5rem;
    line-height: .48rem;
    background-color: #000;
    font-size: .22rem;
    margin-top:.1rem
}
.vipcenter .org-vipbox{width: 6.9rem;height: 2.06rem;margin-top:.3rem;}
.vipcenter .org-vipbox .right{width: 3.8rem;text-align: center;}
.vipcenter .org-vipbox .right h1{font-size: .36rem;color: #000;font-weight: bold;line-height: .48rem;}
.vipcenter .org-vipbox .right p{font-size:.2rem;color: #333;line-height: .3rem;}
.vipcenter .vipbox-button{
    width: 3.33rem;
    height: .48rem;
    border-radius: 5rem;
    background-image: url(../images/vipbtnbg.png);
    background-size: 100% 100%;
    margin-top:.1rem;
    margin-left: 50%;
    transform:translateX(-50%);
}
.vipcenter .vipbox-button{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.vipcenter .vipbox-button .organprice{font-size:.24rem;color: #fff;width: 1.9rem;font-weight: bold;text-align:center;}
.vipcenter .vipbox-button .organprice span{font-size:.18rem;font-weight: normal;}
.vipcenter .vipbox-button .openorgan{width: 1.4rem;font-size: .24rem;color: #fff;text-align: center;background-color: rgba(0, 0, 0, 0);border:none}
/************开通文库vip*******************/
.vip-header{
    width: 100%;
    height: 2.46rem;
    background-image: url(../images/vipbg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    color:#fff;
    padding-top:.6rem;
    margin-top:.88rem;
}
.vip-header h1{font-size: .45rem;font-weight: bolder;}
.vip-header div{font-size: .16rem;margin-top:.1rem}
.privilege-container {
    width: 90%;
    margin-left: 5%;
    height: 3.72rem;
    border-radius: .08rem;
    background-color: #fff;
    box-shadow: 3.381px 7.25px 16.92px 1.08px rgba(5, 11, 19, 0.05);
    padding:.3rem .3rem .3rem .5rem;
    margin-top:-.4rem;
}
.privilege-container .item b{
    width: 100%;
    text-align: center;
    margin-top: 0.1rem;
    display: inline-block;
}
.privilege-container .viptit{width: 4.5rem;margin-left: 50%;transform: translateX(-50%);}
.privilege-container .item{display: inline-block;width: 47%;margin-top: .35rem;align-items: center;}
.privilege-container .item:nth-child(2n+1){margin-left: .25rem;}
.privilege-container .item:nth-of-type(1) span:first-child{margin-right: 0;font-size: .4rem !important;}
.privilege-container .item:nth-of-type(2) span:first-child{font-size: .36rem !important;}
.privilege-container .item:nth-of-type(3) span:first-child{margin-left: .05rem;font-size: .3rem !important;}
.privilege-container .item:nth-of-type(4) span:first-child{font-size: .36rem !important;}
.privilege-container .item:nth-of-type(5) span:first-child{margin-left: .05rem;font-size: .3rem;}
.privilege-container .item:nth-of-type(6) span:first-child{font-size: .34rem;}
.privilege-container .item span:first-child{font-size: .32rem;color: #e0c18a;margin-right: .04rem;}
.privilege-container .item span:last-child{font-size: .28rem;color: #222;}
.vip-price-scorll{overflow-y: hidden;overflow-x: scroll;white-space: nowrap;width: 100%;background-color: #fff;margin-top: .5rem;}
.vip-price-scorll .item{
    display: inline-block;
    width: 2.18rem;
    height: 2.44rem;
    border:1px solid #d9b879;
    border-radius: .08rem;
    text-align: center;
    margin-right:.15rem;
    padding:.2rem;
}
.price-avtive{background-color: #f6f1e5;}
.vip-price-scorll .item1{background-color: #ea3135;}
.vip-price-scorll .item1 .month,.vip-price-scorll .item1 .price{color: #ffe8af !important;}
.vip-price-scorll .item1 .price1, .vip-price-scorll .item1 .dayprice{color: #fbba92 !important;}
.vip-price-scorll .item .month{font-size: .26rem;color:#222;font-weight: 700;}
.vip-price-scorll .item .price{font-size: .36rem;color:#ea3135;font-weight: 700; margin-top:.2rem}
.vip-price-scorll .item .price1{font-size: .22rem;color:#999;margin-top:.05rem;}
.vip-price-scorll .item .dayprice{font-size: .28rem;color:#666;margin-top:.2rem;}
.vip-price-scorll .item:first-child{margin-left: 5%;}
.vip-price-scorll .item:last-child{margin-right: 1.3rem;}

/********************* 搜索结果 ******************/
.schresultlist .searchitem{display: flex;flex-direction: row;align-items: flex-start;margin-top: .3rem;}
.schresultlist .searchitem .iconfont{font-size:.36rem !important;padding-bottom:.3rem;margin-right:.15rem;margin-top: 5px;}
.schresultlist .searchitem  .tit {
    width:100%;
    font-size: .3rem;
    color: #000;
    word-break:break-all;
    word-wrap:break-word;
    font-weight: normal;
    line-height: 0.5rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: .3rem;
}
/*支付方式*/
.paymenthod-box .payment-tit{font-size: .3rem; color: #000;margin-left: 5%;margin-top:.4rem;font-weight: 700;}
.paymenthod-box .payment-container{width: 90%;margin-left: 5%;margin-top:.3rem;}
.paymenthod-box .payment-container .payment-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: .2rem;
    margin-top:.3rem
}
.paymenthod-box .payment-container .payment-item div{display: flex;align-items: center;}
.paymenthod-box .payment-container .payment-item .left span.icon-alipay{font-size: .36rem;color: #4990e3;margin-right: .08rem;}
.paymenthod-box .payment-container .payment-item  span.icon-weixinzhifu2{font-size: .36rem;margin-right: .08rem;color: #87bf27;}
.paymenthod-box .payment-container .payment-item .left span:last-child{font-size: .3rem;color: #333;}
.paymenthod-box .payment-container .payment-item .right{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    border:1px solid #dbdbdb;
}
.paymenthod-box .payment-container .payment-item .right span{display: none;width: .2rem;height: .2rem;border-radius: 50%;background-color: #ea3135;}
.paymenthod-box .payment-container .payment-active{border-color: #ea3135 !important;}
.paymenthod-box .payment-container .payment-active span{display: inline-block !important;}
.payment-btn{
    width: 90%;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    font-size: .3rem;
    color: #fff;
    background-color: #ea3135;
    border-radius: .08rem;
    margin-top:.3rem;
    margin-left:5%;
}
/*我的订单*/
.myorderitem .unit{
    font-size: .22rem;
}
.myorderitem .gd_price{
    font-size: .36rem;
}
.myorderitem{
    padding-bottom: .2rem;
    margin-bottom: .2rem;
    background-color: #fff;
    border-radius: 16px;
    width: 100%;
    padding: 30px
}
.myorderitem .topinfo{display:flex;margin-bottom:.3rem;flex-direction:row;justify-content:space-between;align-items:center;}
.myorderitem .topinfo .icon-arrowRight{font-size:.25rem;color:#999;margin-left:.05rem;}
.myorderitem .topinfo .status{font-size:.25rem;color:#999}
.myorderitem .topinfo .tit{font-size:.28rem;font-weight: bold;}
.myorderitem .topinfo .tit img{width: 0.3rem;height: 0.3rem;margin-right:.1rem;border-radius: 50%;}
.myorderitem .bottominfo{display: flex; flex-direction: row;justify-content: space-between;align-items: center;}
.disinlie{display: inline-block !important;white-space: nowrap;}
.myorderitem .bottominfo .left{display:flex;flex-direction:row;align-items: center;height: 1.5rem; width: 5.2rem;overflow-x:scroll;overflow-y: hidden;}
.myorderitem .bottominfo .goodsthumb{width:1.5rem;height:1.5rem;border-radius:.08rem;margin-right:.1rem;display:flex;justify-content: center;
align-items: center;overflow: hidden;border:1px solid #f1f1f1}
.myorderitem .bottominfo .goodsthumb>img{height:1.5rem}
.myorderitem .bottominfo .goodsnum{font-size:.22rem;color:#999}
.myorderitem .bottominfo .goodstit{
    font-size: .28rem;
    width: 3.5rem;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: .1rem;
}
.myorderitem .bottominfo .right{font-size: .32rem;color: #4990e3;text-align:right;}
/*资讯列表*/
.common-floor {
    width: 94%;
    padding: .25rem .2rem .3rem .2rem;
    border-radius: .08rem;
    background-color: #fff;
    margin-left: 50%;
    transform: translate(-50%);
    overflow: hidden;
    zoom: 1;
    margin-top: .2rem;
    margin-bottom: .2rem;
}
.common-floor .screen{overflow:hidden}
.common-floor .screen .f_left{float: left;width: 12%;text-align: right;font-size: .32rem;color: #bebebe;margin-bottom: .1rem;line-height: 1.8;}
.common-floor .screen .f_right{float: right;width: 85%;display: flex;flex-direction: row;flex-wrap: wrap;}
.common-floor .screen .f_right a{font-size: .3rem;line-height: 2;padding: 0 .2rem;color: #888;}
.common-floor .screen .screen_on{color:#3B83FD !important;}
/*资讯详情*/
.articlebox h2 {font-size: .36rem;color: #000;}
.articlebox .authorinfo {display: flex;flex-direction: row;align-items: center;margin-top: .2rem;}
.articlebox .authorinfo img {width: .68rem;height: .68rem;overflow: hidden;border-radius: 50%;background-color: #fff; border: 1px solid #e5e5e5;}
.articlebox .authorinfo .name {font-size: .28rem;color: #666;margin-left: .1rem;}
.articlebox .articleinfo {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: .2rem;font-size: .24rem;color: #999;}
.articlebox .articleinfo .left {display: flex;flex-direction: row;align-items: center;}
.articlebox .articlecontent {margin-top: .3rem !important;padding-bottom: .3rem !important;border-bottom: 1px solid #f1f1f1; margin-bottom: .3rem !important;font-size: .32rem !important;line-height: 1.5 !important;}
.articlebox .articlecontent img{max-width: 100% !important;}
.articlebox .articlecontent p,.articlebox .articlecontent span {font-size: .32rem !important;line-height: 1.5 !important;word-break: break-all;}
/* 侧边联系方式 */
.contact{
    position: fixed;
    right: .2rem;
    bottom: 3rem;
    background-color: rgba(255 255 255 /.9);
    border-radius: 10rem;
    width: .8rem;
    overflow: hidden;
    border: 1px solid #b2b2b2;
}
.contact a{
    display: block;
    color: #666;
    width: .8rem;
    height: .9rem;
    text-align: center;
    line-height: .9rem;
    font-size: .44rem;
}
.contact a:first-child{
    border-bottom: 1px solid #b2b2b2;
}

.r_more{
    width:.44rem;
    height:.44rem;
    font-size:.22rem;
    color:#999;
    border-radius:50%;
    border:1px solid #bdbdbd;
    text-align:center;
    line-height:.44rem;
    color:#bdbdbd;
    margin: 0 auto;
    margin-top:.2rem;
    display:none;
}
.hidetext{
    display: -webkit-box;
   -webkit-line-clamp:3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}
.newrade{
   transform: rotate(180deg);
}
/* 实名认证 */
.auditbox .tips{
    padding:.2rem;
    box-sizing:border-box;
    background-color:#f9f9f9;
    color:#333;
    font-size:.28rem;
}
.auditbox .auditoptions>ul{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}
.auditbox .auditoptions>ul>li{
    padding:.4rem .2rem;
    border:1px solid #f1f1f1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:48%;
    box-sizing:border-box;
}
.auditbox .auditoptions .icon-gerenrenzheng{
    color: #3B83FD;
    font-size: .68rem;
    display: block;
    width: .8rem;
    height: .8rem;
    text-align: center;
}
.auditbox .auditoptions .icon-qiyerenzheng{
    color: #3B83FD;
    font-size: .76rem;
    display: block;
    width: .8rem;
    height: .8rem;
    text-align: center;
}
.auditbox .auditoptions h1{
     font-size: .28rem;
     font-weight: 700;
     text-align: center;
     color:#000;
     margin-top:.25rem;
}
.auditbox .auditoptions .intr{
    width: 80%;
    text-align: center;
    color: #999;
    margin: .2rem 0;
    font-size: .24rem;
 }
.auditbox .auditoptions a{
    display: inline-block;
    width: 80%;
    height: .66rem;
    line-height: .66rem;
    border-radius: 5px;
    text-align: center;
    font-size: .28rem;
    color: #fff;
    background: #3B83FD;
    margin: .3rem 0;
 }

.auditbox  .auditstatus{
     width:100%;
     display:flex;
     flex-direction:column;
     justify-content:center;
     align-items:center;
     width:100%;
     background-color:#fafafa;
     padding:.6rem 0 .4rem 0;
     box-sizing:border-box;
 }
.auditbox .auditstatus .layui-icon-help{font-size:1rem;color:red;}
.auditbox .auditstatus  .layui-icon-log{font-size:1rem;color:#3B83FD;}
.auditbox .auditstatus  .layui-icon-vercode{font-size: .7rem;color: orange;margin-bottom: .2rem;}
.auditbox .auditstatus .title{
    padding:0 0 .3rem 0;
    color:#000;
    font-size:.32rem;
    font-weight:bold;
    text-align:center;
 }
.auditbox .auditstatus .reason{font-size:.28rem;color:#999;width:80%;text-align:center;}
.auditbox .auditstatus a{
    display: inline-block;
    width: 80%;
    height: .66rem;
    line-height: .66rem;
    border-radius: 5px;
    text-align: center;
    font-size: .28rem;
    color: #fff;
    background: #3B83FD;
    margin: .3rem 0;
 }
.auditbox .auditdetail li{padding:.2rem}
.auditbox .auditdetail li span:first-child{display:inline-block;font-size:.28rem;color:#333;width:40%;}
.auditbox .auditdetail li span:last-child{font-size:.28rem}
.auditbox .auditimgbox{
     width:4rem;
     border:1px solid #f1f1f1;
     margin-top:.2rem;
     display: flex;
     align-items: center;
     justify-content: center;
 }
.auditbox .auditdetail li span img{width:100%;}
/*网站地图*/
.mapbox{
    margin-bottom: .3rem;
}
.mapbox .mapbox-title{
    font-size:.36rem;
    color: #000;
    font-weight: bold;
    margin-bottom: .2rem;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: .2rem;
}
.mapbox .mapbox-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.2rem;
}
.mapbox .leftblock{
    width: 25%;
    font-size: .28rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0.1rem;
}
.mapbox .leftblock a{
    display: inline-block;
    font-size:.32rem;
    color:#3B83FD;
    font-weight: bold;
}
.mapbox .rightblock{
    width: 80%;
    font-size: .3rem;
}
.mapbox .rightblock a{
    display: inline-block;
    margin-right: .2rem;
    line-height: 2;
}
/* 分销中心 */
.uc-commission-top{width: 100%;background-color: #fbfbfb;padding: .2rem 0;}
.uc-commission-top .container{
    width: 94%;
    margin-left: 3%;
    height: 3.3rem;
    background-image: url(../images/commission_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.uc-commission-top .container .left::after{
    content: '';
    position: absolute;
    height: 2.2rem;
    width: 1px;
    right: 0;
    top:.55rem;
    background-color: #fff;
}
.uc-commission-top .container .item{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
}
.uc-commission-top .container .item .tips{font-size: .24rem;margin-bottom: .2rem;}
.uc-commission-top .container .item .num{font-size: .72rem;font-weight: bold;font-family: impact;}
.uc-commission-top .container .item .num span:last-child{font-size: .24rem;font-weight: normal;}
.uc-commission-top .container .item .btn span{
    display: inline-block;
    font-size: .24rem;
    border:1px solid #fff;
    text-align: center;
    line-height: .5rem;
    width: 1rem;
    margin-top:.3rem;
    border-radius: 5rem;
}
.uc-commission-top .btn a{color: #fff}
.uc-commission-rule{
    height: .88rem;
    line-height: .88rem;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: .3rem;
}
.uc-commission-rule span{font-size: .24rem;}
.uc-commission-rule span:first-child{color: #5e5e5e;}
.uc-commission-rule span:last-child{color: #1CA472;}
.uc-commission-abillity .item{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom:.4rem ;}
.uc-commission-abillity .item div:first-child{font-size: .68rem;color: #333;margin-right: .2rem;}
.uc-commission-abillity .item .right{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 6rem;
    border-bottom: 1px solid #f1f1f1;
    height: .68rem;
}
.uc-commission-abillity .item .right span:first-child{font-size: .3rem;color: #000;}
.uc-commission-abillity .item .right span:last-child{font-size: .24rem;color: #999;}
.commissionorder {
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
    background-color: #fff;
    border-radius: 0.016rem;
    width: 100%;
    padding: 0.3rem;
}
.commissionorder .topinfo .tit{font-size: 0.25rem;color:#999;}
.commissionorder .bak{
    display: flex;flex-direction: row;
    align-items: left;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    font-size: 0.25rem;}
.commissionorder .bottominfo {
    display: flex;
    margin-top: 0.3rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.commissionorder .bottominfo .tit {
    font-size: 0.25rem;
    color: #999;
}
.commissionorder .red{color: #ff0000;}
/*微信中先下载弹框提示*/
.wxtipbox {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
}
.wxtipbox img{
    width: 90%;
    float: right;
    margin-right: 0.4rem;
}