body{color:#fff;}
/* body:after{ content:'';background-image:linear-gradient(180deg, #000000 , #000000); position:fixed;top:0;left:0; width:100%; height:100%; z-index:-1} */
/*
0.2rem=11px
0.3rem=16px
0.37rem=20px
*/

a,input,textarea{ color:#999;}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color:#999; width:100%;}
.input_clear{ display:none; background:#d6d6d6; color:#fff; width:0.46rem; height:0.46rem; line-height:0.46rem; text-align:center; border-radius:50%; font-size:0.48rem;}



select{ background:transparent;color:#fff;border:0px;outline:0px;}
select option{ background:#141517; border:none; }
select option::selection{background:#141517;}

.fixed{position: fixed; width:100%; left:0; top:0;}

.avatar{border-radius:50%;display:block;overflow:hidden; position:relative;}
.avatar .uploadimg{ opacity:0;position:absolute;top:0;left:0; width:100%; height:100%;}
.avatar .uploadimg .upload-btn{ width:100%; height:100%;}
.avatar .imgbx{ width:100%; height:100%;}
.avatar img,
.banner img{ width:100%;}
.scrollBx{ height:100%; overflow-y:scroll;}
.linebx{ height:1px; width:100%;}

.noticeSlide{height:0.8rem;line-height:0.8rem;width:calc( 100% - 1.2rem);margin-left:0.2rem;}
.noticeSlide a{display:block;line-height:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*勾选*/

.checkbox {-webkit-appearance:none;-moz-appearance:none;outline: none;width:0.36rem;height:0.36rem;background-color:#fff;border-radius:50%;margin:0;padding:0;position:relative;display:inline-block;vertical-align:top;transition:background-color ease 0.1s; border:1px solid #959595;}
.checkbox:checked {background:#e73924; border-color:#e73924;}
.checkbox:checked::after {content:'';top:4px;left:2px;position:absolute;border:#fff solid 2px;border-top:none;border-right:none;height:4px;width:10px;transform:rotate(-45deg);}

input[type="checkbox"]{-webkit-appearance:none;outline: none;}
input.check{width:0.4rem;height:0.4rem; border-radius:4px; margin-right:0.1rem; position:relative; border:1px solid #ddd;}
input.check:checked:after{content:'';top:5px;left:4px;position:absolute;border:#16c580 solid 2px;border-top:none;border-right:none;height:4px;width:10px;transform:rotate(-45deg);}

/*按钮*/

.btn-gray , .btn-gray a{background:#333743 !important;color:#fff !important;}
.btn-main , .btn-main a{background:#e73924 !important;color:#fff !important;}

.btn-cancel{color:#DB4E46;font-size:0.32rem;height:0.9rem;line-height:0.9rem;border-radius:0.15rem;width:100%;display: flex ;align-items: center;justify-content:center;}
.btn-confirm{color:#fff;background:#DB4E46;font-size:0.32rem;height:0.9rem;line-height:0.9rem;border-radius:0.6rem;width:100%;display: flex ;align-items: center;justify-content:center;}

.btn-submit , .btn-submit a{color:#fff;background:#000000;font-size:0.32rem;height:0.9rem;line-height:0.9rem;border-radius:0.6rem;width:100%;display: flex ;align-items: center;justify-content:center;}
.btn-df , .btn-df a{color:#fff;background:#DB4E46;padding:0.15rem 0.2rem;text-align:center;}
.btn-lm , .btn-lm a{height:0.9rem;line-height:0.9rem;background:#e73924;color:#fff;border-radius:0.15rem; width:100%;font-size:0.32rem;}
.btn-sm , .btn-sm a{color:#fff;background:#DB4E46;display:block;text-align:center;border-radius:0.15rem; padding:0.1rem 0.2rem;}

.btn-sub{height:0.9rem; display:flex;align-items: center;justify-content:center; text-align:center;background:#415774;color:#fff;border-radius:0.15rem; width:100%;font-size:0.32rem; }
.btn-code{ position:absolute; top:50%;transform:translate(0, -50%); right:0;}
.btn-tag{color:#1c5f4d;background:#fdf3ea;border-radius:0.15rem;padding:0.08rem 0.2rem;display: flex;align-items: center;}
.btn-tx{background:#9A5AFC;background-image:linear-gradient(180deg, #DC5CAE , #9A5AFC); border-radius:0.6rem; padding:0.15rem 0.4rem;}


/*背景框*/
.bzbx{background:rgba(255,255,255,0.1);}
.brbxsm{background:rgba(255,255,255,0.1);border-radius:0.1rem;}
.brbxdf{background:rgba(255,255,255,0.1);border-radius:0.2rem;}
.brbxlg{background:rgba(255,255,255,0.1);border-radius:0.3rem;}
.brbxxl{background:rgba(255,255,255,0.1);border-radius:0.6rem;}
.bbx{background:#fff;}
.bbxsm{background:#fff;border-radius:0.1rem;color: #060606;}
.bbxdf{background:#fff;border-radius:0.15rem;color: #060606;}
.bbxlg{background:#fff;border-radius:0.3rem;color: #060606;}
.bbxxl{background:#fff;border-radius:0.6rem;color: #060606;}
.brbksub{color:#519afd; border:1px solid #519afd; }

/*边框*/
.bk{border:1px solid rgba(255,255,255,0.3);}
.bksm{ border:1px solid #d4d8de;border-radius:0.1rem; background:#fff;}
.bkdf{ border:1px solid #d4d8de;border-radius:0.3rem; background:#fff;}
.bkmain{border:2px solid #DB4E46;border-radius:0.15rem; color:#DB4E46;}
.bkcmain{border:1px solid #DB4E46;}

/*圆角*/
.brz{ border-radius:0 !important;}
.brsm{ border-radius:0.1rem !important;}
.brdf{ border-radius:0.15rem !important;}
.brlg{ border-radius:0.3rem !important;}
.brxl{ border-radius:0.6rem !important;}
.bro{ border-radius:50% !important;}

/*颜色*/
.col-white{color:#ffffff !important;}
.col-main{color:#DB4E46 !important;}
.col-sub{color:#f4e1ff !important;}
.col-black{color:#000000 !important;}
.col-gray{ color:#999999;}
.col-gray9{ color:#999 !important;}
.col-green{ color:#13a335 !important;}
.col-blue{ color:#4283d9 !important;}
.col-yellow{ color:#f5b61b !important;}
.col-purple{color:#B855F0 !important;}
.col-red{ color:#ea5e57 !important;}
.col-orange{color:#ffb112 !important;}
.col-price{color:#ff4949 !important;}
.col-up{ color:#e93d29 !important;}
.col-down{ color:#35ccae !important;}

.text-main{ color:#9A5AFC; background-image:linear-gradient(180deg, #DC5CAE , #9A5AFC);-webkit-background-clip:text;color:transparent !important;}

/*背景*/
.background{ background-color: #000000; background-size:cover;background-position:top;background-repeat:no-repeat;position:fixed;width:100%;height:100%;z-index:-1;}


.bg-col{ background-color:#141517;}
.bg-white{background:#fff;}
.bg-black{background:#000; color:#fff;}
.bg-hui{background:#f8f8f8;}
.bg-main{background-color:#DB4E46;color:#fff;}
.bg-sub{background:#f4ebe2; color:#cca479;}
.bg-orange{background:#ffb112; color:#fff;}
.bg-blue{background:#6b98fe; color:#fff;}
.bg-green{background:#13a335; color:#fff;}
.bg-gray{background: #D9D9D9;color:#000;}
.bg-gray2{background:#293342;color:#fff;}
.bg-red{background:#ff5543;color:#fff;}
.bg-up{ background:#e93d29;color:#fff;}
.bg-down{ background:#35ccae;color:#fff;}



/*渐变背景*/
.bg-gradual{background-image:linear-gradient(180deg, #DC5CAE , #9A5AFC);color:#fff;}
.bg-gradual-sub{background-image:linear-gradient(0deg, #f6e8ff , #efd6ff); color:#000000;}
.bg-gradual-gray{background-image:linear-gradient(90deg, #877a90, #adadad);color:#fff;}
.bg-gradual-y{background-image:linear-gradient(180deg, #fff7e9 , #f4d8ac);color:#333;}





/*广告位*/
.bg-banner{position:absolute;top:0;left:0;width:100%;z-index:-1; height:2.6rem;}
.bg-banner>div{position:relative;z-index:1;}

.bannerbox ,
.banner{ position:relative;}
.banner>div{position:relative;z-index:1;}
.bg-banner.wave:after,
.banner.wave:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../img/bg-wave.png) bottom no-repeat; background-size:100%; z-index:0;}
.bg-banner.sprit:after,
.banner.sprit:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../img/bg-sprit.png) right bottom no-repeat; background-size:auto 90% ; z-index:0;}
.bg-banner.logo:after,
.banner.logo:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../img/bg-logo.png) right top no-repeat; background-size:50% auto ; z-index:0;}
.banner.cz:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../img/bg-cz.png) right bottom no-repeat; background-size:auto 90% ; z-index:0;}
.bannerbox .banner{ position:absolute;left:0; top:0; width:100%;height:1.9rem; z-index:-1;}


/*头部底部高度*/
.header-h{width:100%;height:0.9rem;}

/*通用头部*/
.public-header{text-align:center;position:relative;height:0.9rem;line-height:0.9rem;display:flex;justify-content:center;align-items:center;}
.public-header.fixed-header{position:fixed;top:0;left:0;z-index:99;width:100%;}
.public-header.nobg{background:transparent;box-shadow:none;}
.public-header.nosd{box-shadow:none;}
.public-header.main{ background:#e73924;}
.public-header.main *{ color:#fff;}
.public-header a{display:flex;align-items:center;justify-content:center;}
.public-header a , 
.public-header a i,
.public-header span{color:#fff;}
.public-header .goback{z-index:9;position:absolute;left:0.4rem;top:0.1rem; width:0.8rem; height:0.8rem; line-height:0.8rem; border-radius:0.2rem; text-align:center; background-color:rgba(255,255,255,.12);}
.public-header .xq-btn{position:absolute;right:0.4rem;top:0.1rem;z-index:9; width:0.8rem; height:0.8rem; line-height:0.8rem; border-radius:0.2rem; text-align:center; background-color:rgba(255,255,255,.12);}
.public-header .xq-btn2{position:absolute;right:1.4rem;top:0.1rem;z-index:9; width:0.8rem; height:0.8rem; line-height:0.8rem; border-radius:0.2rem; text-align:center; background-color:rgba(255,255,255,.12);}
.public-header a .tip{position:absolute;top:0.1rem;right:0.1rem;background:#fff;color:#ff4f66;font-size:0.24rem;border-radius:0.6rem;line-height:1.2em;padding:0 0.07rem;}
.public-header span{font-size:0.32rem;text-shadow: 0px 0.1rem 0.1rem rgba(0,0,0,0.5);}
.public-header .logo{ display:flex;align-items: center; width: auto;background-color: transparent;}
.public-header .logo img{ height:0.56rem;}
.public-header .userbx{ font-size:0.26rem; margin-right:0.1rem;}

.footer-h{width:100%;height:2.0rem;}
/*通用底部*/
.public-footer{position:fixed;width:100%;bottom:0;z-index:909;padding:0.3rem; background-color: #000000;border-radius: 1rem 1rem 0 0; overflow: hidden;}
.public-footer ul{display:flex;justify-content:space-between;background-color:#171717; border-radius:0.8rem;;padding:0.15rem;}
.public-footer ul li{text-align:center;display:flex;align-items:center;justify-content:center;}
.public-footer ul li a{width: 1.16rem;height: 1.16rem;border-radius: 50%; display:flex;align-items:center;justify-content:center;}
.public-footer ul li a i{font-size:0.50rem;line-height:0.50rem; height:0.50rem; width:0.50rem; background-size:0.50rem 0.50rem; margin:0 auto;}
.public-footer ul li a span{font-size:0.28rem;line-height:1;margin-top:0.02rem;}
.public-footer ul li a i,
.public-footer ul li a span{color:#888f9d;}
.public-footer ul li a.active{background-color: #fff;}
.public-footer ul li a.active i,
.public-footer ul li a.active span,
.public-footer ul li a.mui-active  i,
.public-footer ul li a.mui-active span{ color:#fff;} 



/*通用弹窗*/
.publicPop{position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:999;left:0;top:0;display:none;overflow:hidden;}
.publicPop .content{position:absolute;width:90%;margin:0 5%;left:0;top:50%;transform:translate(0, -50%); padding-bottom:1.2rem;}

.publicPop .btn-close{ position:absolute;top:auto; bottom:0;left:0%; width:100%; text-align:center; z-index:99;}
.publicPop .btn-close a{ display:block;}
.publicPop .btn-close i{ font-size:0.8rem;}

.publicPop .pop-flag{position:absolute;top:-0.1rem;left:0.3rem;width:1rem;background:#5b6ea5;text-align:center;color:#fff;font-size:0.28rem;padding:0.2rem 0 0.4rem 0;min-height:1.5rem; box-shadow:1px 0 5px #333;}

.publicPop .pop-flag i{ display:block; color:#fff;}
.publicPop .pop-flag:before{content:'';position:absolute;top:0.05rem;right:-0.05rem;width:0;height:0;border-width:0.05rem;border-style:solid;border-color:transparent #272b35 transparent transparent;transform:rotate(315deg);}
.publicPop .pop-flag:after{content:'';position:absolute; bottom:-1px; left:0;width:0;height:0;border-bottom:0.3rem solid #272b35;border-right:0.5rem solid transparent;border-left:0.5rem solid transparent;}
.publicPop .pop-title{width:100%; padding:0 0.2rem; font-size:0.34rem;}
.publicPop .common{ background:#252528;border-radius:0.05rem;overflow:hidden;}
.publicPop .common .box{ padding:0.2rem;}
.publicPop .common .pop-title{height:0.9rem;line-height:0.9rem; background:#64b164; text-align:center; color:#fff;}
.publicPop .common .pop-list li{ padding:0.15rem 0.2rem;}
.publicPop .common .pop-list li .check{ margin-right:0.2rem;}

/*列表类型弹窗*/

.publicPop .inputbox {padding-bottom:1rem;}
.publicPop .inputbox .btn-close{ position:absolute;top:auto; bottom:0;left:0%; width:100%; text-align:center; z-index:99;}
.publicPop .inputbox .btn-close a{ display:block;}
.publicPop .inputbox .btn-close i{ font-size:0.8rem;}
.publicPop .inputbox .box{border-radius:0.3rem;background:#fff;}
.publicPop .inputbox .pop-title{ font-size:0.34rem; padding:0.2rem; text-align:center; background:#DB4E46; color:#fff; margin-bottom:0.3rem;}
.publicPop .inputbox .pop-list{padding:0.3rem; max-height:80vh; overflow:scroll;}
.publicPop .inputbox .pop-list p{margin-bottom:0.15rem;}
.publicPop .inputbox .pop-list .item{margin-bottom:0.2rem;}
.publicPop .inputbox .pop-list .pop-input{ width:100%; }
.publicPop .inputbox .textBx{ margin-bottom:0.1rem;}
.publicPop .inputbox .inputbx{ border:1px solid #ddd; border-radius:0.1rem; position:relative;overflow:hidden;}
.publicPop .inputbox .inputbx input{ width:100%; padding:0 0.2rem; height:0.6rem;}
.publicPop .inputbox .inputbx textarea{ width:100%; padding:0.15rem;}
.publicPop .inputbox .inputbx .sendbtn{ position:absolute;right:0; top:0; background:#64b164; height:100%; color:#fff; padding:0 0.2rem;display: flex;align-items: center;justify-content:center;}
.publicPop .inputbox .inputbx select{ width:100%; border:none; height:0.6rem;}
.publicPop .inputbox .pop-tips{ border-radius:0.1rem; padding:0.2rem; color:#ddd;}
.publicPop .inputbox .pop-text .item{padding:0.15rem 0;}

.publicPop .inputbox .pop-btn{ padding:0 0.15rem;display: flex;}
.publicPop .inputbox .pop-form{ padding:0.2rem;}
.publicPop .inputbox .pop-form label{display:flex;align-items: center;padding:0.2rem;}
.publicPop .inputbox .pop-form label input{ margin-right:0.2rem;}
.publicPop .inputbox .pop-list .pop-text{display:flex;align-items:center;justify-content:space-between;}
.publicPop .inputbox .pop-list .pop-text p{font-size:0.28rem;color:#a1baff;}

.centerBx{ text-align:center;}
.input-gray{ width:100%; height:0.8rem; text-align:center; border-radius:0.1rem; background:#f0f0f0; margin:0.2rem auto;}

/*提示类型弹窗*/
.publicPop .tipsbx{ padding-bottom:1.2rem; color:#052558;}
.publicPop .tipsbx .btn-close{ position:absolute;top:auto; bottom:0;left:0%; width:100%; text-align:center; z-index:99;}
.publicPop .tipsbx .btn-close a{ display:block;}
.publicPop .tipsbx .btn-close i{ font-size:0.8rem;}
.publicPop .tipsbx .box{border-radius:0.1rem;background:#fff;padding:0.4rem 0.2rem}
.publicPop .tipsbx .pop-title{width:100%;font-size:0.32rem; padding-top:0.2rem; text-align:left;}
.publicPop .tipsbx .pop-btn a{ background-color:#052558; color:#fff; display:flex;}

.publicPop .signbx{background:#fff;width:90%;margin:0 5%;border-radius:0.2rem;overflow:hidden;}
.publicPop .signbx .box{white-space:nowrap;text-align:center;}
.publicPop .signbx .pop-text{position:absolute;left:0.2rem;line-height:40px;z-index:99; font-size:0.26rem;}
.publicPop .signbx .pop-tips{ border-radius:0.1rem; padding:0.2rem; margin-bottom:0.2rem;background:#f7f7f7;color:#ff1818;}

/*满屏弹窗*/
.publicPop .fullpage{background:#fff;width:100%; height:100vh;margin:0; border-radius:0;top:0;transform:translate(0, 0);}
.publicPop .fullpage .btn-close{ width:auto; font-size:0.28rem; padding:0 0.2rem; height:1rem; line-height:1rem;}
.publicPop .fullpage .pop-title{ text-align:left;width:100%;color:#000;font-size:0.38rem; font-weight:bold; line-height:1rem; padding:0 0.2rem;}
.publicPop .fullpage a{ color:#666; padding:0 0.2rem; display:block;}

/*底部弹窗*/
.publicPop .btmbx{bottom: 0; left: 0; width:100%; margin:0; top:auto;-webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; background:#252528; border-radius:0.15rem 0.15rem 0 0; padding-bottom:0}
.publicPop .btmbx.active{transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}


.publicPop .btmbx .pop-title{ line-height:0.9rem; color:#fff; text-align:center;font-size:0.34rem; border-bottom:1px solid rgb(255,255,255,0.1);}
.publicPop .btmbx .pop-con{ padding:0 0.2rem;}
.publicPop .btmbx .pop-con li{ padding:0.2rem 0;}

.btnPop .btmbx{ border-radius:0;}
.btnPop .btmbx .pop-con{ padding:0; text-align:center;}
.btnPop .btnlist .item ,
.btnPop .btn-cancel{ color:#000; line-height:0.68rem;}
.btnPop .btnlist .item { border-bottom:1px solid #dfdfdf;}
.btnPop .btn-cancel{ border-top:0.1rem solid #e7e7ed;}
.btnPop .btnlist .item.active{ color:#d9962c;}


/*顶部弹窗*/
.publicPop .topbx{top:0; right: 0;margin:0; width:auto;-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ;}
.publicPop .topbx.active{transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}

/*菜单弹窗*/
.popMenu{position:fixed;width:100%;height:100%;z-index:999;left:0;top:0;display:none;overflow:hidden;}
.popMenu .content{ position:absolute;top:0.9rem; right: 0;margin:0; width:auto;-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ;}
.popMenu .content.active{transform: translateX(0px);  -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}

/*通用列表*/
.publicItem .item{padding:0.2rem 0; border-bottom:1px solid #d4d4d6;display:flex;justify-content:space-between;}

.publicItem .item.nobk{ border:none;}
.publicItem .item a{display:flex;justify-content:space-between; width:100%;}
.publicItem .item>div , .publicItem .item a>div{display:flex;align-items: center;}
.publicItem .item span{ color:#828b98;}
.publicItem .item .edit{ color:#959ece;text-decoration:underline}
.publicItem .item input,
.publicItem .item textarea{ background:none; width:100%;}
.publicItem .item input,
.publicItem .item input::-webkit-input-placeholder{ color:#78818e;}
.publicItem .item i{ height:0.45rem; line-height:0.45rem;}
.publicItem .item button{ background:none;white-space:nowrap;}
.publicItem .inputbx{ position:relative;}
.publicItem .tips{ margin-bottom:0.2rem;}

/*通用输入列表*/
.publicInput{ padding:0.2rem 0;}
.publicInput .item{display:flex;align-items: center; padding:0.2rem; margin:0.2rem 0;}
.publicInput .item input{ background:none;}
.publicInput .item input,
.publicInput .item input::-webkit-input-placeholder{ color:#78818e;}
.publicInput .tips{ font-size:0.24rem; color:#828b98; padding:0 0.2rem; text-align:right;}


/*数量加减*/
.plusNum{white-space:nowrap;border-radius:0.1rem; overflow:hidden;display:flex;align-items: center;justify-content:space-between;}
.plusNum a{ text-align:center;width:0.7rem; height:0.6rem; display:flex;align-items: center;justify-content:center;font-size:0.36rem; color:#fff;}
.plusNum .minus{border-right:2px solid rgb(255,255,255,1);}
.plusNum .failed{color:#d1d1d1;}
.plusNum .plus{border-left:2px solid rgb(255,255,255,1);}
.plusNum .num{ display:flex;align-items: center; width:2em; margin:0 0.1rem; text-align:center; color:#fff;}
/*选择器*/
.weui-picker-modal{height:5rem;}
.toolbar .toolbar-inner{height:1rem;}
.toolbar, .toolbar .title{font-size:0.3rem;line-height:1rem;}
.toolbar .picker-button{line-height:1rem;height:1rem;}
.weui-picker-modal .picker-items{text-align:center;font-size:0.26rem;}
.weui-picker-modal .picker-modal-inner{height:4rem;}
.toolbar .picker-button{ color:#1c2230;}

/*选项卡*/
.tab-box .tab-hd{display:flex;}
.tab-box .tab-hd>div{position:relative;font-size:0.3rem;line-height:0.68rem;text-align:center;white-space:nowrap;color:rgba(255,255,255,0.5);}
.tab-box .tab-hd>div.active{ color:rgba(255,255,255,1);}
.tab-box .tab-hd a{ position:relative;}
.tab-box .tab-hd i{width: 1rem;height: 1rem;border-radius: 0.3rem; border:1px solid rgba(255,255,255,0.3); background-color:(255,255,255,0.1); display: flex ;align-items: center;justify-content:center;}
.tab-box .tab-hd>div.active i{background-color: #DB4E46;border-color: #DB4E46;}

.tab-box .tab-hd.lineBx>div.active , 
.tab-box .tab-hd.lineBx>div.active a{color:#fff !important;}
.tab-box .tab-hd.lineBx>div.active:after{ content:''; position:absolute; bottom:0; left:50%; margin-left:-0.3rem;width:0.6rem; height:0.07rem; background-color:#9A5AFC;background-image:linear-gradient(180deg, #DC5CAE , #9A5AFC); border-radius:0.2rem;}

.tab-box .tab-hd.btnBx>div{color:#fff;min-width:5em; padding:0 0.2rem;}
.tab-box .tab-hd.btnBx>div.active{background-color:#1C222C;color:#fff; border-radius:0.1rem 0.1rem 0 0;}

.tab-box .tab-list>div{display:none;}
.tab-box .tab-list>div.active{display:block;}







/*滑动选项卡*/
.tabHd .swiper-wrapper{display:flex;justify-content:center;align-items:center; background:#000000; height:1rem;}
.tabHd .swiper-wrapper .swiper-slide{ display:block; margin:0 0.2rem; position:relative;flex-shrink:1;white-space:nowrap; line-height:1rem;text-align:center;}
.tabHd .swiper-wrapper .swiper-slide.active{ color:#ffedc7;background-image: linear-gradient(90deg, #ffe5a9, #ebb865);-webkit-background-clip:text;color:transparent !important;}
.tabHd .swiper-wrapper .swiper-slide.active:after{ content:''; position:absolute; bottom:0.2rem; left:50%; width:0.4rem; margin-left:-0.2rem; height:0.04rem; border-radius:0.6rem;background-image: linear-gradient(0, #ffe5a9, #ebb865);}

.tabHd.tabSub .swiper-wrapper{ background:none;}
.tabHd.tabSub .swiper-wrapper .swiper-slide{ color:#c4c4c4;}
.tabHd.tabSub .swiper-wrapper .swiper-slide.active{ color:#fff !important;}


/*头部滑动选项卡*/
.public-header .swiper-wrapper{display:flex;justify-content:center;align-items:center;}
.public-header .swiper-wrapper .swiper-slide{ display:block; margin:0 0.2rem; position:relative;flex-shrink:1; font-size:0.34rem; font-weight:bold; white-space:nowrap;}
.public-header .swiper-wrapper .swiper-slide.active{ color:#ffedc7;background-image: linear-gradient(90deg, #ffe5a9, #ebb865);-webkit-background-clip:text;color:transparent !important;}
.public-header .swiper-wrapper .swiper-slide.active:after{ content:''; position:absolute; bottom:0.1rem; left:50%; width:0.4rem; margin-left:-0.2rem; height:0.04rem; border-radius:0.6rem;background-image: linear-gradient(0, #ffe5a9, #ebb865);}


/*浮动底部*/
.fixed-foot{ position:fixed;bottom:0;left:0; width:100%;}


/*显示隐藏*/
.eye>div{ display:none; padding:0.1rem 0.2rem;}
.eye>div.active{ display:block;}
.eye>div i{ font-size:0.6rem; color:#fff;}


/*上传文件*/
.uploadBox{position:relative;margin-top:0.3rem; margin-bottom:0.25rem;}
.uploadBox .uploadfile{display:flex;justify-content:space-between;align-items:center; margin-top:0.1rem;}
.uploadBox .uploadfile .input-group button{padding:0.2rem 0.2rem;border:none;border-radius:0.1rem;line-height:1;white-space:nowrap;}
.uploadBox .uploadfile .input-group input{border:none;}
.uploadBox .uploadfile .input-group .uploadimg{opacity:0;position:absolute;z-index:100;width:100%; height:100%;left:0;top:0;}
.uploadBox .uploadfile .input-group .uploadimg input{width:100%; height:100%;}
.uploadBox .upload-img{ margin-top:0.2rem;}
.uploadBox .upload-img img{ max-height:3.4rem;}

/*上传图片*/
.uploadImg{position:relative;}
.uploadImg input{position:absolute;width:100%;height:100%;opacity:0;top:0;left:0;z-index:99;}


/*上传多图*/

.updataImgs ul{ margin-left:-0.15rem;overflow:hidden;}
.updataImgs li{padding-left:0.15rem;float:left;margin-bottom:0.2rem;}
.updataImgs li a , 
.updataImgs li span{ display:block;overflow:hidden;}
.updataImgs li .img,
.updataImgs li.addbtn i{ width:1.2rem;height:1.2rem;display:flex;justify-content:center;align-items:center;}
.updataImgs li .text{ line-height:0.42rem;height:0.9rem;margin-top:0.1rem;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.updataImgs li.addbtn i{font-size:1rem; color:#999;border:1px solid #ddd; border-radius:0.2rem;}


.tabScroll{ overflow:hidden;}


/*星星样式*/
.star_score { background:url(../img/icon-star.svg); width:160px; height:21px;background-size:auto 21px;  position:relative; }
.star_score a{ height:21px; display:block; text-indent:-999em; position:absolute;left:0;}
.star_score a:hover{ background:url(../img/icon-star2.svg);left:0;background-size:auto 21px;}
.star_score a.clibg{ background:url(../img/icon-star2.svg);left:0;background-size:auto 21px;}

.atar_Show{background:url(../img/icon-star.svg); background-size:auto 18px; width:110px; height:18px;  position:relative; float:left; margin-left:-2px; margin-right:3px;}
.atar_Show p{ background:url(../img/icon-star2.svg); background-size:auto 18px;left:0; height:18px;}


.swiper-pagination-bullet-active{ background:#DB4E46;}

/*标题*/
.title-big {line-height:0.9rem;}
.title-big span{font-family:"华康新综艺"; font-size:0.34rem;}

.title-main{  padding:0.2rem 0;padding-left:0.25rem; position:relative;font-size:0.32rem; line-height:1;}
.title-main:before{ content:''; position:absolute;left:0; top:50%;transform:translate(0, -50%); width:0.08rem; height:0.30rem; background:#b79443;}
.title-main span{font-size:0.3rem;}
.title-main a,
.title-main em{ color:#1d1d1d; font-size:0.26rem;}
.title-main a font{ margin-right:0.1rem;}

/*必填标签*/
.tag-must:before{ content:'*'; position:absolute; top:50%;transform:translate(0, -50%); left:0; color:#ff2b2e; margin-top:0.05rem;}

.nodata{ text-align:center; padding:15vh 0;}
.nodata p{ margin-top:0.2rem; font-size:0.32rem; color:#8a96a3;}
.nodata img{ width:3rem;}


.switchbx{position: relative;display: inline-block;width: 0.92rem;height: 0.52rem;}
.switchbx input {display:none;}
.switchbx .slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.switchbx .slider:before{position: absolute;content: "";height: 0.4rem;width: 0.4rem;left: 0.06rem;bottom: 0.06rem;background-color: white;-webkit-transition: .4s;transition: .4s;}
.switchbx input:checked + .slider{background-color: #4cd844;}
.switchbx input:focus + .slider{box-shadow: 0 0 1px #4cd844;}
.switchbx input:checked + .slider:before{-webkit-transform: translateX(0.4rem);-ms-transform: translateX(0.4rem);transform: translateX(0.4rem);}

.switchbx .slider.round{border-radius: 0.6rem;}
.switchbx .slider.round:before{border-radius: 50%;}


/*进度条*/
.barline{height:0.16rem;width:100%;background:#ebebeb;border-radius:0.3rem; }
.barline .charts{height:0.16rem;background:#f2826a; position:relative;border-radius:0.3rem;}
.barline .charts span{ background:#f2826a; color:#fff; position:absolute; right:0; top:50%;transform:translate(0, -50%); padding:0.05rem 0.2rem; border-radius:0.2rem; font-size:0.24rem;}

.barline.loading{background:#1c5f4d;}
.barline.loading .charts{ width:100%; background:none;
background-image:-webkit-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image:linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
-webkit-background-size:20px 20px;background-size:20px 20px;
-webkit-animation:progress-bar-stripes 5s linear infinite;
-o-animation:progress-bar-stripes 5s linear infinite;
animation:progress-bar-stripes 5s linear infinite;}
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}


/*提示框*/
.win { display: none; }
.mask-layer { position: fixed; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); background-color: black; z-index: 99998; top: 0px; left: 0px; }
.window-panel { position: fixed; z-index: 99999; top: 50%; left: 50%; background-color: #202130; border-radius: 0.15rem;  }
.window-panel .title-panel { position: absolute; height: 0.9rem; width: 100%; border-radius: 0.15rem 0.15rem 0 0;background-color: #202130; }
.window-panel .title { color: #fff;position: absolute; height: 0.9rem; width: 100%; text-align: center; border-radius: 0.15rem 0.15rem 0 0; line-height: 0.9rem; vertical-align: middle; background-color: #202130; /*标题背景色*/ z-index: 1;overflow:hidden; }
.window-panel h3 { font-size: 0.3rem; margin: 0; }
.window-panel .close-btn { display: block; text-align: center; vertical-align: middle; position: absolute; width: 0.9rem; height: 0.9rem; line-height: 0.9rem; right: 0px; text-decoration: none; font-size: 0.36rem; color: #fff; background-color: #202130; border-radius: 0 0.15rem 0 0; z-index: 1; }
.window-panel .close-btn:hover { background-color: #ccc; }
.window-panel .body-panel { position: absolute; width: 100%; top: 0.9rem; border-radius: 0 0 0.15rem 0.15rem; z-index: 1; }
.window-panel .content, .window-panel .btns { text-align: center;}
.window-panel .content { color: #fff; padding: 0.3rem 0; font-size: 0.3rem; min-height: 1rem; line-height: 1.6; }
.window-panel .w-btn { display: inline-block; width: 1.6rem; height: 0.78rem; line-height: 0.68rem; background-color: #295df6; color: white; cursor: pointer; text-align: center; border-radius: 0.1rem; text-decoration: none; margin: 0 0.1rem; border: none;font-size:0.3rem; }