@font-face {
  font-family: "华康新综艺";
  src: url('../fonts/hkxzy.ttf') format('truetype');
}
body{ background-color:#141517; color:#fff;}


a,button{ color:#fff;}

input,
input::-webkit-input-placeholder,
textarea,
textarea::-webkit-input-placeholder{ color:#707070; 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;}
input:disabled{ opacity:0.5}


.range[type="range"] {display:block;-webkit-appearance:none;background-color:#fff;width:100%;height:2px;border-radius:5px;outline:0;}
.range[type="range"]::-webkit-slider-thumb {-webkit-appearance:none;background-color:#6b5dd7;width:0.4rem;height:0.4rem;border-radius:50%;cursor:pointer;transition:0.3s ease-in-out;}

.input-main,
.input-main::-webkit-input-placeholder{ color:#6b5dd7;}

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

.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%;}
.banner{ overflow:hidden;}
.scrollBx{ height:100%; overflow-y:scroll;}
.linebx{ height:1px; width:100%;}

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

/*勾选*/

.checkbox {-webkit-appearance:none;-moz-appearance:none;outline: none;width:0.4rem;height:0.4rem;border-radius:50%;position:relative;display:inline-block;vertical-align:top;transition:background-color ease 0.1s; border:2px solid #fff;}
.checkbox:checked::after {content:'';top:50%;left:50%; margin:-0.1rem 0 0 -0.12rem;position:absolute;border:#fff solid 0.05rem;border-top:none;border-right:none;height:0.09rem;width:0.18rem;transform:rotate(-45deg);}
.checkbox:checked {background:#6b5dd7;border-color:#6b5dd7;}

input[type="checkbox"]{-webkit-appearance:none;outline: none;}
input.check{background:#fff;width:0.4rem;height:0.4rem; border-radius:4px; margin-right:0.1rem; position:relative; border:1px solid #ddd;}
input.check:checked{ background:#6b5dd7; border-color:#6b5dd7;}
input.check:checked:after{content:'';top:0.09rem;left:0.08rem;position:absolute;border:#fff solid 0.05rem;border-top:none;border-right:none;height:0.09rem;width:0.18rem;transform:rotate(-45deg);}


/*排序*/
.sortbx{ padding:0 0.2rem;}
.sortbx p{ height:0.9rem; line-height:0.9rem; position:relative; margin-right:0.2rem;}
.sortbx p.active{ color:#2b9c2b;}
.sortbx p.active:before{ content:''; position:absolute; bottom:0; left:0; width:100%; height:0.06rem; background:#2b9c2b;}
.goud{ padding-right:0.3rem; height:100%; position:relative;}
.goud:before,
.goud:after{ content:''; position:absolute; right:0; top:50%;border: 0.1rem solid transparent;width: 0;height: 0px;}
.goud:before{border-bottom: 0.12rem solid #a4a4a4; margin-top:-0.23rem;}
.goud:after{border-top: 0.12rem solid #a4a4a4; margin-top:0.03rem;}
.goud.go_up:before{ border-bottom-color:#6b5dd7;}
.goud.go_down:after{ border-top-color:#6b5dd7;}

/*按钮*/

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

.btn-cancel{color:#6b5dd7; border:1px solid #6b5dd7;font-size:0.3rem;height:0.8rem;border-radius:0.1rem;display: flex ;align-items: center;justify-content:center; width:100%;}
.btn-confirm{color:#ffffff;background:#6b5dd7;font-size:0.3rem;height:0.8rem;border-radius:0.1rem;display: flex ;align-items: center;justify-content:center;width:100%;}

.btn-submit , .btn-submit a{color:#fff;background:#6b5dd7;font-size:0.3rem;height:0.8rem;border-radius:0.6rem;display: flex ;align-items: center;justify-content:center;width:100%;}
.btn-df , .btn-df a{color:#fff;background:#6b5dd7;padding:0.15rem 0.2rem;text-align:center;}
.btn-lm , .btn-lm a{height:0.9rem;line-height:0.9rem;background:#6b5dd7;color:#fff;border-radius:0.15rem; width:100%;font-size:0.32rem;}
.btn-sm , .btn-sm a{color:#fff;background:#6b5dd7;display:block;text-align:center;border-radius:0.15rem; padding:0.1rem 0.3rem;}
.btn-buy{height:1.0rem;font-size:0.3rem; padding:0 0.5rem; display:flex;align-items: center;justify-content:center; text-align:center;background:#ff0000;color:#fff;}
.btn-sub{height:0.9rem; display:flex;align-items: center;justify-content:center; text-align:center;background:#415774;color:#fff;border-radius:0.1rem; 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-exit{color:#ffffff;background:rgb(100%,100%,100%,0.3);font-size:0.32rem;height:0.9rem;line-height:0.9rem;border-radius:0.15rem;display:block;width:100%;margin:auto;text-align:center;}
.button{width:100%; height:0.76rem;border-radius:0.1rem;display: flex ;align-items: center;justify-content:center;}

/*背景框*/
.bbx{background-color:#1d1d22;}
.bbxsm{background-color:#1d1d22;border-radius:0.1rem;}
.bbxdf{background-color:#1d1d22;border-radius:0.15rem;}
.bbxlg{background-color:#1d1d22;border-radius:0.2rem;}
.bbxxl{background-color:#1d1d22;border-radius:0.3rem;}
.bbxxxl{background-color:#1d1d22;border-radius:0.6rem;}
.bbxo{background-color:#1d1d22;border-radius:50%;}

.brbx{background-color:#2d2d36;border:1px solid #444444;}
.brbxsm{background-color:#2d2d36;border:1px solid #444444;border-radius:0.1rem;}
.brbxdf{background-color:#2d2d36;border:1px solid #444444;border-radius:0.15rem;}
.brbxlg{background-color:#2d2d36;border:1px solid #444444;border-radius:0.2rem;}
.brbxxl{background-color:#2d2d36;border:1px solid #444444;border-radius:0.3rem;}
.brbxxxl{background-color:#2d2d36;border:1px solid #444444;border-radius:0.6rem;}
.brbo{background-color:#2d2d36;border:1px solid #444444;border-radius:50%;}

/*边框*/
.bkbx{ border:1px solid #444444;}
.bksm{ border:1px solid #444444;border-radius:0.1rem;}
.bkdf{ border:1px solid #444444;border-radius:0.15rem;}
.bkxl{ border:1px solid #444444;border-radius:0.6rem;}
.bko{ border:1px solid #444444;border-radius:50%;}

.bkmain{border:1px solid #6b5dd7;border-radius:0.15rem; color:#6b5dd7;}
.bkcmain{border:1px solid #6b5dd7;}

/*圆角*/
.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:#6b5dd7 !important;}
.col-sub{color:#d3d3e6 !important;}
.col-black{color:#000000 !important;}
.col-gray{ color:#c3c3c3 !important;}
.col-gray9{ color:#999 !important;}
.col-green{ color:#13a335 !important;}
.col-blue{ color:#4283d9 !important;}
.col-yellow{ color:#f5b61b !important;}
.col-red{ color:#ff0000 !important;}
.col-orange{color:#ff5723 !important;}
.col-purple{color:#635eeb !important;}
.col-price{color:#ff4949 !important;}
.col-up{ color:#35ccae !important;}
.col-down{ color:#d14b64 !important;}
.col-buy{ color:#35ccae !important;}
.col-sell{ color:#d14b64 !important;}

.text-main{background-image:linear-gradient(0deg, #f34d0d , #f3142b);-webkit-background-clip:text;color:transparent !important;}

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

.bg-login{background-image:url(../img/bg-login.jpg); background-size:100% auto;}
.bg-extend{ background-image:url(../img/bg-extend.jpg);background-size:100% auto;}

.bgbx{background-color:#292929;}
.bgbx2{background-color:#2d2d36;}

.bg-col{ background-color:#191f33 !important;}
.bg-white{background:#fff !important;}
.bg-black{background:#000 !important; color:#fff;}
.bg-hui{background:#dddddd !important;}
.bg-main{background-color:#6b5dd7 !important;color:#fff;}
.bg-sub{background:#e8ebff !important; color:#6b5dd7;}
.bg-orange{background:#ffb112 !important; color:#fff;}
.bg-blue{background:#6b98fe !important; color:#fff;}
.bg-green{background:#13a335 !important; color:#fff;}
.bg-gray{background:#525261 !important;color:#fff;}
.bg-gray9{background:#999999 !important;color:#fff;}
.bg-red{background:#6b5dd7 !important;color:#fff;}
.bg-up{ background:#35ccae !important;color:#fff;}
.bg-down{ background:#d14b64 !important;color:#fff;}

.bg-buy{ background:#35ccae !important;color:#fff;}
.bg-sell{ background:#d14b64 !important;color:#fff;}

/*渐变背景*/
.bg-gradual{background-image: linear-gradient(180deg , #a74aec , #6170d7);color:#fff;}
.bg-gradual-sub{background-image:linear-gradient(180deg, #fff7e2, #e1ab7a); color:#29251b;}
.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-gradual-1{background-image: linear-gradient(0deg, #fdb155, #f77f14);}
.bg-gradual-2{background-image: linear-gradient(0deg, #0c79ff, #28c9f8);}
.bg-gradual-3{background-image: linear-gradient(0deg, #f42020, #ff973b);}
.bg-gradual-4{background-image: linear-gradient(0deg, #1ce7b0, #28c9f8);}
.bg-gradual-5{background-image: linear-gradient(0deg, #ff9059, #ff635a);}
.bg-gradual-6{background-image: linear-gradient(0deg, #d36afa, #5c60fe);}
.bg-gradual-7{background-image: linear-gradient(0deg, #ca97fe, #67ebfb);}
.bg-gradual-8{background-image: linear-gradient(0deg, #2774bb, #2cefed);}
.bg-gradual-9{background-image: linear-gradient(0deg, #fdb155, #f77f14);}
.bg-gradual-10{background-image: linear-gradient(0deg, #6aebfa, #5c60fe);}
.bg-gradual-11{background-image: linear-gradient(0deg, #00c9cc, #058caa);}
.bg-gradual-12{background-image: linear-gradient(0deg, #ffbc61, #e7784e);}
.bg-gradual-13{background-image: linear-gradient(0deg, #5ae9ab, #ef9a4f);}
.bg-gradual-14{background-image: linear-gradient(0deg, #fc3efe, #ff6a6a);}
.bg-gradual-15{background-image: linear-gradient(0deg, #67a0fc, #86bdfe);}
.bg-gradual-bt1{background-image: linear-gradient(0deg, #ffd600, #f1ff52);}
.bg-gradual-bt2{background-image: linear-gradient(0deg, #6ea6fc, #6ff7fc);}






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

/*通用头部*/
.public-header{text-align:center;position:relative;height:0.9rem;line-height:0.9rem;background-color:#1d1d22;display:flex;justify-content:center;align-items:center;}
.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:#6b5dd7;}
.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{position:absolute;left:0;z-index:9;top:0;padding:0 0.2rem;}

.public-header .xq-btn{position:absolute;right:0;top:0;z-index:9;padding:0 0.2rem;height:0.9rem;line-height:0.9rem;}
.public-header .xq-btn .tipsbx{ position:absolute; right:0.1rem; top:0.1rem; background:#f00; padding:0.1rem; font-size:0.24rem; border-radius:0.6rem;display: flex ;align-items: center;justify-content:center; min-width:0.1rem; height:0.1rem;}
.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.36rem;}
.public-header .logo{ display:flex;align-items: center;height:0.9rem;}
.public-header .logo img{ height:0.8rem;}
.public-header .userbx{ font-size:0.26rem; margin-right:0.1rem;}
.public-header.tab-hd span{ font-size:0.3rem; width:100%; position:relative;}
.public-header.tab-hd span.active:after{ content:''; position:absolute; bottom:0; left:50%; margin-left:-1.3em;width:2.6em; height:0.04rem; background-color:#6b5dd7;}

/*通用底部*/
.public-footer{position:fixed;width:100%;background:#1d1d22;bottom:0;z-index:909;}
.public-footer ul{display:flex;}
.public-footer ul li{width:100%;text-align:center;height:1rem;display:flex;align-items:center;justify-content:center;}
.public-footer ul li a{display:flex;align-items:center;justify-content:center;flex-flow: column;}
.public-footer ul li a i{font-size:0.48rem;line-height:0.44rem; height:0.48rem; width:0.48rem; background-size:0.48rem 0.48rem; margin:0 auto;}
.public-footer ul li a span{font-size:0.28rem;line-height:1;margin-top:0.03rem;}
.public-footer ul li a i,
.public-footer ul li a span{color:#b1b1b1;}
.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:#6b5dd7;} 
.public-footer ul li.bigbtn{ position:relative; }
.public-footer ul li.bigbtn a{ position:absolute;bottom:0;width:30vw;height:19vw;display:flex;justify-content:center;align-items:center;}
.public-footer ul li.bigbtn a img{height:16vw;}
.public-footer ul li.bigbtn a i{width:12vw;height:12vw;display:flex;justify-content:center;align-items:center;font-size:11vw;background:#fff;border-radius:50%;box-shadow:0 -2px 2px rgb(0,0,0,0.1)}



/*通用弹窗*/
.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%);border-radius:0.05rem;background:#2c2c33;}
.publicPop .btn-close{position:absolute;right:0;top:0;width:0.9rem;height:0.9rem;line-height:0.9rem;text-align:center;color:#fff;font-size:0.58rem;}
.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:#2c2c33;border-radius:0.05rem;overflow:hidden;}
.publicPop .common .box{ padding:0.2rem;}
.publicPop .common .pop-title{height:0.9rem;line-height:0.9rem; text-align:center; }
.publicPop .common .pop-list li{ padding:0.15rem 0.2rem;}
.publicPop .common .pop-list li .check{ margin-right:0.2rem;}
.publicPop .common .pop-input{}

/*列表类型弹窗*/

.publicPop .inputbx {border-radius:0.1rem;}
.publicPop .inputbx .btn-close{ color:#cecece;}
.publicPop .inputbx .pop-title{padding:0.2rem;}
.publicPop .inputbx .pop-list{padding:0.3rem; max-height:80vh; overflow:scroll;}
.publicPop .inputbx .pop-list p{text-align:left;font-size:0.34rem; color:#295df6 ;}
.publicPop .inputbx .pop-list .item{margin-bottom:0.2rem;}
.publicPop .inputbx .pop-list .pop-input{ background:#f0f0f0; border-radius:0.15rem; width:100%; padding:0.2rem 0.2rem;}
.publicPop .inputbx .textBx{ margin-bottom:0.1rem;}
.publicPop .inputbx .inputBx{ border:1px solid #ddd; border-radius:0.1rem; position:relative;overflow:hidden;}
.publicPop .inputbx .inputBx input{ width:100%; padding:0 0.2rem; height:0.6rem;}
.publicPop .inputbx .inputBx textarea{ width:100%; padding:0.15rem;}
.publicPop .inputbx .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 .inputbx .inputBx select{ width:100%; border:none; height:0.6rem;}
.publicPop .inputbx .pop-tips{ border-radius:0.1rem; padding:0.2rem; color:red;}
.publicPop .inputbx .pop-text .item{padding:0.15rem 0;}

.publicPop .inputbx .pop-btn{ padding:0 0.15rem;display: flex;}
.publicPop .inputbx .pop-btn a{height:0.86rem;line-height:0.86rem;}
.publicPop .inputbx .pop-form{ padding:0.2rem;}
.publicPop .inputbx .pop-form label{display:flex;align-items: center;padding:0.2rem;}
.publicPop .inputbx .pop-form label input{ margin-right:0.2rem;}
.publicPop .inputbx .pop-list .pop-text{display:flex;align-items:center;justify-content:space-between;}
.publicPop .inputbx .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{border-radius:0.2rem;}
.publicPop .tipsbx .pop-title{ font-size:0.28rem; padding:0.2rem; padding-bottom:0; text-align:center; color:#fff;}
.publicPop .tipsbx .pop-text{ color:#b2b2b4; font-size:0.24rem; padding:0.3rem;}
.publicPop .tipsbx .pop-btn{ border-top:1px solid rgb(255,255,255,0.2);display: flex; overflow:hidden;}
.publicPop .tipsbx .pop-btn a{ font-size:0.30rem; text-align:center; width:100%; line-height:0.8rem; position:relative;}
.publicPop .tipsbx .pop-btn a:before{ content:''; position:absolute; left:-1px; width:1px; height:100%; background:rgb(255,255,255,0.2);}





.publicPop .signbx{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.kongPop .content{ width:80%; margin:0 10%; padding-bottom:1rem;}
.publicPop.kongPop .btn-close{ left:50%; bottom:0; top:auto; right:auto; border:2px solid #fff; border-radius:50%; width:0.72rem; height:0.72rem; line-height:0.72rem; text-align:center; font-size:0.5rem; margin-left:-0.36rem; color:#fff;font-family:serif; opacity:0.9; z-index:999;}


/*满屏弹窗*/
.publicPop .fullpage{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 ;border-radius:0.15rem 0.15rem 0 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;text-align:center;background:#373740;}
.publicPop .btmbx .pop-con{ padding:0 0.2rem;}

.publicPop .updatabx{ border-radius:0.3rem;width:80%;margin:0 10%;}
.publicPop .updatabx .pop-title{ line-height:2rem; color:#543813;font-size:0.38rem; font-weight:bold;text-align:center;width:100%; background:url(../img/banben-top.png); background-size:100% 100%;}
.publicPop .updatabx .pop-text{ padding:0.5rem; color:#888;}
.publicPop .updatabx .pop-btn { padding:0.5rem 0.6rem; padding-top:0.2rem; }
.publicPop .updatabx .pop-btn a{height:0.6rem;line-height:0.6rem;width:100%;display:block; text-align:center;}
.publicPop .updatabx .pop-btn a.btn-popConfirm{color:#fff; background:#b8a072; border-radius:0.05rem;}

.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)}

/*合约菜单*/
.navbox{position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:999;left:0;top:0;display:none;overflow:hidden;}
.navbox .conbx{-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; background:#27272d;left: 0; top: 0; width:70%; height:100vh; margin:0; overflow-y:scroll;}
.navbox .conbx.active{transform: translateX(0px);  -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}
.navbox .conbx li{ border-bottom:1px solid #4f4f56;}
.navbox .conbx li.active{ background-color:#4f4f56}


/*菜单列表*/
.popList{position:fixed;width:100%;height:calc(100% - 1rem);background:rgba(0, 0, 0, 0.6);z-index:998;left:0;top:0;display:none;overflow:hidden;}
.popList .content{ position:absolute;top:0; left: 0;margin:0; width:auto;-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; height:100%; width:70%; background:#f1583e;background-image: linear-gradient(-45deg, #f1583e, #ff8569);}
.popList .content *{ color:#fff;}
.popList .content.active{transform: translateX(0px);  -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}
.popList .content .linebx{ opacity:0.5}


/*通用列表*/
.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 .item a{ 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;display:flex;align-items: center;justify-content:space-between; }
.plusNum a{ text-align:center;width:0.6rem; height:0.6rem; display:flex;align-items: center;justify-content:center;font-size:0.36rem;color:#fff; background-color:#4f4f56;}
.plusNum .failed{color:#8f8f8f ;}
.plusNum .num{width:calc(100% - 1.4rem); color:#cccccc;}
/*选择器*/
.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:#7c808e;}
.tab-box .tab-hd .active{ color:#000000;}
.tab-box .tab-hd a{ position:relative;}

.tab-box .tab-hd.lineBx>div.active , 
.tab-box .tab-hd.lineBx>div.active a{color:#6b5dd7 ;}
.tab-box .tab-hd.lineBx>div.active:after{ content:''; position:absolute; bottom:0; left:50%; margin-left:-0.3rem;width:0.6rem; height:0.06rem; background-color:#6b5dd7;}

.tab-box .tab-hd.btnBx>div{color:#fff; border-radius:0.1rem; min-width:5em;}
.tab-box .tab-hd.btnBx>div.active{background-color:#6b5dd7;color:#fff;}

.tab-box .tab-hd.btnLine>div{border:0.05rem solid #6b5dd7;color:#6b5dd7; border-radius:0.15rem; min-width:5em;}
.tab-box .tab-hd.btnLine>div.active{ background:#6b5dd7;color:#fff;}

.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; 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:#6b5dd7 ;}
.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-color:#6b5dd7 ;}

.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.2rem;}
.uploadBox .uploadfile{}
.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-left: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;font-family:serif;}
.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:#6b5dd7;}


.eyebx>div{ display:none;}
.eyebx>div.active{ display:block;}
.eyebx>div i{ font-size:0.6rem;}

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

.title-main{padding-left:0.2rem; 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.3rem; background:#6b5dd7; border-radius:0.6rem;}
.title-main span{font-size:0.3rem; color:#2b2b2b;}
.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.30rem; 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: #fff;-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:#fff;box-shadow:0 2px 5px rgb(0,0,0,0.3);-webkit-transition: .4s;transition: .4s;}
.switchbx input:checked + .slider{background-color: #6b5dd7;}
.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.22rem;width:100%;background:#b4b4b4;border-radius:0.3rem; }
.barline .charts{height:0.22rem;background:#295df6; position:relative;border-radius:0.3rem;}

.barline .charts span{ background:#f1583e; 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}}

.huadel{overflow: hidden;}
.huadel li{ position:relative;-webkit-transform: translateX(0px)}
.huadel .btnbx{ position: absolute; top: 0; right: -80px; text-align: center; background: #ffcb20; color: #fff; width: 80px}

.dropdown{position:relative}
.dropdown input{ color:#fff; height:0.7rem;}
.dropdown ul{ position:absolute; display:none;left:0;right:0; margin-top: 0.1rem; min-width:100%; z-index:99;white-space: nowrap;}
.dropdown ul li { border-bottom:1px solid rgb(255,255,255,0.1); text-align:center;}
.dropdown ul li:last-child{ border-bottom:none;}
.dropdown ul li a{ display:block; padding:0.15rem 0.2rem; color:#fff;}
.dropdown ul li.active a{ color:#fff;}