html{width: 100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action: manipulation;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;cursor: pointer;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,textarea{font-size:100%;-webkit-appearance : none ;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
/* h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500} */
q:before,q:after{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
ins,a{text-decoration:none}
.btn-default{border-color: transparent !important;background-color: #588bf7;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a{color:inherit;}
input{border:0;outline:0;}
input::-webkit-input-placeholder{color: #7d818a;}
input{background: transparent;color:#333;}
/* 浮动 */
.accd{color:#000;}
.fl{float: left}
.fr{float: right}
 /* 清浮动 */
.overhide{overflow: hidden;}
.clearfix:after{content: '';display: block;clear: both;}
.clearfix{zoom:1;}
 /* 定位 */
.reltive{position: relative}
.abstrot{position: absolute}
.fixed{position: fixed}
 /* 弹性盒子 */
.flex{display: -webkit-box;display: -ms-flexbox;display: flex;color:#000;}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.flex2{-webkit-box-flex: 2;-ms-flex: 2;flex: 2;}
.flex3{-webkit-box-flex: 1.5;-ms-flex: 1.5;flex: 1.5;}.flexcol{flex-direction: column;}
.flexcol{flex-direction: column;}.between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.around{-ms-flex-pack: distribute;justify-content: space-around;}
.jucenter{justify-content: center}
.alcenter{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.warps{flex-wrap: nowrap;}
.warps1{flex-wrap: wrap;}
 /* 字体 */
.bgBlueone{
    background: #ffffff;
    color:#ccc;
}
body{color:#ccc;font-size: 12px;font: 14px/18px Arial,Microsoft YaHei,Tahoma,sans-serif;background-color: #ffffff;width: 100%;height: 100%;}

  .lang-fix{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height：100%;
        z-index: 99999;
       
        display: none;
    }
    .lang-mask{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 5;
        background: rgba(0,0,0,0.5);
    }
    .lang-box{
        position: fixed;
        color: #333333;
        bottom: 0;
        width: 80%;
        height: 100%;
        z-index: 999999999;
        background: #ffffff;
        overflow:scroll;
        text-align: center;
       
    }
  
    .lang-line{
        width: 100%;
        height: 20px;
        background: #ced1d4;
    }
    .lang-close{
        padding: 10px;
        font-size: 16px;
        color: #e2be30;
    }
   .xztp{
         background-image: url(../images/thi/1/icon-switch.png);
         background-repeat:no-repeat;
          background-size: 50px;
   padding: 0px;
   width: 150px;
   } 
   .top-logo{
       color:#000000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 5%;
}
.top-logo img{
    height: 20px;
}
    .content-box{
        border-radius: 10px;
        margin: 0 3% 20px;
    }
    .content-box-list:last-child .content-box-list-right{
        border-bottom: 0;
    }
  
  .content-box-list{
        display: flex;
        flex-direction: row;
        padding: 5px 2%;
        align-items: center;
        color:#929293;
        border:1px solid #f4f5f7;background: #f4f5f7;height:60px;padding: 0px;border-radius: 10px;margin: 0 0 10px;box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.02);
   
   
    }
   .content-box-list-left img{
        width: 25px;
        height: 25px;
        margin-left: 10px;
        
       
    }
    .content-box-list-right{
        width: 88%;
        
        margin-left: 3%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 10px;
        margin-top: 10px;
    }
    .content-box-list-right h1{
        font-size: 16px;
    }
    .content-box-list-right article img{
        width: 20px;
        height: 20px;
    }
    .content-box-list-right article span{
        color: #90a2b0;
    }
    .content-box-list-right article{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .signbox{
        position: absolute;
        top: 12px;
        right: 55px;
        color: #ccc;
        padding: 5px 10px;
        border: 1px solid #fff;
        border-radius: 5px;
    }
	.order-list-tab {
		    background: #f2eeee;
			width: 100%;
			position: fixed;
			top: 40px;
			line-height: 40px;
			border-bottom: 1px solid #273552;
			z-index: 1;
		}
    .tibi-biz{
        margin-bottom: 10px;
    }
    .tibi-biz h1{
        font-size: 18px;
        color: #ccc;
    }
    .selectbiz .el-dropdown{
        width: 100%;
        color:#ccc;
    }
    .selectbiz .el-dropdown-link{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .selectbiz{
        padding: 10px 3%;
        border-radius: 5px;
        border: 1px solid #dcdfe6;
    }
    .tibi-address input{
        width: 100%;
        padding: 10px 3%;
        background: #fff;
        border: 1px solid #dcdfe6;
    }
    .tibi-sl{
        width: 100%;
        padding: 10px 3%;
         background: #fff;
        border: 1px solid #dcdfe6;
    }
    .all_in{
        color: #91a0be;
    }
    .tibi-balance{
        color:#8d9dbc;
        margin-top:10px;
         display: flex;
        flex-direction: row;
    }
    .tibi-fee{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        padding: 10px 3%;
         background: #fff;
        border: 1px solid #dcdfe6;
    }

footer{
    width: 100%;overflow: hidden; font-size:10px;position: fixed;bottom:0;background:#ffffff;/*修改导航颜色*/
    display: -webkit-box;display: -ms-flexbox;display: flex;
    /* box-shadow: 5px 1px 3px 4px #f5f5f5; */
    padding-bottom: env(safe-area-inset-bottom);
    border-bottom: 1px solid #273552;
}
.bgBalck #home .trade ul li .usdt{color:#000;}
#home .trade ul li .usdt{color:#000;font-weight:bold;font-size: 12px;}

.bgBalck footer{background-color: #ffffff;border-top: 1px solid #333;}
footer a{color:#21bcec;width:25%;height:50px;display: block;}
footer a:hover,footer a:link,footer a:active,footer a:visited{color: #a2a6a5;}
footer div{width:100%;height:50px;text-align: center;}
footer .img{width: 22px;height: 23px;margin:3px auto;background-size: 100%;background-repeat: no-repeat;background-position: center center;}
footer .select{color:#fbbe23!important;}
footer div i{
    display: block;
}
footer div span{
    display: block;
    margin-top: 5px;
}
footer .iconfont{font-size: 24px;margin-top: 8px;}
.select .iconfont{color:#fbbe23!important;}
.img0{background-image: url('../images/footer/index1.png');}
.img1{background-image: url('../images/footer/hangqing1.png');}
.img2{background-image: url('../images/footer/jiaoyi1.png');}
.img3{background-image: url('../images/footer/assets1.png');}
.img4{background-image: url('../images/footer/personal1.png');}

.select .img0{background-image:url('../images/footer/index.png');}
.select .img1{background-image: url('../images/footer/hangqing.png');}
.select .img2{background-image: url('../images/footer/jiaoyi.png');}
.select .img3{background-image: url('../images/footer/assets.png');}
.select .img4{background-image: url('../images/footer/personal.png');}
.tl{text-align: left}
.tc{text-align: center}
.tr{text-align: right}
.bold{font-weight: bold}
.ft12{font-size: 12px;}
.ft10{font-size: 10px;}
.ft14{font-size: 14px}
.ft15{font-size: 15px}
.ft16{color:#000;font-size: 16px}
.ft18{color:#333;font-size: 18px}
.ft20{font-size: 20px;}
.ft22{font-size: 22px}
.ft30{font-size: 30px}
.ft36{font-size: 36px}
/* 外边距 */
.tian{background-color: #588bf7}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.ml12{margin: 0 12px;}
.ml10{margin-left: 10px}
.mt15{margin-top: 15px}
.mltian{background-color: #588bf7}
.mt40{margin-top: 40px}
.ml15{margin-left: 15px}
.ml20{margin-left: 20px}
.ml40{margin-left: 40px;}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px;}
.mr20{margin-right: 20px;}
.mr10{margin-right: 10px;}
.mr5{margin-right: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb50{margin-bottom: 50px;}
.ml5{
	margin-left: 5px;
}
/* 内边距 */
.pl10{padding-left: 10px}
.pr5{padding-right: 5px}
.pb5{padding-bottom: 5px}
.pr10{padding-right: 10px}
.pl12{padding-left: 12px;padding-right: 12px;}
.pr30{padding-right: 30px}
.pb10{padding-bottom: 10px;}
.pt40{padding-top: 40px;}
.plr10{padding-left: 10px;padding-right: 10px;}
.plr15{padding-left: 15px;padding-right: 15px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.ptb10{padding-top: 10px;padding-bottom: 10px;}
.ptb20{padding-top: 20px;padding-bottom: 20px;}
.ptb15{padding-top: 15px;padding-bottom: 15px;}
.pd5{padding: 5px;}
/* 颜色 */
.ftw{color: #fff;}
.color1{color: #333}
.color2{color: #000}
.color3{color: #666}
.color4{color: #666}
.color5{color: #2b343c}
.color1f{color: #1f3f59}
.color8{color: #828181}
.color9{color: #7d818a}
.baseBg2{background: #588bf7;}
.baseBg3{background: #879BAA;}
.baseBg{background: #e8edf1}
.bgRed{background:#e3046f}
.bgGreen{background: #00c087}
.white{color: #fff}
.white_gray{color: #7d818a}
.yellow{color: #f1cd78;}
.red{color:#e3046f}
.green{color: #00c087}
.blue{color: #588bf7}
.blue2{color: #728DAF}
.ftColor{color: #588bf7;}
/* 筛选 */
.tian6666{background-color: #588bf7}
.blue3{color: #588bf7;}
.bgblue3{background: #588bf7;}
/* 标题 */
.blue4{color: #588EE4;}
.bgblue4{background: #588EE4;}
.black{color: #000;}
/* 边框 */
.bdb{border-bottom: 1px solid #f1f1f1;}
.bdt{border-top: 1px solid  #f1f1f1;}
/* 输入框边框 */
.bd{ border:1px solid #1B2A3E;} 
.bdr{border-right: 1px solid #f1f1f1;}
.w100{width: 100%;}
/* 背景 */
.bgWhite{background:#fff;}
.bgColor{background-color: #fff;}
.bgColor2{background-color: #FD5C3F;}
.bodyColor{background-color: #1C1734;}

/*大块灰色背景 */
.bgGray{background: #fff;}
.maincolor{background: #fff;}
/* 按钮灰色背景 */
.bgGray2{background: #C5CFD5;}
.bgGray3{background: #F7F7FF}
.bgLinear{background: -webkit-gradient(linear, left top, right top, from(#9DB5C7) ,to(#8C9CAB) );background: linear-gradient(to right, #9DB5C7 ,#8C9CAB );}
.bgLinearblue{background: -webkit-gradient(linear, left top, right top, from(#588bf7) ,to(#588bf7) );background: linear-gradient(to right, #588bf7 ,#588bf7 );}
/* 按钮渐变 */
 /* 其它 */
.hide{display: none;}
.inblock{display: inline-block}
.mauto{margin: 0 auto 0 auto}
.block{display: block;}
.layer_box{position: fixed;top:0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .6);width: 100%;height: 100%;display: none;}
input::-webkit-input-placeholder{color: #b9b9b9;}

/* 头部 */
.header{height: 40px;line-height: 40px;position: fixed;width: 100%;left: 0;top:0;right: 0;z-index: 10;color: #fff;background-color: #ffffff;z-index: 10;}
.header48{height: 40px;line-height: 40px;}
.back{position: absolute;left: 12px;display: block;background: url(../images/return2.png)no-repeat;background-size:30px 24px;margin: 0px auto;background-position: center;margin-left: -10px;top: 8px;width: 30px;height: 24px;}
.back img{width: 22px;}
.header h4{width: 100%;text-align: center;line-height: 40px;font-size: 16px;font-weight: bold;}
.right{position: absolute;right: 10px;top: 0;background-color: #fff;color:#000;padding-bottom: 1px;}
.right .select{border:none;}
.logtxt{
            color:#ccc;
            background-color: rgba(0, 0, 0, 0)
        }
        .logtxt input{
            color: #000;
        }
        
         .active{
            color: #0092ff;
        }
        .kos{
            color: #ccc;
        }
        
 .mask-content{
            width: 100.0vw;
            background-color: #fff;
             color:#000;
            top:48px;
            position: absolute;
            left: 0;
            border-radius: 2px;
            height: calc(100.0vh - 48px);
        }
        
          
     .area-code li{
           
             background: #fff;height:40px;padding: 10px;border-radius: 0px;margin: 0 0 10px;box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.02);
             color:#000;
            font-size: 14px!important;
        }   
    
        
.right img {width: 18px;margin-right: 6px; position: relative;}
.header-space{height: 40px;}
.bg1{
	background: #02BF85!important;
}
.bg2{
	background:#e3046f!important;
}
[v-cloak] {

	display: none;

}
.layui-layer-loading .layui-layer-content{
	margin: 0 auto;
}
.layui-layer-shade{
	opacity: 0.5!important;
}
.colorGrey{
	color: #7d818a!important;
}
.loads-btn .layui-layer-content{
	line-height: 64px;
	height: 64px;
	padding-left: 15px;
	position: relative;
	top: 10px;
	padding-right: 15px;
	
}
.loads-btn .layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn{
	padding: 0 0 10px;
}
.btn-text .layui-layer-btn{
	text-align: center;
	display: flex;
	width: 100%;
	padding-top: 5px!important;
	padding: 0 15px 20px;
}
.btn-text .layui-layer-btn a{
	padding: 0;
	margin: 0;
	line-height: 44px;
	height: 44px;
	border: none;
	font-size: 16px;
}
.btn-text .layui-layer-btn .layui-layer-btn0{
	width: calc(50% - 8px);
	background-color: #ddd;
	color: #9d9d9d;
}
.btn-text .layui-layer-btn .layui-layer-btn1{
	width: calc(50% - 8px);
	color: #fff;
	background: #2cbcec;
	margin-left: 15px;
}
.btn-text .layui-layer-close{
	display: none;
}
.modal-logo{
	width: 120px;
	/* margin-top: 10px; */
	position: relative;
	left: -3px;
	vertical-align: middle;
}
.confirm-modal .modal-logo{
	margin-top: 0;
}
.btn-text{
	font-size: 16px!important;
	text-align: left;
}
.btn-text .layui-layer-content{
	font-size: 16px!important;
}
body {
	padding-bottom: env(safe-area-inset-bottom);
}

/* 黑色背景 */
.bgBalck{background-color: #fff;color: #333;}
.bgBlackColor{background-color: #fbfbfb;}
.bgBalck .header{border-color: #fbfbfb; color: #333;background-color: #fbfbfb;}
.bgBalck .home-header{border-color: #fbfbfb; color: #333;}
.bdbs{border-bottom:1px solid #fff;}
.bgBalck .data_lists{background-color: #fbfbfb;}
.bgBalck .color1{color: #fff;}
.bgBalck .back{ background: url(../images/return3.png)no-repeat;background-size:30px 24px;}
.bgBalck .bgGray3{
	background-color: #fbfbfb;
}
.bgBalck .btn-text{background-color: #fbfbfb;}
.bgBalck .layui-layer-title{background-color: #fbfbfb;border-bottom: 1px solid #333;color: #fff;}