@charset 'utf-8';
/* CSS reset */
html{width:100%;height:100%;color:#fff;font-size:12px;background:#0E1530;font-family:tahoma, arial, sans-serif;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,td,strong{padding:0;margin:0;font-family:"Microsoft YaHei",tahoma, arial, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
button,input{border:none;outline:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:15px;}
input:-internal-autofill-selected {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1000px #ffffff !important;
}
input:-webkit-autofill{text-fill-color: white;-webkit-text-fill-color: #fff;box-shadow: 0 0 0px 1000px #0E1530  inset !important;border: none;}
input:-webkit-autofill:focus {
    box-shadow: 0 0 0px 1000px #0E1530 inset !important;
}
input{
  border: none;
  background: transparent;
}
abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video{display: block;}
a:link{
    text-decoration: none;
}
a{
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
    -moz-user-select: none;
}
i{
    font-style: normal;
}
.clearfix:after {content:"\200B";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}
.text-center,.tc{
  text-align: center;
}
.text-right{
  text-align: right;
}
.ellipse{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ellipses{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.container{
    padding-bottom: 1.2rem;
    font-size: .24rem;
}
.mt10{
    margin-top: .2rem;
}
.mt15{
    margin-top: .15rem;
}
.mt20{
    margin-top: .2rem;
}
.mt24{
    margin-top: .24rem;
}
.mt60{
    margin-top: .6rem;
}
.mt90{
    margin-top: .9rem;
}
.mt40{
    margin-top: .4rem;
}
.ml15{
    margin-left: .3rem;
}
.red{
    color: #FA4D56!important;
}
.bg-red{
  background: #FA4D56!important;
}
.text-center{
  text-align: center;
}
.mask,.mask3{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    overflow: hidden;
}
.mask3{
    z-index: 1000;
}
.go-top{
    position: fixed;
    right: .2rem;
    bottom: 1.8rem;
    z-index: 9999;
    width: .8rem;
    height: .8rem;
}
.search-box{
    position: fixed;
    left: .3rem;
    right: .3rem;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background: #2a3040;
    box-sizing: border-box;
}
.search-box .icon{
    width: 20px;
    height: 20px;
}
.search-box .search{
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 14px;
    background: transparent;
    text-indent: 4px;
}
.load-box{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
}
.load-box .load{
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10000;
  width: .5rem;
  height: .5rem;
  transform: translate(-50%,-50%);
}
/* 左侧币种弹窗 */
.alert-left{
  position: fixed;
  left: -1px;
  top: 0;
  z-index: 1000;
  width: 270px;
  height: 100%;
  background: #0f1a2a;
}
.alert-left .tab-box{
  position: fixed;
  top: 0;
  left: 0;
  width: 246px;
  display: flex;
  align-items: center;
  margin: 0 12px;
  padding: 32px 0 0;
  color: #7f7f7f;
  font-size: 16px;
  border-bottom: 1px solid #e0e0e0;
}
.alert-left .tab-box .tab{
  margin-right: .3rem;
  padding-bottom: 9px;
}
.alert-left .tab-box .active{
  color: #218adc;
  border-bottom: 2px solid #218adc;
}
/* .alert-left .tab-box .tab:first-child{
  margin-right: 32px;
} */
.alert-left .ul-box{
  position: absolute;
  top: 62px;
  bottom: 0;
  width: 100%;
  height: auto;
  overflow-y: scroll;
}
.alert-left .ul-box .list .list-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 12px;
  padding: 12px 6px 12px 0;
  border-bottom: 1px solid #313a47;
}
.alert-left .ul-box .list.active{
  background: #131e30;
}
.alert-left .ul-box .list.active .list-box{
  border: none;
}
.alert-left .ul-box .list .t1{
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.alert-left .ul-box .list .t1 span{
  color: #aaa;
  font-size: 12px;
  font-weight: normal;
}
.alert-left .ul-box .list .price{
  color: #d85656;
  font-size: 12px;
}
.btn-bg{
  display: block;
  width: auto;
  height: 1.32rem;
  color: #fff;
  font-size: .48rem;
  line-height: 1.32rem;
  background: #307d9b;
  border-radius: .2rem;
  text-align: center;
}
.remind-box{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow-y: auto;
  text-align: center;
}
.remind-box .img{
  width: 4rem;
  margin-top: 1rem;
}
.remind-box .info{
  padding: 0 1rem;
    margin-top: 0.36rem;
}
.remind-box .info .title{
    color: #000;
  font-size: .72rem;
}
.remind-box .info .t1{
  margin-top: 0.1rem;
  color: #464646;
  font-size: .36rem;
}
.remind-box .info .t2{
  margin-top: 0.06rem;
  color: #464646;
  font-size: .24rem;
}
/* 授权 */
.remind-box2{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: #999;
  overflow-y: auto;
  text-align: center;
}
.remind-box2 .info{
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 50%;
  padding: 1rem .8rem .3rem;
  background: #fff;
  box-sizing: border-box;
  transform: translateY(-50%);
  border-radius: .4rem;
}
.remind-box2 .info .close{
  position: absolute;
  right: .3rem;
  top: .3rem;
  width: .8rem;
}
.remind-box2 .info .title{
  color: #333;
  font-size: .72rem;
}
.remind-box2 .info .t1{
  margin-top: 0.5rem;
  color: #aaa;
  font-size: .45rem;
}
.remind-box2 .info .copy{
  height: 1.4rem;
  margin-top: 1rem;
  color: #fff;
  font-size: .56rem;
  line-height: 1.4rem;
  background: #0099ac;
  border-radius: .2rem;
  text-align: center;
}
.alert-pwd-box{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1000;
  width: auto;
  padding: 20px 22px 40px;
  background: #fff;
  box-sizing: border-box;
  transform: translateY(-50%);
}
.alert-pwd-box .alert-head{
  position: relative;
  color: #000;
  font-size: 15px;
  text-align: center;
}
.alert-pwd-box .close{
  position: absolute;
  left: 10px;
  top: 24px;
  width: 16px;
  height: 16px;
}
.alert-pwd-box .pwd-box{
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 22px;
}
.alert-pwd-box .pwd-box .pwd{
  height: 40px;
}
.alert-pwd-box .pwd-box .pwd .input{
  width: 40px;
  height: 40px;
  color: #4458ed;
  font-size: 20px;
  background: #fff;
  text-align: center;
  border-radius: 6px;
  outline: none;
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  border: 1px solid #66afe9;
  box-sizing: border-box;
}
