body {
    font: 14px/18px "din", "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Microsoft Yahei,微软雅黑,STXihei,华文细黑,sans-serif;
}
table.fixedHeader-floating{position:fixed !important;background-color:white}table.fixedHeader-floating.no-footer{border-bottom-width:0}table.fixedHeader-locked{position:absolute !important;background-color:white}@media print{table.fixedHeader-floating{display:none}}
.por{position:relative;}
.top-line{position:relative;top:-13px;}
.poa{position:absolute;}
.tac{text-align:center !important;}
.market_bg{width: 100%;height: 48px;margin:20px 0 30px;background: url(/images/market_bg.png) no-repeat;background-size: 100%;padding-left: 20px;cursor: pointer;justify-content: flex-start;box-sizing: border-box;}
.market_bg .market_bg_item1{font-size: 16px;color: #093331;}
.market_bg .market_bg_item2{font-size: 14px;color: #ffffff;margin-left: 15%;align-items: center;}
.market_bg .market_bg_item2 i{display: inline-block;width: 16px;height: 16px;background:url(/images/goto.png) no-repeat;background-size: 100%;margin-left: 4px;}
.fee_wrapper{padding-bottom:161px;}
.header_bg{top:-2px;width:100%;height:416px;background: var(--brandColor);}
.header_bg h3{margin-top:45px !important;color:#fff;font-size:32px;font-weight: 400;}
.turkey_bg{height: 344px !important;}
.fee_content{position:relative;top:90px;margin:0 auto;}
.login-header h3{margin-bottom:16px;color:#333;font-weight:500;font-size:24px;}
.login-header h5{margin-bottom:10px;color:#DFE4E8;font-weight:400;font-size:12px;}
.login-header h5 span{color:#DFE4E8;font-weight:bold;}
.no-login-header{box-sizing:border-box;margin-bottom:40px;padding:40px 24px;height:165px;background:rgba(255,255,255,0.1);box-shadow:0 2px 8px 0 rgba(0,0,0,.08);    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
.no-login-header h3{margin-bottom:16px;color:#fff;font-size:24px;}
.no-login-header button{padding:0 26px;height:36px;border:1px solid #fff;border-radius:18px;background:rgba(255,255,255,0.1);color:#fff;font-size:18px;line-height:36px;cursor:pointer;}
.fee_cont_tabs{display:flex;margin-bottom:27px;border-bottom:1px solid #d1e0e7;}
.fee_cont_tabs li{position:relative;left:0;margin-right:24px;height:50px;color:#333;font-size:18px;line-height:50px;cursor:pointer;}
.fee_cont_tabs li.tab_active::after{position:absolute;bottom:0;left:0;display:inline-block;width:100%;height:3px;background:var(--brandColor);content:'';}
table{width:100%;border-collapse:collapse;text-align:center;}
#fee-c2c thead{background:#f7fafa;color:#666;font-size:14px;}
.feeTable thead th{border:none;font-weight:500;border:4px solid #fff;}
#fee-c2c thead th, #fee-future thead th{height: 80px;}
#fee-c2c tbody tr,#fee-cash tbody tr,#fee-future tbody tr,#fee-hodl tbody tr{background:#fff;}
#fee-c2c tr td{height:60px;border-bottom:1px solid #ddd;cursor: auto;}
.fee-level{width:116px;}
.next-level{width:100%;height:8px;border-radius:2px;background:#fff;opacity: 1;;}
.next-level-progress{height:8px;border-radius:2px 0 0 2px;background:#17E5A1;}
.next-level-pro{margin:10px 0 0px;color:#DFE4E8;font-weight:500;font-size:12px;}
.next-level-pro span{color: #DFE4E8;font-weight:500;}
.trade-vol{display:flex;/* justify-content:space-between; */border-top: 1px solid rgba(255, 255, 255, .1);padding:10px 0px;}
.trade-vol-item{position:relative;box-sizing:border-box;padding-left:24px;width:33%;color:#DFE4E8;text-align:left;font-weight:400;font-size:14px;}
.trade-vol-item::after{position:absolute;top:10px;right:0;width:1px;height:40px;background:rgba(255, 255, 255, .1);content:'';}
.trade-vol-item:last-child::after{width:0;content:'';}
.trade-vol-item div{margin:10px 0 4px;}
.trade-vol-item span{color:#DFE4E8;font-size:16px;}
.trade-vol-item-last{font-size: 12px !important;}
.trade-vol-item .coin-type{color:#DFE4E8;font-weight:600;font-size:24px;}
#fee-cash thead th,#fee-hodl thead th{padding:0 24px;background:#f7fafa;text-align:right;font-weight:500;font-size:14px;color: #666666;}
#fee-cash tbody td,#fee-hodl tbody td{box-sizing:border-box;padding:0 24px;height:60px;border-bottom:1px solid #ddd;text-align:right;cursor: auto;}
#fee-cash tbody td.coin-key,#fee-hodl tbody td.coin-key{text-align:left;}
.feeTable tbody td.coin-key i{position:relative;top:14px;margin-right:6px;}
.feeTable tbody td.coin-key span{color:#333;font-weight:600;font-size:14px;line-height:60px;}
#fee-cash tbody{display:block;overflow-y:scroll;height:1200px;}
#fee-cash tbody tr,#fee-cash thead{display:table;width:100%;table-layout:fixed;}
.fee_mobile_wrapper{width:100%;}
.fee_mobile_header{box-sizing:border-box;padding:16px;width:90%;height:177px;border-radius:8px;background:url(/images/fee_mobile_header.png) no-repeat;background-size:100%;color:#fff;position: relative;left: 5%;margin-top: 16px;}
.now-level{height:20px;font-size:14px;line-height:20px;}
.level-x{margin-top:4px;margin-bottom:12px;height:28px;font-weight:900;font-size:28px;}
.trade-info{position:relative;padding-top:16px;}
.trade-info::after{position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;content:'';}
.trade-info li{display:flex;margin-top:4px;height:17px;font-size:12px;line-height:17px;justify-content:space-between;}
.trade-info li:first-child{margin-top:0;}
.fee_mobile_tabs{display:flex;box-sizing:border-box;padding:0 16px;height:36px;line-height:36px;width: 100vw;overflow-x: scroll;}
.fee_mobile_tabs::-webkit-scrollbar{display: none;}
.fee_mobile_tabs li{position:relative;padding-right:16px;color:#888;font-size:14px;white-space: nowrap;}
.fee_mobile_tabs li.tab_active{color:#333;}
.fee_mobile_tabs li.tab_active::after{position:absolute;bottom:0;left:50%;margin-left:-26px;width:20px;height:2px;background:var(--brandColor);content:'';}
.mobile-fee-level{width:70px;}
.feeMobileTable td,.feeMobileTable th{border:1px solid #dadee3;}
.feeMobileTable th{color:#888;font-size:12px;}
.feeMobileTable td{height:40px;background:#fff;color:#333;font-size:14px;}
.feeMobileTable .coin-key{padding-left:8px;width:120px;}
.feeMobileTable .coin-key i{position:relative;top:4px;margin-right:6px;}
.feeMobileTable .coin-key span{float:left;line-height:40px;}
.sorting_disabled:hover {color: #666666;}
#fee-cash-scroll {position: fixed;top: 72;z-index: 99999;width: 100%;}
/* #fee-c2c-scroll {position: fixed;top:0;z-index: 99999;width: 1032px;} */
/* #fee-c2c-scroll thead th {height:80px;} */
#fee-cash-scroll thead th{padding:0 24px;background:#f7fafa;text-align:right;font-weight:500;font-size:14px;color: #666666;text-align: right;width: 25%;}
#fee-mobile-scroll {position: fixed;top: 0;z-index: 1;text-align: center;background: #ffffff;visibility: hidden;}
#fee-future thead th {padding: 0 24px;background: #f7fafa;font-weight: 500;font-size: 14px;color: #666666;}
#fee-future tbody td {box-sizing: border-box;padding: 0 24px;height: 60px;border-bottom: 1px solid #ddd;}
#mobile-fee-c2c, #mobile-fee-future{width: 200%;}
#mobile-fee-c2c_wrapper, #mobile-fee-future_wrapper{width: 100vw;overflow-x: scroll;}
#mobile-fee-c2c_wrapper::-webkit-scrollbar, #mobile-fee-future_wrapper::-webkit-scrollbar {display: none;}
.fee-tips {font-size: 14px;font-weight: 400;line-height:20px;color: #888888;}
.fee-tips li{list-style: disc;}
.fee-tips li a{color: var(--brandColor);cursor: pointer;}
.fee-tips li a i{width: 12px;height: 12px;display: inline-block;background: url(/images/goto_vip.png) no-repeat;background-size: 100%;position: relative;top:2px;}
.mt40{margin-top: 40px;}
.symnol-name1{font-weight: 400 !important;margin-left: 8px;}
.fee_mobile_cont h3 {height: 40px;line-height: 40px;padding-left: 14px;color: #333;font-size: 16px;border-top: 16px solid #f5f5f5;}
.mobile_market_bg{margin: 12px 0;box-sizing: border-box;position: relative;width: 90%;left: 5%;background: url(/images/mobile_market_bg.png) no-repeat;background-size: 100% 100%;height: 46px;justify-content:flex-start;}
.mobile_market_bg_item1 {font-size: 12px;color: #093331;padding-left: 16px;box-sizing: border-box;width: 25%;}
.mobile_market_bg_item2 {width: 50%;;font-size: 12px;color: #ffffff;padding-left: 26px;}
.mobile_market_bg i {flex:1;display: inline-block;width: 12px;height: 12px;background: url(/images/goto.png) no-repeat;background-size: 100%;position: absolute;right: 32px;}
.mobile-fee-tips {border-top:16px solid #f5f5f5;box-sizing: border-box;padding: 16px;padding-left: 20px;color: #888888;font-size: 12px;line-height: 17px;}
.mobile-fee-tips li {list-style: disc;}
.mobile-fee-tips a {color: var(--brandColor);font-size: 12px;}
.mobile-fee-tips a i {width: 12px;height: 12px;display: inline-block;background: url(/images/goto_vip.png) no-repeat;background-size: 100%;}
.mt{display:none;}
.up {color:#e64e62 !important;}
.fixedHeader-floating thead th {height: 80px;background:#f7fafa;border: 4px solid #fff;color:#666}
@media screen and (min-width:1440px){.fee_content, #fee-cash-scroll, #fee-c2c-scroll,.header_bg h3{width:1224px;margin:0 auto;}
.fee-level{width:98px;}
}
#fee-c2c tr:hover td{background:#f7fafa}
.colhoverbg{background:#f7fafa }
/* 黑夜模式 */
.dark-body table tr,.dark-body #fee-future thead th, .dark-body #fee-cash thead th,.dark-body #fee-hodl thead th{background: #333 !important;}
.dark-body table tr td{border-bottom: 1px solid rgba(255, 255, 255, .1) !important;}
.dark-body .fee_cont_tabs{border-bottom: 1px solid rgba(255, 255, 255, .1);}
.dark-body .fee_cont_tabs li{color: #cfcfcf;}
/* .dark-body .no-login-header, .dark-body .login-header,.dark-body .no-login-header button{background: #333;} */
.dark-body .no-login-header h3, .dark-body .login-header h3,.dark-body .login-header h5 span,.dark-body .next-level-pro, .dark-body .trade-vol-item .coin-type, .dark-body .trade-vol-item span{color: #cfcfcf;}
.dark-body table tbody tr:hover td{background:#222 !important;}
.header-scd{
    box-sizing: border-box;
    padding: 30px 24px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
    border-radius: 10px;
    margin-top:10px;
}
.header-card{
    padding:0 8px;
    margin:0 auto;
    display: flex;
}
.header-card p{
    margin:0;
    padding:0;
}
.header-card>div>p{
    font-size: 18px;
    margin-bottom: 7px;
}
.header-card>div>p>span{
    font-size: 14px;
}
.card-common{
    width:50%;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: center;
}
.card-common>p{
    margin: 0px;
}
.middle-top{
    display: flex;
    margin-top:16px;
}
.top-p{
    height:30px;
    font-size: 12px;
    
    font-weight: 400;
    color:#595959;
}

.top-p>span{
    font-size: 12px;
}
.content-img{
    width:45px;
    height:30px;
}
.pc-special-top{
    width:60%;
    justify-content: space-between;
    display: flex;
}
.middle-mid{
    width: 90%;
    box-sizing: border-box;
    margin-top:15px;
    display: flex;
    flex-direction: column;
    background: rgba(245,245,245,.7);
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    text-align: left;
}
.new-margin-top{
    margin-top:5px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}
.margin-top{
    margin-top:20px;
    display: flex;
    flex-direction: column;
}
.content-common{
    text-align: left;
    line-height: 20px;
}
.amount{
    margin-left: 8px;
    font-size: 16px;
}
.discount{
    text-decoration:line-through;
    font-size: 12px;
    color: rgba(147, 147, 147, 100);
}
.middle-bot{
    margin-top:20px;
}
.bot-font{
    color: rgba(119, 119, 119, 100);
    font-size: 13px;
    
}
.color-font{
    font-size: 13px;
    color: var(--brandColor);
    
    display: block;
}
.new-color-font{
    text-align: center;
    font-size: 12px;
    color: var(--brandColor);
    
    display: block;
    height: 18px;
    border: 1px solid var(--brandColor);
    opacity: 1;
    border-radius: 10px;
    padding:0 10px;
}
.new-color-font:hover{
    background: var(--brandHoverColor);
    color:#fff
}
.new-color-font:active{
    background: var(--brandHoverColor);
    color:#fff
}
.display{
    visibility:hidden;
}

.vip-color{
    color: var(--brandColor);
}
.given-width{
    width:241px;
}
.fixed-width{
    width:400px;
}
.mobile-maket-top>ul{
    padding:8px 0px 0px 16px;
    height:auto;
    box-shadow: 0px 1px 0px 0px #EAEBED;
}
.mobile-content{
    margin: 12px 0;
    box-sizing: border-box;
    position: relative;
    width: 90%;
    left: 5%;
    justify-content: flex-start;
}
.mobile-content .content-top{
    margin-top:20px;
    font-size: 13px;
    padding: 7px 10px;
    background: #F7F7F7;
    border-radius: 4px; 
    
    font-weight: 400;
    color: #333333;
}
.mobile-content .content-title{
    display: block;
    margin-top:16px;
    font-size: 13px;
    
    font-weight: 400;
    color: #333333;
}
.content-contain{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top:8px;
}
.contain-card{
    width:49%;
    border-radius: 4px;
    border: 1px solid #EEEEEE;  
    padding:10px;
}
.left-card{
    margin-right: 2%;
}
.card-top{
    display: flex;
    flex-direction: row;
}
.card-top>img{
    width:16px;
    height:16px;
    margin-right: 8px;
}
.card-title p{
    margin:0px;
    font-size: 14px;
    
    font-weight: 400;
    color: #333333;
}
.card-title span{
    font-size: 12px;
    
    font-weight: 400;
    color: #8F95A8;
}
.card-mid{
    margin:15px 0px;
}
.card-mid p {
    margin:0px;
}
.special-top p{
    margin-bottom:8px;
}
.card-mid .bot-font{
    font-size: 12px;
}
.card-mid .color-font{
    font-size: 12px;
    display: inline-block;
}
.visibility{
    visibility:hidden;
}
.card-mid .amount{
    font-size: 14px;
    margin-left: 0px;
}
.none{
    display:none;
}
.vip-level{
    font-size: 18px;
    
    color: #fff;
    display: flex;
    align-items: center;
    /* font-weight: bold; */
}
.fee-info{
    background: rgba(255, 255, 255, 0.04);
    border-radius: 12px;
    margin-top: 15px;
    padding: 16px 32px;
}
.vip-fee-button{
    text-align: center;
    display: inline-block;
    padding:0 8px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    font-size: 14px;
    
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
    margin-left: 10px;
    background: rgba(255,255,255,0.2);
}
.vip-fee-button:hover{
    opacity:0.6
}
.vip-fee-button:active{
    opacity: 0.4;
}
.rule-style{
    font-size: 12px;
    
    font-weight: 400;
    color: #8C8C8C;
    margin-left: 4px;
}
.bb-top{
    padding: 9px 21px !important;
    border-bottom: 1px solid #D9D9D9;
}
.bb-top .current-font{
    font-size: 12px;
    color: #595959;
}
.bb-top .bold-font{
    font-size: 14px;
    
    font-weight: bold;
    color: #595959;
}
.ml60{
    margin-left: 60px !important;
}
.flex-start{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.scd-height{
    height:100px;
}
.thd-height{
    height:80px;
    padding: 9px 21px !important;
}
.fee_header .protips-content{
    background: #FFE4E4 !important;
    border: 1px solid #FFE4E4 !important;
    border-radius: 6px;
    padding-left: 10px !important;
    text-align: left !important;
    width:240px !important;
}
.fee_header .protips-arrow{
    background: #FFE4E4 !important;
    border: 1px solid #FFE4E4 !important;
    box-shadow: rgb(0,0,0) 0px 0px 0px !important;
}
.fee_header .flex-start .protips-content{
    background: rgba(44,51,67,1) !important;
    border: 1px solid rgba(44,51,67,1) !important;
    padding-left: 10px !important;
    text-align: left !important;
}
.fee_header .flex-start .protips-arrow{
    background: rgba(44,51,67,1) !important;
    border: 1px solid rgba(44,51,67,1) !important;
}
.ope-btn{
    cursor: pointer;
}
.switch{
    background-color: #bbc8cb;
    padding: 5px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    width: 20px;
    height: 5px;
    cursor: pointer;
    vertical-align: text-bottom;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.switch:before{
    content: '';
    position: absolute;
    left: 1px;
    border-radius: 100px;
    background: white;
    top: 1px;
    z-index: 10;
    width: 13px;
    transition: all 0.1s ease-in;
height: 13px;
}
.switch:after{
    content: '';
    font-size: 1.5em;
    position: absolute;
    background: #26999e;
}
.active:before{
    left: 16px;
}
.rule-style .active{
    background: var(--brandColor);
}
.margin-top-left{
    max-width:80%;
}
.trans-buttons{
    min-width: 35%;
}
.until{
    margin-top: 10px;
    margin-bottom: 0px;
    color: #fff;
    margin-left: 26px;
    font-size: 14px;
}

.futures-fee-tips{
    font-size: 14px !important;
    cursor: pointer;
    border-bottom:1px dashed;
}
.trade-info li .futures-fee-tips{
    font-size: 12px !important;
}
/* tips组件 */
.toolTips{
    position: fixed;
    background: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    top: 200px;
    color: #000;
    opacity: .9;
    display: none;
    z-index: 100;
}
.toolTips_right::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -5px;
    transform: rotate(45deg);
    top: calc(50% - 5px);
    background: #fff;
}
.toolTips_bottom::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: calc(50% - 5px);
    transform: rotate(45deg);
    top: -5px;
    background: #fff;
}
.toolTips_left::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -5px;
    transform: rotate(45deg);
    top: calc(50% - 5px);
    background: #fff;
}
.icon * {
    pointer-events: none;
}
.noty_container_type_confirm #button-0{color: #fff!important}