*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;/* 解决IOS默认滑动很卡的情况 */
-webkit-overflow-scrolling:touch;}
body{font-size:14px;background-color:#FFF;font-size: 14px;font-family: PingFangTC-Regular, PingFangTC;}
/*行内块元素*/
input,img{margin:0;padding:0;border:0 none;outline-style:none;vertical-align:bottom;}
em,i{font-style:normal;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:'Microsoft YaHei';}
/*单行溢出*/
.one-txt-cut{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*多行溢出 手机端使用*/
.txt-cut{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.txt-cut1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
/* 列表 */
ol,li,ul,dl,dt,dd{list-style:none;}
/*行内元素*/
a{/*下划线和颜色*/
text-decoration:none;color:#606060;}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
textarea{/* 边框清零 */
border:none;/* 轮廓线清零 */
outline:none;/* 防止文本域被随意拖拽 */
resize:none;}
table{/*边框合并*/
border-collapse:collapse;border-spacing:0;}
/*单选框和复选框的配置，一般是分开的*/
/* input[type="radio"],input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;} */
input[type="submit"],input[type="reset"],input[type="button"],input{resize:none;border:none;}
/* 定位弹窗背景色 */
.p_fcolor{position:fixed;top:0;left:0;height:100%;width:100%;z-index:999;background-color:rgba(0,0,0,0.3);}
/* 定位居中 */
.p_atransform{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
/* 定位 */
.p_f{position:fixed;top:0;left:0;height:100%;width:100%;z-index:-1;}
.p_r{position:relative;}
.p_a{position:absolute;top:0;left:0;}
/* flex 布局 */
/* .flex{display:flex;align-items:center;} */
/* .flex1{display:flex;align-items:center;justify-content:space-around;}
.flex2{display:flex;align-items:center;justify-content:space-between;}
.flex3{display:flex;align-items:center;justify-content:center;}
.flex4{display:flex;align-items:center;flex-wrap:wrap;}
.flex5{display:flex;align-items:center;justify-content:flex-end;} */
/* 头像 */
.head{height:3.75rem;width:3.75rem;border-radius:50%;margin-right:10px;}
/* 全局盒子 内边距 圆角 外边距 背景颜色(可看具体情况而定)*/
.box{padding:0.625rem;border-radius:0.25rem;margin:0.625rem auto;}
/* 全局按钮颜色 */
.btn_color{background-color:#fcd126;border:none;margin:0 auto;height:47px;padding:0;font-size:15px;border-radius:5px;margin-top:60px;width:60%;color:#000000;box-shadow:0 0 10px #fcd126;}
.btn_color img{width:20px;vertical-align:middle;margin-right:10px;}
/* 全局提示字体颜色 */
.color{}
/* placeholder字体颜色 */
input::placeholder{color: #9B9B9B;}
/* input字体颜色 */
input{}
._1 {
	width: 100%;
	border: none;
    border-radius: 4px;
    background: linear-gradient(180deg, #FFE25B 0%, #FFB63A 100%);
    color: #1F1F1F;
    box-shadow: unset;
}
.mui-content{background-color:#1F1F1F !important;padding-bottom:80px;}
.mui-bar-nav ~ .mui-content{padding-top:50px;}
.head_right{position:absolute;right:10px;top:17px;color:#2d2d2d;font-size:12px;}
.head_right i{font-size:20px;margin-top:-3px;}
.mui-table-view:before,.mui-table-view:after{background-color:transparent;}
.mui-table-view-cell:after{background-color:#efefef;}
.mui-bar{box-shadow:none;background-color: #FFF;/* background-image:-webkit-linear-gradient(360deg,#ECB127 0%,#FCD026 100%);background-image:-moz-linear-gradient(360deg,#ECB127 0%,#FCD026 100%);background-image:-o-linear-gradient(360deg,#ECB127 0%,#FCD026 100%);*/
/* background-image:linear-gradient(to bottom,#fcbe45,#ffd640);*/
/* background:linear-gradient(360deg,#000 0%,#000 100%);*/}
.mui-bar-nav{height:50px;display: flex;align-items: center;}
.mui-title{line-height:50px;font-size:18px;font-weight:normal;}
.mui-bar-nav.mui-bar .mui-icon{color:#000000;}
.mui-pull-left img{width:13px;margin-top:17px;margin-left:5px;}
.mui-bar-tab{background:#FFF;}
.mui-bar-tab img{/* width:35px;*/
height:44px;}
input,textarea,select{font-size:14px;}
input[type='submit']:enabled:active,input[type='submit'].mui-active:enabled,.mui-btn-primary:enabled:active,.mui-btn-primary.mui-active:enabled,.mui-btn-blue:enabled:active,.mui-btn-blue.mui-active:enabled{color:#000;border:0;background-color:#fcd126;}
@font-face{font-family:'微软正黑体';src:url('../fonts/微软正黑体.ttf');}
@font-face{font-family:'华康行书';src:url('../fonts/华康行书.ttf');}
/*layui弹窗*/
.layui-layer-title{text-align:center;padding:0 !important;}
.layui-layer-setwin .layui-layer-close1{display:none !important;}
.layui-layer-dialog .layui-layer-content{text-align:center;}
.layui-layer-btn{text-align:center !important;}
.layui-layer-btn .layui-layer-btn0{border:1px solid #E7262B !important;background-color:#E7262B !important;color:#FFF !important;}
.layui-layer-btn .layui-layer-btn1{background-color: transparent !important;border: none !important;box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 20%) !important;}
.layui-layer-dialog .layui-layer-padding{text-align:center !important;padding:20px !important;}
.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:static !important;margin-right:10px;vertical-align:middle;}
/* 登录页 */
/* .logo{text-align:center;padding:11% 0;} */
.logo img{width:80px;}
.log_inp{width:80%;margin:0 auto;/* padding-top:10%;*/
text-align:center;}
.log_inp .mui-input-row{padding-top:26px;}
.log_inp .mui-input-row input{background-color:transparent;border:0;margin:0;padding-left:10px;color:#bdbdbd;height:50px}
.log_inp .mui-input-row select{margin:0;background-color:transparent;color:white;font-size:14px;padding-right:15px;text-align:center;text-align-last:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select{border-radius:3px;color:#616263;overflow:hidden;width:100px;position:relative;display:block;margin-right:10px;}
.select2:after{content:"\e581";font-family:Muiicons;padding:12px 8px;position:absolute;right:10px;top:-4px;z-index:1;text-align:center;width:10%;height:100%;pointer-events:none;box-sizing:border-box;color:#fff;font-size:12px;}
.log_inp .mui-input-row select option{color:#000000;}
.log_inp .mui-input-row input::placeholder{color:#A8A8A8;}
.forget{text-align:center;display:block;color:#FFF;padding-top:6%;}
.bot_btn{padding-top:10%;text-align:center;position:absolute;bottom:8%;left:0;width:100%;}
.bot_btn .other_a{color:white;margin:10px auto;display:block;margin-top:25px;}
.bot_btn div{color:#FFF;}
.bot_btn div a{color:#FFB63A;}
/* 注册 */
.log_inp .mui-input-row .yzm{width:auto;font-size:12px;color:#1F1F1F;padding:7px 10px;background-color:#FFE25B;border-color:#FFE25B;}
.tis_djs{text-align:left;color:#ffffff;margin-top:15px;font-size:12px;display:none;}
.tis_djs span{color:#fcd126;padding-left:5px;}
.bg{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:rgba(0,0,0,0.3);display:none;}
.yzm_tc{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:white;width:60%;padding:20px;border-radius:4px;}
.yzm_tc i.icon-guanbi3{position:absolute;right:15px;top:10px;font-size:12px;color:#333333;margin:0;}
.yzm_tc i{font-size:32px;color:#fcd126;margin:20% 0 10% 0;display:block;}
.yzm_tc div{line-height:25px;}
/* 社区 */
.comm_top{padding:20px 15px;}
.comm_top span{font-size:18px;font-weight:bold;}
.tit{font-weight:bold;padding:10px 16px;font-size:15px;padding-bottom:0;}
.comm_mess li{padding:18px 12px;border-bottom:1px solid #efefef;}
.comm_mess li p{margin-bottom:0;}
.comm_mess li h4{color:#fca94b;}
.comm_mess_1{margin-top:10px;}
.comm_mess_1 a{display:block;}
.comm_off{margin-bottom:5%;}
.comm_off_1{background-color:#25242a;margin:10px 16px;position:relative;border-radius:6px;padding:20px 10px;padding-left:23px;height:120px;display:flex;align-items:center;}
.comm_off_1 button{background-color:#25242a;border-color:#f8bd06;border-width:2px;color:#fdd12a;font-size:12px;border-radius:25px;}
.comm_off_1 div{color:white;line-height:25px;max-width:130px;word-break:break-all;}
.comm_off_1 div span{color:#fdd12a;}
.comm_off_1 img{position:absolute;right:0;bottom:0;width:200px;}
.comm_off_1 a{position:absolute;right:25px;bottom:30px;}
.comm_off_2{margin:10px 16px;}
.comm_off_21{background-color:#25242a;width:100%;border-radius:6px;padding:23px 10px;}
.comm_off_21 a{color:#fdd12a;}
.comm_off_21 img{height:60px;}
.comm_off_22{width:38%;}
.comm_off_22 div{background-color:#25242a;border-radius:6px;padding:5px 10px;word-break:keep-all;}
.comm_off_22 div img{width:40px;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);transform:scale(1.4);}
.comm_off_22 a{color:#fdd12a;display:block;}
.comm_off_22 a:first-child{margin-bottom:10px;}
/* 即时行情 */
.quot{margin-top:30px;}
.quot li{margin:10px;background-color:#2d2d2d;padding:10px;border-radius:6px;}
.quot_1{color:white;}
.quot_1 span{color:#ffd028;}
.quot_1 img{vertical-align:middle;margin-right:10px;width:19px;}
.quot li:nth-child(2) img{width:18px}
.quot_1 div:last-child{margin-left:29px;}
.quot_2{text-align:right;color:white;}
.quot_2 a button{margin-top:5px;background-color:#fbd125;border-color:#fbd125;color:#000000;padding:5px 15px;}
/* wallet view */
.wall_sele{position:relative;width:100px;margin:10px auto;}
.wall_sele img{width:25px;}
.wall_sele select{width:80px;margin:0;background-color:transparent;color:white;}
.wall_sele select option{color:#000000;}
.wall_sele:after{content:"▼";padding:12px 8px;position:absolute;right:10px;top:-3px;z-index:1;text-align:center;width:10%;height:100%;pointer-events:none;box-sizing:border-box;color:#fff;font-size:12px;padding-top:13px;}
.wall_price{background:url(../images/comm_img_05@3x.png) no-repeat;background-size:100% 100%;/*height:230px;*/
text-align:center;color:white;padding:10px;position:relative;}
.wall_price div{margin:5px 0;}
.wall_price div font{font-size:16px;padding-right:5px;}
.wall_price div label{font-size:18px;color:#fdd128;padding-right:10px;}
.wall_price div span{color:#fda84b;padding-right:10px;}
.wall_price div.wall_price_1{background-color:rgba(0,0,0,0.3);width:60%;margin:0 auto;border-radius:25px;padding:5px 2px;box-shadow:0 0 15px #8a6e36;word-break:break-all;}
.wall_price_2{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);}
.wall_price_2 button{width:100px;margin:0 10px;background-color:#fbd125;border-color:#fbd125;color:#000000;}
.wall_time{background-image:-webkit-linear-gradient(to top,#fcbe45,#ffd640);background-image:-moz-linear-gradient(to top,#fcbe45,#ffd640);background-image:-o-linear-gradient(to top,#fcbe45,#ffd640);background-image:linear-gradient(to top,#fcbe45,#ffd640);}
.wall_time li{padding:10px 0;}
/* 交易实况 LIVE */
.table table{width:100%;text-align:center;}
.table table th,.table table td{width:20%;padding:10px 2px;font-size:12px;color:white;}
.table table th{background-color:#827028;font-weight:normal;font-size:15px;padding:15px 2px;}
.table table td{border-bottom:1px solid rgba(64,63,69,0.5);}
.table table tr:nth-child(2) td{padding-top:25px;}
.table table tr td:first-child{padding-left:10px;text-align:left;}
.table table td span{font-size:12px;color:#9f9fa1;}
.table table td font{color:#d0ae28;}
.table table td b{color:#ffa94a;font-weight:normal;}
/* 我的好友 */
.fir_top_1{border:1px solid #000000;padding:10px;border-radius:6px;margin-right:20px;}
.fir_top_1 img{width:18px;vertical-align:middle;margin-right:5px;}
.fir_top_1 span{margin-right:10px;color:#000000;}
.fir_top_11{color:#333;}
.fir_top_1 div:first-child{color:#f87702;}
.fir_top button{background-color:#25242a;border-color:#25242a;color:#fbd125;box-shadow:0 0 10px #fda84b;padding:3px 10px;font-size:12px;}
.lev_all{padding:10px;display:flex;align-items:center;}
.lev{border:1px solid #000000;padding:10px;border-radius:6px;}
.lev div img{width:18px;vertical-align:middle;margin-right:5px;}
.lev div:first-child span{color:#999;font-size:12px;}
.lev div:last-child{color:#f87702;}
ul.domtree,ul.domtree ul{margin:0;padding:0 0 0 2em;}
ul.domtree li{list-style:none;position:relative;}
ul.domtree>li:first-child:before{border-style:none none solid none;}
ul.domtree li:before{position:absolute;content:'';top:-0.01em;left:-0.7em;width:15px;height:42px;border-style:none none solid solid;border-width:0.05em;border-color:#aaa;}
.gao:first-child:before{width:0;}
ul.domtree li:not(:last-child):after{position:absolute;content:'';top:0.7em;left:-0.7em;bottom:0;border-style:none none none solid;border-width:0.05em;border-color:#aaa;}
/* 智能交易 */
.trad{text-align:center;margin:10px auto;margin-top:11%;}
.trad li{padding:10px;width:50%;color:#fad022;}
.trad li a{color:#fad022;}
.trad li span{color:white;font-size:18px;display:block;word-break:break-all;}
.trad li div{margin-bottom:10px;}
.trad li div i{vertical-align:middle;margin-right:5px;font-size:22px;}
.trad li:first-child{border-right:1px solid #b99c24;}
.trad_hu_bg{background:url(../images/comm_ic_11.png) no-repeat;background-size:100% 100%;height:254px;width:250px;margin:0 auto;position:relative;}
.trad_hu_bg .flex3{text-align:center;}
.trad_hu_1 p{margin-bottom:0;color:white;}
.trad_hu_1{position:absolute;top:25%;}
.trad_hu_2{position:absolute;bottom:20%;}
.trad_hu{margin-top:10%;}
.trad_hu h4{padding:10px 15px;color:white;}
.trad_inp{}
.trad_inp h4{padding:10px 15px;color:white;}
.trad_inp .mui-input-row{margin:10px 15px;background-color:#fbd125;border-radius:4px;}
.trad_inp .mui-input-row{}
.trad_inp .mui-input-row label{}
.trad_inp .mui-input-row input{text-align:right;color:#000000;}
.trad_inp .mui-input-row input::placeholder{color:rgba(100,100,100,0.7);}
.trad_inp .trad_inp_bg{background-color:#0b0f12;box-shadow:0 0 10px #fbd125 inset;}
.trad_inp .trad_inp_bg label{color:white;}
.trad_inp .trad_inp_bg input{color:#fbd125;}
.smtr_12 p{margin-top:10px;}
/* 我的持仓 */
.posit_tab h4{color:white;padding:10px 16px;}
.posit_tab table td span{color:white;margin-right:5px;}
/* 云算力 */
.clodpow_top{text-align:center;/* margin:20px auto;*/
padding-top:20px}
.clodpow_top p{color:white;}
.clodpow_top div{color:#fbd125;text-shadow:#d5b019 0px 0px 10px;font-size:18px;}
.clodpow1{margin:10px 12px;border-radius:6px;padding:10px;background-color:rgba(255,189,0,0.14);}
.clodpow1_tit{padding-bottom:10px;color:white;}
.clodpow1_img{border-bottom:1px solid #fbd125;margin:20px;}
.clodpow1_img img{position:absolute;}
.clodpow1_img img:first-child{left:33px;}
.clodpow1_img img:nth-child(2){left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.clodpow1_img img:last-child{right:40px;}
.clodpow1_txt{margin:0;text-align:center;position:relative;height:110px;}
.clodpow1_txt p{margin-bottom:0;color:white;font-size:13px;}
.clodpow1_txt div{position:absolute;top:5%;line-height:17px;}
.clodpow1_txt div:nth-child(2){left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.clodpow1_txt div:first-child{left:0;}
.clodpow1_txt div:last-child{right:0;}
.clodpow1_txt div button{margin-top:10px;background-color:#0b0f12;border-color:#0b0f12;font-size:12px;color:#fbd125;padding:5px 15px;height:38px;border-radius:20px;box-shadow:0 0 5px #d5b019;line-height:12px;}
.clodpow1_txt div button span{color:white;display:block;transform:scale(0.8);}
.clodpow1_mess{border-top:1px solid #786924;padding:10px 0;}
.clodpow1_mess li{/*display:flex;align-items:center;justify-content:flex-start;*/
}
.clodpow1_mess li:after{content:'';display:block;clear:both;}
.clodpow1_mess li img{width:35px;vertical-align:middle;float:left;margin-top:-7px;}
.clodpow1_mess li div{color:#e3e3e3;font-size:12px;padding-left:35px;}
/* MAT 智能交易 2 */
.smtr{border-left:1px solid #fbd125;position:relative;height:358px;margin:10px;margin-top:12%;margin-left:10%;margin-bottom:100px;}
.smtr img{position:absolute;width:32px;}
.smtr .img1{top:-16px;left:-16px;}
.smtr .img2{top:51%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:-16px;}
.smtr .img3{bottom:-16px;left:-16px;}
.smtr_1{position:absolute;left:30px;top:-3%;width:86%;}
.smtr_1 span{color:#bcbcbc;font-size:12px;}
.smtr_1 p{color:#fff;font-size:13px;}
.smtr_1 .smtr_11 input{margin-bottom:0;background-color:transparent;border:0;text-align:right;color:#fed025;padding-right:0;padding-left:0;}
.smtr_1 .smtr_11 button{height:40px;border-color:#fbd125;background-color:#fbd125;color:#000000;box-shadow:0 0 5px #fcd126;}
.smtr_1 .smtr_11 .flex{margin-right:10px;background-color:#423c22;padding:0 10px;border-radius:4px;}
.smtr_1 .smtr_11 .flex label{word-break:keep-all;color:white;}
.smtr_12 button{border-color:#fbd125;background-color:#fbd125;color:#000000;box-shadow:0 0 5px #fcd126;}
.smtr_12 p{color:#fcd126;font-size:12px;}
.smtr_2{position:absolute;top:48%;left:30px;width:86%;}
.smtr_2 p{color:white;font-size:13px;}
.smtr_2 p i{padding-left:5px;color:#fcd126;vertical-align:middle;}
.smtr_2 .flex{background-color:#0b0f12;box-shadow:0 0 10px #fbd125 inset;border-radius:4px;padding-right:10px;}
.smtr_2 .flex input{margin-bottom:0;background-color:transparent;border:0;color:#fed025;}
.smtr_2 .flex label{word-break:keep-all;color:#ffffff;padding-right:12px;}
.smtr_2 div{margin:5px auto;color:white;margin-top:10px;}
.smtr_2 span{color:#fed025;}
.smtr_3{position:absolute;bottom:-10%;left:30px;width:86%;}
.smtr_3 span{color:#fed025;}
.smtr_3 .flex2 p{margin-bottom:0;}
.mui-switch.mui-active{border-color:#fbd125;background-color:#fbd125;}
.mui-switch{width:53px;height:25px;}
.mui-switch-mini.mui-active .mui-switch-handle{-webkit-transform:translate(27px,0) !important;transform:translate(27px,0) !important;height:24px;width:24px;}
.mui-switch .mui-switch-handle{height:24px;width:24px;}
.smtr_tc{position:absolute;bottom:0;left:0;width:100%;background-color:white;padding:20px;}
.smtr_tc h4{padding-bottom:10px;}
.smtr_tc_inp{margin:10px auto;padding:10px 0;}
.smtr_tc_inp p{margin-bottom:0;margin-right:25px;}
.smtr_tc button{width:100%;}
.smtr_tc_inp div span{margin-right:5px;}
.alert{animation:alert 0.2s forwards ease;-webkit-animation:alert 0.2s forwards ease;}
@keyframes alert{from{transform:translateY(100%)}
to{transform:translateY(0%)}
}
@-webkit-keyframes alert{from{transform:translateY(100%)}
to{transform:translateY(0%)}
}
.alert1{animation:alert1 0.2s forwards;-webkit-animation:alert1 0.2s forwards;}
@keyframes alert1{from{transform:translateY(0%)}
to{transform:translateY(100%)}
}
@-webkit-keyframes alert1{from{transform:translateY(0%)}
to{transform:translateY(100%)}
}
.alert2{animation:alert2 0.2s forwards ease;-webkit-animation:alert2 0.2s forwards ease;}
@keyframes alert2{from{transform:translateX(80%)}
to{transform:translateX(0%)}
}
@-webkit-keyframes alert2{from{transform:translateX(80%)}
to{transform:translateX(0%)}
}
/* 交易小帮手 */
.no-data{text-align:center;margin-top:20%;}
.no-data img{margin-bottom:10px;}
.no-data p{margin-bottom:0;color:#fff;}
.no-data button{background-color:transparent;color:#fbd125;border-color:#423c22;border-width:2px;box-shadow:0 0 15px #423c22;margin-top:10%;}
.yes_help{text-align:center;padding:20px 12px;}
.yes_help img{width:100%;}
.yes_help_ul{margin:20px auto;}
.yes_help_ul li{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;font-size:13px;color:white;}
.yes_help_ul li div{color:#fbd125;}
.yes_help_btn{margin:0 10px;}
.yes_help_btn img{width:40px;}
.yes_help_btn div{background-color:transparent;color:#fbd125;border:2px solid #423c22;box-shadow:0 0 15px #423c22;padding:5px;padding-right:20px;font-size:12px;border-radius:4px;}
/* 我的收益 */
.earn_top{background-color:#2d2d2d;text-align:center;padding:20px 0;}
.earn_top div{color:#fbd125;font-size:18px;/*text-shadow:#d5b019 0px 0px 5px;*/
margin-bottom:10px;}
.earn_top p{color:white;}
.earn_top p span{margin:0 3px;}
.earn_div{border-bottom:1px solid #efefef;margin-top:20px;padding-bottom:10px;}
.earn_div div{width:33.33%;text-align:center;padding:10px 2px;}
.earn_div div b{font-weight:normal;margin-bottom:10px;display:block;font-size:12px;}
.earn_div div p{color:#fda84b;font-size:15px;word-break:break-all;}
.earn_data h4{padding:20px 16px;}
.earn_data_nav li{width:25%;text-align:center;padding:5px 0;}
.earn_data_nav li.active{color:#fda84b;border-bottom:3px solid #fda84b;font-weight:bold;}
.earn_data_li{}
.earn_data_li li{display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid #efefef;padding:0 16px;}
.earn_data_li li div:nth-child(1){text-align:left;}
.earn_data_li li div:nth-child(3){text-align:right;}
.earn_data_li li div{width:33.33%;text-align:center;padding:10px 2px;font-size:12px;color:#666666;}
.earn_tc{background-color:white;padding:20px;position:absolute;bottom:0;left:0;width:100%;}
.earn_tc h4{padding-bottom:20px;}
.earn_tc .flex2{padding-bottom:5px;}
.earn_tc .flex2 span{color:#fda84b;}
.earn_tc button{width:100%;}
.earn_tc input{background-color:#0b0f12;box-shadow:0 0 10px #fbd125 inset;color:#fbd125;border:0;height:45px;}
/* 钱包 */
.wt_top{height:170px;position:relative;background-color:#000000;display:flex;align-items:center;}
.wt_top .bg_wt{width:250px;position:absolute;right:0;bottom:0;z-index:1;}
.wt_top_1{color:white;padding-left:30px;z-index:2;}
.wt_top_1 img{vertical-align:middle;width:18px;margin-right:10px;}
.wt_top_1 span{font-size:22px;margin-right:10px;}
.wt_top_1 label{margin:0 3px;}
.wt_top_1 div:nth-child(2){margin:10px auto;}
.wt_top_2{margin-top:10px;}
.wt_top_2 label{display:block;margin:0;}
.wt_top_2 b{font-weight:normal;display:block;}
.wt_nav li{width:33.33%;text-align:center;padding:3px 0;padding-top:15px;}
.wt_nav li.active{border-bottom:5px solid #fcd126;font-weight:bold;}
.wt_mess{padding-bottom:50px;padding-top:222px;}
.wt_mess li{padding:10px 20px;margin:10px 12px;border-radius:4px;background-image:-webkit-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:-moz-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:-o-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:linear-gradient(to bottom,#ffd640,#fcbe45);}
.wt_mess li a{display:flex;align-items:center;justify-content:space-between;}
.wt_mess li div div{margin-bottom:10px;}
.wt_mess li div p{margin-bottom:0;font-size:12px;color:#fff;}
.wt_mess li div img{width:20px;margin-right:5px;}
.wt_btn{position:fixed;bottom:44px;background-color:white;width:100%;left:0;padding:10px;padding-bottom:20px;}
.wt_btn a button{background-color:#0b0f12;border-color:#0b0f12;font-size:12px;color:#fbd125;padding:6px 20px;box-shadow:0 0 5px #d5b019;border-radius:4px;}
.wt_btn a:last-child{background-color:#fcd126;color:#000000;box-shadow:0 0 10px #fcd126;padding:6px 25px;border-radius:4px;}
.wt_btn a img{width:18px;vertical-align:middle;margin-right:10px;border-radius:4px;}
.wt_fiexd{position:fixed;top:0;left:0;width:100%;background-color:white;z-index:88;}
/* 社区回馈 */
.fd_top{text-align:center;margin:0 20px;}
.fd_top div:first-child{color:white;padding:20px 0;}
.fd_top .fd_top_1{background-color:#423c22;padding:15px 0;border-radius:4px;}
.fd_top .fd_top_1 span{color:#fcd224;text-shadow:#d5b019 0px 0px 5px;font-size:20px;}
.fd_top .fd_top_1 p{color:white;font-size:12px;margin-bottom:0;}
.fd_bot{margin-top:10%;}
.fd_time{margin:20px;border:1px solid #8e7a23;padding:0 10px;border-radius:4px;}
.fd_time label{color:#fff;word-break:keep-all;}
.fd_time input{margin-bottom:0;margin-left:15px;text-align:right;background-color:transparent;border:0;padding-right:0;color:#fff;}
/* 兑换 */
.exch_inp{margin:10px 50px;background-color:#0b0f12;box-shadow:0 0 10px #fbd125 inset;padding:0 10px;border-radius:4px;}
.exch_inp .flex label{word-break:keep-all;color:#fcd224;}
.exch_inp .flex .dih{color:#fda84b;}
.exch_inp .flex input{margin-bottom:0;background-color:transparent;border:0;color:#fff;}
.exch_inp .select select{margin-bottom:0;background-color:transparent;border:0;color:#fcd224;}
.exch_inp .select select option{color:#000000;}
.exch_inp .select:after{top:-1px;}
.tis{margin:20px 12px;margin-top:-10px;color:#fcd126;font-size:13px;}
.zhuang{display:block;text-align:center;color:#fff;width:70px;margin:0 auto;}
.exch_btn{position:absolute;bottom:10%;left:20%;}
/* 选择接收币种 */
.rece_list{padding-top:20px;}
.rece_list li{padding:10px;margin:10px 12px;border-bottom:1px solid rgba(239,239,239,0.5);}
.rece_list li img{vertical-align:middle;width:25px;margin-right:10px;}
.coll_top{text-align:center;margin:20px auto;width:80%;background-color:#25242a;padding:20px;border-radius:5px;}
.coll_top p{color:#fff;}
.coll_top div{border:1px solid #fcd226;width:150px;height:150px;margin:0 auto;padding:10px;border-radius:4px;}
.coll_top div img{width:100%;height:100%;border-radius:4px;}
.coll_top div canvas{width:100%;height:100%;border-radius:4px;}
.coll_adress{margin:20px 12px;background-color:#fdd224;padding:5px;border-radius:4px;padding-right:10px;}
.coll_adress input{margin-bottom:0;background-color:#fef8d8;border:0;margin-right:15px;height:auto;padding:5px 10px;}
.coll_adress img{width:18px;}
.tis1{margin-top:10px;}
/* 转账 */
.tran_mess{padding-top:90px;}
.tran_inp{margin:10px 20px;}
.tran_inp input{border:0;background-color:transparent;border-bottom:1px solid rgba(239,239,239,0.5);border-radius:0;padding-left:0;}
.tran_inp .flex2{border-bottom:1px solid #efefef;}
.tran_inp .flex2 input{border-bottom:0;margin-bottom:0;}
.tran_tis{margin:5px 20px;font-size:12px;color:#666;}
.tran_tis span{color:#fcd226;margin:0 3px;font-size:16px;font-weight:bold;}
.tran_daoz{margin:20px 20px;color:#fcd226;background-color:#25242a;padding:0 20px;border-radius:4px;box-shadow:0 0 10px #d5b019;}
.tran_daoz label{word-break:keep-all;}
.tran_daoz input{margin-bottom:0;text-align:right;border:0;background-color:transparent;padding-right:0;height:50px;flex:1;-webkit-flex:1;}
@media screen and (min-height:568px){.btn_posi{position:absolute;bottom:5%;left:20%;}
}
/* 挖矿 */
.mini_top{padding-bottom:20px;background-color:#222221;}
.mini_bg{background-color:#242424;position:relative;background:url(../images/mini_bg.png) no-repeat;background-size:100% 100%;height:360px;}
.mini_mat{text-align:center;color:#fff;margin-top:64px;}
@media screen and (min-height:480px){.mini_bg{height:328px;}
.mini_mat{margin-top:40px;}
}
@media screen and (min-height:568px){.mini_bg{height:328px;}
.mini_mat{margin-top:40px;}
}
@media screen and (min-height:640px){.mini_bg{height:360px;}
.mini_mat{margin-top:50px;}
}
@media screen and (min-height:667px){.mini_bg{height:390px;}
.mini_mat{margin-top:65px;}
}
@media screen and (min-height:731px){.mini_bg{height:430px;}
.mini_mat{margin-top:100px;}
}
@media screen and (min-height:732px){.mini_bg{height:430px;}
.mini_mat{margin-top:80px;}
}
@media screen and (min-height:736px){.mini_bg{height:430px;}
.mini_mat{margin-top:80px;}
}
@media screen and (min-height:812px){.mini_bg{height:390px;}
.mini_mat{margin-top:65px;}
}
@media screen and (min-height:823px){.mini_bg{height:420px;}
.mini_mat{margin-top:80px;}
}
.mini_topright{position:absolute;right:12px;top:17px;}
.mini_topright img{width:25px;margin-left:5px;}
.mini_tox{padding:20px;}
.mini_tox a img{width:45px;height:45px;border-radius:50%;border:2px solid #d0a825;}
.mini_tox_1{color:white;width:55%;margin-left:10px;}
.mini_tox_1 div{background-color:rgba(78,64,37,0.7);width:100%;}
.mini_tox_1 img{width:20px;vertical-align:middle;margin-right:5px;}
.mini_tox_1 div{padding:2px 5px;border-radius:25px;font-size:12px;}
.mini_mat button{background-color:rgba(0,0,0,0.6);border:0;display:block;margin:3px auto;border-radius:25px;padding:5px 25px;}
.mini_mat span{color:#764d0b;font-weight:bold;}
.mini_ul{position:absolute;bottom:20px;width:100%;left:0;}
.mini_ul li{text-align:center;background-color:rgba(0,0,0,0.5);margin:0 5px;padding:5px 0;border-radius:54px;word-break:keep-all;width:25%;}
.mini_ul li:nth-child(1){margin-left:10px}
.mini_ul li:nth-child(4){margin-right:10px}
/* #code{margin-top:10px} */
/*@media screen and (max-width:414px){.mini_ul li{padding:5px 17px;}
}
@media screen and (max-width:384px){.mini_ul li{padding:5px 16px;}
}
@media screen and (max-width:375px){.mini_ul li{padding:5px 16px;}
}
@media screen and (max-width:360px){.mini_ul li{padding:5px 15px;}
}
@media screen and (max-width:320px){.mini_ul li{padding:5px 10px;}
}
*/
.mini_ul li a{color:#fff;font-size:12px;word-break:keep-all;}
.mini_ul li img{width:25px;vertical-align:middle;padding-right:3px;}
.mini_z{}
.mini_z img{transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);}
.mini_zall{position:absolute;background-color:rgba(169,159,34,0.58);box-shadow:0 0 15px #fac700;-webkit-animation:diamonds 0.85s infinite;animation:diamonds 0.8s infinite;-webkit-animation-direction:alternate;animation-direction:alternate;border-radius:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;}
/* 闪烁动画 */
@-webkit-keyframes diamonds{0%{box-shadow:0 0 15px #8d8d8d;}
100%{box-shadow:0 0 15px #ffe127;}
}
@keyframes diamonds{0%{box-shadow:0 0 5px #8d8d8d;opacity:0.7;}
100%{box-shadow:0 0 15px #ffd117;opacity:1;}
}
/* 点击动画 */
.mini_zall_opt{-webkit-animation:opto 0.8s;animation:opto 0.8s;}
@-webkit-keyframes opto{0%{transform:translateY(0);opacity:1;}
100%{transform:translateY(-80px);opacity:0;}
}
@keyframes opto{0%{transform:translateY(0);opacity:1;}
100%{transform:translateY(-80px);opacity:0;}
}
.mini_zall .flex{position:absolute;background-color:rgba(0,0,0,0.5);border-radius:25px;color:white;font-size:12px;padding:2px 10px;box-shadow:0 0 10px #fcd126;transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);bottom:-20px;}
.mini_z1{top:17%;left:75%;}
.mini_z2{top:24%;left:18%;}
.mini_z3{top:36%;right:3%;}
.mini_z4{top:65%;left:16%;}
.mini_z5{top:45%;left:69%;}
.mini_z6{top:59%;right:8%;}
.mini_z7{top:69%;left:65%;}
.mini_z8{top:37%;left:3%;}
.mini_z9{top:56%;left:30%;}
.mini_z10{top:44%;left:18%;}
.mini_cent{background-color:#222221;}
.mini_news{padding:10px;}
.mini_news img{width:22px;}
.mini_news marquee{color:white;}
.mini_news marquee label{padding:0 10px 0 5px;color:#d0d0d0;}
.mini_news a{word-break:keep-all;display:block;position:relative;color:white;font-size:12px;width:80px;text-align:right;}
.mini_news a:before{position:absolute;content:'';display:block;left:10px;top:5px;height:10px;background-color:white;border-left:1px solid #fff;}
.mini_pic{background-color:#25242a;position:relative;padding:20px 10px;margin:0 10px;border-radius:4px;}
.mini_pic1{position:absolute;right:0;bottom:0;width:60%;}
.mini_pic div{color:#faaa49;font-size:12px;}
.mini_pic p{color:#fcd126;margin-bottom:0;}
.mini_pic span{color:#fff;font-size:18px;}
.mini_nav{padding:0 10px;}
.mini_nav li{text-align:center;padding:10px 0;margin:10px;}
.mini_nav li:last-child{margin-left:30px;}
.mini_nav li.active{color:#fda84b;font-weight:bold;position:relative;}
.mini_nav li.active:after{content:'';display:block;position:absolute;left:0;bottom:0;height:4px;width:100%;background:#fda84b;border-radius:5px;}
.mini_record li{display:flex;align-items:center;justify-content:space-between;padding:20px 12px;border-bottom:1px solid #f6f6f6;margin:0 10px;}
.mini_record li div img{width:40px;height:40px;border-radius:50%;}
.mini_record li .flex1{justify-content:flex-start;}
.mini_record li .flex1 p{margin-bottom:0;}
.mini_record li .flex1 div{margin:0 20px 0 20px;}
/* 用户信息 */
.info{text-align:center;margin:20px auto;margin-top:15%}
.info img{width:80px;height:80px;border-radius:50%;border:2px solid #d0a825;margin-bottom:5px;}
.info p{color:#fff;}
.info_div{position:relative;height:40px;width:80px;margin:0 auto;}
.info_div input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;}
.info_div button{background-color:#423627;border:0;width:100%;border-radius:15px;}
.no_auth{background-color:#423627;margin:10px 25px;margin-top:20%;padding:18px 10px;border-radius:4px;}
.no_auth div{color:#fcd126;}
.no_auth button{background-image:-webkit-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:-moz-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:-o-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:linear-gradient(to bottom,#ffd640,#fcbe45);border-radius:15px;border:0;color:#000000;}
.no_auth span{color:#b8b8b8;}
/* 通知 */
.noti_li{margin-top:20px;}
.noti_li .mui-checkbox{display:none;}
.noti_li .mui-radio.mui-left label,.mui-checkbox.mui-left label{padding-left:26px;padding-right:0}
.noti_li .mui-radio.mui-left input[type='radio'],.mui-checkbox.mui-left input[type='checkbox']{left:0;}
.noti_li .mui-radio input[type='radio']:checked:before,.mui-checkbox input[type='checkbox']:checked:before{color:#fcd126;}
.noti_li li{padding:20px 16px;margin:0 16px;border-top:1px solid #4c4c4b;}
.noti_li li a{width:100%}
.noti_li li:first-child{border-top:0;}
.noti_li_1 .flex2{margin-bottom:10px;}
.noti_li_1 .flex2 span{color:#fcd126;}
.noti_li_1 .flex2 p{font-size:12px;margin-bottom:0;color:#d5d5d5;margin-right:10px;}
.noti_li_1 .noti_li_11{color:white;}
.noti_li_1 .noti_li_11 p{color:white;margin-bottom:0;word-break:break-all;}
.noti_li_1 a{color:#fca94a;}
/* 我的矿区 */
.area_my{height:350px;position:relative;margin:20px auto;}
.area_my_1{position:absolute;top:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;}
.area_my_1 p{color:#fcd126;}
.area_my_1 button{color:#fcd126;background-color:transparent;border:1px solid #fcd126;text-shadow:#d5b019 0px 0px 5px;font-size:16px;}
.area_my_1 button img{width:15px;vertical-align:middle;margin-left:5px;}
.area_mi li{width:50%;text-align:center;padding:20px 0;}
.area_mi li a{color:#fff;}
.area_mi li a img{width:35px;vertical-align:middle;margin-right:5px;}
.area_mi li:first-child a img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}
.kaik{position:absolute;bottom:5%;width:45%;left:27.5%;margin-bottom:0;padding:10px;background-color:#222222;border-color:#333021;border-width:3px;border-radius:10px;color:#fcd126;}
.kaik img{width:32px;margin-right:10px;}
/* 好友挖矿 */
.mini_firs{margin-top:20%;text-align:center;}
.mini_firs img{width:150px;margin-bottom:20px;}
.mini_firs p{color:#fff;}
.mini_firs .flex3{margin-top:10%;}
.mini_firs input{width:30px;height:30px;margin:0 10px;background-color:#25242a;border-color:#25242a;color:#fcd126;padding:0;text-align:center;font-size:36px;box-shadow:0 0 10px #fcd126;}
/* 公开矿列表 */
.openmini_top{margin:40px auto;text-align:center;}
.openmini_top img{width:90px;margin-bottom:10px;}
.openmini_top div{color:#fff;}
.openmini_top div span{color:#fcd126;margin:0 5px;text-shadow:#d5b019 0px 0px 5px;}
.openmini_ul li{margin:10px;padding:10px;background-color:#423628;border-radius:4px;}
.openmini_ul li .flex2{color:#fff;}
.openmini_ul li .flex2 img{width:32px;vertical-align:middle;margin-left:-5px;}
.openmini_ul li .flex2 span{margin:0 3px;}
.openmini_ul li .flex2 button{font-size:12px;padding:3px 12px;background-color:#fbd125;border-color:#fbd125;color:#000000;}
.openmini_ul li .flex2:last-child{font-size:13px;margin-top:10px;}
.openmini_ul li .flex2:first-child div span{color:#adadad;}
/* /挖矿详情 */
.minidet_top{text-align:center;margin:20px auto;color:#fff;}
.minidet_top img{width:200px;margin-bottom:20px;}
.minidet_top div{letter-spacing:2px;margin-bottom:10px;font-size:16px;}
.minidet_top div span{color:#fcd126;font-size:16px}
.minidet_top ul li img{width:40px;height:40px;border-radius:50%;margin:0 2px;}
.minidet_top ul li div{margin-left:8px;font-size:18px;color:#c6c6c6;}
.minidet_user{margin:10px 12px;padding:5px;border-radius:4px;background-color:#3f3c2e;}
.minidet_user .flex2{background-color:#4d4522;border-radius:4px;padding:10px;color:#fff;}
.minidet_user .flex2 .flex img{width:70px;height:70px;border-radius:50%;padding:2px;border:1px solid #7e6c23;margin-right:8px;}
.minidet_user .flex2 .flex p{margin-bottom:0;color:#fff;font-size:12px;}
.minidet_user .flex2 .flex div{color:#fff;}
.minidet_user .flex2 .flex span{color:#fcd126;margin-right:5px;font-size:15px;}
.minidet_user .flex2 span{color:#fcd126;margin-right:5px;font-size:16px;}
.minidet_user_1{margin-top:22px;}
.minidet_jdt{background-color:#fcd126;height:10px;border-radius:5px;margin:10px 12px;margin-top:10%;margin-bottom:25%;position:relative;}
.minidet_jdt_left{position:absolute;bottom:-25px;left:0;color:#fff;}
.minidet_jdt_right{position:absolute;bottom:-25px;right:0;color:#fff;}
.minidet_jdt_txt{position:absolute;left:50%;top:20px;transform:translateX(-50%);background-color:#fcd126;width:auto;display:flex;align-items:center;border-radius:25px;padding:0 8px;}
.minidet_jdt_txt img{width:20px;margin-right:5px;}
.minidet_jdt_txt:after{content:'▲';position:absolute;top:-16px;color:#fcd126;left:30%;transform:translateX(-50%);transform:rotate(-180deg);}
/* 加入挖矿 */
.addmini_bot{margin:10px;margin-top:10%;}
.addmini_bot h4{color:white;padding:10px;}
.addmini_bot p{margin-bottom:0;}
.addmini_bot .flex1{align-items:flex-start;text-align:center;background-color:#423627;padding:10px;border-radius:4px;}
.addmini_bot .flex1 img{width:25px;}
.addmini_bot .flex1 b{border-bottom:1px solid #c4a227;display:block;width:30%;margin-top:12px;}
.addmini_bot .flex1 div div{word-break:keep-all;font-size:12px;}
.addmini_bot .flex1 div div p{font-size:12px;color:#fff;}
.addmini_bot .flex1 div div p span{color:#fca94a;}
.addmini_top{text-align:center;padding:20px 0;}
.addmini_top p{margin:10px auto;color:#fff;font-size:16px;}
.addmini_top div{color:white;}
.addmini_top div label{font-size:18px;font-weight:normal;text-shadow:#d5b019 0px 0px 5px;margin-right:10px;}
.addmini_top div span{background-color:#423c22;}
.addmini_top img{width:150px;margin:10px auto;}
.addmini_top button{background-image:-webkit-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:-moz-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:-o-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:linear-gradient(to bottom,#ffd640,#fcbe45);border-radius:15px;border:0;color:#000;padding:6px 25px;box-shadow:0 0 10px #fcd126;}
/* 开矿 */
.invit_top{text-align:center;margin-bottom:10%;margin-top:10%;}
.invit_top img{width:100%;}
.invit_top div{color:#fcd126;background-color:transparent;text-shadow:#d5b019 0px 0px 5px;font-size:16px;}
.invit_fun{background-color:#423627;border-radius:4px;margin:10px 12px;padding:10px 0;}
.invit_fun li{width:33.33%;text-align:center;position:relative;}
.invit_fun li:nth-child(1):after{content:'';display:block;position:absolute;width:30px;height:1px;background-color:#544C00;right:-15px;top:15px;}
.invit_fun li:nth-child(2):after{content:'';display:block;position:absolute;width:30px;height:1px;background-color:#544C00;right:-10px;top:15px;}
.invit_fun li img{width:30px;height:30px;margin-bottom:10px;}
.invit_fun li div{color:#fff;font-size:12px;}
.invit_ul{}
.invit_ul li{margin:10px 12px;padding:20px 15px 20px 10px;border-top:1px solid #4c4a56;color:#fff;}
.invit_ul li:first-child{border-top:0;}
.invit_ul li img{width:18px;margin-right:10px;vertical-align:middle;}
.invit_ul li span{color:#fcd126;}
.ljyq{margin-bottom:0;padding:10px;background-color:#222222;border-color:#333021;border-width:3px;border-radius:10px;width:40%;margin:0 auto;margin-top:10%;color:#fcd126;}
/* 矿工 */
.head_min{top:6px;}
.head_min button{font-size:12px;background-image:-webkit-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:-moz-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:-o-linear-gradient(to bottom,#ffd640,#fcbe45);background-image:linear-gradient(to bottom,#ffd640,#fcbe45);border-radius:15px;border:0;color:#000;box-shadow:0 0 10px #fcd126;}
/* 挖矿详情公布 */
.mymini_deta{margin:10px 20px;padding:10px;background-color:#45382f;height:100px;color:#fff;text-align:center;padding-top:25px;font-size:15px;}
.mymini_deta span{display:block;font-size:20px;margin-top:5px;color:#fff700;text-shadow:#d5b019 0px 0px 5px;}
.mymini_deta_bg{background-color:#2d2d2d;padding:10px 0;}
.mymini_deta_list{margin:10px;}
.mymini_deta_list_1{color:#fca94a;font-size:16px;padding-bottom:10px;padding-top:15px}
.mymini_deta_list li{border-bottom:1px solid rgba(239,239,239,0.45);padding:10px 0;display:flex;align-items:center;justify-content:space-between;}
.mymini_deta_list li .jpai{width:17px;}
.mymini_deta_list li .toux{width:35px;height:35px;border-radius:50%;margin:0 5px;}
.mymini_deta_list li div span{width:25px;text-align:center;display:block;}
.mymini_deta_list li p{margin-bottom:0;}
.mymini_deta_list li img{vertical-align:middle;}
.mymini_deta_list li div:first-child{display:flex;align-items:center;}
/* 矿工 */
.miner_toux{padding:10px 20px;margin-top:5%;background:url(../images/mine_img_02@3x.png) no-repeat;background-size:100% auto;}
.miner_toux_1{margin-right:10px;text-align:center;}
.miner_toux_1 img{width:70px;height:70px;border-radius:50%;margin-bottom:5px;}
.miner_toux_1 div{color:#fff;font-size:12px;}
.miner_toux_2{color:#fff;width:70%;margin-top:-25px;}
.miner_toux_21{position:relative;background-color:rgba(169,159,34,0.37);border-radius:15px;padding:6px 15px;overflow:hidden;z-index:1;margin-top:5px;}
.miner_toux_21 p{margin-bottom:0;font-size:12px;color:#fff;}
.jdt_bg{position:absolute;height:100%;top:0;left:0;background-color:#fcd126;z-index:-1;border-radius:15px;box-shadow:0 0 10px #fcd126;}
.jtd_text{display:flex;align-items:center;font-size:12px;}
.jtd_text img{width:20px;margin-right:5px;}
.miner_ewm{text-align:center;margin-top:5%;}
.miner_ewm span{color:#fcd126;font-size:14px;margin-top:15px;display:block;}
.miner_ewm p{color:#fff;}
.miner_ewm_1 img{width:180px;height:180px;background-color:white;padding:5px;}
.miner_ewm_1 div img{width:15px;height:15px;position:absolute;right:10px;background-color:transparent;padding:0;}
.miner_ewm_1 div{width:180px;margin:0 auto;background-color:#423c22;color:#fff;padding:10px 0;position:relative;}
.miner_firs{margin:10px 20px;}
.miner_firs h4{color:#fff;font-weight:normal;padding-bottom:10px;}
.miner_firs li{padding:10px;background-color:#423627;border-radius:4px;margin-bottom:10px;}
.miner_firs_1 img{width:50px;height:50px;border-radius:50%;margin-right:10px;}
.miner_firs_1 p{margin-bottom:0;color:#fff;}
.miner_firs_2{color:#fff;}
.miner_firs_2 span{color:#fcd126;margin-right:10px;}
/* 任务中心 */
.task_info{text-align:center;padding:30px 0;background:url(../images/mine_img_02@3x.png) no-repeat;background-size:100% 100%;}
.task_info .task_pic{width:65px;height:65px;border-radius:50%;border:2px solid #d0a825;}
.task_info p{margin:10px auto;color:#fff;}
.task_info .task_div{color:#fcd126;}
.task_info .task_div img{width:20px;margin-right:8px;vertical-align:middle;margin-top:-3px;}
.task_qd{padding:5px 12px;}
.task_qd li{color:#fff;font-size:12px;text-align:center;}
.task_qd li img{width:40px;opacity:0.4;}
.task_qd li.active{color:#fcd126;}
.task_qd li.active img{opacity:1;}
.task_ta{position:relative;padding-left:10px;margin:20px auto;margin-top:10%;}
.task_ta span{color:#fcd126;}
.task_ta div{font-size:18px;color:#fff;margin:10px 0;}
.task_ta ul li{margin-right:15px;color:#fff;}
.task_ta ul li img{width:20px;vertical-align:middle;margin-right:5px;}
.task_ta ul li:last-child img{transform:scale(3.5);-webkit-transform:scale(3.5);-moz-transform:scale(3.5);-o-transform:scale(3.5);}
.task_ta ul li span{margin:0 3px;}
.task_ta .task_ta_pic{position:absolute;width:150px;right:0;bottom:0;z-index:-1}
.task_ta button{position:absolute;width:100px;right:10%;bottom:10%;background-color:#fca94a;border:0;border-radius:15px;box-shadow:0 0 10px #fcd126;}
.task_up{}
.task_up h4{padding:10px 12px;color:#fff;}
.task_up li{padding:10px;margin:10px 12px;border-radius:4px;background-color:#423627;}
.task_up li img{width:20px;transform:scale(2.5);-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-o-transform:scale(2.5);}
.task_up li div span{color:#fcd126;margin-bottom:5px;display:block;}
.task_up li p{margin-bottom:0;color:#cfcfcf;width:66px;text-align:center;}
.task_up li div p{margin-right:15px;color:#fff;}
.task_up li button{background-color:#fcd126;border:0;border-radius:15px;box-shadow:0 0 10px #fcd126;color:#000000;}
/* 我的 */
.mine_toux{padding:10px;padding-left:30px;padding-top:10%;}
.mine_toux button{margin-top:20px;border-radius:15px;background-color:#fcd126;border:0;box-shadow:0 0 8px #fcd126;color:#000000;font-size:12px;padding:3px 10px;}
.mine_toux_1 img{width:70px;height:70px;margin-right:20px;border-radius:50%;}
.mine_toux_1 div p{margin-bottom:0;color:#dedede;margin:3px 0;}
.mine_toux_1 div p img{border-radius:0;}
.mine_toux_1 div p span{color:#999;}
.mine_toux_1 div img{width:18px;height:18px;}
.mine_li{margin:10px 20px;margin-top:10%;}
.mine_li div{padding:10px 15px;color:#fcd126;font-size:16px;}
.mine_li li{padding:15px;/* border-bottom:1px solid rgba(76,76,75,0.3);*/
}
.line1{border-bottom:1px solid rgba(76,76,75,0.3);margin-bottom:15px;}
.mine_li li div{color:#FFF;padding:0;font-size:15px;}
.mine_li li a{display:flex;align-items:center;justify-content:space-between;}
.mine_li li a img{width:5px;}
.mine_li li a div img{width:17px;height:17px;margin-right:15px;margin-bottom:2px;}
.lang{position:absolute;bottom:0;left:0;width:100%;background-color:#fff;padding:20px;}
.lang h4{padding-bottom:20px;}
.lang li{border-bottom:1px solid #efefef;padding:10px 0;}
.lang .lang_div{display:flex;align-items:center;justify-content:flex-end;margin-top:40px;}
.lang .lang_div button{margin-bottom:0;background-color:#fcd126;border:0;color:#000000;padding:6px 15px;}
.lang .lang_div span{display:block;padding:6px 15px;margin-right:15px;}
.lang .mui-radio input[type='radio']:checked:before,.mui-checkbox input[type='checkbox']:checked:before{color:#fcd126;}
/* 安全验证 */
.safe_nav{display:flex;align-items:center;}
.safe_nav li{padding:10px;text-align:center;width:50%;padding-bottom:5px;padding-top:25px}
.safe_nav li.active{font-weight:bold;border-bottom:3px solid #fcd126;}
.no_phone{padding:20px 12px;}
.no_phone .btn_color{position:absolute;bottom:8%;left:20%;}
.no_phone_1{background-color:#FFF8DE;display:flex;align-items:flex-start;justify-content:center;padding:10px;border-radius:4px;margin:10px auto;color:#6b6b6b;margin-bottom:30px;}
.no_phone_1 img{width:20px;margin-right:10px;}
.no_phone .mui-input-row{position:relative;}
.no_phone .mui-input-row .hqyzm{position:absolute;right:10px;top:0;width:auto;font-size:12px;color:#000000;padding:8px 10px;background-color:#fcd126;border:0;}
.no_phone .mui-input-row input{border:0;border-bottom:1px solid #f8f8f8;border-radius:0;height:50px;}
.no_phone .tis{margin:0;}
.no_phone .btn_color{display:block;}
.yes_phone .btn_color{display:block;}
.yes_phone{padding:20px;}
.yes_phone div{background-color:#FFF8DE;height:50px;border-radius:4px;margin:10px auto;border:2px solid #fcd126;padding:0 10px;display:flex;align-items:center;}
.yes_phone img{width:20px;margin-right:10px;}
.yes_phone .tis{margin:0;}
.prob{margin:20px 12px;}
.prob .mui-input-row input{border:0;border-bottom:1px solid rgba(239,239,239,0.5);border-radius:0;}
.prob_mess h4{font-weight:normal;padding-bottom:10px;}
.prob_mess textarea{background-color:#FFF8DE;border-radius:4px;border:2px solid #fcd126;}
.prob_file{background-color:#FFF8DE;border-radius:4px;border:2px solid #fcd126;position:relative;padding:5px 10px;}
.prob_file img{width:15px;}
.prob_file input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.prob .btn_color{margin-top:20%;}
.swiper-container{width:100%;margin:0 auto;overflow:hidden;}
.swiper-slide img{width:100%;}
.swiper-pagination-bullet-active{background:#fda84b !important}
/* 任务记录 */
.task_li{}
.task_li li{color:white;padding:25px 20px;border-bottom:1px solid #3a3a3a;}
.task_li li h4{font-size:15px;}
.task_li li span{font-size:13px;}
.task_li li img{vertical-align:middle;width:40px;}
.task_li li .flex2 div{letter-spacing:2px;}
/* 挖矿指南 */
.guide_top{}
.guide_top p{margin-bottom:0;color:white;letter-spacing:2px;}
.guide_top h4{}
.guide_top h4 img{height:33px;vertical-align:middle;margin-right:15px;margin-left:15px;}
.guide_top h4 span{/*text-shadow:0 0 10px #e4d050;*/
color:white;font-weight:normal;font-size:18px;}
.guide_bg{background-color:#423628;margin:10px 12px;padding:10px;border-radius:8px;}
.guide_mess{margin-bottom:20px;}
.guide_mess:last-child{margin-bottom:0;}
.guide_mess div{color:#fbd125;font-weight:bold;font-size:15px;margin-bottom:5px;}
.guide_mess p{line-height:22px;letter-spacing:2px;}
.lv_li{}
.lv_li li{margin:20px auto;padding:15px;background-color:#25221d;box-shadow:0 0 15px rgba(228,208,80,0.52) inset;border-radius:6px;display:flex;align-items:center;color:white;}
.lv_li_lv{font-size:16px;margin-right:20px;}
.lv_div{flex:1;}
.lv_div div{display:flex;align-items:center;justify-content:space-between;}
.lv_div span{color:#ffa849;}
.lv_div label{color:#fcd025;}
.guide_bot{background-color:#25221d;box-shadow:0 0 15px rgba(228,208,80,0.52) inset;border-radius:6px;padding:15px 25px;margin-bottom:10px;position:relative;margin-top:50px;padding-top:35px;}
.guide_bot h5{position:absolute;top:-16px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);color:#000;background:-webkit-linear-gradient(to bottom,#ffd640,#fca949);background:-moz-linear-gradient(to bottom,#ffd640,#fca949);background:-o-linear-gradient(to bottom,#ffd640,#fca949);background:linear-gradient(to bottom,#ffd640,#fca949);padding:5px 25px;border-radius:25px;box-shadow:0 0 15px #bfa45d;font-size:15px;}
.guide_bot div{color:#fcd025;font-size:16px;margin-bottom:10px;}
.guide_bot ul{}
.guide_bot ul li:first-child{border-bottom:1px solid rgba(251,209,37,0.39);}
.guide_bot ul li:first-child div{color:white;width:33.33%;text-align:left;margin-bottom:0;}
.guide_bot ul li:first-child div:nth-child(2){text-align:center;}
.guide_bot ul li:first-child div:last-child{text-align:right;}
.guide_bot ul li{display:flex;align-items:center;justify-content:space-between;padding:15px 5px;border-bottom:1px solid #42381d;}
.guide_bot ul li p{width:33.33%;}
.guide_bot ul li p:nth-child(2){text-align:center;}
.guide_bot ul li p:last-child{text-align:right;}
.guide_bot ul li a{color:#fcd025;}
.guide_bot ul li a b{margin-right:5px;}
.gouxuan{margin-top:10px;color:white;font-size:13px;letter-spacing:1px;}
.gouxuan span{color:;font-size:13px;color:#fed025;padding-left:26px;display:block;}
.gouxuan img{position:inherit;width:18px;vertical-align:middle;margin-bottom:3px;margin-right:5px;}
.bg_init{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,0.3);display:none;}
.init_tc{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:white;border-radius:6px;padding:10px;text-align:center;width:75%;padding-top:50px;padding-bottom:25px;}
.init_tc .icon-guanbi1{position:absolute;top:15px;right:15px;color:#000;font-size:20px;}
.init_tc h4{font-size:18px;margin-bottom:10px;}
.init_tc div span{color:#999;}
.init_tc div i{color:#ffd640;margin-left:5px;font-size:20px;}
.init_tc img{margin-top:20px;width:150px;height:150px;}
.facts_list li{margin:0 16px;border-bottom:1px solid rgba(64,63,69,0.5);padding:20px 0;}
.facts_list p{color:rgba(255,255,255,0.56);font-size:12px;}
.facts_list_1{color:#fff;font-size:15px;}
.facts_list_2{border:1px solid rgba(252,209,38,0.43);color:#fff;border-radius:6px;padding:15px;margin:15px auto;font-size:15px;}
.facts_list_2 span{color:#fcd126}
.facts_list_3{align-items:end;}
.facts_list_3 div{text-align:center;max-width:25%;}
.facts_list_3 label{display:block;color:#fff;font-size:12px;}
.facts_list_3 b{font-weight:normal;display:block;color:#fca94a;margin-top:5px;word-break:break-all;}
.bot_tt{position:absolute;bottom:0;left:0;width:100%}
.bot_tt .bot_img{width:100%}
.bot_tt .flex2 a{width:50%;text-align:center;display:block;padding:10px;}
.bot_tt .flex2 a img{width:100%;}
.bgx1{background:url(../images/kc.png) no-repeat;background-size:100% 100%;background-position:100% 100%;}
.bgx2{background:url(../images/sy.png) no-repeat;background-size:100% 100%;background-position:100% 100%;}
.bgx3{background:url(../images/yy.png) no-repeat;background-size:100% 100%;background-position:100% 100%;}
.qiu_bg{position:absolute;top:40%;background:url(../images/background@3x.png) no-repeat;background-size:100%100%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translateY(-50%);text-align:center;}
.qiu_bg .qiu_img{width:100%}
.qiu_bg .logo_img{width:40%;margin-bottom:20px;}
@media screen and (max-height:736px){.qiu_bg{top:35%;}
.qiu_bg .qiu_img{width:80%}
}
@media screen and (max-height:667px){.qiu_bg{top:35%;}
.qiu_bg .qiu_img{width:80%}
}
@media screen and (max-height:568px){.qiu_bg{top:35%;}
.qiu_bg .qiu_img{width:80%}
}
/* 高级代理 */
.gaojidaili_pic{background-image:url(../images/dailibg.png);background-position:100% 100%;background-size:100% 100%;background-repeat:no-repeat;height:309px;position:relative;}
.gaojidali_title{position:absolute;top:17px;left:20px;font-size:15px;text-align:center;color:#FFFFFF;line-height:20px;}
.gaojidai_info{position:absolute;top:95px;width:100%;}
.gaojidai_info p{text-align:center;font-size:14px;color:#FFFFFF;line-height:19px;}
.lilv{position:absolute;top:173px;width:100%;text-align:center;font-size:14px;color:#262626;line-height:19px;}
.gaojidali_info2{position:absolute;bottom:0;text-align:center;width:100%;}
/* 我的收益 */
.bgmy{background-image:url(../images/bgmy.png);background-position:100% 100%;background-size:100% 100%;background-repeat:no-repeat;height:144px;width:100% !important;}
.bgmy .bg_item{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;padding-top:15px;padding-bottom:0;width:100%;}
.bgmy .bg_item b{margin-bottom:0;}
.bgmy .bg_item p{margin-bottom:0;}
/* 首頁 */
.gnq{padding: 15px 10px 20px 10px;font-size:14px;/* font-family:MicrosoftJhengHeiRegular;*/
color:#CECECE;line-height:19px;}
.gnq .flex-row-s{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.gnq-item{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color: #FFF;}
.gnq-item img{width:41px;height:41px;margin-bottom:6px;}
.tzgq_nav{width:100%;display:flex;}
.tzgq_nav span{flex:1;text-align:center;font-size:16px;/* font-family:MicrosoftJhengHeiBold;*/
color:#CECECE;line-height:50px;}
.tzgq_nav span.active{flex:1;color:#606060;text-align: left;margin: 0 20px;}
.bgtz{height:143px;background-image:url(../images/bgtz.png);background-position:100% 100%;background-size:100% 100%;margin:20px;padding:20px;}
.flex-between{display:flex;justify-content:space-between;align-items:center;width:100%;}
.ddjs{width:90px;height:24px;background:#161A21;border-radius:5px;color:#fff;text-align:center;line-height:24px;}
.tzname{font-size:16px;/* font-family:MicrosoftJhengHeiBold;*/
color:#161A21;line-height:21px;}
.tznum{font-size:26px;/* font-family:MicrosoftJhengHeiBold;*/
color:#161A21;line-height:35px;}
.lst{font-size:12px;/* font-family:Microsof/tJhengHeiBold;*/
color:#878787;line-height:16px;}
.tzbt{color:#606060;text-align:center;}
.tzbt thead tr{height:35px;background:#373737;}
.tzbt thead tr th{width:25%}
.tzbt tbody tr td{height:35px;}
/* .ddjs{padding:0 20px}
*/
.wmdzz p{text-align:center;}
.wmdzz p:nth-child(2){color:#fff;font-size:16px;border:2px solid #fff;width:200px;padding:5px;margin:0 auto;margin-bottom:10px;}
.wmdzz2{margin:25px}
.wmdzz2 p:nth-child(1){color:#fca94a}
/* 个人中心 */
.mdcg_username{font-size:18px;color:#CECECE;line-height:24px;}
.mdcg_status{background-color:#F57676;border-radius:4px;color:#fff!important;padding:0 12px;margin-left: 10px;}
.mdcg_username_tips{font-size:12px;/* font-family:MicrosoftJhengHeiBold;*/
color:#878787;line-height:16px;margin-bottom:0;}
.userinfo_gnq_item{background:#252932;box-shadow:0px 0px 6px 0px #171F35;border-radius:4px;border:1px solid #1E2129;display:flex;justify-content:space-between;padding:5px;align-items:center;}
.userinfo_gnq_item{width:45%;margin:5px;padding:10px;height:69px;}
.userinfo_gnq{display:inline-flex;width:100%;justify-content:center;}
.ss2{background:#171A20;box-shadow:0px 0px 6px 0px #171F35;border-radius:4px;border:1px solid #1E2129;height:51px;}
.ss2 .mdcg_username_tips{font-size:14px;/* font-family:MicrosoftJhengHeiRegular;*/
color:#CECECE;line-height:19px;}
.danwei{position:absolute;right:20px;color:#fff;font-size:15px;/* font-family:MicrosoftJhengHeiRegular;*/
color:#FFFFFF;line-height:20px;top:25px;}
.mrhx{height:49px;background:#2C313B;box-shadow:0px 0px 6px 0px #171F35!important;border-radius:4px;border:1px solid #1E2129!important;text-align:left;line-height:50px;padding-left:11px;}
.uploadfile{height:149px;border-radius:2px;border:1px solid #676E7D;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}
.s-class{border-radius:6px!important;background:#131415!important;}
body .s-class .layui-layer-content{width:100%;height:160px;background:#131415;/* border-top-radius:6px;*/
border-top-left-radius:6px;border-top-right-radius:6px;opacity:0.92;}
body .s-class .layui-layer-content p{opacity:0.92;font-size:15px;/* font-family:MicrosoftJhengHeiRegular;*/
color:#FFFFFF!important;line-height:22px;}
body .s-class .layui-layer-btn{background:#131415!important;border-bottom-left-radius:6px;border-bottom-right-radius:6px;opacity:0.92;}
body .s-class .layui-layer-btn a{background:#7A9DFF;}
body .s-class .layui-layer-btn .layui-layer-btn0{background:#131415!important;color:#7A9DFF!important;border:1px solid #7A9DFF!important;border-radius:4px;width:121px!important;height:36px!important;margin:20px;line-height:36px;}
.adds{padding:10px;height:50px;border-radius:2px;border:1px solid #676E7D;width:90%;margin:0 auto;margin-top:20px;}
.adds span:nth-child(1){font-size:14px;/* font-family:MicrosoftJhengHeiRegular;*/
color:#FFFFFF;line-height:25px;}
.adds .cccop{float:right;font-size:24px;color:#7A9DFF;border-left:1px solid #676E7D;height:50px;padding-left:10px;margin-top:-10px;line-height:50px}
/* 比特币投资 */
.bitinfo{padding:20px;display:flex;padding-bottom:0}
.bitinfo img{width:44px;height:44px}
.bitinfo-1{margin-left:20px;}
.bitinfo-1 p{font-size:15px;/* font-family:MicrosoftJhengHeiBold;*/
color:#CECECE;line-height:20px;}
.sflexbetween{color:#606060;display:flex;justify-content:space-between;align-items:center;padding:20px}
.scard{width:90%;margin:0 auto;height:140px;background:#FFF;border-radius:8px;}
.sflexcol{display:flex;justify-content:center;align-items:center;flex-direction:column;}
.sflex{display:flex;justify-content:flex-start;align-items:center;}
.sflexcol span:nth-child(1){font-size:14px;/* font-family:MicrosoftJhengHeiBold;*/
color:#878787;line-height:19px;}
.sflexcol span:nth-child(2){font-size:26px;margin-top:5px;/* font-family:MicrosoftJhengHeiBold;*/
color:#161A21;line-height:35px;}
.sflexcol span:nth-child(2) font{font-size:14px;/* font-family:MicrosoftJhengHeiBold;*/
color:#161A21;line-height:35px;}
.sline{width:300px;height:2px;border:1px solid #CECECE;margin:0 auto}
.sjtz span:nth-child(1){font-size:14px;/* font-family:MicrosoftJhengHeiBold;*/
color:#161A21;line-height:19px;}
.sjtz span:nth-child(2){font-size:14px;/* font-family:MicrosoftJhengHeiBold;*/
color:#161A21;line-height:19px}
.bitzzli{background:#EEE;padding-bottom:20px}
.sgje{background:#F8E157;border-radius:8px 8px 0px 0px;width:100%;height:122px}
.sgje span:nth-child(1){font-size:15px;/* font-family:MicrosoftJhengHeiBold;*/
color:#606060;line-height:20px;}
.sgje .mui-numbox{width:200px;margin-top:8px;}
.info-box22{font-size:10px;margin-top:6px;color:#606060;line-height:14px;}
.xqaaa{font-size:15px;font-family:MicrosoftJhengHeiBold;color:#606060;line-height:20px;}
.sflexbetween.xqaaa{padding:15px 20px;}
.bgtz.gqtz{height:143px;background-image:url(../images/gqtz.png);background-position:100% 100%;background-size:100% 100%;margin:20px;padding:13px 20px;}
.biaoqian{border-radius:4px;background-color:#eab36d;padding:2px 10px;}
.layui-layer-btn{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;}
body .s-class .layui-layer-btn .layui-layer-btn1{background:#cecece!important;color:#000!important;border:1px solid #cecece!important;border-radius:4px;width:121px!important;height:36px!important;margin:20px;line-height:36px;margin-top:0;}
.sgwc img{width:100px;height:100px;}
.sline3{width:100%;height:2px;border-top:1px solid #e8e8e8;}
.sgrqsss{margin-top:0;font-size:15px!important;/* font-family:MicrosoftJhengHeiBold;*/
color:#606060!important;line-height:20px!important;}
.hbfm{
	height:167px;display:flex;flex-direction:column;justify-content:flex-end;
	padding:15px;
	border:0;background-image:url(../images/hbfm.png);background-position:100% 100%;background-size:100% 100%;}
.jynsy{font-size:12px;margin-top:15px;/* font-family:MicrosoftJhengHeiBold;*/
color:#878787;line-height:16px;}
.lvx{font-size:18px;/* font-family:MicrosoftJhengHeiBold;*/
color:#161A21;line-height:24px;}
/* 个人中心 */
.relit{position:relative;}
.relit .mui-icon{position:absolute;right:10px;top:14px;}
.relit .iconfont{position:absolute;right:10px;top:14px;}


.head1 {
	line-height: 50px
}


.userinfo_name{
	background-color: #FFF;
	/* width: 337px; */
	height: 49px;
	background: #FFF;
	box-shadow: 0px 0px 6px 0px #FFF;
	border-radius: 4px;
	border: 1px solid #E8E8E8;
	margin: 20px;

}


.flex_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex {
	display: flex;
	/* align-items: center; */
}
.flex_1 {
	display: flex;
	align-items: center;
}

/*toggle button*/

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #9B9B9B;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #E7262B;
}

 input:focus + .slider {
	box-shadow: 0 0 1px #EA7954;
}

 input:checked + .slider:before {
	-webkit-transform: translateX(17px);
	-ms-transform: translateX(17px);
	transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

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





@font-face {
    font-family: PingFangTC-Medium, sans-serif;
    src: url(../fonts/PingFang-TC-Medium.woff);
}
html {
    -webkit-text-size-adjust: 100%;
}
body {
    font-size: 14px;
    position: relative;
    color: #515151;
    font-weight: 400;
}
body * {
    font-family: PingFangTC-Medium, sans-serif;
    line-height: 1.14285714;
}
.row:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}
.row .col {
    display: block;
    float: left;
}
.flex-column {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.flex-column .col {
    align-items: flex-start;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.flex-column .col .inner {
    flex: 1 0 auto;
}
.flex-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
input[type="text"],
input[type="search"],
input[type="submit"],
input[type="reset"],
input[type="date"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="address"],
textarea {
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0;
}
select {
    border-radius: 0;
    outline: 0;
}
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
.cus-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.cus-select select::-ms-expand {
    display: none;
}
.animated {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* slider set */
.flexslider .flex-direction-nav a {
    width: 40px;
    height: 60px;
    background: #000;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin: 0;
}
.flexslider .flex-direction-nav .flex-prev {
    left: 0;
}
.flexslider .flex-direction-nav .flex-next {
    right: 0;
}
.flexslider .flex-control-nav {
    height: 12px;
    position: absolute;
    width: 100%;
    bottom: 15px;
}
.flexslider .flex-control-nav li a {
    background: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.flexslider .flex-control-nav li a.flex-active {
    background: rgba(255, 255, 255, 0.9);
}
.flexslider.no-pager .flex-control-nav {
    display: none!important;
}
.flexslider.no-direction .flex-direction-nav {
    display: none!important;
}
/* search */
.wrap {
    padding: 0 27px;
}
.wrap2 {
    padding: 0 13px;
}
body {
    padding-top: 50px;
}
.header {
    text-align: center;
    background: #fff;
    height: 50px;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    border-bottom: 1px #e1e1e1 solid;
    z-index: 9999;
}
.header .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.header .logo img {
    width: 85px;
}
.header .back {
    position: absolute;
    left: 15px;
    top: 16px;
}
.header .back img {
    width: 18px;
}
.header .header-title {
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.header.type2 {
    border-bottom: 0;
}
.search-area {
    margin-top: 27px;
    border-bottom: 3px #EAEAEA solid;
    padding: 0 27px 40px 27px;
}
.search-area .inner {
    position: relative;
}
.search-area .inner .search-icon {
    position: absolute;
    width: 17px;
    left: 19px;
    top: 12.5px;
}
.search-area .inner input {
    width: 100%;
    height: 42px;
    line-height: 40px;
    border: 1px #CACACA solid;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    font-size: 14px;
    background: #fff;
    padding: 0 24px 0 48px;
    color: #515151;
}
.search-area .inner input::-webkit-input-placeholder {
    color: #AEAEAE;
}
.search-area .inner input:-moz-placeholder {
    color: #AEAEAE;
}
.search-area .inner input::-moz-placeholder {
    color: #AEAEAE;
}
.search-area .inner input:-ms-input-placeholder {
    color: #AEAEAE;
}
.search-area .inner #search-cancel {
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-top: -1px;
}
.search-area .inner #search-cancel img {
    width: 15px;
}
.search-list a.delete {
    position: absolute;
    right: 0;
    top: 0;
    height: 35px;
    width: 30px;
    padding: 0 10px;
    z-index: 2;
}
.search-list a.delete img {
    width: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.search-list .title {
    position: relative;
    padding: 15px 0 14px;
}
.search-list .title a.delete {
    top: 5px;
}
.search-list .list {
    position: relative;
    background: #f7f7f7;
}
.search-list .list a:first-child {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 10px;
    color: #515151;
}
.search-list .list a.delete {
    position: absolute;
}
.search-list .list + .list {
    margin-top: 10px;
}
.search-content {
    margin-top: 26px;
    border-top: 1px #ECECEC solid;
}
.search-content .title {
    padding: 17px 13px;
}
.search-content .notFound {
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.search-content .notFound img {
    width: 66px;
}
.search-content .notFound p {
    font-size: 18px;
    color: #9B9B9B;
}
body.has-bottom-nav {
    padding-bottom: 54px;
}
.bottom-nav {
    position: fixed;
    width: 100%;
    height: 54px;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: #fff;
}
.bottom-nav .row .col {
    width: 20%;
    text-align: center;
}
.bottom-nav .row .col a {
    display: block;
    width: 100%;
    height: 54px;
    font-size: 12px;
    color: #5E5E5E;
    position: relative;
}
.bottom-nav .row .col a span:first-child {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/bottom_icon.png) no-repeat;
    -webkit-background-size: 240px 24px;
    -moz-background-size: 240px 24px;
    -o-background-size: 240px 24px;
    background-size: 240px 24px;
    position: absolute;
    top: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.bottom-nav .row .col a span.home {
    background-position: 0 0;
}
.bottom-nav .row .col a span.home.active {
    background-position: -24px 0;
}
.bottom-nav .row .col a span.cart {
    background-position: -48px 0;
}
.bottom-nav .row .col a span.cart.active {
    background-position: -72px 0;
}
.bottom-nav .row .col a span.notice {
    background-position: -96px 0;
}
.bottom-nav .row .col a span.notice.active {
    background-position: -120px 0;
}
.bottom-nav .row .col a span.search {
    background-position: -144px 0;
}
.bottom-nav .row .col a span.search.active {
    background-position: -168px 0;
}
.bottom-nav .row .col a span.my {
    background-position: -192px 0;
}
.bottom-nav .row .col a span.my.active {
    background-position: -216px 0;
}
.bottom-nav .row .col a span + span {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: 4px;
}
.product-list .row {
    margin: 0 -4px;
}
.product-list .row .col {
    width: 50%;
    padding: 0 4px;
    margin-bottom: 16px;
    position: relative;
}
.product-list .row .col a {
    display: block;
}
.tag {
    position: absolute;
    top: 0;
    left: 13px;
    width: 65px;
    height: 18px;
    line-height: 18px;
    color: #FFF;
    font-size: 12px;
    padding-left: 5px;
}
.tag1 {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    background: #00C068;
    background: linear-gradient(-120deg, transparent, 10px, #00C068 0);
}
.tag2 {
    background: #FA494E;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    background: linear-gradient(-120deg, transparent, 10px, #FA494E 0);
}
.tag3 {
    background: #FF6C4C;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    background: linear-gradient(-120deg, transparent, 10px, #FF6C4C 0);
}
.product-list .row .col a img {
    width: 100%;
}
.product-list .row .col a h1 {
    font-weight: normal;
    min-height: 32px;
    color: #525252;
    margin: 6px 0 8px;
}
.product-list .row .col a p:after {
    content: '';
    display: block;
    clear: both;
}
.product-list .row .col a p span:first-child {
    font-size: 12px;
    color: #9B9B9B;
    text-decoration: line-through;
}
.product-list .row .col a p span + span {
    color: #E45443;
    float: right;
}
/* bonus */
.bonus-menu {
    border-bottom: 2px #e3e3e3 solid;
}
.bonus-menu .inner {
    padding: 0 22px;
}
.bonus-menu .inner ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bonus-menu .inner ul li a {
    font-size: 13px;
    display: block;
    color: #515151;
    height: 52px;
    line-height: 52px;
}
.bonus-menu .inner ul li.current {
    position: relative;
}
.bonus-menu .inner ul li.current:after {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 4px);
    height: 2px;
    left: -2px;
    bottom: -2px;
    background: #626262;
}
.bonus-content {
    display: none;
}
.bonus-content.active {
    display: block;
}
.bonus-info {
    padding: 25px 28px;
    border-bottom: 8px #F3F3F3 solid;
}
.bonus-info .title span {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
}
.bonus-info .title .eye {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -2.5px;
}
.bonus-info .title .eye img {
    width: 20px;
}
.bonus-info .title .eye img + img {
    display: none;
}
.bonus-info .number {
    font-size: 20px;
    margin: 3px 0 12px;
}
.bonus-info .new .row > div {
    float: left;
    font-size: 12px;
}
.bonus-info .new .row > div .sub-title {
    margin-bottom: 6px;
    line-height: 1.4;
}
.bonus-info .new .row > div p {
    color: #E45443;
}
.bonus-info .new .row > div + div {
    margin-left: 112px;
}
.bonus-info.hide .title .eye img:first-child {
    display: none;
}
.bonus-info.hide .title .eye img + img {
    display: inline-block;
}
.bonus-info.hide .number:before {
    content: '*****';
}
.bonus-info.hide .number span {
    display: none;
}
.bonus-info.hide .new .row > div .sub-title {
    margin-bottom: 0;
}
.bonus-info.hide .new .row > div p {
    color: #515151;
}
.bonus-info.hide .new .row > div p:before {
    content: '+';
    font-size: 20px;
}
.bonus-info.hide .new .row > div p:after {
    content: '***';
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    top: 2.5px;
}
.bonus-info.hide .new .row > div p span {
    display: none;
}
.bonus-detail {
    padding: 20px 0;
}
.bonus-detail .title {
    margin-bottom: 12px;
}
.bonus-detail .cus-tab .tabs {
    list-style: none;
    margin-bottom: 12px;
}
.bonus-detail .cus-tab .tabs li {
    float: left;
    font-size: 12px;
}
.bonus-detail .cus-tab .tabs li a {
    color: #9B9B9B;
}
.bonus-detail .cus-tab .tabs li a span:first-child {
    background: url(../images/bonus_detail_icon.png) no-repeat;
    -webkit-background-size: 24px 12px;
    -moz-background-size: 24px 12px;
    -o-background-size: 24px 12px;
    background-size: 24px 12px;
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 2px;
}
.bonus-detail .cus-tab .tabs li a span + span {
    display: inline-block;
}
.bonus-detail .cus-tab .tabs li.current a span:first-child {
    background-position: -12px 0;
}
.bonus-detail .cus-tab .tabs li.current a span + span {
    color: #E7262B;
}
.bonus-detail .cus-tab .tabs li + li {
    margin-left: 38px;
}
.bonus-detail .cus-tab .tabs-content-wrap .tabs-content {
    display: none;
    padding-bottom: 60px;
}
.bonus-detail .cus-tab .tabs-content-wrap .tabs-content.active {
    display: block;
}
.bonus-detail .cus-tab .tabs-content-wrap .detail-list {
    position: relative;
    padding: 20px 0 6px;
    border-bottom: 1px #E1E1E1 solid;
}
.bonus-detail .cus-tab .tabs-content-wrap .detail-list .date span:first-child {
    display: inline-block;
    width: 66px;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
    background: #E7262B;
    text-align: center;
}
.bonus-detail .cus-tab .tabs-content-wrap .detail-list .date span + span {
    font-size: 12px;
    margin-left: 5px;
}
.bonus-detail .cus-tab .tabs-content-wrap .detail-list .from {
    font-size: 12px;
    margin-top: 8px;
}
.bonus-detail .cus-tab .tabs-content-wrap .detail-list .price {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 6px;
}
.bonus-detail .cus-tab .tabs-content-wrap .detail-list .price div {
    font-size: 14px;
    color: #676767;
}
.bonus-detail .cus-tab .tabs-content-wrap .detail-list .price div + div {
    font-size: 18px;
    margin-top: 3px;
    color: #515151;
}
.bonus-detail .cus-tab .tabs-content-wrap .notFound {
    text-align: center;
    padding-top: 80px;
}
.bonus-detail .cus-tab .tabs-content-wrap .notFound img {
    width: 66px;
}
.bonus-detail .cus-tab .tabs-content-wrap .notFound p {
    font-size: 18px;
    color: #A4A4A4;
}
/* my team */
.member-info {
    padding: 26px 30px;
    border-bottom: 3px #E1E1E1 solid;
}
.member-info .row .col:first-child {
    width: 79px;
}
.member-info .row .col:first-child .member-img {
    position: relative;
    height: 92px;
}
.member-info .row .col:first-child .member-img > img {
    width: 79px;
}
.member-info .row .col:first-child .member-img .vip-info {
    width: 70px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    padding-left: 32px;
    position: absolute;
    left: 4.5px;
    bottom: 0;
}
.member-info .row .col:first-child .member-img .vip0 {
    background: url(../images/vip0@3x.png);
    -webkit-background-size: 70px 20px;
    -moz-background-size: 70px 20px;
    -o-background-size: 70px 20px;
    background-size: 70px 20px;
}
.member-info .row .col:first-child .member-img .vip1 {
    background: url(../images/vip1@3x.png);
    -webkit-background-size: 70px 20px;
    -moz-background-size: 70px 20px;
    -o-background-size: 70px 20px;
    background-size: 70px 20px;
}
.member-info .row .col:first-child .member-img .vip2 {
    background: url(../images/vip2@3x.png);
    -webkit-background-size: 70px 20px;
    -moz-background-size: 70px 20px;
    -o-background-size: 70px 20px;
    background-size: 70px 20px;
}
.member-info .row .col:first-child .member-img .vip3 {
    background: url(../images/vip3@3x.png);
    -webkit-background-size: 70px 20px;
    -moz-background-size: 70px 20px;
    -o-background-size: 70px 20px;
    background-size: 70px 20px;
}
.member-info .row .col + .col {
    width: calc(100% - 79px);
    padding-left: 17px;
}
.member-info .row .col + .col .name {
    font-size: 16px;
    line-height: 1;
    padding: 4px 0 12px;
}
.member-info .row .col + .col .name span + span {
    margin-left: 8px;
}
.member-info .row .col + .col p {
    font-size: 12px;
}
.member-info .row .col + .col p:after {
    content: '';
    display: block;
    clear: both;
}
.member-info .row .col + .col p span {
    float: left;
}
.member-info .row .col + .col p span + span {
    float: right;
}
.member-info .row .col + .col p + p {
    margin-top: 8px;
}
.current-team {
    border-bottom: 1px #E1E1E1 solid;
    padding: 16px 35px 15px;
    font-size: 14px;
}
.current-team:after {
    content: '';
    display: block;
    clear: both;
}
.current-team span {
    float: left;
}
.current-team span + span {
    float: right;
}
.team-map {
    text-align: center;
    padding: 50px 0;
}
.team-map .members {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    min-height: 74px;
    min-width: 52px;
}
.team-map .members > img {
    width: 36px;
}
.team-map .members h2 {
    margin-bottom: 2px;
    color: #515151;
    min-height: 22px;
    line-height: 22px;
    font-weight: normal;
}
.team-map .members h2 img {
    width: 22px;
    display: inline-block;
}
.team-map .members h2 span {
    display: inline-block;
    margin: 0 0 0 3px;
    position: relative;
    top: 2px;
}
.team-map .members p {
    font-weight: normal;
    color: #515151;
}
.team-map .members.current p {
    color: #FA494E;
}
.team-map .members + .members {
    margin-left: 24px;
}
.team-map .tier2 {
    padding: 28px 0;
}
.bottom-links {
    padding: 36px 38px;
    border-top: 3px #E1E1E1 solid;
}
.bottom-links a {
    display: block;
    border: 1px #CECECE solid;
    font-size: 16px;
    color: #515151;
    text-align: center;
    height: 42px;
    line-height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.bottom-links a + a {
    margin-top: 14px;
}
.notInGroup {
    padding: 90px 0;
    text-align: center;
}
.notInGroup img {
    max-width: 250px;
}
.notInGroup p {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 16px;
}
.line-up {
    border-top: 1px #E1E1E1 solid;
}
.line-up .cus-tab .tabs {
    list-style: none;
    border-bottom: 2px #e3e3e3 solid;
}
.line-up .cus-tab .tabs li {
    float: left;
    width: 50%;
    text-align: center;
}
.line-up .cus-tab .tabs li a {
    display: block;
    height: 52px;
    line-height: 52px;
    color: #A5A5A5;
}
.line-up .cus-tab .tabs li.current {
    position: relative;
}
.line-up .cus-tab .tabs li.current::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #626262;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.line-up .cus-tab .tabs li.current a {
    color: #515151;
}
.line-up .cus-tab .tabs-content-wrap {
    padding: 4px 27px 60px;
}
.line-up .cus-tab .tabs-content-wrap .tabs-content {
    display: none;
}
.line-up .cus-tab .tabs-content-wrap .tabs-content.active {
    display: block;
}
.line-up .cus-tab .tabs-content-wrap .purchased-list {
    padding: 20px 0 14px 10px;
    border-bottom: 1px #E1E1E1 solid;
}
.line-up .cus-tab .tabs-content-wrap .purchased-list h1 {
    display: block;
    font-weight: normal;
}
.line-up .cus-tab .tabs-content-wrap .purchased-list h1:after {
    content: '';
    display: block;
    clear: both;
}
.line-up .cus-tab .tabs-content-wrap .purchased-list h1 a {
    float: right;
    color: #515151;
}
.line-up .cus-tab .tabs-content-wrap .purchased-list h1 a img {
    width: 16px;
    position: relative;
    top: -1.5px;
}
.line-up .cus-tab .tabs-content-wrap .purchased-list .flex-row {
    margin-top: 12px;
    justify-content: space-between;
}
.line-up .cus-tab .tabs-content-wrap .purchased-list .flex-row .col h2 {
    font-weight: normal;
}
.line-up .cus-tab .tabs-content-wrap .purchased-list .flex-row .col p {
    font-size: 12px;
    margin-top: 4px;
}
.line-up .cus-tab .tabs-content-wrap .purchased-list .flex-row .col:nth-child(1) {
    width: 25%;
}
.line-up .cus-tab .tabs-content-wrap .purchased-list .flex-row .col:nth-child(2) {
    width: 30%;
}
.line-up .cus-tab .tabs-content-wrap .purchased-list .flex-row .col:nth-child(3) {
    width: 35%;
}
.header #header-search {
    position: absolute;
    right: 27px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.header #header-search img {
    width: 18px;
}
.my-group {
    padding-bottom: 60px;
}
.my-group .list {
    padding: 24px 84px 24px 24px;
    border-bottom: 1px #E3E3E3 solid;
    position: relative;
}
.my-group .list .flex-row {
    justify-content: start;
    align-items: center;
}
.my-group .list .flex-row .col img {
    width: 45px;
}
.my-group .list .flex-row .col + .col {
    padding-left: 13px;
}
.my-group .list .flex-row .col + .col h1 {
    font-size: 16px;
    font-weight: normal;
}
.my-group .list .flex-row .col + .col h1 span {
    display: inline-block;
}
.my-group .list .flex-row .col + .col h1 span:first-child + span {
    margin: 0 3px;
}
.my-group .list .flex-row .col + .col h1 .tag {
    font-size: 12px;
    width: 44px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #E7262B;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    color: #fff;
    position: relative;
    top: -2px;
}
.my-group .list .flex-row .col + .col p {
    font-size: 12px;
    margin-top: 8px;
}
.my-group .list .flex-row .col + .col p span + span {
    margin-left: 10px;
}
.my-group a {
    display: block;
    width: 60px;
    height: 28px;
    line-height: 26px;
    border: 1px #9B9B9B solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    color: #515151;
    text-align: center;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.my-group .notFound {
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.my-group .notFound img {
    width: 66px;
}
.my-group .notFound p {
    font-size: 18px;
    color: #A4A4A4;
}
#search-container {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 50px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    display: none;
}
#search-container .search {
    padding: 0 20px 10px 20px;
    background: #fff;
}
#search-container .search .inner {
    position: relative;
}
#search-container .search .inner .search-icon {
    position: absolute;
    width: 18px;
    left: 4px;
    top: 12.5px;
}
#search-container .search .inner input {
    width: 100%;
    height: 42px;
    line-height: 40px;
    border: 0;
    border-bottom: 1px #CACACA solid;
    font-size: 14px;
    background: #fff;
    padding: 0 24px 0 40px;
    color: #515151;
}
#search-container .search .inner input::-webkit-input-placeholder {
    color: #AEAEAE;
}
#search-container .search .inner input:-moz-placeholder {
    color: #AEAEAE;
}
#search-container .search .inner input::-moz-placeholder {
    color: #AEAEAE;
}
#search-container .search .inner input:-ms-input-placeholder {
    color: #AEAEAE;
}
#search-container .search .inner #search-cancel {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-top: -1px;
}
#search-container .search .inner #search-cancel img {
    width: 15px;
}
#search-container.active {
    display: block;
}
.member-detail {
    text-align: center;
    border-bottom: 8px #F3F3F3 solid;
    padding: 23px 0;
}
.member-detail .member-img {
    position: relative;
    width: 70px;
    height: 83px;
    display: inline-block;
}
.member-detail .member-img > img {
    width: 70px;
}
.member-detail .member-img .vip-info {
    width: 70px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    padding-left: 28px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
}
.member-detail .member-img .vip0 {
    background: url(../images/vip0@3x.png);
    -webkit-background-size: 70px 20px;
    -moz-background-size: 70px 20px;
    -o-background-size: 70px 20px;
    background-size: 70px 20px;
}
.member-detail .member-img .vip1 {
    background: url(../images/vip1@3x.png);
    -webkit-background-size: 70px 20px;
    -moz-background-size: 70px 20px;
    -o-background-size: 70px 20px;
    background-size: 70px 20px;
}
.member-detail .member-img .vip2 {
    background: url(../images/vip2@3x.png);
    -webkit-background-size: 70px 20px;
    -moz-background-size: 70px 20px;
    -o-background-size: 70px 20px;
    background-size: 70px 20px;
}
.member-detail h1 {
    font-size: 16px;
    margin-top: 8px;
    font-weight: normal;
}
.member-detail-info {
    padding: 10px 0 60px;
}
.member-detail-info ul {
    list-style: none;
}
.member-detail-info ul li {
    padding: 14px 37px;
    font-size: 14px;
}
.member-detail-info ul li::after {
    content: '';
    display: block;
    clear: both;
}
.member-detail-info ul li span {
    float: left;
}
.member-detail-info ul li span + span {
    float: right;
}
.member-detail-info ul li:nth-child(2n) {
    background: #F8F7F7;
}
.group-info {
    padding: 10px 27px 17px;
    background: #FFFAE7;
}
.group-info h1 img {
    width: 24px;
    position: relative;
    top: -2px;
    margin-right: 3px;
}
.group-info p {
    margin-top: 7px;
}
#line-up-comfrim {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}
#line-up-comfrim .message {
    width: 236px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 9999;
    background: #fff;
}
#line-up-comfrim .message .title {
    font-size: 15px;
    background: #f5f5f5;
    text-align: center;
    padding: 10px 0;
}
#line-up-comfrim .message .content {
    padding: 20px 0;
}
#line-up-comfrim .message .content h3 {
    text-align: center;
}
#line-up-comfrim .message .content h3 img {
    width: 18px;
    position: relative;
    top: -2px;
    margin-right: 8px;
}
#line-up-comfrim .message .btn {
    text-align: center;
    margin-top: 19px;
}
#line-up-comfrim .message .btn a {
    display: inline-block;
    width: 43px;
    height: 26px;
    line-height: 24px;
    color: #515151;
    border: 1px #e1e1e1 solid;
}
#line-up-comfrim .message .btn a + a {
    line-height: 26px;
    color: #fff;
    background: #E7262B;
    margin-left: 2px;
    border: 0;
}
#line-up-comfrim.active {
    display: block;
}
.header a.recommend {
    font-size: 14px;
    color: #515151;
    position: absolute;
    right: 27px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.recommend-info {
    border-bottom: 8px #F3F3F3 solid;
}
.recommend-info .flex-row {
    padding: 26px 48px 30px;
}
.recommend-info .flex-row .col {
    text-align: center;
}
.recommend-info .flex-row .col h2 {
    font-size: 14px;
    font-weight: normal;
}
.recommend-info .flex-row .col p {
    font-size: 20px;
    color: #F86D50;
    margin-top: 14px;
}
.recommend-line-up .line-up {
    border-top: 0;
}
.recommend-line-up .line-up .cus-tab .tabs {
    list-style: none;
    border-bottom: 2px #e3e3e3 solid;
}
.recommend-line-up .line-up .cus-tab .tabs li {
    float: left;
    width: 50%;
    text-align: center;
}
.recommend-line-up .line-up .cus-tab .tabs li a {
    display: block;
    height: 52px;
    line-height: 52px;
    color: #A5A5A5;
}
.recommend-line-up .line-up .cus-tab .tabs li.current {
    position: relative;
}
.recommend-line-up .line-up .cus-tab .tabs li.current::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #626262;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.recommend-line-up .line-up .cus-tab .tabs li.current a {
    color: #515151;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap {
    padding: 13px 27px 60px;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .tabs-content {
    display: none;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .tabs-content.active {
    display: block;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .line-up-list .title {
    padding: 0 0 0 23px;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .line-up-list .list {
    border-bottom: 1px #E1E1E1 solid;
    padding: 0 0 0 23px;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .line-up-list .flex-row {
    justify-content: space-between;
    align-items: center;
    height: 48px;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .line-up-list .flex-row .col {
    width: 30%;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .line-up-list .flex-row .col a {
    display: block;
    width: 65px;
    height: 25px;
    line-height: 23px;
    font-size: 12px;
    color: #666666;
    border: 1px #9B9B9B solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .line-up-list.type2 .title,
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .line-up-list.type2 .list {
    padding: 0;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .line-up-list.type2 .flex-row {
    justify-content: space-between;
    align-items: center;
    height: 48px;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .line-up-list.type2 .flex-row .col {
    width: 50%;
    padding-left: 7px;
}
.recommend-line-up .line-up .cus-tab .tabs-content-wrap .line-up-list.type2 .flex-row .col + .col {
    width: 50%;
    padding-right: 12px;
}
.recommend-friend .top {
    padding: 29px 0;
    text-align: center;
}
.recommend-friend .top img {
    max-width: 277px;
}
.recommend-friend .cus-tab .tabs {
    list-style: none;
    border-bottom: 2px #e3e3e3 solid;
}
.recommend-friend .cus-tab .tabs li {
    float: left;
    width: 50%;
    text-align: center;
}
.recommend-friend .cus-tab .tabs li a {
    display: block;
    height: 52px;
    line-height: 52px;
    color: #A5A5A5;
}
.recommend-friend .cus-tab .tabs li.current {
    position: relative;
}
.recommend-friend .cus-tab .tabs li.current::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #626262;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.recommend-friend .cus-tab .tabs li.current a {
    color: #515151;
}
.recommend-friend .cus-tab .tabs-content-wrap .tabs-content {
    display: none;
}
.recommend-friend .cus-tab .tabs-content-wrap .tabs-content.active {
    display: block;
}
.qrcode {
    text-align: center;
    margin: 36px 0 15px;
}
.qrcode img {
    max-width: 192px;
}
.top + .qrcode {
    margin-top: 0;
}
.invite-copy {
    padding: 0 55px 60px;
}
.invite-copy h2 {
    font-size: 14px;
    display: block;
    padding: 15px 0 8px;
    font-weight: normal;
}
.invite-copy .copy {
    position: relative;
}
.invite-copy .copy p {
    display: block;
    height: 35px;
    line-height: 35px;
    width: 100%;
    border: 0;
    background: #F3F3F3;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 37px 0 14px;
    color: #515151;
    font-size: 14px;
}
.invite-copy .copy button {
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border: 0;
    background: 0;
    padding: 0;
}
.invite-copy .copy button img {
    width: 20px;
}
.copy-input {
    position: absolute;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    top: 50%;
    left: 50%;
}
.message-box {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    z-index: 999;
    display: none;
}
.message-box.active {
    display: block;
}
.declaration form {
    display: block;
    padding: 0 27px 60px;
}
.declaration form label {
    display: block;
    font-size: 14px;
    padding: 20px 0 10px;
    position: relative;
}
.declaration form label span {
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.declaration form label span i {
    font-style: normal;
    margin-left: 5px;
    color: #F62823;
}
.declaration form input {
    width: 100%;
    height: 32px;
    line-height: 31px;
    border: 0;
    border-bottom: 1px #E1E1E1 solid;
    font-size: 14px;
    background: #fff;
    color: #515151;
    padding: 0;
}
.declaration form input::-webkit-input-placeholder {
    color: #AEAEAE;
}
.declaration form input:-moz-placeholder {
    color: #AEAEAE;
}
.declaration form input::-moz-placeholder {
    color: #AEAEAE;
}
.declaration form input:-ms-input-placeholder {
    color: #AEAEAE;
}
.declaration form .custom-select {
    position: relative;
    display: inline-block;
    margin: 7px 0 20px;
    font-size: 14px;
    color: #9B9B9B;
}
.declaration form .custom-select select {
    display: none;
}
.declaration form .custom-select .select-selected {
    background-color: #fff;
    line-height: 30px;
    padding: 0 12px 0 17px;
    border: 1px solid #ccc;
    cursor: pointer;
    height: 32px;
    user-select: none;
    background: url(../images/select-down@3x.png) center right 12px no-repeat;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.declaration form .custom-select .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px #D4D4D4 solid;
    padding: 15px 0;
}
.declaration form .custom-select .select-items div {
    padding: 0 17px;
}
.declaration form .custom-select .select-items div + div {
    padding: 0 17px;
    margin-top: 9px;
}
.declaration form .custom-select .select-selected.select-arrow-active,
.declaration form .custom-select .select-selected.select-arrow-active ~ .select-items {
    color: #515151;
}
.declaration form .custom-select .select-hide {
    display: none;
}
.declaration form .custom-select + .custom-select {
    margin-left: 20px;
}
.declaration form .custom-select.style2 {
    font-size: 12px;
}
.confirm {
    padding-top: 60px;
}
.confirm button {
    font-size: 14px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    background: #f3f3f3;
    color: #515151;
    border: 0;
}
.confirm.active button {
    background: #F62823;
    color: #fff;
}