*{margin:0;padding:0;}
body{overflow-y: auto;overflow-x:hidden;font: 13px/18px "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Microsoft Yahei,微软雅黑,STXihei,华文细黑,sans-serif;color:#333;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.font-dinmd{font-family: 'din_medium';}
.font-din{font-family: 'din';}
.fw500{font-weight: 500;}
.kr-body{ font-size: 13px}
::-moz-selection{background:#008cb6;color:#fff}
::selection{background:#4cb8d8;color:#fff}
::-ms-clear,::-ms-reveal{display: none}
::-webkit-scrollbar {width:8px;height:8px;background:transparent;}
::-webkit-scrollbar:hover {background:hsla(215,17%,59%,0.3);}
::-webkit-scrollbar-thumb {right:10px;border-radius: 8px;background-color: #d8d8d8}

::-moz-placeholder{color: #777; font-weight:300}
:-ms-input-placeholder{color: #aaa; font-weight:300}
:-moz-placeholder{color: #777; font-weight:300}
::-webkit-input-placeholder{color: #777; font-weight:300}
#full-screen-slider input::-webkit-input-placeholder{color: hsla(0,10%,10%,0.6); font-weight:300}
a{color:#666;text-decoration:none}
a:hover{color: #E64E62;}
p{margin:0 0 25px}
img{border:0;padding:0}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block}
input{vertical-align:middle;font-size: 14px;border-radius: 3px;}
input,select,button{outline: none;}
table{ border-spacing:0}
th{border-bottom: 1px solid #f0f0f0;outline: none;}
ul,li{list-style:none}
pre{white-space: pre-wrap;word-wrap: break-word;}
button[disabled],button[disabled]:hover{cursor: not-allowed;  color: #fff; background: #ccc}
.transparent{opacity: 0}
.btn{padding:10px 15px}
.header{width:100%;position: relative;/* background: #002c2a; */}
.pull-left{float: left !important;}
.pull-right{float: right !important;}
.algin-top{ vertical-align: top; padding-top: 15px}
.btn-block{ display: block; width: 100%; clear: both}
.icon-16{width: 16px;height: 16px;display: inline-block;float: left;border-radius: 50%;}
.icon-32{width:32px;height:32px;display: inline-block;float: left;background-repeat: no-repeat;border-radius: 50%;}
.icon-48{ width:48px; height:48px; margin-top:5px;float:left;border-radius: 50%}
.icon-16,.icon-32,.icon-48{background-color: rgba(0,0,0,0.01);image-rendering: pixelated;}
.icon-16-default{width: 16px; height: 16px; display: inline-block;float: left;border-radius: 50%; background:#e4ebf0;margin-right: 5px;text-align:center}
.icon-16-default:after{content:'?'}
.coin-name{float:left;margin: 23px 0;position: relative;height: 100%;width: 100%;line-height: normal;}
.icon-48 img{ width:100%}
.dark-body .icon-16-zrx,.dark-body .icon-32-zrx,.dark-body .icon-48-zrx{-webkit-filter: invert(100%);filter: invert(100%)}
.top-up{width:auto;height: 56px;padding: 0 20px 0 30px;float:right;}
.top-up a{color: #b1d3c9}
.top-up a:hover,.uc-active #nickName,.uc-active #nickName i,.ask_ans:hover p span{color: #91ffe8}
.top-dn{width:auto;height: 56px;padding: 0 20px;padding-right: 0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.slogan{ color: #b6bbc1;line-height: 32px;  margin-left: 20px}
.moblie-hide{ float: left}
.topprice{float:left;max-width:78%;height: 100%;line-height: 44px;}
.topprice li{float:left;padding-right: 5px;margin-right: 5px;height: 56px;line-height: 56px;color: #9cbbb8;font-size: 12px;letter-spacing: -1px;}
.topnum{font-weight: normal;padding: 5px 13px 5px 16px;margin: 0 -16px;font-size: 14px;letter-spacing: 0;}
.topprice .icon-arrow-up i, .topprice .icon-arrow-up span,.rise-green-body .topprice .icon-arrow-down i,.rise-green-body .topprice .icon-arrow-down span{color: #ff8686;}
.topprice .icon-arrow-down i,.topprice .icon-arrow-down span,.rise-green-body .topprice .icon-arrow-up i,.rise-green-body .topprice .icon-arrow-up span{color: #00d2ac}
.icon-arrow-up.shine-bg .topnum,.rise-green-body .icon-arrow-down.shine-bg .topnum{transition:all 1s;color: #ff8a9b;text-shadow: 0 0 3px #ff3a6b;background: hsla(0, 100%, 84%, 0.2);}
.icon-arrow-down.shine-bg .topnum,.rise-green-body .icon-arrow-up.shine-bg .topnum{transition:all 1s;color: #00ffe6;text-shadow: 0 0 3px #00e49b;background: hsla(166, 100%, 84%, 0.2);}
.icon-arrow-up.shine-bg i:after,.rise-green-body .icon-arrow-down.shine-bg i:after{color: #ff8a9b;text-shadow: 0 0 3px #ff3a6b;}
.icon-arrow-down.shine-bg i:after,.rise-green-body .icon-arrow-up.shine-bg i:after{color: #00ffe6;text-shadow: 0 0 3px #00e49b;}
.login_lan{float:right}
.login_lan li{float:left;padding: 0 10px}
.login_lan .toplogin{height: 56px;line-height: 56px;padding:0 5px;color: rgba(255,255,255,0.2);position:relative;}
#toplogin{ padding-left: 0}
.login_lan .lang-option{color: #b1d3c9;position:relative;cursor: default;height: 56px;line-height: 56px;padding-right: 0;}
.login_lan .lang-option > i{margin-top:24px;top: 0;float: left;}
.login_lan .more-lan{position: absolute;width: 260px;top: 56px;right: -20px;z-index: 99980;line-height:45px;background:#091b1c;}
.login_lan .more-lan a{background: #1a1f26;color:#bcc8c5;width: 130px;right: 0;display:none;min-width: 130px}
.login_lan .more-lan a:hover{background: #444c58}
.lang_sort{width: 263px;}
.light-body .lang_sort a,.lang_sort a{border-bottom: 2px solid #091b1c;}
.light-body .lang_sort a:nth-child(1),.lang_sort a:nth-child(1){border-right: 2px solid #091b1c;}
.lang_sort .more-lan div:last-child a{border-bottom:none}
.dark-body .lang_sort a{border-bottom: 2px solid #383f42;}
.dark-body .lang_sort a:nth-child(1){border-right: 2px solid #383f42;}
.lang_sort a:nth-child(1){float: left;}
.lang_sort a:nth-child(2){float: right;}
.lang-option span{ margin-right:3px}
.almost-expect-lan{display:none;}
.login_lan .lang-option:hover .more-lan,.login_lan .lang-option:hover .more-lan a{display:block}
ul.more-lan li{width: 50%;padding-right: 0;border-top: 0.5px solid rgba(255,255,255,0.1);border-left: 0.5px solid rgba(255,255,255,0.1);padding: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;box-sizing: border-box;}
.login_lan .top-links{line-height: 36px}
.top-links span{float: left;line-height: 56px;height: 56px;}
.top-links a{ position: relative}
.calendar-icon,.full_screen_icon span{display:flex;height:100%;justify-content:center;flex-direction:column;}
.calendar-icon:hover img{filter:brightness(110%)}
.login_lan .full_screen_icon{display:flex;justify-content:center;height: 56px;line-height: 56px;height: 56px;padding-left: 15px;flex-direction:column;}
.full_screen_icon span.exit_full_screen{display:none}
.lang-option:hover span{color:#91ffe8}
.toplogin a{margin-right: 5px;}
.add-dn-qr {position:absolute;top: 56px;left:-120px;z-index:9999;padding: 8px 15px 10px;background: #1a1f26;color:#E64E62;display:none;}
.add-dn-qr img{ width: 160px; height: 160px}
.top-links a:hover .add-dn-qr{ display: block}
.add-dn-qr h3{font-size: 14px;text-align: center;color: #bcc8c5;margin-bottom: 5px;font-weight: normal}
.logo img,.logo svg{width:180px;margin:12px 15px 0 0;float:left}
.logo span{ margin-top: 16px;color: #93a4ac; float: left;font-weight: 100}
.qqtel img{ width:100%}
.tier-info,.login_lan .more-lan,.add-dn-qr{box-shadow: 0 5px 8px rgba(0,0,0,0.2);}
.ask_ans p{height: 56px;margin: 0;font-size: 14px;position: relative;line-height: 56px;padding: 0 10px;cursor:  default;margin-right: 5px;}
.ask_ans p span{float:  left;color:#b1d3c9}
.ask_ans i{display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;font-style: normal;color: #fff;border-radius: 24px;margin:-2px 2px 0 -2px;}
.dark-body #callService ul,.dark-body #callService li a{color:#787f84}
#callService:hover ul{display: block}
#callService ul li{padding: 12px;text-align:  center;cursor: pointer}
#callService li:hover a{color:#fff}
.en-body  #callService ul li{ font-size: 12px;padding: 12px 0}
.en-body .ask_ans span{bottom: -33px}
.l-box-con{width: 1280px;margin: 0 auto;position: relative}
.my-avatar a{display: flex;width:100%;height:100%;margin: 0;}
#topUicon{float:left;width: auto;height: 36px;overflow: hidden;position: relative;color: #fff;margin-right: -5px;}
#topUicon img{width: 30px;height: 30px;position: relative;z-index: 1;background: rgba(255,255,255,0.1);border-radius: 50%;}
li.rimless.gateioNotyTheme,.noty_bg{background: linear-gradient(to bottom, rgb(0,0,0),rgb(0, 19, 23) 60%,rgba(0, 38, 45, 0.9) 100%) !important;border-bottom: 1px solid #397886;box-shadow: 0 10px 50px rgba(0, 28, 39, 0.6);}
li.rimless.gateioNotyTheme{border-bottom-color:#1e4c56;position: relative;}
#logout_err_noty.gateioNotyTheme,li.gateioNotyTheme.error-noty{background: linear-gradient(to bottom, rgb(0,0,0),rgb(23, 0, 0) 60%,rgba(53, 0, 0, 0.9) 100%) !important;border-bottom: 1px solid #65382e !important;box-shadow: 0 10px 50px rgba(47, 0, 0, 0.6) !important;}
#logout_err_noty{ text-align: center}
#logout_err_noty #button-0{float:none;margin: 0 auto}
#logout_err_noty #button-0[disabled]{color: #aaa !important;background: #555 !important}
.login_box,.login_box.login-box-solid:hover{width:300px;height:280px;background: hsla(0,0%,100%,.15);position:absolute;top:15px;right:0;z-index:998;color: #fff;border: 1px solid hsla(0,0%,100%,.15);filter: brightness(110%) contrast(90%);}
.login_box:hover{background: hsla(0, 0%, 65%, 0.2);border-color: transparent;}
.rimless .flex{min-height: 240px;height: 100%;justify-content: flex-start;align-items: flex-start;flex-direction: column;font-weight: 100;font-size: 18px;color: #49e0d1;}
.rimless.error-noty .flex{min-height: 60px;height: 100%;font-size: 20px;color: #ff5a78; padding:20px 0;flex-direction:column;align-items:center;}
#logout_err_noty .flex{min-height: 240px;}
.rimless.error-noty .flex .warn-icon{padding:3px;font-weight:normal;background: #b9404f;color: #fff;border: none;font-size: 16px;margin: 0 0 5px 0;}
.rimless .logout-box.flex{justify-content: center;align-items: center;flex-direction:row;}
#noty_center_layout_container li.rimless .flex .load8{position: static;margin: 0;min-width: 130px;height: 96px;text-align:  center;}
#noty_center_layout_container li.rimless .flex .load8 .loader,.rimless .flex .load8 .loader:after{ width: 48px;height: 48px}
#noty_center_layout_container li.rimless .flex .on-serv-box{width:80%;line-height: 1.2;margin-top: 0;color: #26999e;}
li.rimless .btn-box{width:100%;position: absolute;bottom: 0;}
.rimless .flex.on-serving{
    flex-direction: column;
    position: relative;
}

.rimless #button-0{background: linear-gradient(to bottom, #005863,#084e4b 60%,#00403a 100%);}
.rimless .flex .load8 span, .rimless .flex p,.on-serv-box{margin-top: 15px;display:  block;}
.rimless .flex p{color: #d2fffa;margin-bottom: 15px;}
.rimless .flex p b{color: #ff5757;margin-left: 5px;}
#fConform .pay-icon-box{float:none;margin-right: 5px;height: 18px;}
.logout-box .load8 span, .logout-box p,.on-serv-box{margin-top: 15px;display:  block;font-weight: 100;font-size: 20px;color: #49e0d1}
.logout-box p{color: #ff5757}
.login_box .help-block{display:block;height: 16px;margin: 3px 0 5px}
.login_box .step .btn{height: 38px;line-height: 38px;padding: 0;margin: 10px 0;}
.permi-title{position:absolute;top: 15px;width:96%; line-height:1}
.permi-title .close{ margin-top:-15px;font-weight:normal}
.permi-box{margin-top:20px}
.permi-box p{line-height:1.2;}
.step{width:260px;margin: 22px auto auto}
.step .username .intxt,.step .password .intxt,.step .cap-code .intxt {height:36px;color:#333;font-size:16px;line-height:36px;padding:0 35px 0 10px;border: none;background: rgba(198, 198, 198, 0.5);width:211px;}
.login-box-solid .step .username .intxt,.login-box-solid .step .password .intxt,.login-box-solid .step .cap-code .intxt{background: rgba(253,255,255,0.5);}
input:focus{border-color: #8a8c8e;outline:none}
#marketSearch:focus,.sectioncont select:focus{ border-color: #8a8c8e !important;outline:none}
.step .username .intxt:focus,.step .password .intxt:focus,.step .cap-code .intxt:focus{background:#fff;outline:none}
.step b{font-size:18px;font-weight: normal;margin-bottom:15px;display:block}
.step .btn{height:50px;width:260px;padding-top:5px;clear:both}
.step .btn a{height:40px;width:100%;display:block;text-align:center;line-height:38px;font-size:18px;color:#fff;border: none}
.step .wj{padding:2px 0 0 2px}
.step .wj a{color: #ddd;}
.step .wj a:hover{color:#9bffc6}
.im-new{ float: right}
.right_con{  width:100%;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding-right:20px;padding-bottom: 30px;padding-top: 80px; margin-top: 20px  }
.right-box{ width: 33.33%; float: left;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; padding-left:40px}
.right-box:first-child{ padding-left: 20px}
.tline_btn{font-size: 18px;border-left:1px solid #aaa;border-right:1px solid #fff;border-bottom:1px solid #aaa;border-top:0;cursor:pointer;float:left;color:#8c8c8c;}
#listFrame .tline_btn{padding:4px 16px;}
.tline_btns .btn_selected,.tline_btns .btn_selected:hover{color:#E64E62;border: 1px solid #ced6de;}
.normal-trade-area{ clear: both}
.coin-to-cny td:first-child:after,.coin-to-btc td:first-child:after,.coin-to-eth td:first-child:after{ content: "/CNY";position: absolute;top: 35px;margin-left: 5px;font-size: 13px}
.coin-to-btc td:first-child:after{ content: "/BTC"}
.coin-to-eth td:first-child:after{ content: "/ETH"}
.legend table{ margin-top: -10px}
.highlight{ color: #f90}
.r-empty .highlight{ color: #000}
.name-con em{font-style: normal;font-weight: normal;}
.stable-td .name-con em{filter: contrast(0.4) saturate(1.2);}
.usdt_type .name-con em{ color:#11aa77}
.qtum_type .name-con em{ color:#2e9ad0}
.limited_type .name-con em{ color:#d03970}
.btc_type .name-con em{ color:#ea820e}
.eth_type .name-con em{ color:#4d7195}
.dataTables_wrapper .coin-name { margin: 20px 0}
.has-select{ position: relative}
.has-select:after{content:'';width:8px;height:8px;display:block;position:absolute;right:10px;top:6px;border-radius:8px;background:#E64E62}
.fail-tip{padding: 30px 0; display: block; clear: both; color: #E64E62;text-align: center; font-size: 16px}
.err-tip{color: #E64E62}
.err-item input{ border-color:#E64E62 !important}
.nodata-tip{ display: none; font-size: 16px; font-weight: bold;  text-align: center;  margin: 25px 0}
.coin-num{ padding:0 10px 0 20px}
.even{background:#f8f8f8}
.sorting_id{padding-left:60px}
thead,thead tr{height:40px;}
.alignRight{text-align:right}
.sortable,.sorting_asc,.sorting_desc{cursor:pointer}
.sortable:hover,.sorting_asc:hover,.sorting_desc:hover{color:#E64E62}
.bizhong_en{display: inline-block;color:#2b343c;font-weight:bold;padding: 0 4px 0;width:100%;position:relative;}
.bizhong_en:hover{color:#E64E62}

.nm-con .bizhong_en em{font-style:normal;color: #999;font-weight: normal; font-size:12px;}
.en-body .bizhong_en,#marketlist_custom .bizhong_en,#marketlist_limited .bizhong_en{font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 75px;}
.rate_up,.red,font[color="red"],.main_title h1 .red,.main_title .h1 .red {color:#E64E62}
.rate_down,.green,font[color="green"],.main_title h1 .green,.main_title .h1 .green{color:#007980}
.fresh-red{color:#ff5d5d}
.even:hover,.odd:hover,div #marketlistTabCon tbody tr:hover{background: #eee;cursor:pointer;}
.list-box .even:hover,.list-box .odd:hover{cursor:default}
.no-wrap a{font-weight:bold;color:#333}
.right_title{ padding-bottom: 15px;border-bottom: 1px solid #ced6de; text-align: center}
.right_title em{font-style: normal;display: block;width: 120px;margin: 0 auto;padding-top: 15px}
.right_content{ min-height:100px;background:#fff}
.right_con .adv{height:350px; margin-bottom: 20px}
.right_title a{font-size:20px;padding-top:20px;color:#000}
.right_title a:hover{color:#E64E62}
.right_title a:hover path{fill:#E64E62}
.right_title .moreright{float:right;font-size:16px;color:#999;font-weight:normal}
.right_title .moreright:hover{color:#E64E62}
.right_title b{ font-weight:normal;margin-left:8px;color:#ccc;text-transform:uppercase}
.newstail .ln-right{ float: right; margin-right: 0; color: #999}
.adv ul li{height:350px;border-right:1px solid #f3f3f3;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.lene{width:50%}
.rine{width:50%;border:0!important}
.rine .twc{padding:0}
.rine .twc h5{font-size:16px;line-height:25px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rine .twc .newsinfo img{margin:0 10px 5px 0}
.rine .newsinfo{padding:12px}
.twc .newsinla{border-bottom:0}
.right_content dl dt{width:90%;margin:20px auto;min-height:150px;max-height:190px;overflow:hidden}
.chwords{width:90%;height:26px;line-height:24px;margin:0 auto 5px auto;padding-bottom:5px;border-bottom:1px dotted #ddd;font-size:18px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.right_content dl dt img{width:99%}
.right_content dl dd{width:90%;height:90px;overflow:hidden;margin:0 auto;font-size:12px;color:#888}
.bul,.mainlatest{margin-bottom:20px}
.mainlatest{padding: 20px 0 0;max-height: 440px;overflow: hidden}
.bul ul{min-height:73px;max-height: 260px;overflow:hidden;margin:30px 0}
.bul ul li{border-bottom:1px dashed #ddd;height:36px;line-height:28px;width:100%;margin-bottom:8px;font-size: 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bul ul li:last-child{ border:none}
.bul a{ color: #111}
.bul a:hover{ color: #E64E62}
.aboutus{height:433px}
.aboutus p{width:92%;margin:27px auto 5px auto;line-height:22px;color:#888}
.aboutus ul{width:92%;margin:0 auto}
.aboutus ul li{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aboutus ul li:hover{background:#f3f3f3}
.aboutus ul li a{width:100%;height:100%;display:block}
.aboutus ul li img{margin:5px 0}
.abtw,.ml{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.code{text-align:center;border-bottom:1px solid #eee;width:92%;margin:0 auto;background:#f9f9f9}
#bottomServTime{color: rgba(255,255,255,0.5);}
.footer{clear:both;margin-bottom:-19px;border-top: 1px solid #ddd;background:#fff;position:relative;}
.fkicon{width:75%;margin: 15px auto 5px;}
.fkicon .fico{width:62px;height:62px;border-radius:50%;border: 1px solid #E64E62;background: url(../image/close.svg) no-repeat 0 6px;}
#socialMedia li:hover .fico{filter:brightness(1.1)}
.fkicon .fc2{ background-position:0 -52px}
.fkicon .fc3{ background-position:0 -116px}
.fkicon .fc4{ background-position:0 -175px}
.fkicon .fc5{ background-position:0 -233px}
.fkicon .fc6{ background-position:0 4px}
.fkicon .fc7{ background-position:0 -299px}
.fkicon .fc8{ background-position:0 -358px}
.fkicon .fkcont{display: inherit;flex-direction: inherit;align-items: center;position: absolute;bottom: -36px;white-space: nowrap;opacity: 0;transition: all 0.5s;}
.fkicon ul li:hover .fkcont{opacity:1}
.fkicon .fc-twi{background-position: 0 -52px;}
.fnav{clear: both;background: #002c2a;min-height: 178px;}
.ftel{font-size: 14px;color:#000;}
.ftel:hover{color:#E64E62}
.ftelnum{font-size: 12px;}
.fkcont .fmor{margin:10px 0 0 20px;float:left}
.fnavcon{width:100%;height:225px;padding:50px 0}
.fnavcon > ul{ width:91%;margin:0 auto; color: #aaa}
.fnavcon a{color: rgba(255,255,255,0.6);}
.fnavcon a:hover{ color: #E64E62}
.fnav_list{width:23%;float:left}
.fxtishi{width:30%; float: right}
.fxts{margin-top:10px;line-height: 24px}
.fxts p{ margin: 0}
.fxtishi img,.fxtishi svg { float: right; opacity: 0.8}
.fxts i,.warn-icon{display: inline-block;width: 14px;height: 14px;line-height: 14px;text-align: center;border-radius: 50%;margin-right: 5px;font-style: normal;border: 1px solid;}
.fnavcon ul li ul li{margin:10px 0 0 0;color: rgba(255,255,255,0.5);}
.fnav_title{width:48%;height:30px;font-size:1.25em; position:relative; color: #eee}
.tail{margin:0 auto;text-align:center;color: #93bdb5;border-top: 1px solid #424c50;padding: 5px 0;clear: both;}
.en-body .tail{ padding-bottom: 25px}
.tail > span{line-height:26px;display:block;max-width: 1240px;margin: 0 auto}
.vol-all > span > span{color: rgba(255,255,255,0.8);}
#line_status_tip{position:fixed;bottom:0;width:100%;height:46px;text-align:center;background: #ff005e;color:#fff;font-size:18px;padding-right: 8px;display: none;vertical-align: middle;align-items: center;justify-content: center;z-index: 99999;}
#line_status_tip .load8{position:static;display:inline-block;margin: 5px;}
#line_status_tip .load8 .loader{border-color: hsla(0,0%,100%,.3);border-left-color: #fff;margin-top: 5px;}
.vol-all > span{ margin: 0 3px}
.tail span a{color:#aabdbc}
.tail span a:hover{color:#E64E62}
#runTime{display:none}
#runTimeInfo{display:none;text-align: center;margin-top:-17px;color: rgba(255, 255, 255, 0.4);}
.backToTop{display: none;width: 38px;padding: 5px 2px;background-color: rgba(0,0,0,0.5);color: #fff;font-size: 18px;text-align: center;position: fixed;z-index: 888;right: 0;bottom: 8px;cursor: pointer;}
.backToTop:hover{background-color: rgba(0,0,0,0.95);}
.backToTop > div{font-size: 14px;line-height: 14px;user-select: none;}
.sorting_disabled{cursor: default !important;}
.sorting_disabled:hover{color: #333}
.left_con_login{background:#FFF;height: calc(100% - 60px);min-height: 640px;display: flex;align-items: center;justify-content: center;}
.leftregi form,.rightlogin form{text-align:center;margin:10px auto 36px;}
.leftregi form input,.rightlogin form input,div#sig_nationality{margin: 10px 0 0 0;width:100%;border: 1px solid #ccc;text-indent:5px;box-sizing: border-box;}
.leftregi form input.sub-btn,.rightlogin form input.sub-btn{ border: none}
.leftregi form dt,.rightlogin form dt{text-align:left}
#feelist .coin-name{ padding-left: 15px;font-weight: bold}
#feelist .coin-name a{ line-height: 26px}
.sectioncont,.sectioncont table{width:100%}
#withdrawtable td{ border:none}
.sectioncont form{ margin: 40px 0}
.sectioncont input,.sectioncont textarea,.sectioncont select,.txt-memo{  margin:5px 5px 5px 0;  width: 50%;  border: 1px solid #ccc;  border-radius: 3px;  padding: 10px;  font-size: 14px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; outline: none}
.sectioncont select{ height: 38px; padding: 0 10px}
.sectioncont input[type="checkbox"],input[type="radio"]{ box-shadow:none}
input[type="checkbox"]{ padding: 0 !important;}
#smsbtn,#voicebtn,.c-btn{height: 38px;border:none;background: #7290ac;margin-left:5px;color: #fff;padding:5px 12px 8px;font-size: 14px;cursor:pointer;border-radius: 3px;}
#login2Form #voicebtn{ margin-left:12px}
#smsbtn:hover,.c-btn:hover{ background:#43678a}
#smsbtn[disabled],#voicebtn[disabled],.c-btn[disabled],.sub-btn[disabled]{background: #9a9a9a; color: #eee; cursor: not-allowed}
.myacc-con .logs-con tr td:first-child{ width: 5%; text-align: left}
.myacc-con .logs-con tr td:nth-child(2){ text-align: left}
.myacc-con .logs-con.sectioncont p{ margin: 2px 0; padding: 0; color: #888;font-size: 12px}
#EgoPaySeal_content A img{position:relative;z-index:9}
.twitter-timeline{padding:15px;display:block}
.no-wrap,.sorting_1{text-align:right}
#refresh{ margin: 0 3px; cursor: pointer}
#refresh:hover{ color: red}
#mainnelist .entry{max-height:174px;overflow:hidden}
#mainnelist .entry .newstext{max-height:80px;overflow:hidden;display:block}
.rine .toppicbox{width:88px;height:55px;margin:0 10px 5px 0}
.bgnews{position:absolute;right:5%;top:5%;color:rgba(255,255,255,0.15);text-shadow:none;font-size:36px;z-index:2}
.header,.footer,#full-screen-slider,.left_con_login,.topspace{min-width:1280px !important}
.content{min-width:1200px !important;}
.is_phone .content{min-width: auto !important;}
.push-con{border-bottom:1px solid #ddd}
.rev_content{color:#888;font-size:12px}
.gateioNotyTheme{box-shadow: 0 2px 8px rgba(0,0,0,0.3);padding-right: 20px !important;}
#noty_center_layout_container{min-width:520px}
#noty_center_layout_container li,.gateioNotyTheme{overflow:hidden;position:relative;width: 100%;height: auto;padding: 24px;margin-bottom:1px;background:rgba(10,10,10,0.95);box-sizing: border-box;border-radius: 8px;}
#noty_center_layout_container li .noty_bar,#noty_center_layout_container li .noty_message{ height: 100%}
#noty_center_layout_container li#calculator_poup_box .noty_bar{height: auto;}
.gateioNotyTheme.noty_container_type_alert{background-color:#f5f5f5}
.gateioNotyTheme.noty_container_type_information{background-color:rgba(22, 72, 53, 0.95)}
.gateioNotyTheme.noty_container_type_error{color:#000;font-weight:bold;background:rgba(179,0,36,0.95)}
.gateioNotyTheme.noty_container_type_warning{background:rgba(202,105,0,0.95);color:#000;font-weight:bold}
.gateioNotyTheme.noty_container_type_success{background-color: rgba(22, 72, 53, 0.95);color:#fff; position: relative}
.gateioNotyTheme .noty_message{color:#fff}
.gateioNotyTheme .noty_close,.gateioNotyTheme .noty-close{position:absolute;top: 0;right: 0;opacity:0.5;cursor:pointer;background: none;border: none;height: 36px;width: 36px;display: flex;align-items: center;justify-content: center;z-index: 999992;}
.gateioNotyTheme .noty_close:after,.gateioNotyTheme .noty-close:after{content:"\00D7";font-size: 28px;color: #b3c1c3;font-weight: 100;display: inline-block;line-height: 16px;width: 20px;height: 20px;text-align: center;}
#noty_center_layout_container .rimless li{background:none !important;letter-spacing: 1px;}
/* .noty_container_type_success .noty_close{top:15px;right:15px} */
.noty_container_type_success .noty_close:after{margin-left:0}
.noty-table{ width: 100%; padding: 20px 0 10px 0}
.noty-table tbody{ font-weight: normal}
.noty-table th{ border: none}
.yellow{ color: #fa0}
.close{ font-weight: 100; cursor: pointer; padding: 6px 10px}
#siteNoty .close{ margin:-5px 8px 0 0}
.color-dark #topLogo{filter:brightness(80%) contrast(120%)}
.close:after{content:"\00D7"; font-size:30px;color:#313642}
.close:hover:after,.gateioNotyTheme>.noty_bar>.noty_message>.noty_close:hover:after, .gateioNotyTheme.rimless .noty-close:hover:after{ color: #E64E62}
.noty-table .yellow{ font-weight: bold}
.gateioNotyTheme:hover>.noty_bar>.noty_message>.noty_close, .gateioNotyTheme.rimless:hover .noty-close{ opacity:1}
.noty_modal.gateioDialogTheme{background-color: rgba(0,0,0,0.3) !important;}
.noty_modal.gateioDialogTheme,
.noty_modal.gateioNotyTheme{position:fixed;width:100%;height:100%;margin:0;border-radius:0;background-color: rgba(0,0,0,0.3);z-index: 99997;border:none;left:0;top:0;transition: all 0.5s;}
.noty_modal.gateioNotyTheme.rimless{background-image: linear-gradient(to bottom, rgba(0, 88, 99, 1),rgba(8, 78, 75,0.98) 60%,rgba(0, 64, 58,0.95) 100%);opacity: 0;}
.dis-opa.noty_modal.gateioNotyTheme.rimless{opacity:1;}
.noty_modal.gateioNotyTheme.rimless.error-noty{opacity:1;background:rgba(0,0,0,0.3)}
.error-noty .noty_buttons{display:flex;justify-content:space-between;width:100%;clear:both}
.error-noty .noty_buttons .btn{margin-top:15px;min-width: 120px !important;}
.noty_modal{filter:alpha(opacity=50)!important}
.noty_text td{padding:5px 0;border:0}
.gateioNotyTheme .noty_text{font-size: 16px;font-weight:bold; word-break: break-all;}
.noty_message hr{height: 1px;border: none;background: rgba(255,255,255,0.1);margin-top: 10px;}
.noty_container_type_information hr,.noty_container_type_success hr{background: #619286}
#button-0,.noty_type_warning .on-serving #button-0{background:#007980; color:#fff; font-weight:600;float:left}
#button-1{float:right;background: #E64E62;color:#fff;font-weight:600;}
#button-0,#button-1{max-width:100%;display:block;padding:10px;outline:none;font-size:16px;line-height:18px;text-align:center;vertical-align:middle;border:0;cursor:pointer;min-width:102px;opacity:0.9;border-radius: 3px;}
#button-0:hover,#button-1:hover{opacity:1}
#tableTradeNoty li{ display: inline-block; font-weight: normal; font-size: 13px; margin: 10px 8px 0 0}
#tableTradeNoty li span{ color: #fc0}
#tableTradeNoty li i{ color: #aaa; font-style: normal}
.noty_type_warning #button-0{ color:#fff; background:#E64E62}
.noty_type_warning #button-0.noty-close-btn{ margin-top: 15px; float: right}
.noty_text a{ color:#fc0}
.noty_text a:hover{ color:#ff0}
#siteNoty .noty_message{ height: 24px;padding: 8px 0;background: rgb(175, 120, 0); color: #ffe8d3; text-align: center; font-size: 16px;position: relative;z-index: 1001;}
#siteNotyCon{font-size: 16px;line-height: 24px; color: #ffe8d3}
.en-body #siteNotyCon{ font-size: 18px}
#siteNotyCon:hover{ text-decoration: underline;color: #fff}
#siteNoty .close:after{ color: #ddd}
.gateioDialogTheme .noty_buttons{display: flex;flex-direction: row-reverse;}
.gateioDialogTheme .noty_buttons .btn{float: none;margin-right: 15px;min-width: 140px;}
.gateioDialogTheme{background-color: #fff !important;}
.gateioDialogTheme h4{color: #424242;font-size: 18px;padding-top: 15px;margin: 0}
.gateioDialogTheme p{color: #727272;font-size: 14px;padding-top: 10px;margin: 0}
.gateioDialogTheme .notyDialogIconView{overflow: hidden;width: 80px;height: 80px;margin: 0 auto;margin-top: 20px;border-radius: 1000px;}
.gateioDialogTheme.iconDialogTheme{text-align: center;}
.gateioDialogTheme .noty_buttons{padding-top: 30px;}
#noty_center_layout_container li.gateioDialogTheme{margin-left: auto;margin-right: auto;width: 600px;}
#noty_center_layout_container li.gateioDialogTheme.iconDialogTheme{width: 390px;}
.notyDialogBody{position: relative;}
.notyDialogBody .notyCloseIcon{position: absolute;right: 0px;top: 0px;cursor: pointer;}
/* .gateioDialogTheme .noty_buttons #button-0{border: solid 1px #007980} */

.gateioDialogTheme .noty_buttons .btn:first-child{margin-right: 0}
.gateioDialogTheme.iconDialogTheme .noty_buttons .btn{flex: 1}
body.top-cover{padding-right: 8px;overflow:  hidden;}
.addr-section{width: 50%; box-sizing: border-box}
.addr-section.pull-left{
    position: absolute;
    bottom: 70px;
    width: 97%;
}
.addr-section.pull-right{
    position: absolute;
    top: 100px;
    width: 150px;
    left: 50%;
    transform: translateX(-50%);
}
.addr-section.pull-right p{
    position: absolute;
    color: #aaa;
    text-align: center;
    top: -35px;
    width: 200%;
    left: 50%;
    transform: translateX(-50%);
}
.addr-box{position:relative}
.addr-box.addr-wait .loadingBar{border-radius: 3px;background: rgba(128,128,128,0.2);position: absolute;bottom: 10px;left: 0;right: 0;height: 6px;}
.addr-box.addr-wait .loadingBar span{border-radius: 3px;background: rgba(128,128,128,0.2);height: 6px;width: 0;display: block;background: #E64E62;transition: width 1s linear}
.dp-tip-box{ margin: 20px 0}
.dp-box{ margin-top:10px}
.deposit-con ol{ margin-top: 10px}
.deposit-con ol li{ margin: 5px 0; list-style: decimal; margin-left: 20px}
.dp-page-title .icon-32{margin: -10px 8px 0 0}
.dp-page-title .icon-32 img{width:100%;margin: 0;border-radius: 50%;}
.dp-page-title .go-trade-btn,.dp-page-title .fund-to-trade{font-size: 16px;line-height: 24px;margin: 5px;padding: 3px 8px;width: 80px;text-align:  center;border-radius: 5px;}
.dp-qr-img{width: 150px;height: 150px;display: inline-block;text-align:  center;line-height: 150px;color: #aaa}
.sectioncont .addr-box .sub-btn{
    position: absolute;
    bottom: -25px;
    height: 35px;
    left: 50%;
    transform: translateX(-43%);
    padding: 0;
    width: 116px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
}
.sectioncont .addr-copied .sub-btn,.sectioncont .addr-copied .sub-btn:hover{background:#007980 !important;cursor:default}
.n-con{padding: 30px 0 40px;line-height: 22px;font-weight: normal;}
.btn-long{ width: 100% !important}
.sectioncont .coin_add{
    height: 50px;
    border: 0;
    box-shadow: none;
    background: transparent;
    width: 100%;
    padding: 0;
    font-size: 16px;
    color: #524f4f;
    margin-top: 10px;
    text-align: center;
    resize: none;
}
.addr-wait .coin_add{color: #26999e;user-select: none;cursor: default}
.sectioncont .addr-wait .sub-btn,.sectioncont .addr-wait .sub-btn:hover{background: #aaa !important; color: #ddd; cursor: default}
.coin_search{height:36px;clear:both}
#marketSearch{height:38px;width: 88%;margin: 0 0 5px;display:block;padding: 5px 15px;border:1px solid #ccc;border-top-color:#bbb;background: #fff url('../image/close.svg') no-repeat 96% center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.leftbarMarketSearchView #marketSearch{background-position: 6% center; padding-left: 15%;}
.leftbarMarketSearchView .search-list p{
  height: 32px;
  color: #222;
  background-color: #fff;
  font-size: 16px;
  padding: 2px 15px;
  margin-bottom: 0px;
  overflow: hidden;
  line-height: 32px;
  text-align: left;
}
.leftbarMarketSearchView .search-list p span.icon-16{margin-top: 6px;margin-right: 6px;}
.leftbarMarketSearchView .search-list .no-data {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
}
.leftbarMarketSearchView .search-list .no-data:hover{background: transparent;background-image: none;}
.leftbarMarketSearchView .search-list p:hover{color:#d45858;cursor:pointer;background:#f1f3f5;}
.leftbarMarketSearchView .search-list .selected {color:#d45858;cursor:pointer;background:#f1f3f5;}
.leftbarMarketSearchView .search-list {
    transform: translateZ(0px);
    max-height: 385px;
    overflow: auto;
    background-color: #fff;
}
.leftbarMarketSearchView .search-select-dropdown {
	left: 1px;
    min-width: 180px;
    position: absolute;
    top: calc(100% + 2px) !important;
    right: 1px;
    line-height: 1.5;
    list-style: none;
    z-index: 1;
    box-sizing: border-box;
    font-size: 14px;
    font-variant: normal;
    border-radius: 4px;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    width: auto !important;
}
#leftBar .leftbarMarketSearchView .search-select-dropdown {top: calc(100% + 2px) !important;}
.leftbarMarketSearchView .softKeyBoard{right: 0 !important}
#sectioncont #graphbox_depth #highcharts-2{margin-top:10px;padding-top:10px}
#tableAskList .mairu,#tableAskList .maichu{ width:100%;float: none}
.introduction{margin:5px 35px}
.download-list .btn .text{font-size:14px}
#coin_about .btn .text{font-size:16px}
.coin_about .btn .icon{margin-top: 8px}
.coin_about .cionintro li{ width:33.33%}
@-moz-document url-prefix() { .left_con .marketlist{float:left} #graphbox_depth{clear:both}}
.dataTables_wrapper .dataTables_info{position:absolute;color: #888}
.dataTables_wrapper{position:relative;clear:both;zoom:1}
.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding: 10px 0 0;background-color: transparent !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#ccc!important;border:1px solid transparent;background:transparent;box-shadow:none;}
.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;text-align:center;text-decoration:none!important;cursor:pointer;color:#333333!important;border-radius: 4px !important;border:none !important;padding:4px 10px;margin-left:8px;font-family: 'din';}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: #F2F2F2;color:#E64E62 !important;border:1px solid #cacaca;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #F2F2F2 !important;color:#E64E62 !important}
.dataTables_wrapper .dataTables_filter input:focus,#marketSearch:focus{background-color:transparent}
.dataTables_wrapper .dataTables_filter input{width: 240px;margin-left:2px;font-size: 14px;padding:8px 5px 9px 30px;background: #fff url(../image/close.svg) no-repeat 8px center;border:1px solid #ddd;border-radius: 5px;}
.dark-body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{color:#666B70 !important;}
.dark-body .dataTables_wrapper .dataTables_paginate .paginate_button{color:#e6e6e6 !important;}
.classic-dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{color:#666B70 !important;}
.classic-dark .dataTables_wrapper .dataTables_paginate .paginate_button{color:#e6e6e6 !important;}
.dark-body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{background: transparent !important;color:#666B70 !important;}
.classic-dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{background: transparent !important;color:#666B70 !important;}
.dark-body .dataTables_wrapper .dataTables_paginate .paginate_button:hover,.dark-body .dataTables_wrapper .dataTables_paginate .paginate_button.current,.dark-body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: #2D333B !important;color:#F0435A !important}
.classic-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover,.classic-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,.classic-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: #2D333B !important;color:#F0435A !important}

#marketlist_filter label{display:block}
.dataTables_wrapper .dataTables_filter{position:absolute;top: -40px;right:0;margin:15px 0 5px;text-align:right;}
.dataTables_wrapper .dataTables_length{position: absolute;padding:15px 20px 0 0}

.dataTables_length select{ padding:8px; outline:none;font-size: 14px;border:1px solid #ddd}
.dataTables_empty,.left_con .marketlist .dataTables_empty{line-height:38px;text-indent:20px; text-align:center;color:#E64E62;font-weight:bold}
.button{display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;border: none;margin:0;color: #333;text-decoration:none;text-align:center;outline: none;border-radius: 5px;}
.button:focus{outline:none}
#marketlist_controller em {position:absolute;bottom:-25px;font-size:14px;line-height:18px;width:100%;left:0;font-style:normal;color:#888;font-weight:200;display:none;transition:all 0.5s;}
#marketlist_controller .button{position: relative;background: #F2F2F2;z-index: 2;border-radius: 2px;margin-right: 8px;border: 1px solid transparent}
#marketlist_controller .button span{line-height: initial;}
#marketlist_controller .button b{letter-spacing:-1px;font-weight: normal;}
#marketlist_controller .btn_selected{border-color: #E64E62;border-width:1px;border-style: solid}
#marketlist_controller .btn_selected em,#marketlist_controller .button:hover em{display:block}
#marketlist_controller .button:hover em:after{content:'\5E01 \79CD';}
.en-body #marketlist_controller .button:hover em:after{content:' assets';}
.rise-green-body #marketlist_controller .button.btn_selected:hover{ background: none}
.marketlist_controller em {position:absolute;bottom:-25px;font-size:14px;line-height:18px;width:100%;left:0;font-style:normal;color:#888;font-weight:200;display:none;transition:all 0.5s;}
.marketlist_controller .button{position: relative;background: #F2F2F2;z-index: 2;border-radius: 2px;margin-right: 8px;border: 1px solid transparent}
.marketlist_controller .button span{line-height: initial;}
.marketlist_controller .button b{letter-spacing:-1px;font-weight: normal;}
.marketlist_controller .btn_selected{border-color: #E64E62 !important;border-width:1px !important;border-style: solid !important}
.marketlist_controller .btn_selected em,.marketlist_controller .button:hover em{display:block}
.marketlist_controller .button:hover em:after{content:'\5E01 \79CD';}
.en-body .marketlist_controller .button:hover em:after{content:' assets';}
.en-body .marketlist_controller .button.btn_selected:hover{ background: none}
.button.disabled{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-appearance:none}
.step .button{background:#E64E62}
.icon-lock,.icon-user,.icon-code{position:absolute;top:58px;right:30px}
i.icon-lock{top:101px;right:30px}
i.icon-code{top:150px;left:140px}
.icon-circle{font-style:normal;font-weight:bold;color:#47FFDB;margin-right:3px;font-size:18px}
.logo{ float:left}
.logo img:hover {filter:brightness(110%)}
/*trade*/
.leftbar {width: 20%;min-height: 1191px;padding: 20px 0 0px;float: left;border-right: 3px solid #f1f3f5;background: #f1f1f1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mg-body .leftbar {min-height: 1227px;}
.leftbar #marketSearch{ margin-bottom: 15px}
.leftbar .icon-16,.deposit-sec .icon-16{margin-left: 2px;}
#marketlistTabCon .icon-16{margin-top: 10px;}
.margin-leftbar #marketlistTabCon .icon-16{margin-top: 0;}
.leftbar-top{border-bottom:0}
.leftbar-top #market_controller,#tradelist #market_controller{
    margin-bottom: 10px;
}
#market_controller_usdt,#market_controller_etf,#market_controller_btc{text-align:left!important;border:1px solid rgba(255, 255, 255, 0.2);border-top:none!important;background-color:#eee;box-sizing:border-box;top:36px;flex-direction:column;z-index:100;display: flex;justify-content: space-around;position: fixed}
#market_controller_usdt .left_btn,#market_controller_etf .left_btn,#market_controller_btc .left_btn{text-align:left!important;width: auto;padding: 5px 10px;height: 18px;line-height: 26px;box-sizing: content-box;}
.lb-tr{height:40px}
#market_controller_usdt .market_controller_default,#market_controller_btc .market_controller_default, #market_controller_etf .market_controller_default{color: #E64E62!important;}
.ani-up,.rise-green-body .ani-down{background-color:rgba(255, 67, 94, 0.2) !important;}
.ani-down,.rise-green-body .ani-up{background-color:rgba(42, 183, 189, 0.2) !important;}
.sort-reset:after{content:'\21BA';display:block;width:16px;height:16px;position: absolute;left: -16px;top: 16px;cursor:pointer;font-size: 24px;color: #aaa;}
.sort-reset:hover:after{color:#26999e}

.deposit-sec b{ margin: 0 5px}
.main_content {width: 80%;min-width:918px;background: #fff;padding:0 30px;float:left;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#tradelist { width: 100%;padding: 0 30px; border-bottom:0 }
#tradelist table{ width: 100%}
#tradelist table tr td:first-child{text-align: left;white-space: nowrap;line-height: 20px;}
#tradelist table tr th:first-child{ text-align: left; text-indent: 8px}
/* #marketlistTabCon > td,#marketlistTabCon th:last-child:after{display: none;} */
#marketlistTabCon #marketlist_contract .loan-updown:after,#marketlistTabCon #marketlist_loan .loan-amount:after{display: inline-block;}
#marketlistTabCon tbody,#marketlistTabCon thead{display: block;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 5px;}
#marketlistTabCon #marketlist_container_custom thead{padding-right: 8px;}
#marketlistTabCon tbody{height: 1046px;overflow: hidden;}
#marketlistTabCon tbody:hover,#marketlistTabCon .flow-tbody:hover,#marketlistTabCon #marketlist_container_custom .flow-tbody:hover{padding-right: 8px; overflow-y:auto}
#marketlistTabCon1 tbody:hover{ padding-right:0;overflow-x: hidden; overflow-y: scroll}
#marketlistTabCon .no-flow,#marketlistTabCon .no-flow:hover{overflow: visible;padding-right: 8px;}
.index-content #marketlistTabCon .no-flow,.index-content #marketlistTabCon .no-flow:hover{overflow: scroll;}
.index-content #marketlistTabCon #marketlist_container_custom .no-flow{padding-right: 0;}
#marketlistTabCon #customTbody td:nth-child(3){white-space: nowrap;}
#marketlistTabCon tr{display: block;width: 100%;height: 30px;padding: 3px 0;line-height: 35px;position: absolute;}
#marketlistTabCon .r-empty,#marketlistTabCon .r-empty:hover{background:none; cursor:default}
#marketlistTabCon .dataTables_empty{line-height: 32px !important;}
#marketlistTabCon table td,#marketlistTabCon th{display: block;float: left;height: 36px;}
#marketlistTabCon th{height: 38px;line-height: 40px;font-weight: normal;user-select: none;color: #8c8c8c;}


#marketlistTabCon th:after{ margin-top: 11px;background-size: 12px;}
#marketlistTabCon table td{line-height: 20px;}
#marketlistTabCon table .price-td{line-height: 32px;}
#marketlistTabCon table td:first-child,#marketlistTabCon th:first-child{width: 31%;}
#marketlistTabCon table td:nth-child(2),#marketlistTabCon th:nth-child(2){width: 27%;}
#marketlistTabCon table td:nth-child(3),#marketlistTabCon th:nth-child(3){width: 30%;}
#marketlistTabCon table td:last-child,#marketlistTabCon th:last-child{width: 12%;}
#marketlistTabCon #marketlist_custom th:first-child,
#marketlistTabCon #customTbody td:first-child,
#marketlistTabCon #limitedTbody td:first-child,
#marketlistTabCon #marketlist_limited th:first-child{width: 30%;}
#marketlistTabCon #marketlist_custom th:nth-child(2),
#marketlistTabCon #customTbody td:nth-child(2),
#marketlistTabCon #limitedTbody td:nth-child(2),
#marketlistTabCon #marketlist_limited th:nth-child(2){width: 34%;}
#marketlistTabCon #marketlist_custom th:nth-child(3),
#marketlistTabCon #customTbody td:nth-child(3),
#marketlistTabCon #limitedTbody td:nth-child(3),
#marketlistTabCon #marketlist_limited th:nth-child(3){width: 25%;}
#marketlistTabCon #marketlist_custom th:last-child,
#marketlistTabCon #customTbody td:last-child,
#marketlistTabCon #limitedTbody td:last-child,
#marketlistTabCon #marketlist_limited th:last-child{width: 11%;}
#marketlistTabCon .market_wrapper{margin-right: -12px;position: relative;}
#marketlistTabCon .l_r td:first-child{ position:relative}
#marketlistTabCon .l_r td:first-child:before{top: -4px;content:'\25D4';width: 10px;height: 10px;color: #d40000;position:  absolute;left: -1px;font-size: 10px;display: inline-block;line-height: 1;}
#marketlistTabCon td .cn-name{font-style:normal;display: block;color: #888;font-size: 12px;margin: 0 0 0 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;font-family: 'din',sans-serif;}
#marketlistTabCon td .day-rate,
#marketlistTabCon td .loan-price-default,
#marketlistTabCon td .useable-amount,
#marketlistTabCon td .loan-updown-amount{font-size: 13px;margin-left: 3px;}
#marketlistTabCon td .year-rate,#marketlistTabCon td .loan-price-rmb{font-size: 12px;color:#aaa}
#marketlistTabCon .loan-coin{width: 35% !important;}
#marketlistTabCon .loan-rate{width: 22% !important;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#marketlistTabCon .loan-operation{width: 20% !important; display: flex; justify-content: center;}
#marketlistTabCon .loan-operation .go-trade-btn{font-size: 12px; border: 1px solid; padding: 5px 2px; border-radius: 5px; color: #8ba0a7; align-self: center;}
#marketlistTabCon .loan-operation .go-trade-btn:hover{background: transparent !important; color: #E64E62; border-color: #E64E62;}
div #marketlistTabCon .loan-useable-amount{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;}
div #marketlistTabCon .loan-useable-amount,div #marketlistTabCon th.loan-amount{width: 43% !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
div #marketlistTabCon .loan-price-rmb,
div #marketlistTabCon .loan-price-default,
div #marketlistTabCon .loan-updown-amount,
div #marketlistTabCon .local-price{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#marketlistTabCon .loan-price{width: 30%!important;}
#marketlistTabCon .loan-updown{width: 35%!important;}
#marketlistTabCon .alignRight tr{text-align: right;}
#marketlistTabCon #marketlist_contract tr,#marketlistTabCon #marketlist_loan tr{text-align: unset;}
.nm-con{display:flex;justify-content:center;flex-direction: column;height: 100%;}
.left-short #marketlistTabCon tbody{height: 1090px;}
div .leftbar.left-short{min-height: 1122px}
.tr-focus{ background: red !important; color: red}
.rev_body .main_content { width: 100%; background: #D3F2F9 }
.odd, .even { clear:both; height:38px}
#feelist .odd > td,#feelist .even > td{border:none}
.leftbar .marketlist .odd > td,.leftbar .marketlist .even > td{border:none}
#marketlistTabCon tbody .coin-selected,#marketlistTabCon tbody .coin-selected:hover,.coin-selected{background: #ebf4f7;}
body.dark-body #marketlistTabCon tbody .coin-selected{background-color: #464646;}
body.classic-dark #marketlistTabCon tbody .coin-selected{background-color: #464646;}
.index-content .marketlist .coin-selected td:last-child{border-right: 1px solid #c0d0e0;}
.index-content .coin-selected td:last-child:after {content:'';position:absolute;top:10px;right:-10px;display:inline-block;width:0;height:0;border-left:10px dashed;border-top:8px solid transparent;border-bottom:8px solid transparent;color:#c0d0e0}
.new-in { -webkit-animation: addcolor 2s 2;  animation: addcolor 2s 2}
@keyframes addcolor{0%{background-color:transparent} 50%{background-color:rgba(192, 233, 247, 0.5)} 100%{background-color:transparent}}
.trtitle b { padding-right: 10px }
.left_ti li { width: 33.3%; height: 100%; text-align: center; font-weight: bold; color: #666; float: left }
.left_btn {width: 16.66%;height: 40px;line-height: 38px;border: none;font-size: 14px;font-weight:bold;background: #f1f1f1;float: left;}
.en-body .left_btn {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;}
.left_btn:hover{ color: #E64E62;background-color: rgb(230, 232, 234)}
.left_cus_btn{margin: -2px 0 0 -7px}
body.en-body .left_cus_btn{margin: -2px 0 0 -4px}
.stars_gray:after {filter: brightness(93%) grayscale(1);}
.tn_selected{border-bottom: 2px solid #E64E62;color:#262626;}
.leftcionpic { margin-left: 8px }
#updn font { margin-right: 15px }
.even { border-top: 0 }
.no-wrap a { color: #666}
.main_title {text-align: center;padding-bottom: 5px;border-bottom: 3px solid #f1f3f5;margin: 0 -15px;}
.main_title h1,
.main_title h1 strong,
.main_title .h1,
.main_title .h1 strong{ font-weight: normal; font-size: 20px}
.main_title .h1 a,.main_title h1 a,.main_title .coin-title strong{color: #000;}
.main_title .h1 a:hover,.main_title h1 a:hover{ color: #E64E62}
.main_content .main_title table { margin: 15px auto 0 auto}
.right_mcontent {position: relative}
.right_mcontent .dtl-content{font-weight: 400;line-height:26px;color: #111;}
.myacc-con{margin: 30px auto;}
.myacc-con thead td{ border-bottom: 1px solid #dde1e4}
.sf-grid tr td:first-child,.sf-grid tr th:first-child{text-align: left}
.top_botton { height: 30px}
.k-line-container .top_botton{position: absolute;right: 20px;top: 13px;z-index: 888;}
.k-line-container .button{border: none;padding-left: 5px;padding-bottom: 5px;cursor: pointer;background: none;}
.k-line-container .button path,.gm-on-off path,.tradeHis-on-off path{fill: #7791a5;}
.k-line-container .button:hover path,.k-line-container .tool-active path,.gm-on-off:hover path,.tradeHis-on-off:hover path{ fill:#E64E62}
.fullscreen-con{width: 100%;padding-right: 0}
#lineOption{ height:30px;display: inline-block; float: right}
.top_botton li {height: 100%;padding-right: 5px;text-align: center;float: left;}
.timeline_btn {width: 100%;height: 100%;background: none;padding: 0 2px;border: 0;cursor: pointer;font-size: 13px;user-select: none}
.bo_selected,.timeline_btn:hover { color: #E64E62}
#choosen {  border: 0;  float: right; margin-right: 15px}
.choosen li { height: 30px}
.mainmap { height: 300px; margin: 0 auto}
.login2-con #homepost,.login-con .mairu,.login-con .maichu, .login_incontent .mairu{width: 400px;margin: 15px auto;background: #fff;border-radius: 10px;padding: 30px 65px;box-shadow: 0 5px 8px rgba(0,0,0,0.2);}
/*.login-con .maichu {width: 900px;margin: 0 auto}*/
.trade-main > .mairu{ float: right}
.trade-main > .maichu{float: left;}
.m_con { width: 100%}
.m_con_buy { width: 100%}
.m_con input,.leftregi input,div#sig_nationality{padding: 8px;}
.reset-psw-con .mairu{ float:none; margin:0 auto}
.reset-psw-con .mairu h4{ text-align:center}
.reset-psw-con .m_con_buy{margin-top:10px; height:auto !important; min-height:290px}
.reset-psw-con .mairu input{font-size: 16px;padding: 5px 10px;}
.dealbox .jiaoyi_btn { width: 100%; height: 42px; font-size: 1.2em; font-weight: bold; color: #fff; border: 0;border-radius:5px; cursor: pointer }
.maichu .dealbox .jiaoyi_btn:hover { background:#26999e }
.maidan { height: 181px; background: #fff }
.ulorderlist { overflow-y: scroll; overflow-x: hidden }
.sorting,.sorting_asc, .sorting_desc{ padding-right: 0; font-weight: normal}
.title-line.sorting{cursor: default;}
.mairight { padding-right: 25px }
.chengjiao {width: 260px;float: right;padding-left: 15px;margin-left: 15px;border-left: 3px solid #f1f3f5;}
.bottom_maidan {width: 100%;float: left;}
.right-align {width: 33.33%;float: left;text-align: right;line-height: 38px;position: relative;z-index: 1;}
.price{width: 29%;text-indent: 2px;text-align: left !important;position: relative;z-index: 1;}
#ul-ask-list .price,.rise-green-body #ul-bid-list .price{color: #007980;font-family: 'din_medium';}
#ul-bid-list .price,.rise-green-body #ul-ask-list .price{color: #E64E62;font-family: 'din_medium';}
#ul-ask-list .volume,#ul-bid-list .volume{font-family: 'din';}
#ul-bid-list .total,#ul-ask-list .total{font-family: 'din';}
#tableAskList .od-lv{float:left;line-height: 26px;width: 12%;display: inline-block;min-height: 20px;text-align: left;}
#tableAskList .title-line .od-lv{line-height: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#tableAskList .title-line .total{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.total{width: 38%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;z-index: 1;}
.volume{width: 33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;z-index: 1;}
#tableAskList li span{float: left;text-align: right;line-height: 26px;}
.en-body .volume{ padding-right: 0}
.cjbox .right-align {width: 24%;}
.title-line b {display: inline-block;white-space: nowrap;vertical-align: middle;}
.title-line b > span {display: inline-block;max-width: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;font-family: 'din';transform: scale(.9);}
.title-line b > span:hover{overflow:visible;}
.title-line .price{
    text-indent: 0;
}
.title-line .price b,.turnover{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rect .down, .orange { height: 16px; width: 60px;background: #007980!important }
.rect .up, .fenlv { height: 16px; background: #E64E62!important }
.trade-list_re li {margin: 0;line-height: 28px;text-align: right;position: relative;overflow: hidden;cursor: default!important;font-size: 12px;font-family:'din'}
.trade-main .trade-list_re li:hover{ background: #e1e1e1}
.trade-main .trade-list_re li.dealtop:hover{ background: none !important}
.fund-deposit,.fund-withdraw,.fund-to-trade{ background: #E64E62; color: #fff;width: 55px;text-align: center;line-height: 24px;display: inline-block}
.fund-withdraw{ background: #007980; margin-left: 6px}
.sf-grid .fund-withdraw{ margin-left: 0}
.fund-to-trade{ background: #0a83ab}
.fund-to-trade:hover{ background: #199fcc; color: #fff}
.fund-deposit:hover{ background: #26999e; color: #fff}
.fund-withdraw:hover{ background: #11C09C; color: #fff}
.err-depo,.err-depo:hover{ color: #ddd; background: #888}
.warn-depo,.warn-depo:hover{ background: #ce9900}
.trade-list_re li .amount{cursor:pointer}
.trade-list_re li > span:first-child {height: 38px;width: 26%;float: left;text-align: left;font-family: 'din';}
.trade-list_re li > span:nth-child(2) {width: 34%;}
.trade-list_re .dealtop .amount:after{content:'\21C4';display: inline-block;width: 12px;height: 12px;line-height: 13px;text-align: center;background: #e5e5e5;border-radius: 50%;padding: 2px;margin: 0 -5px 0 0;color: #888;}
.trade-list_re li .amount:hover:after{background:#26999e;color: #fff;border-color: #26999e;}
.trade-list_re li > span:last-child {height: 38px;width: 40%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family: 'din_medium';color: #555;}
.trade-list_re li .rect { height: 38px; float: left }
.trade-list_re .down .rect { background: #007980!important; margin: 11px 0 0 20px }
.trade-list_re .up .rect { background: #E64E62!important; margin: 11px 0 0 20px }
.trade-list_re .up { border-top: 0 }
#cjjlcjl { margin-left: 52px }
.dealtop {height: 32px;border-bottom: 1px solid #dde1e4;font-weight: bold}
.up .price,#trade-list .trade-list_re .up > span:nth-child(2) { color: #E64E62!important;font-family:'din_bold' }
.down .price,#trade-list .trade-list_re li > span:nth-child(2) { color:#007980 !important }
.dealbox font[color="green"] { padding: 10px 30px; font-size: 12px; line-height: 16px; display: block }
.dealbox {width: 100%;margin: 0 auto 25px;}
.dealbox td {height: 15px;padding: 3px 0 3px 0;text-align: left;}
.dealbox i{ font-style: normal; font-size: 13px}
.dealbox .tableOrderTr td{height: 18px;}
.coin-unit{ margin-left:10px;color: #666}
.b-unit{color: #666;}
#ul-trade-list font[color="#339900"]{ color:#E64E62}
#ul-trade-list font[color="#cc3333"]{ color:#007980}
.local-price{color: #888;font-size: 12px;font-family: 'din',sans-serif !important;}
.dark-body .local-price{color:rgba(255,255,255,0.3);}
.rise-green-body .rect .down,.rise-green-body .orange,.rise-green-body .trade-list_re .down .rect{background: #E64E62!important}
.rise-green-body .rect .up,.rise-green-body .fenlv,.rise-green-body .trade-list_re .up .rect{background: #007980!important}
.rise-green-body .down .price, .rise-green-body #ul-trade-list font[color="#cc3333"], .rise-green-body .rate_down,.rise-green-body font[color="red"]{color: #E64E62!important}
.rise-green-body .green, .rise-green-body .main_title h1 .green,.rise-green-body .main_title .h1 .green{color: #E64E62}
.rise-green-body .red, .rise-green-body .main_title h1 .red,.rise-green-body .main_title .h1 .red{color: #007980}
.rise-green-body .up .price, .rise-green-body #ul-trade-list font[color="#339900"], .rise-green-body .rate_up, .rise-green-body font[color="green"]{color: #007980!important}
.inputRate {width: 100%;border: 1px solid #ccc!important;border-radius: 5px;font-size: 14px;padding: 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.trade-main .inputRate{text-align: right;}
.left-kline{width: 100%; float: left}
#graphbox { width:100%; float:left; padding: 10px 0 0 !important; background: #fff!important }
#chartContainer{ height:320px}
.operate_price{ height: 100%;padding: 0 15px 0 8px;display: inline-block;line-height: 30px;background: #ddd;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer}
#opBtn{font-size: 13px; color:#000; margin-left:3px}
.operate_price.bo_selected,.bo_selected #opBtn{background: #4572A7;color: #fff}
#hideprice,#showSampleMode,.hide-show-mark,#hidezero,#gtDebitFree,#trade-second-showall,#showBlueVip{ display:none}
#hideprice + .vr-btn,#showSampleMode + .vr-btn,.hide-show-mark  + .vr-btn,#hidezero  + .vr-btn,#trade-second-showall  + .vr-btn,#gtDebitFree + .vr-btn,#showBlueVip + .vr-btn{background-color: #E6E6E6;padding:5px;border-radius: 50px;display: inline-block;position: relative;margin: 6px 2px 0 0;float: left;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;width: 20px;height: 5px;cursor:pointer;}
#gtDebitFree + .vr-btn{margin:0 0 0 2px;position: absolute;top:10%;}
#hideprice + .vr-btn:after ,#showSampleMode + .vr-btn:after,.hide-show-mark + .vr-btn:after,#hidezero + .vr-btn:after,#trade-second-showall + .vr-btn:after,#gtDebitFree + .vr-btn:after,#showBlueVip + .vr-btn:after{ content: ' '; position: absolute; top: 0; -webkit-transition: box-shadow 0.1s ease-in; transition: box-shadow 0.1s ease-in; left: 0; width: 100%; height: 100%; border-radius: 100px}
#hideprice + .vr-btn:before,#showSampleMode + .vr-btn:before,.hide-show-mark + .vr-btn:before,#hidezero + .vr-btn:before,#trade-second-showall + .vr-btn:before,#gtDebitFree + .vr-btn:before,#showBlueVip + .vr-btn:before {content: ' ';position: absolute;background: white;top: 1px;left: 1px;z-index: 3;width: 13px;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;height: 13px;border-radius: 100px;}
#hideprice:active + .vr-btn:before,#showSampleMode:active + .vr-btn:before,.hide-show-mark:active + .vr-btn:before,#hidezero:active + .vr-btn:before,#trade-second-showall:active + .vr-btn:before,#gtDebitFree:active + .vr-btn:before,#showBlueVip:active + .vr-btn:before{ width: 15px}
#hideprice:checked:active + .vr-btn:before,#showSampleMode:checked:active + .vr-btn:before,.hide-show-mark:checked:active + .vr-btn:before,#hidezero:checked:active + .vr-btn:before,#trade-second-showall:checked:active + .vr-btn:before,#gtDebitFree:checked + .vr-btn:before,#showBlueVip:checked + .vr-btn:before { width: 15px; left: 16px}
#hideprice:checked + .vr-btn:before,#showSampleMode:checked + .vr-btn:before,.hide-show-mark:checked + .vr-btn:before,#hidezero:checked + .vr-btn:before,#trade-second-showall:checked + .vr-btn:before,#gtDebitFree:checked + .vr-btn:before, #showBlueVip:checked + .vr-btn:before { content: ' '; position: absolute; left: 16px; border-radius: 100px}
#hideprice:checked + .vr-btn:after,#showSampleMode:checked + .vr-btn:after,.hide-show-mark:checked + .vr-btn:after,#hidezero:checked + .vr-btn:after,#trade-second-showall:checked + .vr-btn:after,#showBlueVip:checked + .vr-btn:after{content: ' ';font-size: 1.5em;position: absolute;background: #26999e;}
#showBlueVip:checked + .vr-btn:before {left: 14px;}
.sample-hide-show{position: relative;z-index: 1;}
.hide-sample-span{cursor: pointer;}
#marketlistTabCon .simple-box tr{display: flex;align-items: center;}
#marketlistTabCon .simple-box td{line-height: unset;font-family: 'din';}
#marketlistTabCon .simple-box td .bizhong_en > span,.nm-con .bizhong_en > span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 64px;display: block;}
#marketlistTabCon .simple-box td .bizhong_en > span:hover,.nm-con .bizhong_en > span:hover{overflow:visible;}
#leftBar .simple-box .margin_multiple_show{ margin-top: 10px !important;}
.searchConBox {display:flex;align-items:baseline;}
#showSampleMode + .vr-btn {position:absolute;top:-18px;right:-42px;}
.simple-tip-box {position:absolute;top:-42px;left:-20px;white-space:nowrap;background:rgba(0,0,0,0.7);color:#fff;padding:10px 15px 7px;display:none;text-align:center;}
#showSampleMode + .vr-btn:hover .simple-tip-box{display: block}
.simple-tip-box .caret{position: absolute;bottom: -5px;left: 30px;color: rgba(0,0,0,0.7);}
.simple-tip-box .caret:before, .simple-mode-pop i.caret:before{display: none}
.no-multiple{margin-left: 20px;}
.simple-mode-pop{position: absolute;top: 38px;z-index: 1;display: flex;align-items: center;justify-content: space-between;width: 100%;height: 40px;background: rgba(0,0,0,.8);color: #fff;border-radius: 5px;backdrop-filter: saturate(180%) blur(6px);padding: 0 8px;box-sizing: border-box;}
#marketlistTabCon td .simple-mode-pop .cn-name{width: auto;color: #fff;}
.simple-mode-pop{display: none}
.simple-mode-pop .local-price{color: #fff}
#marketlistTabCon td .simple-mode-pop .icon-16{margin: 0 5px 0 0;background-color: #fff;border: 1px solid;}
.simple-mode-pop i{font-style: normal; color: rgba(255,255,255,0.6)}
/*#marketlistTabCon .simple-box tr:hover .simple-mode-pop{ display: flex}*/
.simple-mode-pop i.caret{position: absolute;left: 26px;top: -5px;color: rgba(0,0,0,0.8);border-width: 8px;border-top: 0;border-bottom: 8px dashed;border-right: 8px solid transparent;border-left: 8px solid transparent;}
#marketlistTabCon tr:last-child .simple-mode-pop, #marketlistTabCon tr:nth-last-child(2) .simple-mode-pop{top: -46px;}
#marketlistTabCon tr:last-child .simple-mode-pop .caret, #marketlistTabCon tr:nth-last-child(2) .simple-mode-pop .caret{top:auto;bottom: -8px;transform: rotate(180deg);}
.dark-body .simple-mode-pop,.classic-dark .simple-mode-pop{background:rgba(80,80,80,0.95);}
.dark-body .simple-mode-pop i.caret,.classic-dark .simple-mode-pop i.caret{color:rgba(80,80,80,0.95);}
.contract-pop {display: flex}
.contract-pop em{color: rgba(255,255,255,0.6);font-style: normal}

#gtDebitFree:checked + .vr-btn:after{ content: ' '; font-size: 1.5em; position: absolute; background: #26999e }
.hide-depth{margin: 6px 2px 0 5px; float: left; cursor:pointer}
.right-kline{width:29%; height:300px;margin-top:10px;text-align: center;font-size: 18px;font-weight: 100;float:right}

#deal-info-box .list-wrapper li.new { background-color: #FFDFE9!important }
.dataTable .sortable:after,.dataTable .sorting_asc:after,.dataTable .sorting_desc:after{ content: '';width: 10px; height: 18px; margin-left: 2px; background: #eee; display: inline-block; float: right}
.dataTable .sortable:after { background:#fff  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='%23B0AFB1' d='M5.466 9.003L9.5 2.016l4.035 6.987M13.535 10.01L9.5 16.998 5.466 10.01'/%3E%3C/svg%3E") no-repeat center}
.marketlist th:first-child:after,.marketlist th:first-child b{float: left;font-weight: normal;white-space: nowrap;overflow: hidden;}
.dataTable .sorting_asc:after,.dataTable .sortable.asc:after { background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='%23FF9358' d='M5.466 9.003L9.5 2.016l4.035 6.987'/%3E%3C/svg%3E") no-repeat center}
.dataTable .sorting_desc:after,.dataTable .sortable.desc:after { background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='%23FF9358' d='M13.535 10.01L9.5 16.998 5.466 10.01'/%3E%3C/svg%3E") no-repeat center}
.dataTable .sorting_disabled:after{ display: none}
.m_con .sorting{background: none;padding-right: 5px;}
.custom-option i,th .fav-icon{width: 16px;height: 16px;display: inline-block;padding: 7px 2px 0;cursor: pointer;}
th .fav-icon{cursor: default;filter: brightness(120%) grayscale(1);}
.dark-body th .fav-icon{opacity:0.2}
.custom-option i:after,th .fav-icon:after,.fav_icon:after{content: '';display: block;width: 16px;height: 16px;background-image: url("../image/close.svg");}
.custom-option .custom-on:after,th .fav-icon:after,.fav_icon.custom-on:after{ background-position:0 -16px }
.fav_icon{display: inline-block;padding-top: 4px;vertical-align: middle;}
.fav_icon:after{display: inline-block;}
.leftbar th .fav-icon{margin-top: 4px;margin-right: 7px;}
.custom-option i:hover{-webkit-filter:contrast(10%);filter: contrast(10%);}
.custom-option .custom-on:hover{-webkit-filter: contrast(90%); filter: contrast(90%)}
.dark-body .custom-option i:hover,.dark-body .custom-option .custom-on:hover{-webkit-filter: contrast(150%); filter: contrast(150%)}
#marketlistTabCon .dataTables_empty{ text-indent: 0}
#marketlistTabCon .dataTables_empty:before{ content:'i';display:inline-block;width:18px;height:18px;line-height:18px; text-indent:0;text-align:center;background:#E64E62;color:#fff;margin-right:5px;border-radius:50%}
#marketlistTabCon .dataTables_empty b{ color: #111}
template li .right-align { width: 0; height: 0; overflow: hidden }
.sf-grid td {padding: 8px 0;border-bottom: 1px solid #e6ecf2;font-family: 'din_medium';}
.main_title h1 span,.main_title .h1 span {margin-top:0;color: #333;}
.main_title h1 > span,.main_title .h1 > span {display:flex;align-items: center}
.price-dl{float:left}
.applies-dl{clear: both;font-size: 12px;color: #666; font-family: 'din';}
#lastRateBox{line-height: 18px;}
.main_title h1 img,.main_title .h1 img{width:32px;height:32px;display: inline-block;}
.main_title h1 .icon-48 ,.main_title .h1 .icon-48 { height: 48px;padding:0;margin: -8px 0 5px}
#ticker_vol_b{display: inline-block;float: none;}
#top_last_rate_change{float: left;padding-left: 0;}
.main_title h1 em ,.main_title .h1 em {font-size: 18px;font-style: normal;margin: 2px 5px 0 15px;color: #007980;float: left;}
.main_title h1 b,.main_title .h1 b {font-weight: normal;}
#currVol{ float: left; font-style: normal; color: #666;font-size: 14px;line-height: 18px;text-align: left;}
#currVol small{color: #797b7b;font-size: 12px;margin-right: 5px;display: block;}
.top_last_li{height:30px;margin-left: 15px;}
#top_last_rate_change > span{float:left;line-height: 16px;}
#top_last_rate_change .price-dl,#currUSD{border-right:1px solid #e0dad1;padding-right: 10px;padding-top: 5px;margin-top: -3px;}
#top_last_rate_change .price-applies {padding-top: 4px;margin-top: -2px;margin-left:1px; float: left;}

#top_last_rate_change i{font-style: normal;float: left;}
#currFiat{
    font-family: 'din', sans-serif;
}
#top_last_rate_change .price-dl em{margin:0 3px;font-weight:normal;color:#666;font-family: 'din', sans-serif;}
#top_last_rate_change dt{ font-size:14px; height:18px; line-height:20px;border-top: 1px solid #ddd;color: #666}
#top_last_rate_change small{font-weight:normal;float: left;}
#mianTlist {margin: 15px 0 5px 5px;}
#mianTlist .curr_icon{padding-right: 0;margin-right: 5px;border-radius: 50%;}
#mianTlist > span{float: left;display: flex;margin: 0 10px;align-items: center;}
#mianTlist > span a{font-family: 'din', sans-serif;font-size: 22px;}
#mianTlist span.fav_btn{padding: 0px 4px 1px 4px;}
#mianTlist span.fav_btn.custom-on{color: #ec942a;}
#curr_b_name{font-family: 'din', sans-serif;font-size: 26px;}
.coin-title i{display:inline-block;margin: 0 1px;font-family: 'robotoLight', sans-serif;color: #aaa;font-size: 22px;}
.coin-title .caret{border-width: 10px;margin-top: 5px;padding: 6px 0;cursor: pointer;}
.coin-title .caret:hover{color:#E64E62}
.coin-title .caret:before{
    border-width: 10px;
    top: -12px;
    left: -10px;
}
#marketSwitchBtn,.full-con #leftBar{display:none}
#tradeContent{position:relative;border-bottom: 3px solid #f1f3f5;}
.full-con.mk-switch-on #leftBar{display:block;position:absolute;left: 15px;top: 60px;z-index: 88;width: 320px !important;border: 1px solid #ddd;border-radius: 10px;height: calc(100vh - 180px) !important;min-height: 580px;box-shadow: 0 5px 8px rgba(0,0,0,0.2);font-size: 15px;}
.full-con.mk-switch-on #leftBar tbody{height: calc(100vh - 350px) !important;min-height: 420px;}
.full-con.mk-switch-on #leftBar .bizhong_en,.full-con.mk-switch-on #marketlist_container_btc,.full-con.mk-switch-on #marketlist_container_eth{font-size: 15px;font-family: 'din',sans-serif;}/**/

.full-con #marketSwitchBtn{display:inline-block}
.mk-switch-on #marketSwitchBtn{transform:rotate(180deg);margin-top: -15px;}
.m_title span {float: left;font-family: 'din', sans-serif;}
@media screen and (max-width: 1450px){
	.m_con_buy_tip,
	.m_con_tip{min-height: 36px;}
}
@media screen and (max-width: 1280px){
	.m_con_buy_tip,
	.m_con_tip{min-height: 54px;}
}
.login2-con span{float:none}
.login2-con .l2-title:before{content:"-"; margin:0 5px}
.m_title img { margin: 14px 0 0 10px }
#my-tlist-title li span, #my-trade-list li span, #ulMyOrderList li span {width: 25%;float: left;}
#my-trade-list, #ulMyOrderList {height: 231px;overflow-y: auto;text-align: center;position: relative;}
.my-type { width: 5%!important }
#my-tlist-title .sorting { padding-right: 0 }
#my-tlist-title .dealtop span:last-child { min-width: 99px }
.m_title {height: 42px;width: 100%;font-size: 1.5em;color: #111;border-bottom: 1px solid #c1d0cd;margin: 10px 0 10px;line-height: 46px;}
.login-con .m_title,.login_incontent .m_title{border: none;margin-bottom: 0}
.mairu .m_title, .maichu .m_title, .bottom_maidan .m_title { height: 45px;background: none; text-indent: 0}
.main_title table { margin: 0 auto }
.main_title td { border: 0 }
.main_title img { width:32px;margin-top: -2px;padding-right: 5px }
.orderline_mine { background: #C8EDFF!important }
.orderline_mine:hover { background: #6de1c9!important }
thead tr[role="row"] { height: 40px }
.content .contentdetail p { line-height: 35px; font-size: 16px; color: #222 }
.contentdetail img {margin: 0 auto;display: block;max-width: 100%;border: 5px solid #fff;box-shadow: 1px 2px 8px #ccc;}
.dark-body .contentdetail img{border-color:#072324;}
.contentdetail h1,
.contentdetail h2 {font-weight: lighter;font-size: 24px;line-height: 36px;}
.hot{ position: relative}
.hot:after,.new:after{ content: 'HOT'; display: block; position: absolute; top:-22px; left: -18px; width: 35px; height: 16px; line-height: 16px; font-size: 12px; font-weight: normal; text-align: center; background: #E64E62; color: #fff}
.hot:after{top: 2px;left: 82px}
.new:after{content:'NEW'}
#withdrawtable td { padding: 0 0 3px ; position: relative}
#withdrawtable tr td:first-child{ font-weight: bold;vertical-align: top;  padding-top: 17px}
#ask-list, #bid-list {width:100%;overflow: hidden;overflow-y: scroll;height: 150px;}
#ul-ask-list, #ul-bid-list { width: 100% }
#divMyTradeHistoryList, #divMyReferralsList, #divMyReferralFundsList { overflow-y: auto!important }
.myacc-con .sectioncont p {margin-bottom:10px }
.myacc-con .sectioncont p .red-tip{color: #E64E62 }
.sectioncont p { padding-top: 10px}
.deposit-sec p{ padding:0}
.dailishang td{ padding-top: 5px;line-height: 25px}
img[alt="Captcha"]{ height: 38px; margin-top: 10px; float:left}
.dark-body img[alt="Captcha"]{ opacity: 0.8}
#loginform #loginCaptcha{ width:120px; margin-top: 0;-webkit-filter: contrast(88%); filter: contrast(88%)}
#captcha,#login_captcha{ width:200px; margin-right:10px; margin-top: 10px; float:left}
.login_box #captcha{ width: 115px; padding-right: 0; margin-top: 0}
.sms-setup td{ border:0}
.sectioncont .sms-setup #submit,.sectioncont #submit.sub-btn,.sectioncont .sub-btn,.sub-btn{width: 50%;background: #E64E62;box-shadow: none;border: none;color: #fff;font-size: 16px;text-indent: 0;padding: 10px;height: auto;cursor:pointer;border-radius: 5px;outline: none;}
.sectioncont .sms-setup #submit:hover,.sectioncont #submit.sub-btn:hover,.sectioncont .sub-btn:hover,.sub-btn:hover{ background:#26999e; color: #fff}
sub-btn[disabled],.sub-btn[disabled]:hover{cursor: not-allowed;  color: #eee !important; background: #aaa !important}
#captcha.login2-captcha{ width:20%}
.login2-table td{border-bottom:0;color: #eee;}
.login-con .m_con_buy,.login-con .m_con{ height:auto;}
.login-tip{ width:100%}
.login-tip p{ margin:20px 0 0; padding:0; font-size:18px}
#iprestriction,#agreeCheck{width: 16px;height:16px;margin-right: 5px;box-shadow:none;margin-top: 0;vertical-align: middle;}
#myuserid b {color: #E64E62}
#myuserid ,.fund-right .m_title{background: #f1f3f5; height: auto; text-indent: 0; padding: 0 20px; margin:15px 0 0 0;border: 1px solid #e7e9ec;display: inline-block;    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.newstitle { height: 40px;width: 100%; font-size: 1.35em; line-height: 40px; border-bottom: 1px solid #ddd}
.newstitle i { font-style: normal; font-size: 14px; text-shadow: none; font-weight: normal; float: right }
.latnewslist { padding:9px 0 0 }
.pidiv .latnewslist { min-height: 140px }
.latnewslist h3 { font-weight: normal; margin-bottom: 8px }
.latnewslist a,.tese a { color: #333 }
.latnewslist a:hover,.tese a:hover { color: #E64E62 }
.mainlatest .latnewslist .entry { line-height: 18px }
.latnewslist .entry { line-height: 23px; font-size: 13px; color: #777 }
.latnewslist .entry a{ height: 18px;display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.entry img { width: 100%; min-height: 70px }
.picbox { width: 130px; height: 70px; margin: 0 10px 10px 0; float: left; overflow: hidden; display: block }
.newstail span{ margin-right:15px;color: #444}
.newstail { margin-top: 5px; color: #999; font-size: 12px; border-bottom:1px dashed #ddd; padding: 0 0 5px; clear: both }
.newstail a { color: #169283}
.newstail .updated,.c-gray {margin-right: 0;color: #999;font-weight: 100;}
.newstail .updated b{ font-weight: normal; color: #444}
.newscon ul { margin: 15px 0; height: 280px; overflow: hidden }
.newscon li { list-style: disc inside; padding: 9px 0; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#paginationtech {  line-height: 40px; color: #26999e;}
.newsplink { margin-top: 10px; clear: both }
.newsplink label { color: #333; background: #f5f5f5; text-decoration: none; padding: 5px 10px; border: 1px solid #d7d7d7; margin: 3px; border-radius: 2px}
.newsplink .px { border: 1px solid #ccc; -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 1px 1px 2px rgba(0,0,0,.1); border-radius: 3px; width: 30px; padding: 3px }
.newsplink a { color: #333; background: #f5f5f5; text-decoration: none; padding: 5px 10px; border: 1px solid #d7d7d7; margin: 3px; border-radius: 2px }
.newsplink a:hover { color: #26999e; background: #fcfcfc }
.activeee { color: #26999e; background: #fff; padding: 5px 10px; border: 1px solid #26999e; margin: 3px; border-radius: 2px }
#lcontentnews { width: 100%; border: 0 }
.prenext {margin: 20px 0;border-bottom: 1px dotted #ddd;border-top: 1px dotted #ddd;padding: 10px 0;font-weight: 300;}
.prenext li { margin: 8px 0 }
.jiathis_style_32x32 { margin-top: 10px}
.picbox, .toppicbox { display:none; background-size: 100% }
#coin_about img {height: 32px;box-shadow: none;margin-top: 5px;}
#coin_about table { border-top: 1px dotted #ddd; border-left: 1px dotted #ddd; width: 69%; min-height: 130px; margin-bottom: 20px }
#coin_about td { border-bottom: 1px dotted #ddd; border-right: 1px dotted #ddd; padding: 0 10px; font-weight: bold; color: #387775 }
.coininfo-icon,.cion-dtl-ul{ text-align: center}
.coininfo-icon span{ float: none; margin-top: 20px; display: inline-block}
.cion-dtl-ul li{  display: inline-block;font-weight: bold; margin-right: 20px}
.cion-dtl-ul .icon-32{ margin-top: 2px}
.cion-dtl-ul b{ color: #E64E62}
.introduction2 tr td:first-child{ text-align: right}
.cionintil { height: 40px; border-bottom: 2px dotted #eee; padding: 0 10px; line-height: 40px; font-weight: bold; font-size: 18px; background: #f8f8f8; clear: both }
.cionintro p { margin-top: 10px }
.cionintro ul { margin: 20px 0 }
.infolist span{color: #3e4957; font-weight: 600}
.cionintro li { width: 20%;  min-width: 170px;margin-bottom: 10px; float: left }
.cionintro i { font-style: normal; color: #387775 }
.sectioncont .dataTable td:first-child { width: 18% }
#feelist{ width: 100%}
#feelist .icon-48{ margin-top:2px;-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-o-transform:scale(0.6); transform: scale(0.6)}
#feelist .coin-name {margin: 17px 0}
.fee-th1{ width:15%; text-align: left; padding-left: 15px}
.fee-th2{ width:12%}
.fee-th3,.fee-th4,.fee-th5,.fee-th6,.fee-th7,.fee-th8{ width:8%}
.top_botton #gateioNav { width: auto; height: auto; font-size: 14px; margin: 0; float: none }
.top_botton #gateioNav a { width: auto; font-size: 12px; font-weight: normal; color: #000 }
.top_botton #gateioNav #subNews { width: auto }
.top_botton #gateioNav #subNews li { width: 100%; margin: 0; border-bottom: 1px solid #ddd; border-top: 0 }
.top_botton #subNews li a { width: 100%; height: 100%; display: block }
.failed{ color:#E64E62; font-size:18px;margin: 10px 0}
.right_mcontent.myacc-con > p{color:#E64E62; font-size:18px; margin-top: 30px}
#coinStatus ,#coinStatus li{ display:inline-block}
#coinStatus li{ background:#333; color:#fff;border-radius:50%;padding: 2px;font-size: 12px;width: 14px;height: 14px;line-height: 12px; text-align:center}
#coinStatus .normal-st-bg{ background:#007980}
#coinStatus .warn-st-bg{ background:#FF9800}
#coinStatus .err-st-bg{ background:#ff3516}
#statusList{ margin-top:20px;font-size: 16px; text-align:center}
#statusList li{ width:33.33%}
.cionintro{border-top: 1px solid #94acad}
.status-dtl{ text-align:center}
.cionintro .status-dtl li{ float:none; display:inline-block; width:auto; min-width:20%;color: #fff}
.cionintro .status-dtl li a{ display:block;padding: 5px;color: #fff}
.cionintro .status-dtl li:hover{ opacity:.8}
.status-dtl .normal-st-bg{ background:#007980}
.status-dtl .warn-st-bg{ background:#FF9800}
.status-dtl .err-st-bg{ background:#ff3516}
/*new nav*/
.gateio-nav {float:left;margin: 0}
.gateio-nav li {position:relative;list-style:none !important;z-index: 9991;}
.gateio-nav > li {float:left}
.caret {position:relative;display:inline-block;width:0;height:0;margin: -3px -6px 0 3px;vertical-align:middle;border-width:5px;border-top:5px dashed;border-right:5px solid transparent;border-left:5px solid transparent;color:#d8dfe4;transition:all 0.3s;}
.gateio-nav > li:last-child > a { cursor: default}
.caret:before {content:'';position:absolute;top:-7px;left:-5px;display:inline-block;width:0;height:0;border-width:5px;border-top:5px dashed;border-right:5px solid transparent;border-left:5px solid transparent;color:#fff;}
.loading_hide .caret:before {
    top: -8px;
    left: -6px;
    border-width: 6px;
    color: #e1ecfb;
}
.loading_hide .caret {
    margin: 14px 0 0 0;
    border-width: 8px;
    color: #8f9b9c;
}
.loading_hide {
    width: 30px;
    height: 35px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}
.header .caret:before{display:none}
.lang-option .caret:before, #nickName .caret:before {color: #002c2a;display: none;}
.main_title h1 .arr-con,.main_title .h1 .arr-con{width:14px;height: 26px;padding:0;margin: -5px 15px 0 0;float: left;position: relative;}
#upArrow:before,#dnArrow:before,#upArrow,#dnArrow{opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s}
#dnArrow.caret{color: #007980; border-width: 7px;border-top-width: 13px;margin: 0;top: 5px; left: 0}
#upArrow.caret{color: #E64E62; border-width: 7px;border-top-width: 0;border-bottom: 13px dashed;margin: 0; bottom: 5px; left:0}
.rise-green-body #dnArrow.caret{color: #E64E62}
.rise-green-body #upArrow.caret{color: #007980}
.gateio-nav > li:hover > a .caret, .lang-option:hover .caret, .top-up a:hover .caret, .uc-active #nickName i,.ask_ans:hover .caret {transform:rotate(180deg);color: #91ffe8}
.gateio-nav > li > ul {background: #091b1c;font-size:13px;}
.second-nav {position:absolute;top: 56px;left: -32px;z-index: 9999;display:none;box-shadow: 0 5px 8px rgba(0,0,0,0.2);}
.gateio-nav > li:hover .second-nav {display:block;}
ul.second-nav-fianancy{display: flex;position: static !important;padding-left: 120px;width: 100%;background: #01403D;}
ul.second-nav-fianancy >li{border:none;}
.second-nav li a ,.second-nav li em{width:100%;min-height: 24px;padding: 10px 0;display: block;color:#d8e6e7;font-style:normal;text-align:  center;box-sizing:  border-box;}
.nav-trade .second-nav li a,.nav-trade .second-nav li em{padding: 10px 0 5px;transition: all 0.2s;overflow: hidden;}
.second-nav > li {width:120px;text-align:center;border-bottom: 1px solid #030412;}
.second-nav > li:last-child {border:none}
.second-nav .caret,.second-nav .caret:before {position:absolute;top: 16px;right:10px;border-left:6px dashed;border-top:6px solid transparent;border-bottom:6px solid transparent}
.second-nav .caret:before {top:-6px;left:-7px;color:#091b1c}
.second-nav > li:hover > a .caret:before {color:#9a5629}
.third-box{position:absolute;top:0;left: 150px;border-left: 1px solid rgb(41, 46, 54);box-shadow: 0 5px 8px rgba(0,0,0,0.2);display:none;}
.en-body .third-box{left:165px}
#tradeNavList .third-box,#marginNavList .third-box{width: 780px;}
.tier-time {clear:both;line-height:18px;position:absolute;bottom:5px;left: 42px;font-size:12px;}
.third-box .s_empty {font-size:16px;padding:15px 0;color:#eee;}
.third-box .s_empty b {color:#ffc3c3;}
.third-nav a img,.third-nav a .icon-16 {background-color:#fff;border:2px solid #fff;border-radius:3px;float:none;display:block;margin:0 auto}
.third-nav a strong {width:100%;display:block;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:16px}
#tradeNavList .third-nav em,.pop-tip em ,#marginNavList .third-nav em{position:absolute;top:-44px;display:inline-block;height:38px;line-height:38px;padding:0;background:rgba(0,0,0,0.95);overflow:visible;width:200%;left:-50%;border-radius:3px;z-index:8;color:#eee;}
#tradeNavList .third-nav em:after,.pop-tip em:after ,#marginNavList .third-nav em:after{content:'';position:absolute;bottom:-5px;left:45%;display:inline-block;width:0;height:0;border-width:5px;border-top:5px dashed;border-right:5px solid transparent;border-left:5px solid transparent;color:rgba(0,0,0,0.95);}
.pop-tip em{width: 80%;left: -81%;top: auto;bottom: 0;height: 40px;line-height: 40px;padding: 0 10px;box-sizing: border-box;text-align:  right;font-style: normal;}
.account-to-setting.pop-tip em{min-height: 40px;height: auto;line-height: normal;display: flex;align-items: center;background: #f0f0f0;color: #262626;box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 20%);text-align: left;justify-content: flex-start;padding-left: 16px;background: #fff;}
.user-account-funds.pop-tip em{background: #f0f0f0;color: #595959;box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 20%);width: 332px;left: -337px;text-align: revert;border-radius: 8px;font-size: 12px;padding: 16px;top: 50%;transform: translateY(-50%);bottom: unset !important;height: auto !important;}
.tier-info .pop-box .user-account-funds.pop-tip em{bottom: unset !important;}
.account-to-setting.pop-tip em:after{color: #f0f0f0;}
.user-account-funds.pop-tip em:after{color: #f0f0f0;left: 99%;bottom: 45%;}
.user-account-funds .curr_vip,.user-account-funds .normal-color{font-size: 14px;font-weight: 600;}
.user-account-funds .user_vip_info > div{margin-top: 8px;}
.pop-tip em:after{transform: rotate(-90deg);bottom: 45%;left: 98%;}
#tradeNavList .third-nav em.hide,.pop-tip em.hide,#marginNavList .third-nav em.hide{display:none}
.second-nav > li:hover .third-box{ display: block}
.font-thin{ font-weight: normal}
.nav-trade .second-nav > li:first-child .third-box{background-color: #0f4c3b}
.nav-trade .second-nav > li:nth-child(2) .third-box{background-color: #67001e;}
.nav-trade .second-nav > li:nth-child(3) .third-box{background-color: #ab691a}
.nav-trade .second-nav > li:nth-child(4) .third-box{background-color: #002d48}
.nav-trade .second-nav > li:nth-child(5) .third-box{background-color: #005771}
.nav-trade .second-nav > li:first-child .nav-sbar:after{content:'USDT'}
.nav-trade .second-nav > li:nth-child(2) .nav-sbar:after{content:'CNYX'}
.nav-trade .second-nav > li:nth-child(3) .nav-sbar:after{content:'BTC'}
.nav-trade .second-nav > li:nth-child(4) .nav-sbar:after{content:'ETH'}
.nav-trade .second-nav > li:nth-child(5) .nav-sbar:after{content:'LIMITED'}
#marginNavList  > li:first-child .third-box{background-color: #ab691a}
#marginNavList  > li:nth-child(2) .third-box{background-color: #002d48;}
#marginNavList  > li:nth-child(3) .third-box{background-color: #0f4c3b}
#marginNavList  > li:first-child .nav-sbar:after{content:'TRADE'}
#marginNavList  > li:nth-child(2) .nav-sbar:after{content:'BORROW'}
#marginNavList  > li:nth-child(3) .nav-sbar:after{content:'LEND'}
.nav-sbar:after {position:absolute;top:10px;right:2px;font-size:42px;font-weight:100;font-family:inherit;color:rgba(255,255,255,0.2);z-index: 8}
.nav-sbar:before{content:'\641C \7D22...';position: absolute;left: 38px;top: 10px;color: rgba(255,255,255,0.8);font-size: 16px;font-weight: 100;z-index: 8}
.has-val .nav-sbar:before{display:none}
.en-body .nav-sbar:before{content:'Search...'}
.keep-show{display:block}
.third-nav li {width: 6.666%;border-bottom: 1px solid rgba(0,0,0,0.2);border-right: 1px solid rgba(0,0,0,0.2);float:left;box-sizing:  border-box;}
.third-nav .res-first{background: rgba(255, 24, 24, 0.4)}
.third-nav .res-second{background: rgba(255, 32, 243, 0.2)}
.third-nav .res-third{background: rgba(31, 174, 0, 0.2);}
.third-nav li:before{position:absolute;left:3px;color: rgba(255, 255, 255, 0.3);}
.res-first:before{content:'1'}
.res-second:before{content:'2'}
.res-third:before{content:'3'}
.nav-finance {width:20vw;min-width:320px}
.nav-finance li {width:50%}
.nav-finance .nav-big {width:100%}
.nav-finance li:nth-child(2),.nav-finance li:nth-child(4),.nav-finance li:nth-child(6) {border-right:1px solid #0f1319;margin-right:-1px}
.nav-help {width:120px;min-width:120px;background: #091b1c;}
.nav-help li {width:100%}
.en-body .third-nav{ left: 165px}
.en-body .nav-trade .third-nav{min-width: 600px;}
.en-body .second-nav{ left: -30px}
.en-body .second-nav > li,.en-body .nav-help{ width: 165px}
ul#slides .imgli,ul#slides .imgli a, .chat-flex,.gm-details, .big-pic-div, .big-pic-div span,.login-prev,.chat-loading,.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}

/*mobile app ads*/
.app-tip{ width:100%; background:rgba(255, 255, 255, 0.8); border-top:1px solid #ddd;box-shadow: 0 0 2rem rgba(0,0,0,0.1); position:fixed; bottom:0; z-index:99996; display:none}
.app-tip i{ width:7%;margin-top: 1.5rem;padding:2rem 0;font-style:normal;float:right; text-align:center}
.app-tip i:after{content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAGFBMVEX///+AgICAgICAgICAgICAgICAgICAgICD75AyAAAAB3RSTlMAEGCAkKDQ9x7/eAAAAHpJREFUeF7FziEOgkEUA+Ei1qPQCI7ACeACi1qNwpM8zk+abDLJ6wH+qhGfqA7fXUzPHWsCRrUAUEAS2Hp8paDrKnUKhAKhQGhCU8OgQLYS6vSphJdaM+EcldAHAkpQIBQoKBAKFBS46atD09+5Q9P3DkPojpuYHjp6fwF1Hb8sZIbdAAAAAElFTkSuQmCC')}
.appLink{ width:93%;padding:2rem 0;display:block; float:left;-webkit-tap-highlight-color:rgba(255,0,0,0)}
.app-tip img{ width:5.5rem; height:5.5rem; margin:0 1.5rem; float:left}
.dn-btn{line-height: 5rem;float:right; background:#E64E62;font-size: 2.5rem; color:#fff; padding:.2rem 2rem}
.tip_webapp .dn-btn{background: #e28926;}
.tip_webapp .appLink img{filter: hue-rotate(40deg) brightness(1.25);}
.ads{ line-height:2.5rem;font-size: 1.7rem;float:left}
.ads p{margin-bottom: 5px; font-weight: bold;color: #000;font-size: 2.2rem}
.tip_webapp .ads p{line-height: 5.5rem;}
.appLink:hover .ads,.appLink:hover .ads p{ color:#E64E62}
.appLink:hover .dn-btn{ background:#E64E62}
/*deposit cny*/
.deposit-table,.dp-cny{ width:99.5%; margin:0}
.deposit-table td,.deposit-table th{ border:0;background: none}
.deposit-table td{ vertical-align:top}
.deposit-table td label{padding-top: 18px;display: inline-block}
.deposit-table .realname{ border: none; background: none}
.dp-addr{ position:relative}
.dp-addr p{ margin-bottom: 5px !important}
#selectaddr.hide{ display:none}
#selectaddr{ position:absolute; top:44px;background:#f9fffe; width: 60%;border: 1px solid #57cfd2; z-index:1;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
#selectaddr ul li{font-weight: 300;font-size: 16px}
#selectaddr ul li.active,#addrUl #addNew:hover{background: #d4efee}
#selectaddr ul li:hover{ background: #e9f3f1}
#addrUl > div a{ padding: 8px; display: block}
#addrUl > div em{ font-style: normal}
#addrUl > div i{ font-style: normal; font-size: 16px}
#addrUl li span{ display: block;float: left; width: 90%;padding: 10px 0 10px 10px;cursor:pointer}
#addrUl li i,#addNew i{ float: right;  display: block;  width: 18px;  height: 18px;  line-height: 14px;  font-size: 28px;  font-style: normal;  background: #E64E62;  color: #fff;  text-align: center;  border-radius: 50%;margin: 11px 4px 0 0;cursor:pointer}
#addrUl li i:hover{ background: #26999e}
.wd-tip{ font-size: 13px; color: #888;display: block;  margin-bottom: 5px}
.addr-ico{ display:block; width:60%; padding:5px; position:absolute;top:0}
.addr-ico:after{content:""; position:absolute; top:23px;right:23px; border-top:6px solid #000; border-bottom: 0 ; border-right: 3px solid transparent; border-left: 3px solid transparent}
.dp-tab{ text-align: left}
.dp-tip{ clear:both; color: #b15c00; text-align:left}
.deposit-table thead{ width:100%;border-bottom: 1px solid #ddd;display: table; background:none}
.deposit-table tbody{  padding: 30px 0;border: 1px solid #ddd; border-top: 0;background: #f1f3f5; display: table;width: 100%}
.off-tr{ display:none}
.dp-tip .bind-card-btn{ width: 200px; text-align: center; padding: 8px 0; margin-top: 15px; cursor: pointer}
#depo_bank option{ font-weight:300; font-size:15px}
#depo_bank option:first-child{ font-weight:600}
.dp-tdname{ text-align:right; font-weight:600}
#cashamount{width:25%;min-width:212px;font-weight: 600; float:left}
.dp-decimal{float: left;margin: 19px 0 8px 2px}
#depositdecimal{ font-weight:bold; color:red}
.decimal-tip{ padding: 10px; margin-bottom: 5px; clear: both; width: 50%;background:#d8e4f1;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.dp-content #amount{ font-weight: 600;width:220px}
#dpIcon,.warn-iocn{background: #E64E62;border-radius: 50%;display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 22px;font-style: normal;margin-right: 5px;color: #fff;}
#actualamount{ color:red}
#tablePending{padding: 15px 0;min-height: 120px;}
#tablePending td{ padding:6px 0}
#tablePending td:nth-child(2){ font-weight: bold;color: #fa0}
#tablePending .noty-td{ text-align:right; font-weight:normal;color: #fff}
.dp-noty-btn#button-0,.dp-noty-btn#button-1{ font-size:16px;padding: 10px 26px}
.btn-permi#button-0{width:100%}
.btn-permi#button-1{ padding:0;font-size:12px;font-weight:normal;background:none;float:none;clear:both;text-align:left;margin-top:5px}

/*用户等级*/
.VIP-0 .chattime,.VIP-0>em,.VIP-v0>span{color:#7E8691}
.VIP-1 .chattime,.VIP-1>em,.VIP-v1>span{color:#7E8691}
.VIP-2 .chattime,.VIP-2>em,.VIP-v2>span{color:#7E8691}
.VIP-3 .chattime,.VIP-3>em,.VIP-v3>span{color:#22A8F0}
.VIP-4 .chattime,.VIP-4>em,.VIP-v4>span{color:#22A8F0}
.VIP-4>em,.VIP-5 .chattime,.VIP-v5>span{color:#22A8F0}
.VIP-6 .chattime,.VIP-6>em,.VIP-v6>span{color:#0BB6BB}
.VIP-7 .chattime,.VIP-7>em,.VIP-v7>span{color:#0BB6BB}
.VIP-8 .chattime,.VIP-8>em,.VIP-v8>span{color:#0BB6BB;font-weight:700}
.VIP-9 .chattime,.VIP-9>em,.VIP-v9>span{color:#FF9A36}
.VIP-10 .chattime,.VIP-10>em,.VIP-v10>span{color:#FF9A36}
.VIP-11 .chattime,.VIP-11>em,.VIP-v11>span{color:#FF9A36}
.VIP-12 .chattime,.VIP-12>em,.VIP-v12>span{color:#FF5C1F}
.VIP-13 .chattime,.VIP-13>em,.VIP-v13>span{color:#FF5C1F}
.VIP-14 .chattime,.VIP-14>em,.VIP-v14>span{color:#FF5C1F}
.VIP-15 .chattime,.VIP-15>em,.VIP-v15>span{color:#826AF9}
.VIP-16 .chattime,.VIP-16>em,.VIP-v16>span{color:#826AF9}
.VIP-17 .chattime,.VIP-17>em,.VIP-v17>span{color:#826AF9}
.VIP-18 .chattime,.VIP-18>em,.VIP-v18>span{color:#C956AA}
.VIP-19 .chattime,.VIP-19>em,.VIP-v19>span{color:#C956AA}
.VIP-20 .chattime,.VIP-20>em,.VIP-v20>span{color:#C956AA}
.VIP-0>em,.VIP-v0.vip-bg{background: rgba(126, 134, 145, .1);}
.VIP-1>em,.VIP-v1.vip-bg{background: rgba(126, 134, 145, .1);}
.VIP-2>em,.VIP-v2.vip-bg{background: rgba(126, 134, 145, .1);}
.VIP-3>em,.VIP-v3.vip-bg{background:rgba(34, 168, 240, .1)}
.VIP-4>em,.VIP-v4.vip-bg{background:rgba(34, 168, 240, .1)}
.VIP-5>em,.VIP-v5.vip-bg{background:rgba(34, 168, 240, .1)}
.VIP-6>em,.VIP-v6.vip-bg{background:rgba(11, 182, 187, .1);}
.VIP-7>em,.VIP-v7.vip-bg{background:rgba(11, 182, 187, .1);}
.VIP-8>em,.VIP-v8.vip-bg{background:rgba(11, 182, 187, .1);}
.VIP-9>em,.VIP-v9.vip-bg{background:rgba(255, 154, 54, .1);}
.VIP-10>em,.VIP-v10.vip-bg{background:rgba(255, 154, 54, .1);}
.VIP-11>em,.VIP-v11.vip-bg{background:rgba(255, 154, 54, .1);}
.VIP-12>em,.VIP-v12.vip-bg{background:rgba(255, 92, 31, .1);}
.VIP-13>em,.VIP-v13.vip-bg{background:rgba(255, 92, 31, .1);}
.VIP-14>em,.VIP-v14.vip-bg{background:rgba(255, 92, 31, .1);}
.VIP-15>em,.VIP-v15.vip-bg{background:rgba(130, 106, 249, .1);}
.VIP-16>em,.VIP-v16.vip-bg{background:rgba(130, 106, 249, .1);}
.VIP-17>em,.VIP-v17.vip-bg{background:rgba(130, 106, 249, .1);}
.VIP-18>em,.VIP-v18.vip-bg{background:rgba(201, 86, 170, .1);}
.VIP-19>em,.VIP-v19.vip-bg{background:rgba(201, 86, 170, .1);}
.VIP-20>em,.VIP-v20.vip-bg{background:rgba(201, 86, 170, .1);}
/* old */
/* .VIP-0 .chattime,.VIP-0 > em {color:#939393;}
.VIP-1 .chattime,.VIP-1 > em {color:#c1aecd;}
.VIP-2 .chattime,.VIP-2 > em {color: #c7c22c;}
.VIP-3 .chattime,.VIP-3 > em {color: #4fae00;}
.VIP-4 .chattime,.VIP-4 > em {color: #00c296;}
.VIP-5 .chattime,.VIP-4 > em{color: #00c5e6;}
.VIP-6 .chattime,.VIP-6 > em {color: #3190e4;}
.VIP-7 .chattime,.VIP-7 > em {color: #a148ff;}
.VIP-8 .chattime,.VIP-8 > em {color: #ff00de;font-weight: bold;}
.VIP-9 .chattime,.VIP-9 > em {color:#ff0000}
.VIP-10 .chattime,.VIP-10 > em {color:#e68a53}
.VIP-11 .chattime,.VIP-11 > em {color:#ff5300}
.VIP-12 .chattime,.VIP-12 > em {color:#fba402}
.VIP-13 .chattime,.VIP-13 > em {color:#63723d}
.VIP-14 .chattime,.VIP-14 > em {color:#008079}
.VIP-15 .chattime,.VIP-15 > em {color:#0AC0B6}
.VIP-16 .chattime,.VIP-16 > em {color:#2AA978}
.VIP-17 .chattime,.VIP-17 > em {color:#7E9F41}
.VIP-18 .chattime,.VIP-18 > em {color:#EFCB11}
.VIP-19 .chattime,.VIP-19 > em {color:#E1A519}
.VIP-20 .chattime,.VIP-20 > em {color:#EE682B}
.VIP-0 > em,.VIP-v0.vip-bg {background-color:#939393;}
.VIP-1 > em,.VIP-v1.vip-bg {background-color:#c1aecd;}
.VIP-2 > em,.VIP-v2.vip-bg {background-color:#c7c22c}
.VIP-3 > em,.VIP-v3.vip-bg {background-color:#4fae00}
.VIP-4 > em,.VIP-v4.vip-bg {background-color: #00c296;}
.VIP-5 > em,.VIP-v5.vip-bg {background-color: #00c5e6;}
.VIP-6 > em,.VIP-v6.vip-bg {background-color: #3190e4;}
.VIP-7 > em,.VIP-v7.vip-bg {background-color: #a148ff;}
.VIP-8 > em,.VIP-v8.vip-bg {background-color:#ff00de;}
.VIP-9 > em,.VIP-v9.vip-bg {background-color:#ff0000}
.VIP-10 > em,.VIP-v10.vip-bg {background-color:#e68a53}
.VIP-11 > em,.VIP-v11.vip-bg {background-color:#ff5300}
.VIP-12 > em,.VIP-v12.vip-bg {background-color:#fba402}
.VIP-13 > em,.VIP-v13.vip-bg {background-color:#63723d}
.VIP-14 > em,.VIP-v14.vip-bg {background-color:#008079}
.VIP-15 > em,.VIP-v15.vip-bg {background-color:#0AC0B6}
.VIP-16 > em,.VIP-v16.vip-bg {background-color:#2AA978}
.VIP-17 > em,.VIP-v17.vip-bg {background-color:#7E9F41}
.VIP-18 > em,.VIP-v18.vip-bg {background-color:#EFCB11}
.VIP-19 > em,.VIP-v19.vip-bg {background-color:#E1A519}
.VIP-20 > em,.VIP-v20.vip-bg {background-color:#EE682B} */

/* v icon */
.VIP-blue.icon,
.VIP-v0.icon,
.VIP-v1.icon,
.VIP-v2.icon,
.VIP-v3.icon,
.VIP-v4.icon,
.VIP-v5.icon,
.VIP-v6.icon,
.VIP-v7.icon,
.VIP-v8.icon,
.VIP-v9.icon,
.VIP-v10.icon,
.VIP-v11.icon,
.VIP-v12.icon,
.VIP-v13.icon,
.VIP-v14.icon,
.VIP-v15.icon,
.VIP-v16.icon,
.VIP-v17.icon,
.VIP-v18.icon,
.VIP-v19.icon,
.VIP-v20.icon{
	background-position:center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-size: contain;
	background-position: center center;
}
.VIP-blue.icon{background-image:url('https://www.okxouyigo.com/static/default/images/vip_blue.svg');}
.VIP-v0.icon{background-image:url('../image/close.svg');}
.VIP-v1.icon{background-image:url('../image/close.svg');}
.VIP-v2.icon{background-image:url('../image/close.svg');}
.VIP-v3.icon{background-image:url('../image/close.svg');}
.VIP-v4.icon{background-image:url('../image/close.svg');}
.VIP-v5.icon{background-image:url('../image/close.svg');}
.VIP-v6.icon{background-image:url('../image/close.svg');}
.VIP-v7.icon{background-image:url('../image/close.svg');}
.VIP-v8.icon{background-image:url('../image/close.svg');}
.VIP-v9.icon{background-image:url('../image/close.svg');}
.VIP-v10.icon{background-image:url('../image/close.svg');}
.VIP-v11.icon{background-image:url('../image/close.svg');}
.VIP-v12.icon{background-image:url('../image/close.svg');}
.VIP-v13.icon{background-image:url('../image/close.svg');}
.VIP-v14.icon{background-image:url('../image/close.svg');}
.VIP-v15.icon{background-image:url('../image/close.svg');}
.VIP-v16.icon{background-image:url('../image/close.svg');}
.VIP-v17.icon{background-image:url('../image/close.svg');}
.VIP-v18.icon{background-image:url('../image/close.svg');}
.VIP-v19.icon{background-image:url('../image/close.svg');}
.VIP-v20.icon{background-image:url('../image/close.svg');}

/* .chatitem .chattime em:after {margin-left: 8px;} */
.VIP-0 strong.chattime:after {content: 'VIP-0'}
.VIP-1 strong.chattime:after {content: 'VIP-1'}
.VIP-2 strong.chattime:after{content: 'VIP-2'}
.VIP-3 strong.chattime:after{content: 'VIP-3'}
.VIP-4 strong.chattime:after{content: 'VIP-4'}
.VIP-5 strong.chattime:after{content: 'VIP-5'}
.VIP-6 strong.chattime:after{content: 'VIP-6'}
.VIP-7 strong.chattime:after{content: 'VIP-7'}
.VIP-8 strong.chattime:after{content: 'VIP-8'}
.VIP-9 strong.chattime:after{content: 'VIP-9'}
.VIP-10 strong.chattime:after{content: 'VIP-10'}
.VIP-11 strong.chattime:after{content: 'VIP-11'}
.VIP-12 strong.chattime:after{content: 'VIP-12'}
.VIP-13 strong.chattime:after{content: 'VIP-13'}
.VIP-14 strong.chattime:after{content: 'VIP-14'}
.VIP-15 strong.chattime:after{content: 'VIP-15'}
.VIP-16 strong.chattime:after{content: 'VIP-16'}
.VIP-17 strong.chattime:after{content: 'VIP-17'}
.VIP-18 strong.chattime:after{content: 'VIP-18'}
.VIP-19 strong.chattime:after{content: 'VIP-19'}
.VIP-20 strong.chattime:after{content: 'VIP-20'}
.chatitem p.chattime {display: flex;justify-content: space-between;align-items: center;}
i.vip-level {
	display: inline-block;
	margin-left: 8px;
	background-position:center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-size: contain;
	background-position: center center;
}

.VIP-0 i.vip-level {background-image: url(../image/close.svg)}
.VIP-1 i.vip-level {background-image: url(../image/close.svg)}
.VIP-2 i.vip-level {background-image: url(../image/close.svg)}
.VIP-3 i.vip-level {background-image: url(../image/close.svg)}
.VIP-4 i.vip-level {background-image: url(../image/close.svg)}
.VIP-5 i.vip-level {background-image: url(../image/close.svg)}
.VIP-6 i.vip-level {background-image: url(../image/close.svg)}
.VIP-7 i.vip-level {background-image: url(../image/close.svg)}
.VIP-8 i.vip-level {background-image: url(../image/close.svg)}
.VIP-9 i.vip-level {background-image: url(../image/close.svg)}
.VIP-10 i.vip-level {background-image: url(../image/close.svg)}
.VIP-11 i.vip-level {background-image: url(../image/close.svg)}
.VIP-12 i.vip-level {background-image: url(../image/close.svg)}
.VIP-13 i.vip-level {background-image: url(../image/close.svg)}
.VIP-14 i.vip-level {background-image: url(../image/close.svg)}
.VIP-15 i.vip-level {background-image: url(../image/close.svg)}
.VIP-16 i.vip-level {background-image: url(../image/close.svg)}
.VIP-17 i.vip-level {background-image: url(../image/close.svg)}
.VIP-18 i.vip-level {background-image: url(../image/close.svg)}
.VIP-19 i.vip-level {background-image: url(../image/close.svg)}
.VIP-20 i.vip-level {background-image: url(../image/close.svg)}
/* blue vip */
.VIP-blue.icon{
	width: 18px;
	height: 18px;
}
/*
.dark-body .VIP-0 i.vip-level {background: url(../fonts/f6f4389d57504f9fb4fe422856f968e1.woff); */}
.tier-info .dj a:hover path{fill: #ff8686;}
.tier-info{position: absolute;top: 33px !important;z-index: 99993;min-width: 260px;max-width: 370px;display:none;border-radius: 10px;transform: translateX(-50%);left: 50%;}
.tier-info .pop-box{border-radius: 8px;background: #fff;}
.tier-info .chattime{text-align: center;cursor: default;line-height: 18px;}
#tierMenu ul li{border-radius:0;margin: 0;}
.top-up .veri-btn{padding: 5px;color: #ff8686;}
#verified{color: #139e85;}
#verified:before{content:'\221A';margin-right: 5px;}
.uccaret{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent}
.umc{margin: 2px 0 0 40%; border-bottom: 8px solid  #091b1c; border-right-width: 6px; border-left-width: 6px; border-top: 0; display: block}
.tier-info li{width:100%;height: 48px;line-height: 48px;color: #666;margin:0;padding: 0 15px;border-top: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position:  relative;}
#opPanel .tier-info li:first-child{height: auto;padding: 16px 0 8px 0;margin: 0 16px;width: calc(100% - 32px)}
#v0{height:152px}
#opPanel li.account-to-setting{padding: 0;}
#opPanel li.account-to-setting a{width: 100%;padding-left: 16px;color: #262626;margin: 0;}
#opPanel li.account-to-setting a:hover{background: rgba(0,0,0,.1);color: #E64E62;}
#opPanel li.account-to-setting i.warning-tips-icon{height: 16px;width: 16px;border-radius: 10px;font-size: 16px;color: #E64E62;margin-left: 8px;}
#opPanel li.account-to-setting i.success-tips-icon{height: 16px;width: 16px;color: #007980;background: rgba(0, 121, 128, 0.1);border-radius: 10px;font-size: 16px;margin-left: 8px;}
.tier-info li:last-child{text-align: right;border: none;height: 50px;line-height: 50px;}
.tier-info li:nth-child(2) b:before{background-position: 5px -33px;}
.tier-info li:nth-child(3) b:before{background-position: 5px -52px;}
.tier-info li:nth-child(4) b:before{background-position: 5px -71px;}
.tier-info li:nth-child(5) b:before{background-position: 5px -90px;}
.tier-info p{margin:0;display: inline-block;color: #aaa;}
.tier-info b{color: #333;font-weight: normal;display: inline-block;float:  left;height:  100%;top: 0;font-size: 12px;}
.tier-info .safety_strength b:before{background-position: 5px -110px}
.tier-info strong{color: #666;font-size: 12px;word-wrap: break-word;line-height: 20px;}
.tier-info strong > div{font-weight:normal;font-size: 12px;color: #aaa;}
.tier-info strong > div.user-id-name{margin-top: 2px;line-height: 20px;}
/* .tier-info em strong{color: #e87a7c;} */
.tier-info small{font-size: 12px;}
.tier-info .tier-icon0:after{color:#a0abb9}
.tier-info strong.tier-level:after{ color:#000}
.tier-info li >span,.tier-info li p{float: right;text-align: right;}
.tier-info .zero{width:80%}
.nav-dp{margin-left:10px;float: right;}
#ProgressBar{ height: 3px; width: 100%; margin-top:-1px; border: 1px solid #1cb69b;border-bottom:0}
#opPanel li #nickName{display: inline-block;padding: 6px;height: 100%;float: left;line-height: 44px;color: #fff;}
#opPanel #topLoginBar:hover #nickName{color:#91ffe8}
#nickName > span {display:inline-block;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;}
#topLoginBar{height: 100%;padding: 3px;position: relative;}
#topLoginBar #nickname{margin-right: -5px;}
.uc-active #tierMenu{display:block}
.login_lan .user-info-con{border-left:1px solid #20403f;border-right:1px solid #20403f;padding: 0;}
.user-log-out{border-right: 1px solid #2b374e;position: relative;}
#pbCon{ height:100%; max-width: 100%;background:#1cb69b; position:relative; overflow:visible !important}
#pbCon i{position: absolute; top: 0; right: 0; font-size: 12px; font-style: normal; line-height: 45px; color: #00775f; cursor:default}
#pbCon i:after{content:""; position:absolute; top:7px;right:-4px; border-bottom:8px solid #3e4957; border-top: 0 ; border-right: 4px solid transparent; border-left: 4px solid transparent}
.toplogin strong.tier-level{padding: 2px;background: transparent;color: #fff;-webkit-text-fill-color: #fff;font-weight: normal;}
#progrLi,#fprogrLi{ padding: 0; margin: 5px auto 0; position:relative; background: #eee}
#proBar,#fproBar{ height:2px;max-width: 100%; background: #1cb69b; width:0}
#fproBar{ background: #1cb69b; text-align: right}
#progrLi:before,#fprogrLi:before{content: "";position: absolute;top: 0;left: 0;width: 3px;height: 2px;display: block;background: #1cb69b;}
#fprogrLi:after{content: "";position: absolute;top: 0;right: 0;width: 3px;height: 2px;display: block;}
.ui-label .value{position: absolute;top: 0; left: 8px;line-height: 22px}
.tier-info #progrLi{background: #eee;height: 2px;margin-bottom: 8px;margin-top: 8px;}
#logOutBtn{width: auto;border-color: rgba(255, 255, 255, 0.2);}
#logOutBtn:hover{color: #ff8686;border-color: #ff8686;}
.sjjd em {height: auto;line-height:18px;padding:8px 10px;bottom:-27px;}
.top-up .nav-dp {border:1px solid #fa0;padding:2px 5px;color:#fa0;margin:0 0 0 5px;font-size:12px;}
.top-up .nav-dp:hover{border-color:#ff8686;color: #ff8686;}
/*资金页面等级*/
.fund-left,.fund-right{width: 50%; float:left;padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.fund-right{ padding:0 0 0 10px}
.funds-dtl{ clear:both; width:100%;padding-top: 1px}
.funds-p-tier{ display:block; position:relative;top:0; left:0; z-index:6}
.funds-p-tier ul{ border:1px solid #e7e9ec;border-top: 0}
.funds-p-tier li{ background:#fff; color:#888;font-size:13px;border-color:#e7e9ec;border-left:none; border-right:none; padding:10px 20px}
.funds-p-tier li:nth-child(4),.funds-p-tier li:last-child{ border:none}
.funds-p-tier b {color: #3e4957;width: 22%;display: inline-block}
.funds-p-tier strong {color: #E64E62}
.funds-p-tier small{color: #3e4957}
.funds-dtl tr td,#feelist .even:hover,#feelist .odd:hover{ cursor: default}
#feelist .bizhong_en:hover{color: #2b343c}
.funds-dtl .odd,.funds-dtl .even {height: 32px}
.funds-p-tier #fprogrLi{ width:100%;background: #eeeff1; margin:0; border: none}
.funds-p-tier #fproBar{ height:3px}
.funds-p-tier #fprogrLi:before{ content:''; width: 1px; background: #00d67f; display: block; top: 0; left: 0; height: 3px}
.funds-p-tier #fprogrLi:after{content:''}
.funds-p-tier .tier-level{ margin-right:5px}
.f-d-info{ min-height: 204px;border:1px solid #e7e9ec;padding:15px;border-top: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.f-d-info ul{ border:none}
.funds-p-tier #crFund{ color:#333; font-size:16px;padding: 10px}
#crFund span{ color:#E64E62; font-size:18px}
#crFund div{ margin-top:5px}
.funds-p-tier .fund-tips{ font-size:13px; color:#5e847c;padding:5px 10px}
#hidezero  + .vr-btn{ margin:2px 5px 10px 0}
#showBlueVip  + .vr-btn{ margin:2px 5px 10px 0}
.HideZeroDiv label{ cursor:pointer}
/*2017-02-10 fixed start*/
.legend tr{ display: table-row !important}
.hide,#tradeCoinNews,#tradeCoinComment,#tradeCoinFunds{ display:none}
/*2017-02-10 fixed end*/
.qpp-qr-con{ float: right;margin: 5px 15px 0 0}
.qpp-qr-con img{ float: left}
.qpp-qr-con span{ float: left;font-size: 20px;  margin: 13px 5px 0 0;  line-height: 24px;  font-weight: 100}
.withdraw-record td{ padding: 8px 0;border-bottom: 1px solid #eee}
.clearfix:after,.clearfix:before,.dataTables_wrapper:after,.dataTables_wrapper:before {content:" ";display:table;clear:both}
.r-btn {padding: 4px 8px;background:#E64E62;color:#fff;border-radius: 3px;}
.r-btn:hover {background:#E64E62;color:#fff}
.no-wrap .go-trade-btn {padding:3px 6px;font-weight:normal; color: #fff;display: inline-block;min-width: 42px}
.no-wrap .go-trade-btn:hover {color:#fff}
.no-wrap .disabled-trade-btn,.no-wrap .disabled-trade-btn:hover{ color: #ccc; background: #666; cursor: not-allowed;font-size: 13px;font-weight: normal;padding: 4px;display: inline-block}
.advantage {clear:both;border-top:1px solid #eee;text-align: center;}
.advantage h1 {padding: 80px 0 0;font-weight: 100;color: #888;font-family: 'Microsoft Yahei';font-size: 36px;}
.advantage h2 {font-weight: 100;color: #bbb;padding: 50px 0 0;font-size: 36px;/* opacity: 0; */line-height: 1;letter-spacing: 1px;}
.advantage ul {width:80%;margin:20px auto 0}
.advantage li {float:left;width:33.33%;text-align:center}
.advantage li span {font-size:50px;font-weight:100;color:#ffffff;padding:5px;display:block;width:150px;height:150px;line-height:150px;text-align:center;margin:0 auto 15px;background:#384e77;border-radius:50%; position: relative}
.advantage li i {font-size:14px;font-style:normal}
.advantage li div {font-size:18px}
.advantage img{ width: 200px;border-left: 10px solid #26999e;border-right: 10px solid #26999e;border-radius: 5px; cursor: pointer}
.en-body .advantage img{border: none}
.broken-img{cursor:pointer}
.img-modal{position: fixed;top:20%;padding: 5px 0;max-width: 100%;min-width: 360px;min-height: 350px;text-align: center;background: rgba(0,0,0,0.5);z-index: 998;display: flex;align-items: center;justify-content: center;}
.img-modal img{ max-width: 380px;max-height: 600px; padding: 0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.img-modal .img-box{position: relative;background: #E64E62;margin-bottom: 5px;}
.img-modal .img-box:nth-child(2){ margin: 0}
.en-body .img-modal .img-box{ background: #fff}
.img-close{ position: absolute; right: 5px;top:5px; font-size: 24px; color: #fff;background: rgba(0,0,0,0.7);width: 38px;height: 38px;line-height: 38px;text-align: center; cursor: pointer}
.img-close:hover{background: rgba(183, 25, 25, 0.7)}
.logo-img{padding: 5px;width: 100%;height: 100%;top: 0;}
.logo-img img{width: 380px;padding: 0;border: 46px solid #E64E62;}
.pull-right .save-btn li{width:100%;border-right: 0 !important;}
.save-btn{ position: absolute; bottom: 0; left: 0; width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.save-btn li{ float: left; width: 50%; padding: 15px 0; text-align: center;background: rgba(0,0,0,0.3);color: #fff;;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor: pointer}
.save-btn li:hover{background: rgba(0,0,0,0.8)}
.save-btn li:first-child{border-right: 1px solid #26999e}
.en-body .logo-img img{ border-color: #fff; background: #fff}
.en-body .save-btn li:first-child{border-color: #666}
#logoBox{width: 765px;min-width: 765px;position: relative;}
#logoBox .img-close{line-height: 38px;}
/*loading*/
.load8{height: 30px;width: 30px;margin: 12px auto 0;position: absolute;top: 5px;right: 18%;overflow: hidden}
.load8 .loader {margin:0 auto;font-size:10px;position:relative;text-indent:-9999em;border-top:3px solid rgba(30,117,101,0.2);border-right:3px solid rgba(30,117,101,0.2);border-bottom:3px solid rgba(30,117,101,0.2);border-left:3px solid #02ab9a;-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}
.load8 .loader,.load8 .loader:after {border-radius:50%;width:15px;height:15px}
@-webkit-keyframes load8 {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes load8 {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
/* io fixed*/
#topLinks{float: right;margin: 0 20px 0 5px;}
#topLinks .caret:before{color:#002c2a}
#tmBox{margin: 18px 12px 0 0;color: #aaa;position: relative;}
#theme > li{display: inline-block;height: 20px;cursor: pointer;width: 20px;line-height: 20px;text-align: center;font-size: 16px;float:  left;color: #dbe2e4;border-radius: 3px;}
#theme .cur-theme{color: #fc0;}
#theme > li {border: 0.5px solid hsla(0,0%,100%,.1);}
#theme > li:first-child {border-bottom-right-radius:0;border-top-right-radius:0;position: relative;}
#theme > li:last-child {border-bottom-left-radius:0;border-top-left-radius:0;position: relative;}
#theme > li:first-child:not(.cur-theme) {border-right:0;}
#theme > li:last-child:not(.cur-theme) {border-left:0;}
#darkOption,#lightOption{position: absolute;z-index:99;top: 20px;left: -32px;width: 106px;font-size: 13px;color: rgba(255, 255, 255, 0.7);padding-top: 18px;}
#darkOption li{padding: 8px 0;background: #333;text-align: center;user-select: none;cursor: pointer;}
#lightOption li{padding: 8px 0;background: #555;text-align: center;user-select: none;cursor: pointer;}
#darkOption li:hover,#lightOption li:hover{color: #fff;filter: brightness(150%);}
#darkOption li:before,#lightOption li:before{content:'';display:inline-block;width: 9px;height: 9px;border-radius:50%;margin-right: 5px;}
#dkGreen:before{background: #006464;}
#dkBlue:before{background: #406b91;}
#dkGray:before{background: #666666;}
#lgGreen:before{background: #19b08e;}
#lgBlue:before{background: #5296d3;}
#lgPurple:before{background: #b76bac;}

.jiaoyi_btn > a,.jiaoyi_btn > a:hover{ color:#fff}
.jiaoyi_btn > span{color: rgba(255,255,255,0.8);margin: 0 10px;}
#coinStatus .normal-st-bg,.push-con .sub-sell,div .alert-sub {background: #1c859f;font-weight: normal;}
#coinStatus li{ line-height: 14px}
.m_con_buy .jiaoyi_btn, .r-btn, .step .butto, .fund-deposit, .fund-withdraw, .hot:after, .new:after, .sectioncont .sms-setup #submit, .sectioncont #submit.sub-btn, .sectioncont .sub-btn, .sub-btn, .rise-green-body .dealbox .jiaoyi_btn,.confirm-global-setting-btn{background: #E64E62 linear-gradient(45deg,#f76a91, #d2501e);}
.dealbox .jiaoyi_btn{background: #26999e linear-gradient(90deg,#1f88a7, #0f7575,#197d82);}
.m_con_buy .jiaoyi_btn{background: #E64E62 linear-gradient(45deg,#f76a91, #d2501e);}

div .room-tag{background: rgb(212, 145, 88);box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.fund-withdraw,.rise-green-body .m_con_buy .jiaoyi_btn {background:#25796a}
.btn-success{background: #26999e linear-gradient(90deg,#1f88a7, #0f7575,#197d82) !important;color: #fff !important;}
.btn-warn{background:#da7f0b !important; color: #fff !important}
.btn-error{background: #E64E62 linear-gradient(45deg,#f76a91, #d2501e) !important;color: #fff !important;}
.btn-normal{background: #067da4 !important;color: #fff !important}
.btn-success:hover{background:#0db37f !important; color: #fff !important}
.btn-warn:hover{background:#e4ad2c !important; color: #fff !important}
.btn-error:hover{background:#E64E62 !important; color: #fff !important}
.btn-normal:hover{background:#199fcc !important; color: #fff !important}
.rate_up, .red, font[color="red"], .main_title h1 .red, .icon-arrow-up, #ul-bid-list .right-align.price, .rise-green-body #ul-ask-list .right-align.price, ul#ul-bid-list .price:before, button.btnOn, .line-type button.btnOn, .add-dn-qr, #crFund span, .funds-p-tier strong, .cion-dtl-ul b, .fail-tip, .navlist .btn-active i, .dataTables_empty, .left_con .marketlist .dataTables_empty,.tline_btns .btn_selected, .rise-green-body #ul-ask-list .right-align.price, .rise-green-body ul#ul-ask-list .price:before, .up .my-type, .up .type,#ul-bid-list .od-lv,.rise-green-body #ul-ask-list .od-lv{color: #E64E62;}
.rise-green-body .down .price, .rise-green-body #ul-trade-list font[color="#cc3333"], .rise-green-body .rate_down,.rise-green-body font[color="red"], .rise-green-body .down .my-type{color: #E64E62!important}
#buyYuE,#buyYuE .coin-unit,.up .price,.rise-green-body #sellYuE,.rise-green-body #sellYuE .coin-unit,.rise-green-body .down .price{color: #E64E62}
.rate_down,.green,font[color="green"],.main_title h1 .green,.icon-arrow-down,#ul-ask-list .right-align.price, ul#ul-ask-list .price:before,.rise-green-body #ul-bid-list .right-align.price,.rise-green-body ul#ul-bid-list .price:before,.down .my-type, .down .type,#ul-ask-list .od-lv,.rise-green-body #ul-bid-list .od-lv,.kr-body.rise-green-body #buyYuE{color: #007980;}
.light-green{color: #00d2ac}
.topprice li i{ position:  relative; display:inline-block;width: 16px;height: 16px;}
.topprice .icon-arrow-down i:after,.topprice .icon-arrow-up i:after{content:'\279E';font-style:normal;display: inline-block;width: 16px;height: 16px;text-align: center;position: absolute;top: 3px;right: -15px;}
.topprice .icon-arrow-down i:after{transform: rotate(90deg);}
.topprice .icon-arrow-up i:after{transform: rotate(-90deg);left: -13px;}
.rise-green-body .up .price, .rise-green-body #ul-trade-list font[color="#339900"], .rise-green-body .rate_up, .rise-green-body font[color="green"], #sellYuE, #sellYuE .coin-unit, .down .price, .rise-green-body #buyYuE, .rise-green-body #buyYuE .coin-unit, .rise-green-body .up .price, .rise-green-body .up .my-type{color:#007980 !important}
span.order-t-active,.fkicon .fico{color: #E64E62;background: #fff;padding: 5px 10px;border-radius: 3px;margin-right: 0;}
.dealbox .button:hover,.fund-withdraw:hover{background: #009cab;}
.rise-green-body .dealbox .button:hover{background: #f76a91 !important;}
.rise-green-body div.m_con_buy .jiaoyi_btn:hover{background: #0DB37F !important}
.sectioncont .sms-setup #submit:hover, .sectioncont #submit.sub-btn:hover, .sectioncont .sub-btn:hover, .sub-btn:hover,.maichu .dealbox .jiaoyi_btn:hover,.room-tag:hover,.fund-deposit:hover {background: #f76a91 !important;}
#grid-trade-container-left button:disabled:hover{background: #aaa !important;}
.sub-btn[disabled],.sub-btn[disabled]:hover{cursor: not-allowed;  color: #eee !important; background: #aaa !important}
.dark-body .sub-btn[disabled],.dark-body .sub-btn[disabled]:hover{cursor: not-allowed;color: #445160 !important;background: #1a2229 !important;}
.warn-depo, .warn-depo:hover {background: #ce9900 !important}
.err-depo, .err-depo:hover {background: #888 !important}
.inputRate{box-shadow: none;background: #fdfdfd;}
.inputRate:focus{background:#fff}
#logoColor1,#logoColor2{ fill: #26999e}
.dark-body #logoWhite{fill:#eee}
#full-screen-slider {margin-bottom:0}
.dark-body .content{border-color: #313b44;background: none;}
.fxts{width: 80%;margin: 0 auto 10px;color: #888;font-size: 12px;}
.fxts p{ text-align: center}
.top-nav .navlist {top: -32px;z-index: 2}
.dark-body .caret:before {color: #252e3e}


.marketlist_controller .active-mark .cursor:after,
#marketlist_controller .active-mark .cursor:after{color:#E64E62}
.arr-con i{ position: absolute}
#upArrow.caret:before,#dnArrow.caret:before{ color: transparent !important}
#dayRate{ margin-left: 3px}
#currPrice,#currCNY{ margin-right: 3px}
.second-nav > li:hover > a,.second-nav > li:hover > em ,.sec-active em{background:rgba(128, 156, 158, 0.3);cursor:  default;color: #d0fffb}
.second-nav > li:hover > a{cursor:pointer}
.third-nav a:hover {background: rgba(128, 140, 158, 0.3);color: #d0f2ff;}
#tradeNavList .third-nav a:hover ,#marginNavList .third-nav a:hover{background:rgba(255, 255, 255, 0.15);color: #fff;}
#tradeNavList .third-nav a:hover span,#tradeNavList .third-nav a:hover strong ,#marginNavList .third-nav a:hover span,#marginNavList .third-nav a:hover strong {transform: scale(1.1);transition: all 0.2s;}
.list-box .coin-name,#custom_box .coin-name {margin:0;text-align: left}
.name-con{max-width: calc(100% - 37px);margin-top: 7px;float:left;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.limi-row .name-con{margin: 0;line-height: 16px;text-align: left;width: calc(100% - 37px)}
.en-body .list-box .coin-name,.en-body #custom_box .coin-name{ text-indent: 5px; color: #333}
.rise-green-body .list-box .coin-name:hover,.rise-green-body #custom_box .coin-name:hover{color: #26999e}
.dark-body .list-box .coin-name,.dark-body #custom_box .coin-name{color: #8f9fa5}
.b-page-title{ margin-top: 30px}
.coin-name b span{color: #2b343c;display: inline-block;font-family: din_medium;}
.coin-name b i{font-style:normal;padding: 0 3px;font-weight: normal;}
.en-body .coin-name b{ font-weight: normal}
.coin-name b:hover{color: #E64E62}
.tline_btns .btn_selected {background:transparent;border:none; cursor: default}
.tline_btns .button:hover {color: #E64E62;border: none;}
.tline_btns .btn_selected:hover {color: #E64E62;border:none;}
.logo img,.logo svg {width:91px;height:32px;margin: 12px 15px 0 0}
.leftbar,.left_btn{background: #fff}
.tail {border:none}
.flin,.top-nav{ border: none}
.fnavcon {height:auto; padding: 21px 0}
.fkicon ul li{margin: 0 0 35px 0;flex: 1;}
.kr-body .fkicon{ height: 234px}
.bottom-notice{padding: 10px 0 3px;float: right;}
.marketlist-notice{float: none;margin-top: 6px;}
.marketlist-notice ul .n-box{
    width:37%;
    text-align: left;
}
.bottom-notice ul{height: 22px;overflow: hidden;text-align: center;}
.bottom-notice a,.bottom-notice svg{vertical-align: middle;}
.bottom-notice > a{margin-left: 20px;color: #26999e;}
.bottom-notice ul .n-box{max-width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.fnav_list,.fxtishi {width:100%; text-align: center}
.fnav_list > ul{display:flex;justify-content: space-between;}
.fxtishi{ margin-top: 30px}
.linktitle h3{ padding-top: 15px}
.linkcontent{ line-height: 20px}
.lv-con {margin: 0 5px 0 0;}
#topLoginBar .lv-con {filter: brightness(150%);}
#topLoginBar .VIP-1 .chattime {color: #888;}
.trade-main .m_title{ margin-bottom: 20px; border:none}
.side-sev {top:145px}
.side-sev ul li{ border: none}
.gateio-nav > li > a {line-height: 56px;margin-bottom:0;padding: 0 10px 0;font-size: 16px;display:  block;color: #b1d3c9;}
.qqtel a{color: #ddd;}
.top-dn li .caret, .top-up .caret,ul .second-nav > li> a .caret{color: rgba(191, 217, 216, 0.8);opacity: 0.9;}
.top-up .ask_ans:hover{color: #E64E62;}
.ask_ans i{margin: 18px 0 0 0;font-size: 16px;float:  left;}
.ask_ans .tico{display: inline-block;float: left;}
.ask_ans i img{width: 14px;opacity: 0.8;}
.ask_ans .serv-icon img{width: 16px;height: 16px;}
.ask_ans .caret:before{color: #002c2a}
.left_btn{height: 24px;line-height: 24px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;}
div.header {border:none;}
.market-choose-ul { margin-top: 10px}
.market-choose-ul li {float:left;padding:10px;font-size:16px;margin-bottom:10px; border-bottom: 2px solid transparent; cursor: default}
.market-choose-ul .mc-active {border-bottom-color:#26999e}
div.co-intro{ width: 100%}
.item.coin_about{ margin-bottom: 50px}
.index-content .coin-selected td:last-child:after,.mt{ display: none}
.index-content .marketlist .coin-selected td:last-child{ border: none}
.load8{right: 27%}
.top-nav .expand{ border-top: 1px solid transparent;border-bottom: 1px solid transparent; background: none; box-shadow: none}
.top-nav .navlist a.btn-active,.top-nav .navlist a.btn-active:hover{ border-bottom: 1px solid #26999e; background: none}
.navlist .btn-active i.caret:before{ color: #fff}
.second-nav .caret:before{color:#091b1c !important}
.second-nav > li:hover > a .caret,.gateio-nav > li:hover > a .caret,.second-nav > li:hover > em .caret,.gateio-nav > li:hover > em .caret,.sec-active em .caret,.gateio-nav > li:hover > a, .gateio-nav > .nav-active > a {color: #fff;}
.nav-active:after{content:'';display:block;width:100%;height: 2px;background: #26999e;position: absolute;left: 0;bottom: 0px;}
.second-nav > li:hover > a .caret:before,.second-nav > li:hover > em .caret:before,.sec-active em .caret:before {color: #964b4b !important }
.second-nav > li {width: 150px}
.second-nav > li >span{cursor:pointer}
.second-nav > li > a ,.second-nav > li > em{padding: 10px 0 !important;}
.nav-mark{width:25px;height:16px;position: absolute;top: 4px;right:-10px;}
.search-icon{background: rgba(255,255,255,0.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath fill='rgba(255,255,255,0.6)' d='M16.535 14.247l-3.724-3.725a6.8 6.8 0 0 0 1.041-3.598A6.883 6.883 0 0 0 6.969.039a6.885 6.885 0 1 0-.004 13.77 6.822 6.822 0 0 0 3.598-1.039l3.726 3.724a1.589 1.589 0 0 0 2.246-2.247zM6.968 11.69a4.764 4.764 0 1 1 4.762-4.761 4.765 4.765 0 0 1-4.766 4.766l.004-.005z'/%3E%3C/svg%3E") 10px 10px no-repeat}
.nav-sch{height: 38px;padding-left: 35px;border: none !important;color: rgba(255,255,255,0.8);font-size: 18px;position:  relative;z-index: 6;border-radius: 0;}
.introduction{ margin: 5px 0}
.cionintro{ border: none}
#expandZone .introduction h3{ padding-bottom: 15px}
#ask-list, #bid-list{height: 208px;overflow-y: hidden;}
#ask-list:hover, #bid-list:hover{ overflow-y: scroll}
#ask-list li, #bid-list li{padding-right: 8px;cursor: pointer;clear: both;}
#ask-list li:hover, #bid-list li:hover{background: #eee;}
#ask-list:hover li, #bid-list:hover li{ padding-right: 0}
#ask-list:hover li .rect, #bid-list:hover li .rect{ right: -6px}
.main_content,#tradelist{padding: 0 15px;}
#divMyOrderSection{ position: relative; z-index: 2}
.leftbar .dark-tradelist .even{background:rgba(0,0,0,0.1)}
.index-content .dark-tradelist #marketlistTabCon .coin-selected, .index-content .dark-tradelist #marketlistTabCon .coin-selected:hover,.dark-body .coin-selected,.dark-body .coin-selected:hover {background: #143537}
.dark-body .coin-selected:hover{background: #2d4358 !important}
.index-content .coin-selected td:last-child:after {content:'';position:absolute;top: 15px;right:-6px;/* display:inline-block; */width:0;height:0;border-left:6px dashed;border-top:6px solid transparent;border-bottom:6px solid transparent;color: #ebf4f7;}
.index-content .dark-tradelist .coin-selected td:last-child:after{ color: #2c435a}
div .free-icon {background: #7d5221;color: #ddd;border-color:#a76316}
.leftbar #marketSearch{height: 32px;margin-bottom: 0;border-radius: 5px;}
.sorting{ background-color: transparent}
.top-con{position: relative;}
.top-up .ask_ans{background:none;border:none}
.qqtel{position: inherit;float: left;z-index: 88889}
#callService ul{background: #091b1c;color: #bcc8c5;border-radius: 0;position: absolute;display: none;box-shadow: 0 5px 8px rgba(0,0,0,0.2);z-index: 888;min-width: 110px;}
.login_lan .more-lan li:hover, div #callService ul li:hover {background: rgba(128, 156, 158, 0.3);color: #d0fffb;}
.mairu-form,.maichu-form{ width: 50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mairu-form{ padding-left: 16px}
.maichu-form{padding-right: 16px;position: relative;}
.maichu-form:before,.maichu-form:after{content: '';position: absolute;top:0;right: -2px;background: #fff;width: 3px;height: 42px;display: block;}
.maichu-form:after{ bottom:0; top: auto; height: 8px}
.m_title{font-size: 16px;}
.en-body .m_title{font-size: 14px;}
#myOrderTab span{font-family: 'din_medium';}
.myacc-con .m_title{ font-size: 20px}
.myacc-con .m_title_right{font-size: 14px;font-style: normal;float: right;}
.myacc-con .m_title_right i{font-style: normal;}
.myacc-con .m_title h4{ font-weight: normal;max-width: 100%;line-height: 1;margin-top: 10px;}
.title-line b,.dealtop{ font-weight: normal}
.dealbox .input-td{width: 100% !important;position: relative;padding: 5px 0;}
.input-title{position: absolute;top: 14px;left: 10px;}
#curr_b_name.show-trade-tip{position:relative;padding-left: 3px;cursor: help;font-family: 'din', sans-serif;font-size: 22px;}
.top-risk-tip{margin: 0 0 5px 42px;font-size: 13px;position: absolute;top: 26px;left: -68px;width: 320px;z-index: 89;line-height: 22px;background: rgba(0, 0, 0, 0.7);padding: 5px;display:none;}
#curr_b_name:hover .top-risk-tip{display:block;}
.top-risk-tip:before{content:'';display:block;border-bottom: 6px dashed;border-right: 6px solid transparent;border-left: 6px solid transparent;position: absolute;top: -6px;left: 48px;color: rgba(0,0,0,0.7);}
.top-risk-tip .red{color: #ff9f9f !important;}
.top-risk-tip b:before{content:'!';width:16px;height:16px;display:inline-block;text-align:center;line-height: 18px;background:#26999e;color:#fff;border-radius:50%;margin-right:5px;}
#mianTlist .top-risk-tip a{color: #ddd;margin:0 3px;float:none;font-size: 13px;}
#mianTlist .top-risk-tip a:hover{color: #fff;}
.top-risk-tip a:hover{ color:#111}
.marketlist_controller,
#marketlist_controller{position: relative;margin-bottom: 20px}

.market-risk-tip{ display:none;position: absolute; top:0;z-index: 9998; width: 100%; height: 100%; background: rgba(0,0,0,0.8)}
.market-risk-tip-county-limit{ display:none;position: absolute; top:0;z-index: 9998; width: 100%; height: 100%; background: rgba(0,0,0,0.8)}
.risk-tip{display:none;position: fixed;top:0;left:0;z-index: 99998;width: 100%;height: 100%;background: rgba(0,0,0,0.8);}
.anti-phishing-risk-tip{position: fixed;top:0;z-index: 99998;width: 100%;height: 100%;background: rgba(0,0,0,0.8);}
.tip-con{width:550px;margin: 0 auto;background: #fff;padding: 30px 30px 15px;line-height: 26px;border-radius:10px}
.risk-tip-kr .tip-con{width:660px;max-height: 100%;margin-top: 0;overflow: auto;box-sizing:  border-box}
.r-t-box{ width: 100%; height: 100%;display: flex;justify-content: center;align-items: center;}
.tip-con .h3{ text-align: center; margin-bottom: 10px; font-size:18px;border-bottom: 1px solid #ddd;padding-bottom: 20px}
.tip-con li{ margin-bottom: 5px; list-style: disc}
.tip-list{ padding-left: 15px;margin: 20px 0}
div .tip-con .sub-btn{ width: 100%;display: inline-block;text-align: center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.openmarket-tip{ display:block}
/* .tip-con .styled-checkbox+label{display:block;margin-top:-3px} */
/* .tip-con .styled-checkbox:checked+label:after{top:14px} */
.hidden {display:none;color:#E64E62;font-size:15px;margin:10px 0}
.ok {color:#3c763d;font-size:15px}
.err {color:#a94442;font-size:14px}
.proving_err {border-color:#a94442 !important}
.proving_ok {border-color:#3c763d !important}
.proving_true:before {content:"\221A"}
.proving_true {color:#0da77d;font-size:18px;font-weight:bold;position:absolute;top:62px;right:0;width:34px;height:34px;line-height:34px;text-align:center;display:none}
.proving_dt {margin-top:15px}

#veriCon {position:sticky;bottom:0;z-index: 9997;width:100%;box-sizing: border-box;min-width: 1280px;}
.top-cover #veriCon{padding-right:8px}
#veriCon > div {padding:4px 14px;font-size:16px;opacity:0.95;display: flex;align-items: center;justify-content: space-between;}
#veriCon > div:hover {opacity:1}
.veri_c2c {background-color:rgb(176,18,0)}
.veri_rz {background-color:rgb(133,0,26)}
.veri_gg {background-color:rgb(43, 108, 114)}
.veri_phone {background-color:rgb(129,97,0)}
.veri_dl {background-color:rgb(18, 29, 49)}
#veriCon .r-btn {padding:0 10px;background:#26999e;border-radius:3px;float:right;line-height: 42px;min-width:128px;text-align:center;}
#veriCon .r-btn:hover {background:#f90}
.n-link {color:#fff;display:inline-flex;align-items: center;justify-content: space-between;width: 94%;float:left;line-height: 42px;cursor:pointer;}
.n-link em {font-style:normal;display:inline-block;width: auto;}
#veriCon .close:after {color:#aaa}
.n-link:hover,#veriCon .close:hover:after,#siteNoty .close:hover:after {color:#ffa}
#veriCon .close{padding: 10px 0 !important;margin-right: 50px;}
/*phishing start*/
#anti_phishing_verification .tip-con{width: 620px;height:auto;margin-top:0 !important;}
#anti_phishing_verification h3{display:flex;align-items:center;justify-content: center;position:relative}
#anti_phishing_verification i{display:inline-block;width: 18px;height: 18px;line-height: 18px;text-align:center;background:#26999e;color:#fff;border-radius:50%;font-weight:normal;font-size:14px;margin-left: 5px;font-style:normal;}
#anti_phishing_verification h3 i{cursor:help;}
#anti_phishing_verification h3 i:hover{filter:brightness(110%)}
#phishing_intro{font-size: 14px;font-weight: normal;position: absolute;top: 33px;width: 100%;left: -10px;background: rgba(0,0,0,0.8);color: #fff;padding: 10px;text-align: left;display:none;z-index: 1;}
#phishing_intro:before{content:'';border-width: 8px;border-bottom: 8px dashed;border-right: 8px solid transparent;border-left: 8px solid transparent;color: rgba(0,0,0,0.8);position: absolute;top: -8px;left: 56%;}
#phiTitle:hover #phishing_intro{ display:block}
#anti_phishing_verification_confirm{ margin-bottom:15px}
#gateUrlImg{ width:100%}
.dark-body #gateUrlImg,.dark-body #phi_code{filter: invert(85%);}
.dark-body #anti_phishing_verification .tip-con{background: #262626 !important;}
.dark-body #anti_phishing_verification h3{border-color: #3c3c3c !important;}
.phi-confirm{ margin:10px 0; color: #737373}
#phi_code{ margin: 10px;}
#phi_err{ color:#262626;margin-bottom:8px;font-size: 16px;}
body.classic-dark #phi_code,
body.classic-dark #phi_err,
body.dark-body #phi_code,
body.dark-body #phi_err{ color:#737373;}
/*phishing end*/

#chatFrameCon[mode="full"] {left:0;bottom:-100vh;border-radius:0;height:100%;border: none;}
#chatFrameCon.chat-on[mode="full"] {bottom:-611px;border: 1px solid #b0b5be;border-left: none;border-right: none;}
/* chatroom entry */
#room_tag:hover #serviceEntry {
    display: block;
}
#chatFrameCon #serviceEntry {
    position: absolute;
    top: -70px;
    background: rgb(132 132 132);
    width: 115px;
    border-radius: 3px;
    overflow: hidden;
    display: none;
}
#chatFrameCon #serviceEntry p {
    margin: 0;
    font-size: 14px;
}
#chatFrameCon #serviceEntry p:hover {
    background-color: #E64E62;
}
/*c2c chat*/
#gtChatFrameBox{position:fixed;left: 5px;z-index: 88890;width: 20vw;min-width:280px;height: 72%;min-height:265px;bottom: -72%;}
#gtChatFrameBox.full-frame{width: 100% !important;height: 100% !important;bottom: 0 !important;border-right: 8px solid #030303 !important;left: 0 !important;}
#chatBoxFrame{width:100%;height:100%}
#chatGragBar{position:absolute;top:0;height: 46px;width: calc(100% - 128px);cursor: move;}

@media only screen and (min-width: 1170px){
    #tradelist .dataTable td:first-child span:last-child{ color: #555}
    .dark-body #tradelist .dataTable td:first-child span:last-child{ color: #aaa}
}
@media screen and (min-width: 1680px) {
    .left_con .marketlist #leftbarupdn{ padding:0}

}
@media screen and (max-width: 1680px) {
    .en-body,.leftbar .marketlist .odd > td, .leftbar .marketlist .even > td,.sortable,.sorting_disabled,.en-body .left_btn{font-size: 12px;}
    .righttopnews { width: 50% }
    .twc h5 { font-size: 18px }
    .funds-p-tier b{ width: 26%}
    div.formbox .sfz {min-height: 372px}
    .trade-main .dealbox td:nth-child(2){width: 60%}
    .title-line .price b:before{margin-right: 20px !important}
    #ul-ask-list .price:before{margin-right: 23px !important}
    #ul-bid-list .price:before{margin-right: 23px !important}
    #tradelist{/* padding: 0 25px; */}
    .leftbar .icon-16{ margin-left: 4px}
    .bizhong_en{padding: 0 3px;font-size: 12px;}
    #marketlistTabCon td .cn-name{font-size: 12px;}
    div .high-low{ font-size: 12px}
    #top_last_rate_change dl:nth-child(2),.go-btn:after{display: none}
    #top_last_rate_change dl:first-child{ border: none}
    .left-price-type{letter-spacing: -1px;font-size: 12px}
    #tradelist .dataTable th:after{ width: 8px; margin-left: 1px}
    #tradelist .dataTable td:first-child span:last-child{width: 60px; margin-left:3px; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: inline-block}
    #tradelist .dataTable td:first-child .bizhong_en:last-child{ margin-left: 0;width: auto}
}
@media screen and (max-width: 1550px) {
  #ulRace,.gm-details span,.gm-head{font-size:12px !important;white-space: nowrap}
  .gm-details span:nth-child(3){overflow:hidden;text-overflow :ellipsis}
  #gInfoTitle,#tradeTabs li,.trade-main .m_title{font-size:15px}
}
@media screen and (max-width: 1410px) {
    .righttopnews { width: 40% }
    .twc h5 { line-height: 28px; font-size: 16px }
    .invest_mode img{ width:100%}.title{ top:360px}

    .index-content .main_title h1,
    .index-content .main_title h1 strong,
    .main_content .m_title,
    .main_title h1 em,
    .index-content .main_title .h1,
    .index-content .main_title .h1 strong,
    .main_title .h1 em{ font-size: 16px}
    .top-nav .navlist .nav-btn{ margin: 0}
    .gateio-nav{ margin-left: 0}
    ul.gateio-nav > li > a{padding-right: 5px;font-size: 14px;}
    .ask_ans p{ margin-right:2px}
    .ask_ans{ margin-left: 0}
    body,.table-inacc{font-size: 13px;}
    .en-body,.table-inacc-body tr td:nth-child(4),#marketlistTabCon th,#smsbtn, #voicebtn,.gm-head,#ulGlobalMarkets .green,#ulGlobalMarkets{ font-size: 12px}
    .dealbox td:nth-child(2){ width: 62%;padding: 3px 0}
    .main_content {/* padding: 0 20px; */}
    .trade-list_re li .time{ width: 17%}
    #coin_about .btn .text,.left_btn,ul.curr-coin-info li{font-size: 13px;}
    .funds-p-tier b{ width: 29%}
    div.formbox .sfz {min-height: 308px}
    #ul-ask-list .price:before{margin-right: 16px !important}
    #ul-bid-list .price:before{margin-right: 16px !important}
    .dealbox i{ font-size: 12px}
    div.tip-con{ margin-top: 9%}
    .dealbox td{ padding: 2px}
    #my-fund-title .right-align{ width: 21%}
    #tradelist .dataTable th:after {width: 5px;height: 14px;margin-top: 13px;background-size: cover}
    .topprice li:last-child{ display: none}
    #veriCon > div{ font-size: 14px}
    #markBox .tline_btn{padding: 0 12px;font-size: 14px!important;}
    .cl-od .bro-ul li{font-size:14px}
    #tradelist{/* padding: 0 20px; */}
    #market_controller_etf .left_btn{padding: 5px;}
    #marketlistTabCon .bizhong_en{overflow: hidden;}
    .trade-notice .bottom-notice ul .n-box {}
}
@media screen and (min-width: 1310px){
    #markBox .tline_btn{font-size: 14px!important;}
}
@media screen and (max-width: 1310px){
    .marketlist_controller .button,
    #marketlist_controller .button{padding: 0 6px;}
    .cn-body .marketlist_controller .button,
    .tw-body .marketlist_controller .button,
    .cn-body #marketlist_controller .button,
    .tw-body #marketlist_controller .button{font-size: 13px !important;}
}
@media screen and (max-width: 1280px) {
    body{overflow-x:auto;}
    .login-timer{ display: none}
    .leftbar{ width: 24%;}
    .main_content{ width: 76%;min-width: 910px;}
    div .trade-main,div.k-line-container{padding-right: 10px;}
    .dealbox td{ padding: 3px 0}
    .line-type .choosen {margin-right: 10px !important}
    .line-type button{ padding: 1px 3px !important}
    div .line-option ul:before{ left: 26px}
    div .line-option{ right: 23px}
    #mianTlist li a,#top_last_rate_change .price-dl em{margin-right: 5px;}
    div .room-title{margin: 10px 0 0 5px;font-size: 14px}
    #kline_tradingView_Indicator {width: calc(100% - 115px) !important;}
}
@media screen and (max-width: 996px) {
    html,body,.risk-tip,.market-risk-tip{ font-size: 13px;min-width: 0}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
	margin: 0;
}

.tooltip:not(.joyride-lead), .protip {border-bottom: 1px dashed #ccc;cursor: help;}
.protip-container {
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    z-index: 10000001 !important;
}
.protip-arrow {
    border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent !important;
}
.protip-content{line-height: 20px;}
#tooltip {display:none;position: absolute;left: 0;background: rgba(53, 59, 75, 0.8);z-index: 88888;padding: 8px 16px;color: #FFF;font-style: normal;}
#ulGlobalMarkets li.clearfix span.ex-name div span{height:auto;}

div#sig_nationality{margin-top: 0;height: 36px;/* line-height: 24px; */}

li.withdraw-2018-12-10{
    background: rgba(256,256,256,1) !important;
    border: solid 1px rgb(192,192,192);
    width: 550px !important;
    padding: 0px !important;
}

li.withdraw-2018-12-10 > div > div.noty_buttons {
    padding: 15px;
    background: #f7f4f4;
}

li.withdraw-2018-12-10 > div > div.noty_buttons > #button-0,#button-1 {
    display: inline !important;
}

li.withdraw-2018-12-10 > div > div.noty_buttons > #button-0 {
    float: none !important;
    background: #e44242;
}

li.withdraw-2018-12-10 > div > div.noty_buttons > #button-1 {
    background: #bfb9b9;
}

.futures-fund-deposit{ background: #E64E62; color: #fff;width: 110px;text-align: center;line-height: 24px;display: inline-block}
.futures-fund-deposit:hover{ cursor: default;color:#fff;}


.futures-fund-int{ background: #E64E62; color: #fff;width: 60px;text-align: center;line-height: 24px;display: inline-block}
.futures-fund-int:hover{ cursor: default;color:#fff;}

.futures-fund-out{ background: #25796a; color: #fff;width: 60px;text-align: center;line-height: 24px;display: inline-block}
.futures-fund-out:hover{ cursor: default;color:#fff;}

#borrow_last_trade_title {padding: 20px 20px 0 15px;font-size:1.2em;}
#borrow_last_trade_record {padding:0 10px 0 20px}
#borrow_last_trade_record table {width:100%;}
#borrow_last_trade_record tr {height: 35px; line-height:35px;text-align: center;display: block; width: 100%; }
#borrow_last_trade_record thead tr th, #borrow_last_trade_record tbody tr td {display: block; float: left; width: 25%;}
#borrow_last_trade_record thead tr th:first-child {text-align:left;}
#borrow_last_trade_record tbody tr td:first-child {text-align:left;}
#borrow_last_trade_record thead tr th:last-child {text-align:center;}
#borrow_last_trade_record tbody tr td:last-child {text-align:center;}
#borrow_last_trade_record tbody tr:nth-child(even){background:#F4F4F4;}
#borrow_last_trade_record tbody {height: 385px;display:block;overflow-x: hidden;}


#borrow_last_trade_refresh_img {float:right;cursor: pointer;}

.lang-option .language_flag_cn{background-position: 0 0;}
.lang-option .language_flag_tw{background-position: 0 -19px;}
.lang-option .language_flag_en{background-position: 0 -38px;}
.lang-option .language_flag_kr{background-position: 0 -56px;}
.lang-option .language_flag_vn{background-position: 0 -75px;}
.lang-option .language_flag_es{background-position: 0 -94px;}
.lang-option .language_flag_ru{background-position: 0 -113px !important;}
.lang-option .language_flag_fr{background-position: 0 -132px;}
.lang-option .language_flag_de{background-position: 0 -151px;}
.lang-option .language_flag_it{background-position: 0 -170px;}
.lang-option .language_flag_pt{background-position: 0 -189px;}
.lang-option .language_flag_th{background-position: 0 -208px;}
.lang-option .language_flag_id{background-position: 0 -227px;}
.lang-option > span,.lang-option .more-lan span{background-image:url("../image/language_flagfb8a.png");width: 27px;height: 18px;display: inline-block;float: left;background-repeat: no-repeat;background-size: 28px;margin-top: 14px;margin-left: 7px;filter: saturate(55%) brightness(130%);}
.lang-option:hover > span,.lang-option .more-lan li:hover span{filter: none;}
.lang-option > span{text-indent:-9999px;margin: 18px 1px 0 0;opacity: 0.9;}
.lang-option:hover > span{opacity: 1;}
#leftBar .margin_multiple_show{margin-top: 6px !important;padding-top: 1px}
@media screen and (max-width: 1410px){
	#leftBar .margin_multiple_show{margin-top: 5px !important;}
}
.margin_multiple_show{
    width: 14px;
    height: 10px;
    border:1px solid #98aca2;
    border-radius: 2px;
    color: #98aca2;
    font-size: 10px;
    font-weight:lighter;
    padding: 0 2px;
    margin-top: 2px;
    float: left;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    clear: left;
}
#leftBar .margin_multiple_show:hover{color: #E64E62 !important}
.margin_multiple_show i{font-style:normal;font-size:8px;}
.margin_multiple_show_cn{
    position:relative;
    top:-2px;
}
.margin_multiple_show_protip{
    height:100px;
    line-height: 20px;
    text-align: center;
    border:1px solid #E64E62;
    border-radius: 2px;
    color:#E64E62;
    padding:2px 4px;
    margin-right:15px;
    font-weight:300 !important;
    font-size: 15px;
}

.margin_multiple_show_protip .protip{
    margin:0px;
    padding:0px;
    padding-bottom:-2px !important;
}
.keyboardBS{width: 30%;height: 22px;box-shadow: 0 0 1px #000;border: 0;background-color: #fff;font-size: 12px;display: flex;justify-content: center;align-items: center;}
.keyboardBS:active{box-shadow: 0 0 3px #000 inset;}
.keyboardBS .caretIcon{height: 0;border-width: 7px;border-style: solid;border-color: transparent #888 transparent transparent;}
.keyboardBS .closeIcon{height: 15px;width: 26px;background-color: #888;display: flex;align-items: center;justify-content: center;font-style: normal;}
.keyboardBS .closeIcon::after{content: "\00D7";width: 100%;height: 100%;line-height: 14px;text-align: center;color: #fff;font-size: 15px;}
.keyboardBox{width: 100%;position: relative;background-color: #fff;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;box-shadow: 0 5px 8px rgba(0,0,0,0.2);border-radius: 10px;overflow: hidden;border: 1px solid #ccc;margin-top: -1px;}
.keyboardBox button{width: 10%;height: 22px;text-align: center;line-height: 20px;box-shadow: 0 0 1px #000;border: 0;background-color: #fff;font-size: 12px;}
.keyboardBox button:active{box-shadow: 0 0 3px #000 inset}
.off{width: 10%;background: #e89898;box-shadow: 0 0 1px #e89898;}
.off>.closeIcon{width: 14px;border-radius: 50%;background: none;}
/* .off>.closeIcon::after{line-height: 15px;} */
.tickets_content .off{background: transparent;box-shadow:none;}
#fundsBox{
    position: relative;
}
.softKeyBoard{position: absolute;width: 240px;z-index: 1;right: 0;top: -22px;display: none;}
.trade-leftbar .showSoftKeyBoard,.leftbar .showSoftKeyBoard{right: 45px;}
.showSoftKeyBoard{position: absolute;right: 10px;top: 50%;font-size: 20px;cursor: pointer;transform: translateY(-50%);width: 20px;height: 20px;background: url(https://www.okxouyigo.com/static/default/images/softkeyboardicon.svg) center center no-repeat;background-size: cover;}
body.dark-body .showSoftKeyBoard{background-image: url(../image/close.svg);}
body.classic-dark .showSoftKeyBoard{background-image: url(../image/close.svg);}
.showMore{text-align: right;cursor:pointer;float: right; display: none;}
.showMore:hover{color:#26999e;}

.HideZeroDiv-subdiv {min-width: 600px;display:flex}

.HideZeroDiv-subdiv > .small-exchange > a {font-size: 14px;color: #E64E62;}
.small-exchange-header-2-icon{display:block;background-image:url(https://www.okxouyigo.com/static/default/images/arrow@2x.png);background-size:cover;width:15px;height:15px}
.small-exchange {display: flex; align-items:center}

.smallExchangeDiv {display: flex}

.footer .fnav li{
	text-align: center;
}
.footer .download_row{margin-bottom:10px}
.download_row h2{margin-bottom: 10px;font-weight: normal;color: rgba(255,255,255,0.9);}
.footer .fnav .download_row a{
	min-width: 120px;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	display: inline-block;
	border-radius: 2px;
	background: rgba(255, 255, 255,0.1);
	vertical-align: top;
	height: 42px;
	line-height: 42px;
	text-align: center;
	padding: 2px 12px 0 12px;
	color: rgba(255,255,255,0.8);
	margin: 0 4px;
}
.footer .fnav .download_row a:hover{background: rgba(255, 255, 255,0.15);}
.footer .fnav .download_row .androidicon { display: inline-block; width: 25px; height: 25px;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAACRlBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////BowfTAAAAwXRSTlMA6vlrI6YLFjbWEfrfxAa2mPL859cYAV2TAvsFThAOA/7xBHpLsMuZw/a+cS7iChcrpS8+8xpsBxL4g67BdayBnnR/qRRNRRmPH3C01H13HhMmkOyjIr3gCfV5YO2/M1Ekn3JXOBXwyuX9ZW+AklwcDUyktzuG67iqvNIh2whe74nFSozASLlEoeOODKIybpfJuzc1aSAbltwwe61+PKiFVU94aptBdl85LN7k2m2VKFrCKZxmOtgPW0kdr2RC9zQx6bXI2QAAArJJREFUeF7t1NVTG10cx+FfQgkt227LEhaSNC4EKG7BXYoXdXeXAnV3d3d3d33f8581m0NnlpSePZkOvejwucn35jxzMju7sCCpTlf8CrDdPdQAv7NUBe7lp5wD6q7VxrgDuoONPD3AFu7RuIZeW4EHtJ1aCx50JrSb106VBeXs33TlROk+H/2H9ATwJFXyxqzQZjVyxRltwxnW8x4BuYWMAYkz1K4D+vjWFDlyi+vLS6S+/80SNE/+txWUgCUczVtcFt0dHm5GCL3POTTnbLGdQUi2XUUBbHmFEJJNaAZDREC1rsbuHHUHpAF+mBP+bz4ENoiAzG3xLcKwOiSBGCUSOjmiRKKaO6yuCxm7pADTtAGR2uAL5Mq3ImLGCSC3248MGJKB3FUOkbNGEAE2ekBOjLP99p1QqQCgvu2ZF7GEpgIA4PXgXuTx6EmvXOdv+xJi7eUs6AI7rpvdPi9j6QxCcu8CCN4hI1a167WisgEhbm+UGOA7GeQs6Sx4I4mUUbfwgzrMioAjKfjA0URp4FgyHjaHCNDaMbBSIQksW7oKj8c+IsB3BQbW0wDBeCx3B+hv8M8Ci8Ai8OcvkzYVA8U0wAU8LoqBiEkMBGskAeWly3ikakHUgzgB6O2i+aTF9guDadSLAe2NKrValj1OAazR3wlnuN678TCniHv302LrgQYATeuQ2aKD+aIDiFVLASWPyMC0QQJIDSADsU/IgNrMkwHT4NMQhmEQboBxxv08yzBJM897QCLTi5dFYdl+GLCnhYUNReOd9Kao8+07BVAV4I+BERYARvH2ywOcJ0CQAATOAqv/LrAIRPZjoFIAPs4CFqDP0YeBNEH7ZHTtmRigz5ShFoDwKQH4HOoCvoyDB41lGtXyuq8aEPpm+86FtPwHHqWzlCX8bwJcTZN5NB4WqB9l29RAUdqaCQAAAABJRU5ErkJggg=="); background-size: cover; vertical-align: middle; margin-top: -5px; margin-right: 5px; }
.footer .fnav .download_row .iphoneicon { display: inline-block; width: 30px; height: 30px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAB7FBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////zN5IfAAAAo3RSTlMAAf3+kAf2CfxsFtosBaEDGvJp+fgQ9wQKZxgGEjTug8CXzghE9RECJqrvogv6QautrEgXwxtM+4LJs0tcftTlSvHV0lVk02pJkw16QMgOUNxCdeO20aa4rkMMmXljhvDzKbdP0KVFh8IdvZ+JVFIhlOocfzayRzclsZ0zd2E85igPFZGWlRTKeN4y1yNyb9aIOD/ovrkq7LSMz79fhah8Rn17R7G5RgAAAhxJREFUeF7t1tVuI1EMBmBPmKFJ2kCThnfLzO2WcctdZmZmZmZm/l90ldEqVzkzzkTaq36XR7Il+9iSqQgrJIlKUZc2zJB2zgs9u1BGmrVO7QRKSLD6vB4Axkgj2zrkmA5ord+gR87CYdKmIQbZUTdpsmorZDWbSZszdshcRtJm0oSc7kukUQg5ySgVp8IcNJKsDEB9026SUu2tZjevbbaW/k3xQ3u6Fs1yAt2+F1sir6uO2IfjtaOVpKp92/pyyLxNi0bq2DgRnuvdEIPM1zYfIUWp6+MW5MUarXtPbN/RbUKe9+A0Kag0mCDLM2Ugy+tMBEjI02yBKp1BOBKB/WDQXakTxEeOWaDObxD+xOAQGFxBEpjuAcPILRI57oc6Xx+JuF1gGA6TyMkFMJySSKTFD4YQCY2BwTdIQlYwnHaQ0Fkw1JwjobVg0PWVWAKsJBQCh6uCRHp9YFgWd/HiEDiqSMQ2Ao6BNAk4L4NlzVUSuAae2RuCfZjxgufm0m0q5E4STJZ+KuguuO5RQfPlYLpPBT14CKZHwn3i8XeI7rnHzFHwUGHSFEoc5ycDYHj6jESkLj1UWZ6TmGcWqqoDpGDUCxUvHaTE+UoHRfYGUpatVWzD+BtSE27uxD+6t8l379vsmXx4ffUHUpddWgYA/cdPE45syhj0TH7+Im9J5uu3OeKQot8b4z9+Rs35B9uv34nEn3SgmEvVTf/Nir+F1q5GiW5+dgAAAABJRU5ErkJggg=="); background-size: cover; vertical-align: middle; margin-top: -5px; margin-right: 5px; }
.footer .mcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; z-index: 20000; }
.footer .mcover img { position: fixed; right: 25px; top: 1px; width: 46px; height: 42px; z-index: 20001; }
#footList{
    text-align:left;
    margin-bottom: 10px;
    padding: 0 15em;
}
#footList h3{
    color:rgba(255,255,255,0.9);
    margin-bottom: 15px;
}
#footList li{text-align:left}
.gate-logo,#footList li > span{cursor:pointer}
li.gate-logo:hover,#footList li > span:hover{color: #26999e}
#footLogo img{width:128px;height:128px;filter: grayscale(1) brightness(10) opacity(0.5);}
#socialMedia,#gateApps{display:flex;align-items:center;justify-content: space-between;padding-top: 20px;}
#socialMedia li a{display:flex;align-items:center;justify-content: center;flex-direction: column;position: relative;}

/* fast_nav start */
.content .fast_nav{border-top: solid 1px #eee;}
.content .fast_nav .right_con{padding-top: 60px;display: flex;}
.content .fast_nav li{flex: 1;text-align: center;border: 1px solid transparent;margin: 0 10px;}
.content .fast_nav li a{display: inline-block;text-align: center;border: 1px solid rgba(0,0,0,0.1);padding: 10px 20px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.content .fast_nav li a:after{content: '';display: inline-block;border-left: 6px dashed #E64E62;border-top: 6px solid transparent;border-bottom: 6px solid transparent;opacity: 0;margin-top: 2px;margin-left: 0px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.content .fast_nav li a:hover{box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.content .fast_nav li a:hover:after{opacity: 1;margin-left: 10px;}
/* fast_nav end */

.QR-scan-box,.QR-bottom-scan-box{
    padding: 5px 5px 0 5px;
    background-color: #fff;
}
/* hide header */
#mainHeader.toggle_header{
	height: auto;
}
#mainHeader.hide_header{
	overflow: hidden;
	height: 0;
}
#ctrl_show_header{
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 10;
	background: rgba(0,0,0,0);
}
#mainHeader.toggle_hide .full_screen_icon span.full_screen{
	display: none;
}
#mainHeader.toggle_hide .full_screen_icon span.exit_full_screen{
	display: flex;
}
.full_screen_icon span{margin-top: 0px;cursor: pointer;}
.over-shadow{background: #eee;}
.order-summary-container{
  position: fixed;
  background: rgba(0,0,0,0.8);
  width: 200px;
  z-index: 1;
  padding: 10px;
  font-size: 12px;
  transition: all 0.3s;
  box-sizing: border-box;
}
.order-sum-triangle-spot{
  width: 0;
  height: 0;
  border-left: 10px solid rgba(0,0,0,0.8);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: -10px;
  top: 25px;
}
.sum-row{
  display: flex;
  justify-content: space-between;
}
.sum-row span{color:white;}
.sum-row span:first-child{
  color: #ccc;
}
.not-select{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.gate-select{height:36px;position:relative;border-radius:0;padding-left:4px;display:flex}
.gate-select-slot{height:36px;line-height:36px;padding-right:10px}
.gate-select select{width:100%;height:100%;left:0;top:0;position:absolute;background:none!important;color:transparent!important;z-index:1;border:none;outline:0}
.gate-select:after{content:"";width:0;height:0;border-width:4px 4px 0;border-style:solid;border-color:#000 transparent transparent;position:absolute;right:0;top:calc(50% - 2px);box-sizing:border-box}
.dark-body .gate-select::after,.classic-dark .gate-select::after{border-color:#aaa transparent transparent;}
/* 布局公用 */
.jc-around{justify-content: space-around;}
.jc-between{justify-content: space-between;}
.jc-start{justify-content: flex-start;}
.jc-end{justify-content: flex-end;}
.jc-center{justify-content: center;}
.al-center{align-items:center}
.al-start{align-items:flex-start}
.al-end{align-items:flex-end}
.flex-auto{flex:auto}
.flex-vertical{display: flex;flex-direction: column;}
/* 弹窗公用 */
.popup-common-main{padding:24px}
.popup-common-header{display: flex;justify-content:space-between}
.popup-common-header span{color:#333;font-size:18px;font-weight: 500;}
.popup-common-header img{width:20px;cursor:pointer;}
.popup-common-header-divider{border-bottom: 1px solid #f0f0f0;margin-top: 14px;margin-left: -24px;margin-right: -24px;}
.popup-common-buttons{display:flex;margin-top:24px;height:36px;justify-content:center}
.popup-common-buttons .btn-cancel{margin-right:16px;background:#d8d8d8}
.popup-common-buttons .btn-primary{background:#E64E62 linear-gradient(45deg,#f76a91,#d2501e);    display: flex;align-items: center;justify-content: center;}
.popup-common-buttons button{width:120px;height:inherit;outline:0;border:none;border-radius:4px;color:#fff;text-align:center;font-size:14px;cursor:pointer}
.popup-common-buttons-new{display:flex;margin-top:24px;height:36px;justify-content:flex-end}
.popup-common-buttons-new button{padding:0 16px;outline:0;border:none;border-radius:4px;color:#fff;text-align:center;font-size:14px;cursor:pointer}
.popup-common-buttons-new .btn-cancel{background-color:#fff;color:#333;margin-right:16px;border: 1px solid #e6e6e6;}
.popup-common-buttons-new .btn-primary{background:#DC4E62;display: flex;align-items: center;justify-content: center;}

.common-btn{width:120px;height:inherit;outline:0;border:none;color:#fff;text-align:center;font-size:14px;cursor:pointer;border-radius: 4px;}
.common-btn-cancel{background-color:#fff;color:#333;border: 1px solid #e6e6e6;}
.common-btn-primary{background:#DC4E62;display: flex;align-items: center;justify-content: center;}
.common-btn[disabled],.common-btn[disabled]:hover{color: #ccc;border-color: #E6E6E6;background: #f7f7f7;}

.poup_tips_container{display:flex;justify-content:flex-start;background: #FCEDEF;border-radius: 4px;padding: 10px;}
.poup_message{color:#DC4E62;margin-bottom:0;font-size:12px}
.poup_tips{display:block;min-width:12px;height:12px;line-height:12px;font-size:12px;text-align:center;border-radius:50%;margin-right:10px;font-style:normal;color:#fff;align-self:flex-start;background:#E64E62;position:relative;top:3px}

.slipage-setting-tips{display: flex;color:#DC4E62; font-size: 12px;margin-top: 16px;border-radius: 4px;}
.slipage-setting-tips span:first-child{margin-right: 4px;font-size: 16px;}

.not-scroll{width:100%;height:100%;overflow:hidden;}
.bottom-logo-box img{background: #fff;border-bottom-color: #fff;border-bottom: none;border-top: none;border-color: #ffff;margin-bottom: 10px;}
.bottom-logo-box{margin-top: 5px;height: 172px;display: flex;align-items: center;justify-content: center;background: #fff!important;}
.top-img-box{height: 164px;display: flex;align-items: center;justify-content: center}
.middle-img-box{height: 273px;display: flex;align-items: center;justify-content: center}
.footer-logo-download-left .save-btn, .footer-logo-download-right .save-btn{z-index: 10}
.logo-img img{border: none;}
.footer-logo-download-left img{width: 60%;margin-bottom: 26px}
.footer-logo-download-right img{width: 45%;margin-bottom: 30px;}
.footer-logo-download-right .bottom-logo-box img{width: 254px}
.footer-logo-download-left .bottom-logo-box img{width: 295px}
.footer-logo-download-right .top-img-box img{width: 50% !important}
/* common color */
.com-red{color:#E64E62}
.com-blue{color:#007980}
.com-font{color:rgba(0,0,0,.85)}
.light-font{color:#999!important}
.gray-border{border-color:#dadfe3}
.com-color0{color:#ccc !important}
.com-color1{color:#999 !important}
.com-color2{color:#666 !important}
.com-color3{color:#333 !important}
.com-color4{color:#fff!important;}
.com-bgcolor0{background-color: #f7f7f7;}
.com-bgcolor1{background-color: #fff;}
.com-bgcolor2{background-color: #f7f7f7;}
.com-bgcolor3{background-color: #f2f2f2;}
.com-bgcolor4{background-color: #ccc;}
.com-bgcolor5{background-color: #fafafa;}
.logo-red{color: #e64e62;}
.logo-bgred{background-color: #e64e62;}
.ntc-bg{background-color: #f2f2f2;}
.hover-red:hover{color: #e64e62!important;}
.com-border{border-color: #f0f0f0!important}
.com-border1{border-color: #e6e6e6!important;}
.sort-wrapper li{background: #fff;}
.sort-wrapper li:hover{background: #fafafa;}
#common-confirm-noty{background:#fff!important;border-radius:0!important;padding: 24px !important;}
#common-confirm-noty button{width:120px;padding:8px;border-radius:2px;opacity:1;font-weight:400;font-size:14px}
#common-confirm-noty .noty_buttons{display:flex;justify-content:center}
#common-confirm-noty #button-0{background:#d8d8d8;margin-right:10px}
#common-confirm-noty .noty_title{font-size:18px}
#common-confirm-noty .noty_body{color:#333;padding:20px 0 30px 0}
/* google captcha */
.recaptcha-container{position: fixed; z-index: 1900000000; left: 0; top: 0; height: 100%; width: 100%; -moz-transition: opacity .5s; -o-transition: opacity .5s; -webkit-transition: opacity .5s; transition: opacity .5s}
.recaptcha-container .recaptcha-container-ghost{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .6; filter: alpha(opacity=60); background-color: black;}
.recaptcha-container .recaptcha-panel{position: absolute; top: 50%; left: 50%; width: 340px; height: 165px; margin-left: -170px; margin-top: -60px; box-shadow: 0 1px 8px rgba(128,128,128,0.3); border: 1px solid #d1d1d1; border-radius: 2px; overflow: hidden; background-color: white;}
.recaptcha-container .recaptcha-title{padding: 24px; position: relative;}
.recaptcha-container .recaptcha-title .txt{color: #000; font-size: 20px;}
.recaptcha-container .recaptcha-title .recaptcha-close{position: absolute; right: 15px; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik02Ljk4OCA1LjU5OEwxLjY5NS4zMDVBMSAxIDAgMDAuMjggMS43Mmw1LjI5MyA1LjI5M0wuMjggMTIuMzA1YTEgMSAwIDAwMS40MTQgMS40MTRsNS4yOTMtNS4yOTMgNS4yOTMgNS4yOTNhMSAxIDAgMDAxLjQxNC0xLjQxNEw4LjQwMiA3LjAxMmw1LjI5My01LjI5M0ExIDEgMCAxMDEyLjI4LjMwNUw2Ljk4OCA1LjU5OHoiIGlkPSJhIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHVzZSBmaWxsPSIjN0Y4RkE0IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNhIi8+PGcgbWFzaz0idXJsKCNiKSIgZmlsbD0iI0M4Q0ZEQSI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUgLTUpIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat 50%; width: 24px; height: 24px; top: 15px; cursor: pointer; background-size: 16px 16px;}
.recaptcha-container #recaptcha-box{padding: 5px 24px; display: flex; justify-content: center; align-items: center;}
.recaptcha-container .loading{margin:auto; margin-top: 10px; width:50px; text-align: center;}
.recaptcha-container .loading > div{width: 10px; height: 10px; background-color:#E64E62; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.recaptcha-container .loading .bounce1{-webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.recaptcha-container .loading .bounce2{-webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
@-webkit-keyframes bouncedelay{0%, 80%, 100%{-webkit-transform: scale(0.0)} 40%{-webkit-transform: scale(1.0)}}
@keyframes bouncedelay{0%, 80%, 100%{transform: scale(0.0); -webkit-transform: scale(0.0);} 40%{transform: scale(1.0); -webkit-transform: scale(1.0);}}
.nav-quant .hot-icon {background-color: #e6a800;position: absolute;width: 26px;height: 16px;line-height: 16px;color: white;font-size: 12px;right: -8px;top: -8px;transform: scale(0.8);padding-left:2px;}
#mainNav li .new-icon {background: linear-gradient(270deg, #FF4A3C 0%, #FF8031 100%);position: absolute;width: 35px;height: 18px;line-height: 18px;color: white;font-size: 12px;right: -24px;top: -8px;transform: scale(0.8);padding: 1px 1px 0 0;border-radius: 9px 9px 9px 0px;text-align: center;}
.nav-quant .inner-triangle {width: 0;height: 0;border-top: 4px solid #e6a800;border-right: 4px solid transparent;}
#header-cbbc .hot-icon{background-color: #e6a800;position: relative;padding:0 3px;height:20px;line-height:22px;color: white;font-size: 12px;top: -2px;transform: scale(0.8);display:inline-block;box-sizing:content-box;}
/* 新充值提现页面样式 */
.selecet-currency {
    display: inline-block;
    position: relative;
}
.selecet-currency-showVal {
    width: 400px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    height: 35px;
    line-height: 38px;
    text-indent: 10px;
    position: relative;
}
.selecet-currency-list {
    display: none;
    background: #fff;
    width: 400px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    height: 350px;
    position: absolute;
    z-index: 9;
    box-shadow: 0px 13px 13px 0px #aaa;
    top: 76px;
}
.selecet-currency-list>.selecet-currency-input {
    width: 90%;
    margin-left: 20px;
    margin-top: 20px;
    height: 35px;
    line-height: 35px;
    background: url(../image/close.svg) no-repeat 8px center;
    text-indent: 25px;
    line-height: 38px;
}
.selecet-currency-list>p {
    text-indent: 20px;
    font-size: 12px;
    color: #aaa;
}
.selecet-currency-scroll {
    padding: 0 20px;
    height: 285px;
    overflow-y: scroll;
}
.selecet-currency-scroll ul {
    padding-top: 10px;
}
.selecet-currency-scroll ul li{
    cursor: pointer;
    padding: 0px;
    font-size: 12px;
    line-height: 24px;
    height: 20px;
    text-indent: 10px;
    padding: 2px 0;
    position: relative;
}
.selecet-currency-scroll ul li span {
    margin: 0;
}
.selecet-currency-scroll ul li .icon-16 {
    margin-top: 2px;
}
.selecet-currency-scroll ul li span:last-child {
    display: block;
    line-height: 20px;
}
.selecet-currency-scroll ul li:hover{
    background: #eee;
}
.deposit-box-titleList>div {
    display: inline-block;
    margin-right: 16px;
    font-size: 12px;
    padding: 8px;
    line-height: 17px;
    cursor: pointer;
    min-width: 96px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    height: 32px;
}
.deposit-box-titleList>div.active {
    border: 1px solid #E64E62;
    background-color: transparent;
    color: #E64E62;
}
.dp-box {
    display: none;
    height: 410px;
    position: relative;
    margin-bottom: 20px;
    padding: 0 10px;
}
.dp-box-content {
    background-color: #f6f7f8;
}
.title-p {
    font-size: 12px;
    color: #bbb;
}
.dp-page-title .go-trade-btn, .dp-page-title .fund-to-trade {
    font-size: 14px;
    line-height: 27px;
    height: 24px;
}
.selecet-currency-showVal img {
    width: 85%;
    display: block;
    margin-left: 7px;
    margin-top: 4px;
}
.selecet-currency-showVal i {
    display: block;
    width: 0;
    height: 0;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent #6f6f6f;
    position: absolute;
    right: 10px;
    top: 15px;
    transform: rotate(180deg);
    transition: all .5s;
}
.loadingBox, .dp-box {
    width: 700px;
}
.loadingBox {
    height: 410px;
    background-color: #eee;
    position: relative;
    margin-bottom: 20px;
    padding: 0 10px;
    z-index: 2;
    margin-top: 20px;
}
.loadingBox .addr-section {
    position: absolute;
    height: 150px;
    width: 150px;
    left: 50%;
    transform: translateX(-50%);
    top: 60px;
}
.loadingBox .addr-section #logoSvg {
    left: 0;
    background: none;
    fill: #E64E62;
    width: 100%;
    box-sizing: border-box;
}
.loadingBox .loadingBox-shadow {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.loadingBox .game_time{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    opacity: .9;
}
.loadingBox .pie { width:50px; height:50px; background-color:blue; border-radius:50px; position:absolute; }
.loadingBox .pie1 { clip:rect(0px,50px,50px,25px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); 
		-webkit-transform:rotate(0deg); background-color:#fff; }
        .loadingBox .pie2 { clip:rect(0px,25px,50px,0px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); 
		-webkit-transform:rotate(0deg); background-color:#fff; }
		
.loadingBox .hold { width:50px; height:50px; position:absolute; z-index:1;}
.loadingBox .bg { width:50px; height:50px; border-radius:50px; position:absolute;background-color: #aaa;}
.loadingBox .time { 
    height: 30px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    background: #f5a7b1;
    margin-top: 176px;
    color: #e04056;
    padding: 0 10px;
    white-space:nowrap;
    min-width: 115px;
    left: 50%;
    transform: translateX(-50%);
}
.loadingBox-info {
    font-size: 13px;
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(0,0,0,.85);
    width: 100%;
}
.dp-box-content {
    position: relative;
}
.curNums {
    position: absolute;
    right: 85px;
    top: 2px;
    font-size: 12px;
    color: #4d4d4d;
}
.darkNums {
    opacity: .3;
}
.lightNums {
    opacity: 1;
}
.stopDeposit {position: absolute;right: 10px;color: #aaa;font-size: 12px;z-index: 9;top: 4px;}
.classic-dark .curNums, .dark-body .curNums {
    color: #eee;
}
.classic-dark .selecet-currency-showVal {
    background-color: #333;
    border: 1px solid rgba(255,255,255,.1);
}
.classic-dark .dp-box-content,.classic-dark .deposit-box-titleList>div,.classic-dark .loadingBox {
    background-color: #333;
}
.classic-dark .coin_add {
    background-color: transparent;
}
.classic-dark .selecet-currency-list {
    background-color: #333;
}
.classic-dark .selecet-currency-input {
    border-color: #aaa !important;
}
.classic-dark .selecet-currency-list>.selecet-currency-scroll ul li:hover {
    background: #4c4c4c;
}
.classic-dark .selecet-currency-list {
    border-color: #4c4c4c;
    box-shadow: 0px 6px 13px 0px #000;
}
.classic-dark .loadingBox-info,.dark-body .loadingBox-info {
    color: #fff;
}
.dark-body .selecet-currency-showVal {
    background-color: #353430;
    border: 1px solid rgba(255,255,255,.1);
}
.dark-body .dp-box-content,.dark-body .deposit-box-titleList>div,.dark-body .loadingBox  {
    background-color: #353430;
}
.dark-body .coin_add {
    background-color: transparent;
    color: #fff;
}
.dark-body .selecet-currency-list {
    background-color: #353430;
}
.dark-body .selecet-currency-input {
    border-color: #aaa !important;
}
.dark-body .selecet-currency-list>.selecet-currency-scroll ul li:hover {
    background: #4c4c4c;
}
.dark-body .selecet-currency-list {
    border-color: #4c4c4c;
    box-shadow: 0px 6px 13px 0px #000;
}
.dp-box-flex {
    display: flex;
    height: 100%;
}
.dp-box-content {
    flex: 1;
}
.dp-box-content:nth-child(2)::after {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 280px;
    background-color: #dcdcdc;
    top: 86px;
}
.info-bottom {
    text-indent: 10px;
}
.info-top {
    text-indent: 10px;
    font-weight: bold;
}
.info-bottom {
    position: absolute;
    left: -150px;
    background-color: #fdc5cc;
    color: #f25050;
    padding: 6px 20px !important;
    border-radius: 5px;
    width: 260px;
    text-align: center;
    top: 15px;
    opacity: .8;
    font-size: 13px;
}
.info-bottom span {
    color: #f25050 !important;
}
.info-bottom b {
    font-weight: normal;
}
/* Logout */
#tierMenu.tier-info ul li.toplogin.user-log-out {
    text-align: left;
    cursor: pointer;
    border-top: 1px solid #f0f0f0;
    padding: 0;
    margin: 0;
    padding-left: 15px;
    box-sizing: border-box;
}
.user-log-out .selecetLogout {
    position: absolute;
    background: #fff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
    top: 48px;
    border-radius: 4px;
    left: 0;
    display: none;
}
.user-log-out .selecetLogout>div {
    line-height: normal;
    padding: 0px 16px;
    font-size: 12px;
    position: relative;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    min-width: 124px;
}
.logOutAll_info {
    display: none !important;
    position: absolute;
    right: 105%;
    display: inline-block;
    background: rgba(0,0,0,.7);
    color: #fff;
    padding: 0 16px;
    height: 40px;
    border-radius: 4px;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
}
#logOutAll:hover .logOutAll_info {
    display: block !important;
}
#logOutThat:hover .logOutAll_info {
    display: block !important;
}
.user-log-out .selecetLogout>div:hover {
    background-color: #eee;
    color: #ff8686;
}
.user-log-out .icon{
    transition: all .3s;
}
.user-log-out:hover .icon:not(.second-nav-icon) {
    transform: rotate(90deg);
    fill: #ff8686;
}
#logOutBtn {
    margin-right: 0px;
}
.user-log-out:hover #logOutBtn{
    color: #ff8686;
}
.user-log-out:hover .selecetLogout {
    display: block;
}
.classic-dark .user-log-out .selecetLogout,.dark-body .user-log-out .selecetLogout {
    background: #2d333b;
    box-shadow: 0px 2px 3px 2px #383838;
}
.classic-dark .user-log-out .selecetLogout>div:hover,.dark-body .user-log-out .selecetLogout>div:hover {
    background-color: #1b1818;
}
.popup-overlay {
    background: rgba(0, 0, 0, 0.5);
}
.popup-tooltips-content,.protips-content{
  width: 200px !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  background: rgba(0,0,0,0.8) !important;
  padding:10px !important;
  font-size: 12px;
  z-index: 9999999 !important;
  border-radius: 4px;
}
.popup-tooltips-content.widthauto-content,.protips-content.widthauto-content{width:auto !important}
.popup-tooltips-content svg.popup-arrow, .protips-content .popup-arrow{
    color:rgba(0, 0, 0, 0.8);
    stroke-width: 2px;
    stroke-dasharray: 30px;
    stroke-dashoffset: -54px;
  }

  @keyframes anvil {
    0% {
      transform: scale(1) translateY(0px);
      opacity: 0;
      box-shadow: 0 0 0 rgba(241, 241, 241, 0);
    }
    1% {
      transform: scale(0.96) translateY(10px);
      opacity: 0;
      box-shadow: 0 0 0 rgba(241, 241, 241, 0);
    }
    100% {
      transform: scale(1) translateY(0px);
      opacity: 1;
      box-shadow: 0 0 500px rgba(241, 241, 241, 0);
    }
  }
  .popup-content {
    background: #fff;
    -webkit-animation: anvil 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
  }
.bottom-border-dashed{
  border-bottom: 1px dashed #ccc;
}
.k-line-bg-logo{
    width: 250px;
    height: 100px;
    background-image: url(../image/gateio_h_en.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    opacity: 0.1;
    filter: grayscale(1);
}
.classic-dark .k-line-bg-logo{
    opacity: 0.15;
}
.fundPasswordShow {
    cursor: pointer;
    border-bottom: 1px dashed;
    padding-bottom: 2px;
    padding-top: 15px;
    position: relative;
}
.fundPasswordShow:hover .fundPasswordBox{
    display: block;
}
.fundPasswordBox {
    position: absolute;
    padding: 10px;
    background: rgba(0,0,0,.8);
    color: #fff;
    z-index: 99;
    text-align: left;
    top: -64px;
    left: 50%;
    border-radius: 5px;
    transform: translateX(-50%);
    display: none;
}
.fundPasswordBox::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid rgba(0,0,0,.8);
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
}
.fundPasswordBox>div {
    cursor: pointer;
    font-size: 13px;
    padding: 3px 0;
}
.fundPasswordBox>div>a {
    color: #fff !important;
    font-style: normal;
    display: block;
    word-break: keep-all;
    white-space: nowrap;
}
.fundPasswordBox>div>a:hover {
    color: #d86767 !important;
}
.fundPasswordBox>div>span {
    color: #fff !important;
    font-style: normal;
    display: block;
    word-break: keep-all;
    white-space: nowrap;
}
.fundPasswordBox>div>span:hover {
    color: #d86767 !important;
}
.promptToSetFundPassword {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.6);
    z-index: 9999;
    display: none;
}
.toFundPassBox {
    width: 450px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    box-shadow: 0 2px 11px 2px #565656;
    padding: 30px 20px;
}
.promptToSetFundPassword .head {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    color: #000 !important;
    line-height: 1.1;
}
.promptToSetFundPassword .head span {
    position: absolute;
    right: -6px;
    top: -30px;
    font-size: 37px;
    opacity: .7;
    transform: rotate( 45deg );
    cursor: pointer;
}
.toFundPassContent {
    margin-top: 10px;
}
.toFundPassContent>div>div{
    padding: 5px 0;
    font-size: 14px;
}
.toFundPassContent a {
    color: #5d6f75 !important;
}
.toFundPassContent a:hover {
    color: #d86767 !important;
}
.toAccount span {
    color: #5d6f75 !important;
    cursor: pointer;
}
.toAccount span:hover {
    color: #d86767 !important;
}
.border-box{box-sizing: border-box;}
.react-window-container{overflow: hidden !important;}
#leftBar .react-window-container>div>div{
	box-sizing:border-box;
	border-right: solid 8px transparent;
	overflow-y: scroll !important;
}
#leftBar .react-window-container>div>div:hover{border-right-width: 0px !important;}
#leftBar .react-window-container>div>div::-webkit-scrollbar { width: 0 !important }
#leftBar .react-window-container>div>div:hover::-webkit-scrollbar { width: 8px !important }
#leftBar .react-window-container>div>div{ scrollbar-width: none !important;-ms-overflow-style: none !important;overflow: -moz-scrollbars-none !important;}
#leftBar .react-window-container>div>div:hover{ scrollbar-width: auto !important;-ms-overflow-style: auto !important;overflow: -moz-scrollbars-none !important;}
.red-bg{background:rgba(222, 89, 107, 0.06)!important;}
.dp-box-content .dep-warn-tips{color: #E64E62;position: absolute;bottom: 3px;width: 90%;left: 50%;transform: translateX(-50%);}
.dp-box-content .dep-warn-tips.have-extra-tips{min-width: 630px;left: 0;}
.pop-bottom-tips{background: rgba(255,241,240,1);padding: 4px;border-radius: 4px;color: #E64E62;font-size: 12px;}
.repay-all-label label{margin-top: 0 !important;}
.borrow-coin-select-container{margin: 30px 0;border:1px solid #eee;}
.borrow-coin-select-container .r-sel__control{border:none;}
.r-sel__control input{height:auto}
.r-sel__single-value,.select-option-container{display:flex;font-size:12px;align-items:center}
.r-sel__single-value .icon-16{float:none;margin-right:5px}
.select-option-container .icon-16{float:none;margin-right:5px}
.margin-steps{color: #8F95A8;border-bottom: 1px solid #eee;padding: 0 10px 4px 10px;}
.margin-steps ul{display: none;position: absolute;background: #eee;z-index: 1;right: -10px;top:16px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 4px;width: 120px;}
.margin-steps ul li{padding-left: 10px;height: 36px;line-height: 36px;font-size: 12px;}
.margin-steps ul li a{display: inline-block;width: 100%;}
.margin-steps ul li:hover{background-color: #fff;}
.margin-more-point{position: relative;}
.margin-more-point span{transform: rotate(90deg);color: #E64E62;cursor: pointer;font-size: 20px;display: inline-block;}
.margin-more-point:hover ul{display: block;}
.margin-tag{
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  background-color: #eeeeee;
  text-align: center;
  margin: 0 4px;
}
.margin-cross-total-info{
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}
.margin-content-title{color: #8F95A8;margin-right: 2px;}
.margin-cross-title-right{display: flex;align-items: flex-end;}
.margin-cross-title-right>*{margin-left: 10px;}
.margin-cross-button {background: 0 0;border: none;color: #333;cursor: pointer;padding: 1px 5px;font-size: 12px;outline: 0;background: #EEEEEE;border-radius: 4px;}
.popup-row{display:flex;margin-top:10px; height:20px;align-items:center;justify-content:space-between}
.common-amount-withall{
  border: 1px solid #E6E6E6;
  margin-top: 30px !important;
  padding: 10px;
  font-size: 14px;
  border-radius: 4px;
}
.common-amount-withall input{
  border: none;
  outline: none;
  flex:auto;
  padding-left: 2px;
}
.common-amount-withall span{color:#666}
.common-amount-withall .all-borrow{color: #de596b;cursor: pointer;border-left: 1px solid #eee;padding-left: 4px;margin-left: 4px;}
.min-borrow-amount-tips{
  font-size: 12px;
  color: #8F95A8;
  margin:10px 0;
}
.more-info{
    margin-bottom: 0px;
    color: #E64E62;
}
.transfer-direction{margin-top: 30px;}
.transfer-direction>div{background-color: #d5d5d5;height: 40px;line-height: 40px;font-size: 16px;    width: 150px;padding-left: 10px;border-radius: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cross-repay-popup-content .hide-show-mark + .vr-btn{margin-top:0;}
.mt30{margin-top: 30px;}
.repay-input-container{margin-top: 10px !important;}
.repay-all-label{transform: scale(0.9);}
.repay-input-container.disabled{background: #FAFAFA;border:none}

/* react-table start */
.tableWrap{display:block;max-width:100%;min-height:100px}
.react-table{width:100%;border-spacing:0;margin-top:10px;font-size:12px;}
.react-table tr:hover{background: rgba(0,0,0,.05);}
.react-table td,.react-table th{margin:0;text-align:right;font-weight: 500;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;}
.react-table th{padding:16px 2px;font-size:12px;background:#fafafa;color:#999;border-bottom:none;font-weight:400;text-transform:capitalize}
.react-table td{border-bottom:1px solid #f0f0f0;padding:1.5rem 0;font-size: 14px;font-family: 'din_medium';}
.react-table tr>td:last-child,.react-table tr>th:last-child{padding-right:10px;}
.react-table tr>td:first-child,.react-table tr>th:first-child{padding-left:10px;text-align: left;}
.react-table-pagination{margin-top:20px;display:flex;align-items:center;justify-content:flex-end}
.react-table-pagination>span{margin:0 10px}
.react-table-pagination button{background:0 0;border:none;outline:0;cursor:pointer;padding:4px;border-radius:2px;border:1px solid transparent}
.react-table-pagination button:hover{color:#fff!important;border-color:#111;background-color:#999;background:linear-gradient(to bottom,#585858 0,#111 100%)}
.react-table-pagination button[disabled],.react-table-pagination button[disabled]:hover{background:0 0!important;color:#666!important;border-color:transparent}
.classic-dark .react-table td{border-color:#323236}
.dark-body .react-table td{border-color:#353535}
/* react-table end */
.fz12{font-size: 12px!important;}
.mt10{margin-top: 10px;}
.mt16{margin-top: 16px;}
.mt20{margin-top: 20px;}
.mt24{margin-top: 24px !important;}
.mt4{margin-top: 4px;}
.dashed-divider{border-bottom: 1px dashed #ccc;}

.input-container.disabled{background-color: #e6e6e6;}
.input-container.disabled input{background-color: #e6e6e6;}
/* datatbale 暂无数据 */
.noorder {width: 120px;height: 120px;margin: 0 auto;background: url(../image/noorder.svg) center center no-repeat;background-size: cover;margin-top: 10px;}
.noorderText{color: #666;font-size: 12px;text-indent: 0;display: block;text-align: center;}
/* 奖励池 */
.rewardpool-title{margin-top: 10px;margin-bottom: 4px;color:#ccc;display: flex;justify-content: space-between;}
.amm-rate-span{color:#E64E62;background-color: #E64E621c;padding:0 4px;border-radius: 9px;height: 20px;line-height: 21px;display: inline-block;}
.liq-sel-title{display: flex;justify-content: space-between;margin-top:20px;font-size:14px}
.liq-sel-title span:first-child{color:#333;font-size: 14px;}
.lq-coin-select-container {margin: 10px 0;display: flex;height:40px;align-items: center;box-sizing: border-box;position: relative;}
.lq-coin-select-container input{border: 1px solid #e6e6e6;outline: none;flex:auto;padding-left: 10px;border-radius: 0;position: absolute;width: 100%;height:100%;border-radius: 4px;box-sizing: border-box;}
.lq-coin-select-container input:focus{border-color: #DC4E62;}
.lq-coin-select-container span.right-coin{position: absolute;right:10px;}
.lq-coin-select-container .icon-16{margin-right: 6px;}
.liq-bottom-price-percent{padding: 10px;background-color: #fafafa;border-radius: 3px;}
.rewardtounlock{display: flex;justify-content: space-between;align-items: center;margin-top:10px;font-size: 14px;}
.rewardtounlock button{background: none;border: none;outline: none;color:#E64E62;cursor: pointer;margin-left:4px;}
.my-amm-reward-list{margin-bottom: 14px; max-height: 310px;overflow-y: scroll;min-height: 100px;margin-top:8px}
.my-amm-reward-list li{height: 50px;display: flex;align-items: center;margin-top: 8px;padding:8px;border-radius: 3px;border: 1px solid #F7F7F7;}
.my-amm-reward-list li i{margin-right: 10px;}
.my-amm-reward-list .flex-vertical .pool-asset{font-size: 16px;}
.my-amm-reward-list .pool-asset-local{font-size: 12px;font-family: 'din';}
#markBox{width:102%}

/* 帮助视频 */
.helper-video-mask{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 1000000;backdrop-filter: blur(20px);}

.s_h1{font-size: inherit;}

.header-collapsible-menu, .header-collapsible-menu-list{display: flex;align-items: center;}
.header-collapsible-menu-icon,.collapsible-menu-title-text{display: none;}
.header-collapsible-menu-list::before{content: '';width: 100%;height: 15px;position: absolute;top: -10px;right: 0;}
.menu-collapsible-icon{transform: rotate(90deg);}

@media screen and (max-width: 1440px){
    .header-collapsible-menu{position: relative;margin-left: 15px;}
	.header-collapsible-menu-icon{display: inline-block;cursor: pointer;font-size: 24px;width: 24px;padding: 10px 0 10px 0;}
    .header-collapsible-menu-icon svg g{fill: #fff;}
    .header-collapsible-menu:hover .header-collapsible-menu-icon svg g{fill: #90DBFF;}
    .header-collapsible-menu-list{display: none;}
    .header-collapsible-menu:hover .header-collapsible-menu-list{display: flex;position: absolute;top: 44px;z-index: 99993;min-width: 360px;max-width: 370px;border-radius: 10px;right: 0;flex-direction: column;background-color: #fff;padding: 4px 16px;box-sizing: border-box;box-shadow: 0 5px 8px rgb(0 0 0 / 20%);}
    #opPanel .header-collapsible-menu:hover li,#opPanel .header-collapsible-menu:hover li.opr-icon#downloadLink{min-height: 54px;display: flex;align-items: center;box-sizing: border-box;padding: 0;width: 100%;margin: 0;}
    .header-collapsible-menu:hover .header-collapsible-menu-list .opr-icon path{fill: rgba(116, 142, 163, 1) !important;}
    .header-collapsible-menu:hover .collapsible-menu-title{display: flex;height: 54px;width: 100%;align-items: center;}
    .header-collapsible-menu:hover .collapsible-menu-title-text{display: flex;color: #333;font-size: 16px;line-height: 22px;padding-left: 8px;align-items: center;justify-content: space-between;width: 100%;}
    .header-collapsible-menu:hover .collapsible-menu-title-text.app-download-text{text-transform: capitalize;}
    .header-collapsible-menu:hover #downloadLink:hover .downloadLink-icon path,
    .header-collapsible-menu:hover #serviceLink:hover .serviceLink-icon path,
    .header-collapsible-menu:hover #globalSetting:hover .globalSetting-icon path,
    .header-collapsible-menu:hover #langTopBox:hover .langTopBox-icon path
    {fill: rgba(116, 142, 163, 1) !important;}
    .header-collapsible-menu:hover li.opr-icon.active-menu .menu-collapsible-icon{transform: rotate(-90deg);color: rgba(230, 78, 98, 1);}
    .header-collapsible-menu:hover li.opr-icon.active-menu .collapsible-menu-title-text{color: rgba(230, 78, 98, 1);}
    .header-collapsible-menu:hover #downloadApp, .header-collapsible-menu:hover #headerDownloadApp{position: unset;}
    .header-collapsible-menu:hover li.opr-icon.active-menu{flex-direction: column;}
    .header-collapsible-menu:hover li.opr-icon.active-menu #headerDownloadApp,
    .header-collapsible-menu:hover li.opr-icon.active-menu .collapsible-menu-item-content,
    .header-collapsible-menu:hover li.opr-icon.active-menu #langListBox{box-sizing: border-box;width: 100%;padding: 0;border: none;box-shadow: unset;background: #F7F7F7;border-radius: 4px;display: block;position: unset;max-width: unset;}
    .header-collapsible-menu:hover #opPanel li.opr-icon#downloadLink{padding: 0;}
    .header-collapsible-menu:hover li.opr-icon.active-menu #headerDownloadApp{padding: 0 16px;}
    .header-collapsible-menu:hover .opr-icon#downloadLink:not(.active-menu):hover #headerDownloadApp,
    #opPanel .header-collapsible-menu:hover #serviceLink:not(.active-menu):hover .serviveBox,
    .header-collapsible-menu:hover #globalSetting:not(.active-menu):hover .global-setting-container,
    .header-collapsible-menu:hover #langTopBox:not(.active-menu):hover #langListBox{display: none;}
    .header-collapsible-menu:hover li.opr-icon.active-menu .serviceList{padding: 0;background: transparent;box-shadow: none;margin: 0;}
    .header-collapsible-menu:hover li.opr-icon.active-menu .serviceList>div:hover{background: unset;}
    .header-collapsible-menu:hover li.opr-icon.active-menu .serviceList a#linkService, 
    .header-collapsible-menu:hover li.opr-icon.active-menu .serviceList a.no_link_service{padding: 12px 0;}
    .header-collapsible-menu:hover li.opr-icon.active-menu .global-setting-container .opr-list-col{flex-wrap: wrap}
    .header-collapsible-menu:hover li.opr-icon.active-menu .global-setting-container .opr-list-col .rise-fall-title{margin-left: 0}
    .header-collapsible-menu:hover li.opr-icon.active-menu .global-setting-container .opr-list-col .market_rise_color_item {padding: 10px 0}
    .header-collapsible-menu:hover li.opr-icon.active-menu .global-setting-container .opr-list-col .global-setting-item{ max-width:50% !important;min-width: 50%;   padding: 12px 0;border: none;}
    .header-collapsible-menu:hover li.opr-icon.active-menu .global-setting-container .opr-list-col .rise-fall-box{ padding-right: 16px}
    .header-collapsible-menu:hover li.opr-icon.active-menu#globalSetting:hover .global-setting-container{display: block;}
    .header-collapsible-menu:hover li.opr-icon.active-menu #langListBox{display: flex;justify-content: space-between;padding: 0;}
    .header-collapsible-menu:hover li.opr-icon.active-menu #langListBox .header-setting-title{padding-left: 0;padding-top: 12px;font-size: 14px;font-weight: bold;color: #333333;line-height: 20px;}
    .header-collapsible-menu:hover li.opr-icon.active-menu#langTopBox .opt-view{flex: 1;padding: 0 0 0 16px;display: flex;}
    .header-collapsible-menu:hover li.opr-icon.active-menu#langTopBox .opt-view .opr-list{width: 100%;}
    .header-collapsible-menu:hover li.opr-icon.active-menu #float_rate_switch{margin-left: 0;display: flex;align-items: center;}
    .header-collapsible-menu:hover li.opr-icon.active-menu#langTopBox .opt-view .opr-list li,
    .header-collapsible-menu:hover li.opr-icon.active-menu#langTopBox .opt-view .opr-list-row{height: 44px;box-sizing: border-box;min-height: auto;}
    .header-collapsible-menu:hover .collapsible-menu-title > svg.normal-menu-icon{color: #748EA3;}
    #opPanel .header-collapsible-menu:hover #serviceLink.active-menu .serviveBox{margin-top: 0;}
    #topLoginBar:hover #tierMenu{margin-left: -40px;}
    #headLayout .header-collapsible-menu:hover .slide-switch span{line-height: 16px;}

    .classic-dark .header-collapsible-menu:hover .header-collapsible-menu-list{background: #2d333b;}
    .classic-dark .header-collapsible-menu:hover .collapsible-menu-title-text,
    .classic-dark .header-collapsible-menu:hover li.opr-icon.active-menu #langListBox .header-setting-title{color: #E6E6E6;}
    .classic-dark .header-collapsible-menu:hover li.opr-icon.active-menu #headerDownloadApp,
    .classic-dark .header-collapsible-menu:hover li.opr-icon.active-menu .collapsible-menu-item-content,
    .classic-dark .header-collapsible-menu:hover li.opr-icon.active-menu #langListBox,
    body.classic-dark div.skin_list{background: #23282E;}
    .classic-dark .header-collapsible-menu-icon svg g,
    .dark-body .header-collapsible-menu-icon svg g{fill: rgba(255,255,255,0.8)}

    .dark-body .header-collapsible-menu:hover .header-collapsible-menu-list{background: #2d333b;}
    .dark-body .header-collapsible-menu:hover .collapsible-menu-title-text,
    .dark-body .header-collapsible-menu:hover li.opr-icon.active-menu #langListBox .header-setting-title{color: #E6E6E6;}
    body.dark-body div.skin_list,
    .dark-body .header-collapsible-menu:hover li.opr-icon.active-menu #headerDownloadApp,
    .dark-body .header-collapsible-menu:hover li.opr-icon.active-menu .collapsible-menu-item-content,
    .dark-body .header-collapsible-menu:hover li.opr-icon.active-menu #langListBox{background: #23282E;}
    #mainNav .second-nav.other-nav{left: 50%;transform: translateX(-55%);}
}
.global-search-service-container{padding-left: 15px}
.global-search-icon{display: inline-block;cursor: pointer;font-size: 24px;width: 24px;padding: 12px 0 11px 0;}
.global-search-service-container:hover .global-search-icon svg path{fill:#90DBFF}
.global-search-service-container:hover #globalSearchHeaderArea{display:flex}
.dark-body .global-search-icon svg path,.classic-dark .global-search-icon svg path{fill: rgba(255,255,255,0.8)}
button.mantine-pagination-item[disabled]{background: none;}