*{margin:0;padding:0}
body{overflow-y: auto;overflow-x:hidden;font: 14px/18px "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Microsoft Yahei,微软雅黑,STXihei,华文细黑,sans-serif;color:#333;right: -8px;position: relative;left: 0;}

.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:6px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);background-color: hsla(215, 17%, 59%, 0.5);}
::-webkit-scrollbar-thumb:hover {background:hsla(181, 72%, 33%, 0.7);}
::-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:#d45858}
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{font-family: Microsoft YaHei,Helvetica,STXihei,sans-serif;outline: none;}
table{ border-spacing:0}
th{border-bottom:1px solid #e4ebf0;outline: none;}
ul,li{list-style:none}
.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;background-size: 16px;border-radius: 50%}
.icon-32{ width:32px; height:32px; display: inline-block;float: left;background-repeat: no-repeat;background-size: 32px;border-radius: 50%}
.icon-48{ width:48px; height:48px; margin-top:5px;float:left;border-radius: 50%}
.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: 20px 0;position: relative}
.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;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;}
.topnum{font-weight: normal;padding: 5px 13px 5px 16px;margin: 0 -16px;}
.topprice .icon-arrow-up i, .topprice .icon-arrow-up span,.en-body .topprice .icon-arrow-down i,.en-body .topprice .icon-arrow-down span{color: #ff8686;}
.topprice .icon-arrow-down i,.topprice .icon-arrow-down span,.en-body .topprice .icon-arrow-up i,.en-body .topprice .icon-arrow-up span{color: #00d2ac}
.icon-arrow-up.shine-bg .topnum,.en-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,.en-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,.en-body .icon-arrow-down.shine-bg i:after{color: #ff8a9b;text-shadow: 0 0 3px #ff3a6b;}
.icon-arrow-down.shine-bg i:after,.en-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: #236765;position:relative}
#toplogin{ padding-left: 0}
.login_lan .lang-option{color: #b1d3c9;position:relative;cursor: default;line-height: 56px;}
.login_lan .more-lan{position: absolute;top: 56px;right: -20px;z-index: 99980;line-height:45px;background:#091b1c;}
.login_lan .more-lan a{background: #1a1f26;color:#bcc8c5;width:106px; text-align:center;right: 0;text-align:center;display:none;min-width: 45px}
.login_lan .more-lan a:hover{background: #444c58}
.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: 100%; padding-right: 0}
.login_lan .top-links{line-height: 36px}
.top-links span{float: left;line-height: 56px}
.top-links a{ position: relative}
.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:#d45858;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: 10px;}
.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}
#topUicon{float:left; width:18px;height:18px;padding:3px;background:hsla(0,0%,100%,.15); border-radius:50%; margin:16px 0 0 5px;}
#logout_noty.gateioNotyTheme,.noty_bg{background: linear-gradient(to bottom, rgb(0,0,0),rgb(0, 19, 23) 60%,rgba(1, 18, 21, 0.9) 100%);border-bottom: 1px solid #738c86;box-shadow: 0 10px 50px rgba(0, 28, 39, 0.6)}
#logout_err_noty.gateioNotyTheme{background: linear-gradient(to bottom, rgb(0,0,0),rgb(23, 0, 0) 60%,rgba(53, 0, 0, 0.9) 100%);border-bottom: 1px solid #bd6e5c;box-shadow: 0 10px 50px rgba(47, 0, 0, 0.6)}
#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;}
.logout-box{min-height: 240px;height: 100%}
#noty_center_layout_container li .logout-box .load8{position: static;margin: 0;min-width: 130px;height: 96px;text-align:  center;}
#noty_center_layout_container li .logout-box .load8 .loader,.logout-box .load8 .loader:after{ width: 48px;height: 48px}
.logout-box .load8 span, .logout-box p{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;}
.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,#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{width:142px;height: 50px;font-size:19px;border-left:1px solid #aaa;border-right:1px solid #fff;border-bottom:1px solid #aaa;border-top:0;cursor:pointer;float:left;}
.tline_btns .btn_selected,.tline_btns .btn_selected:hover{color:#d45858;border: 1px solid #ced6de;border-bottom: 0}
.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}
.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:#d45858}
.fail-tip{padding: 30px 0; display: block; clear: both; color: #d45858;text-align: center; font-size: 16px}
.err-tip{color: #d45858}
.err-item input{ border-color:#d45858 !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:#d45858}
.bizhong_en{display:inline-block;color:#2b343c;font-weight:bold;padding:0 4px}
.bizhong_en:hover{color:#d45858}
.rate_up,.red,font[color="red"],.main_title h1 .red {color:#d45858}
.rate_down,.green,font[color="green"],.main_title h1 .green{color:#008069}
.even:hover,.odd:hover,div #marketlistTabCon tbody tr:hover{background:#e1e1e1;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:#d45858}
.right_title a:hover path{fill:#d45858}
.right_title .moreright{float:right;font-size:16px;color:#999;font-weight:normal}
.right_title .moreright:hover{color:#d45858}
.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: #d45858}
.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{ margin-bottom:10px}
.footer{clear:both;margin-bottom:-19px;border-top: 1px solid #ddd;background:#fff;z-index:2;position:relative;}
.fkicon{height:190px;width:75%;margin:0 auto}
.fkicon ul li{width:16.66%;height:68px;margin-top:60px;float:left}
.fkicon .fico{float:left; width:62px; height:62px; border-radius:50%;margin-left: 15%;border: 1px solid #d45858; background: url(../images/fc_all.svg) no-repeat 0 6px}
.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 .fkcont{padding:12px 0 12px 15px;float:left}
.fkicon .fc-twi{background-size: 72px; background-position: -5px -66px}
.fkcont{width:60%}
.fnav{clear: both;background: #002c2a;min-height: 178px;}
.ftel{font-size:1.6em;color:#000}
.ftel:hover{color:#d45858}
.ftelnum{font-size:1.03em;margin-top:10px;color:#008069;float:left}
.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: #d7e5e8}
.fnavcon a:hover{ color: #d45858}
.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{display: inline-block;width: 18px; height: 18px; line-height:17px;text-align: center;  border-radius: 50%;  margin-right: 5px;font-style: normal;color: #fff; background: #d45858}
.fnavcon ul li ul li{margin:10px 0 0 0}
.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:25px 0 5px;clear: both;}
.en-body .tail{ padding-bottom: 25px}
.tail > span{line-height:26px;display:block;max-width: 1240px;margin: 0 auto}
#runTime{ height:26px}
#line_status_tip{position:fixed;bottom:0;width:100%;height:46px;text-align:center;background: #ff0023;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:#d45858}
.tail > span#runTime{line-height:14px}
.admin-view{ display: none;color: #79868c}
#runTime:hover .admin-view{ display: inline}
.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;}
.scroll-on .backToTop{right:0}
.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;border-top: 1px solid #ddd;padding: 30px 30px 0 30px;min-height: calc(100vh - 482px)}
.leftregi form,.rightlogin form{text-align:center;margin:10px auto 36px;width:51%}
.leftregi form input,.rightlogin form input,div#sig_nationality{margin:5px 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; border: none !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 #smsbtn,#login2Form #voicebtn{min-width:150px; margin:0;background: #528288;}
#login2Form #voicebtn{ margin-left:12px}
#smsbtn:hover,#voicebtn: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:1257px !important}
.content{min-width:1258px !important;}
.rev_content{color:#888;font-size:12px}
#noty_center_layout_container li,.gateioNotyTheme{overflow:hidden;position:relative;width: 100%;height: 100%;padding: 15px;margin-bottom:1px;background:rgba(10,10,10,0.95);box-sizing: border-box}
#noty_center_layout_container li .noty_bar,#noty_center_layout_container li .noty_message{ height: 100%}
.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{position:absolute;top:4px;right:4px;width:16px;height:16px;opacity:0.5;cursor:pointer}
.gateioNotyTheme .noty_close:after{content:"\00D7";font-size: 28px;color: #b3c1c3;margin-left:-5px;font-weight: 100}
.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 -8px}
#siteNoty{ margin-right:-8px}
.color-dark #topLogo{filter:brightness(80%) contrast(120%)}
.close:after{content:"\00D7"; font-size:30px;color:#313642}
.close:hover:after{ color: #d45858}
.noty-table .yellow{ font-weight: bold}
.gateioNotyTheme:hover>.noty_bar>.noty_message>.noty_close{ opacity:1}
.noty_modal.gateioNotyTheme{position:fixed;width:100%;height:100%;margin:0;border-radius:0;background-color: rgba(0,0,0,0.3);z-index:100000;display:none;border:none;left:0;top:0}
.noty_modal{filter:alpha(opacity=50)!important}
.noty_text td{padding:5px 0;border:0}
.gateioNotyTheme .noty_text{font-size: 16px;font-weight:bold}
.noty_message hr{height: 1px;border: none;background: #313642;margin-top: 10px}
.noty_container_type_information hr,.noty_container_type_success hr{background: #619286}
#button-0{background:#008069; color:#fff; font-weight:600;float:left}
#button-1{float:right;background:#964b4b;color:#fff; font-weight:600}
#button-0,#button-1{width:150px;display:block;padding:10px 0;outline:none;font-size:16px;line-height:18px;text-align:center;vertical-align:middle;border:0;cursor:pointer;min-width:102px;opacity:0.9}
#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:#d45858}
.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}
body.top-cover{padding-right: 6px;overflow:  hidden}
.addr-section{width: 50%; box-sizing: border-box}
.addr-section.pull-left{ padding-right: 30px}
.addr-section.pull-right{padding-left: 30px;border-left: 1px solid #eee;margin-top: -12px;position: relative}
.addr-section.pull-right p{position: absolute;bottom: -22px;left: 50px}
.addr-section.pull-right:after{content: 'or';position: absolute;left: -7px;top: 45%;background: #fff}
.addr-box{position:relative}
.dp-tip-box{ margin: 15px 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: 6px 6px 0 0}
.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}
.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;top: 10px;right: 0;height: 100px;padding: 0 10px;width: 80px;text-align:  center;line-height: 100px;border-bottom-right-radius: 3px;border-top-right-radius: 3px}
.sectioncont .addr-copied .sub-btn,.sectioncont .addr-copied .sub-btn:hover{background:#008069 !important;cursor:default}
.n-con{padding: 20px 0 30px;line-height: 22px;font-weight: normal}
.btn-long{ width: 100% !important}
.sectioncont .coin_add{height: 100px;border:0;box-shadow:none;background:#f1f1f1;width:100%;padding: 10px 110px 10px 10px;font-size: 16px;color: #005e7d;margin-top: 10px}
.addr-wait .coin_add{color: #de5959;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:100%;margin:15px 0 5px;display:block;padding:5px 0 5px 10px;border:1px solid #ccc;font:14px/18px Microsoft YaHei,Tahoma,Arial,sans-serif;border-top-color:#bbb;background: #fff url('../images/marketsearch-icon.svg') no-repeat 96% center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#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;}
.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:#666!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;padding:3px 10px;margin-left:2px;text-align:center;text-decoration:none!important;cursor:pointer;color:#333333!important;border:1px solid transparent}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333333!important;border:1px solid #cacaca;background: #F5F5F5}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white!important;border:1px solid #111111;background-color:#585858;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#585858),color-stop(100%,#111111));background:-webkit-linear-gradient(top,#585858 0%,#111111 100%);background:-moz-linear-gradient(top,#585858 0%,#111111 100%);background:-ms-linear-gradient(top,#585858 0%,#111111 100%);background:-o-linear-gradient(top,#585858 0%,#111111 100%);background:linear-gradient(to bottom,#585858 0%,#111111 100%)}
.dataTables_wrapper .dataTables_filter input:focus,#marketSearch:focus{background-color:transparent}
.dataTables_wrapper .dataTables_filter input{width: 200px;margin-left:2px;font-size: 14px;padding:8px 5px 9px 30px;background: #fff url(../images/marketsearch-icon.svg) no-repeat 8px center;border:1px solid #ddd;}
#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:#d45858;font-weight:bold}
.button{display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;border: none;margin:0;color: #3f6564;text-decoration:none;text-align:center;outline: none;border-radius: 3px;}
.button:focus{outline:none}
#marketlist_controller em {position:absolute;bottom:-25px;font-size:16px;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;border-radius: 0;background: none;z-index: 2;border-bottom:1px solid #ddd; margin-bottom:-1px}
#marketlist_controller .btn_selected{border-color: #de5959; }
#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:'coins';}
.en-body #marketlist_controller .button.btn_selected:hover{ background: none}
.en-body .dealbox .jiaoyi_btn { background: #d45858}
.en-body .m_con_buy .jiaoyi_btn{ background: #008069}
.dealbox .button:hover{background:#11C09C}
.button.disabled{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-appearance:none}
.step .button{background:#d45858}
.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: 23%;min-height: 1428px;padding: 20px 0 26px;float: left;border-right: 1px solid #ddd;background: #f1f1f1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.leftbar #marketSearch{ margin-bottom: 15px}
.leftbar .icon-16,.deposit-sec .icon-16{ margin-left: 8px}
#marketlistTabCon .icon-16{ margin-top: 8px}
.deposit-sec b{ margin: 0 5px}
.main_content { width: 77%; min-width:918px;background: #fff; margin-bottom: -18px; 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}
#tradelist table tr th:first-child{ text-align: left; text-indent: 8px}
#marketlistTabCon > td,#marketlistTabCon th:last-child:after{ display: none}
#marketlistTabCon tbody,#marketlistTabCon thead{display: block;width: 100%;padding-right: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#marketlistTabCon tbody{height: 1376px;padding-right: 8px;overflow: hidden;}
#marketlistTabCon tbody:hover{ padding-right:0;overflow-x: hidden; overflow-y: scroll}
#marketlistTabCon #marketlist_container_qtum tbody,#marketlistTabCon #marketlist_container_custom tbody,#marketlistTabCon #marketlist_container_limited tbody{padding-right: 6px; overflow: visible}
#marketlistTabCon tr{ display: block; width: 100%; height: 32px}
#marketlistTabCon table td,#marketlistTabCon th{ display: block; float: left; height: 32px}
#marketlistTabCon th{ height: 40px; line-height:40px; font-weight: normal; user-select: none }
#marketlistTabCon th:after{ margin-top: 11px}
#marketlistTabCon table td{line-height:32px }
#marketlistTabCon table td:first-child,#marketlistTabCon th:first-child{ width: 37%}
#marketlistTabCon table td:nth-child(2),#marketlistTabCon th:nth-child(2){ width: 26%}
#marketlistTabCon table td:nth-child(3),#marketlistTabCon th:nth-child(3){ width: 25%}
#marketlistTabCon table td:last-child,#marketlistTabCon th:last-child{ width: 12%}
#marketlistTabCon .market_wrapper{ margin-right: -6px; margin-top:5px}
#marketlistTabCon .l_r td:first-child{ position:relative}
#marketlistTabCon .l_r td:first-child:before{top: 2px;content:'\25D4';width: 10px;height: 10px;color: #d40000;position:  absolute;left: 4px;font-size: 10px;display: inline-block;line-height: 1}
.left-short #marketlistTabCon tbody{height: 1090px;}
div .leftbar.left-short{min-height: 1122px}
div .trade-warn-mark.leftbar{min-height: 1275px;}
.trade-warn-mark.left-short #marketlistTabCon tbody{height: 1090px;}
.trade-warn-mark #marketlistTabCon tbody{height: 1410px;}
.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:#d0e3e7}
.index-content .marketlist .coin-selected td:last-child{ position: relative; 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:15px; font-weight:bold;background: #f1f1f1; float: left; color: #2b343c}
.en-body .left_btn {white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.left_btn:hover{ color: #d45858}
.tn_selected{ border-bottom:2px solid #de5959}
.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: 3px}
.main_title h1,.main_title h1 strong{ font-weight: normal; font-size: 20px}
.main_title h1 a,.main_title .coin-title strong{ color: #111}
.main_title h1 a:hover{ color: #d45858}
.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: #000;}
.myacc-con{margin: 10px auto 30px}
.myacc-con thead td{ border-bottom: 1px solid #e4ebf0}
.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;cursor: pointer;background: none;}
.k-line-container .button path,.gm-on-off path{ fill:#8ea79c}
.k-line-container .button:hover path,.k-line-container .tool-active path,.gm-on-off:hover path{ fill:#d45858}
.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: #d45858}
#choosen {  border: 0;  float: right; margin-right: 15px}
.choosen li { height: 30px}
.mainmap { height: 300px; margin: 0 auto}
.login-con .mairu {width: 900px;margin: 0 auto}
.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: 10px}
.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:14px; padding:10px}
.dealbox .jiaoyi_btn { width: 100%; height: 42px; font-size: 1.2em; font-weight: bold; color: #fff; border: 0; background: #008069; cursor: pointer }
.m_con_buy .jiaoyi_btn{ background:#d45858}
.maichu .dealbox .jiaoyi_btn:hover { background:#de5959 }
.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: 100%; clear: both }
.bottom_maidan { width: 100%; margin-bottom: 50px; float: left }
.right-align { width: 33.33%; float: left; text-align: right; line-height: 38px;position: relative;z-index: 1}
.right-align.price{width: 28%;text-indent: 3px;}
#ul-ask-list .right-align.price,.en-body #ul-bid-list .right-align.price{color: #008069; font-weight: bold}
#ul-bid-list .right-align.price,.en-body #ul-ask-list .right-align.price{color: #d45858;; font-weight: bold}
#tableAskList .od-lv{float:left;line-height: 24px;width: 10%;display: inline-block;min-height: 20px;}
.total.right-align{width: 31%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.volume.right-align{width: 31%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.en-body .volume.right-align{ padding-right: 0}
.cjbox .right-align {width: 24%}
.title-line b { min-width: 86px; display: block;}
.title-line .price b { min-width: 75px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.rect .down, .orange { height: 16px; width: 60px; margin: 11px 0 0 20px; background: #008069!important }
.rect .up, .fenlv { height: 16px; margin: 11px 0 0 20px; background: #d45858!important }
.trade-list_re li {margin: 0;line-height: 28px;text-align: right;position: relative;overflow: hidden;cursor: default!important}
#trade-list li{ height: 30px; line-height: 30px}
#trade-list li:nth-child(even),.trade-main .trade-list_re li:nth-child(even),#ulGlobalMarkets li:nth-child(even),#ulRace li:nth-child(even),#marketlistTabCon tbody tr:nth-child(even){background: #f8f8f8}
.trade-main .trade-list_re li:hover{ background: #e1e1e1}
.trade-main .trade-list_re li.dealtop:hover{ background: none !important}
.trade-list_re li .time {text-align: left; text-indent: 6px;height: 38px; width: 18%; float: left }
.fund-deposit,.fund-withdraw,.fund-to-trade{ background: #d45858; color: #fff;width: 55px;text-align: center;line-height: 24px;display: inline-block}
.fund-withdraw{ background: #008069; 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: #de5959; 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 .price { height: 38px; width: 28%; float: left }
.trade-list_re li .amount { height: 38px; width: 28%; float: left; padding-right: 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.trade-list_re li .total { height: 38px; width: 24%; float: right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding-right: 8px}
.trade-list_re li .rect { height: 38px; float: left }
.trade-list_re .down .rect { background: #008069!important; margin: 11px 0 0 20px }
.trade-list_re .up .rect { background: #d45858!important; margin: 11px 0 0 20px }
.trade-list_re .up { border-top: 0 }
#cjjlcjl { margin-left: 52px }
.dealtop {height: 32px;border-bottom: 1px solid #e4ebf0;font-weight: bold}
.up .price { color: #d45858!important; font-weight: bold }
.down .price { color:#008069 !important }
.dealbox font[color="green"] { padding: 10px 30px; font-size: 12px; line-height: 16px; display: block }
.dealbox {width: 100%;margin: 0 auto 15px;}
.dealbox td { height: 26px;padding: 3px 8px 3px 0;text-align: left}
.dealbox i{ font-style: normal; font-size: 13px}
.coin-unit{ margin-left:10px;color: #888}
.b-unit{color: #808b88;}
#ul-trade-list font[color="#339900"]{ color:#d45858}
#ul-trade-list font[color="#cc3333"]{ color:#008069}
.en-body .rect .down,.en-body .orange,.en-body .trade-list_re .down .rect{background: #d45858!important}
.en-body .rect .up,.en-body .fenlv,.en-body .trade-list_re .up .rect{background: #008069!important}
.en-body .down .price, .en-body #ul-trade-list font[color="#cc3333"], .en-body .rate_down,.en-body font[color="red"]{color: #d45858!important}
.en-body .green, .en-body .main_title h1 .green{color: #d45858}
.en-body .red, .en-body .main_title h1 .red{color: #008069}
.en-body .up .price, .en-body #ul-trade-list font[color="#339900"], .en-body .rate_up, .en-body font[color="green"]{color: #008069!important}
.inputRate { width: 100%;border: 1px solid #ccc!important; border-top-color: #bbb; -moz-box-shadow: inset 1px 1px 2px rgba(100,100,100,.1); -webkit-box-shadow: inset 0 1px 2px rgba(100,100,100,.1); box-shadow: inset 1px 1px 2px rgba(100,100,100,.1); border-radius: 3px; font-size: 14px; padding: 10px;-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,.hide-show-mark,#hidezero{ display:none}
#hideprice + .vr-btn,.hide-show-mark  + .vr-btn,#hidezero  + .vr-btn{ background-color: #bbb; padding:5px; border-radius: 50px; display: inline-block; position: relative; margin: 8px 2px 0 0;float: left; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; width: 20px; height: 5px;cursor:pointer}
#hideprice + .vr-btn:after ,.hide-show-mark + .vr-btn:after,#hidezero + .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,.hide-show-mark + .vr-btn:before,#hidezero + .vr-btn:before { content: ' '; position: absolute; background: white; top: 1px; left: 1px; z-index: 998; 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,.hide-show-mark:active + .vr-btn:before,#hidezero:active + .vr-btn:before { width: 15px}
#hideprice:checked:active + .vr-btn:before,.hide-show-mark:checked:active + .vr-btn:before,#hidezero:checked:active + .vr-btn:before { width: 15px; left: 16px}
#hideprice:checked + .vr-btn:before,.hide-show-mark:checked + .vr-btn:before,#hidezero:checked + .vr-btn:before { content: ' '; position: absolute; left: 16px; border-radius: 100px}
#hideprice:checked + .vr-btn:after,.hide-show-mark:checked + .vr-btn:after,#hidezero:checked + .vr-btn:after { content: ' '; font-size: 1.5em; position: absolute; background: #1cb69b }
.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}
.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: 8px 5px 8px 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{ content: ''; display: block; width: 100%;height: 100%;background-image: url("../images/star.svg")}
.custom-option .custom-on:after,th .fav-icon:after{ background-position:0 -16px }
.leftbar th .fav-icon{margin-top: 4px;}
.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: 8px}
#marketlistTabCon .dataTables_empty:before{ content:'i';display:inline-block;width:18px;height:18px;line-height:18px; text-indent:0;text-align:center;background:#d45858;color:#fff;margin-right:5px;border-radius:50%}
#marketlistTabCon .dataTables_empty b{ color: #000}
template li .right-align { width: 0; height: 0; overflow: hidden }
.sf-grid td { padding: 8px 0;border-bottom:1px solid #f3f3f3}
.main_title h1 span {margin-top:0;color:#666;display:block;}
.main_title h1 .icon-32{ margin-top: -4px}
.main_title h1 .icon-48 { height: 48px;padding:0;margin: -8px 0 5px}
#ticker_vol_b{ display: inline-block}
#top_last_rate_change{float: left; padding-left: 0}
.main_title h1 em { font-size: 20px; font-style: normal; margin: 0 5px; color: #008069; float: left }
.main_title h1 b { font-weight: normal; font-family: "宋体",sans-serif; color: #ddd }
#currVol{ float: left; font-style: normal; color: #666;font-size: 14px}
#currVol small{ font-size: 12px; line-height: 32px}
.top_last_li{ height:30px}
#top_last_rate_change > span{ height: 26px;float:left}
#top_last_rate_change > span:first-child,#currUSD{ border-right:1px solid #e0dad1;padding-right:10px}
#top_last_rate_change i{ letter-spacing:-1px;font-style: normal; font-weight:normal; float: left}
#top_last_rate_change .price-dl em{ margin:0 3px;font-weight:normal; color:#666}
#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-size:12px;line-height: 32px; font-weight:normal;float: left;  margin: 0 5px}
#mianTlist { margin:20px 0 0}
#mianTlist > span{ float: left; line-height: 26px}
#mianTlist > span a{ float:left;margin: 0 10px 0 0}
.m_title span { float: left }
.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%; }
#my-trade-list, #ulMyOrderList { height: 209px; overflow-y: auto!important; text-align: center; position: relative }
.my-type { width: 10%!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 20px;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 h2 { font-weight: lighter; font-size: 26px }
.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: #d45858; 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 }
.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: #d45858;box-shadow: none;border: none;color: #fff;font-size: 16px;text-indent: 0;padding: 10px;height: auto;cursor:pointer;border-radius: 3px;outline: none;}
.sectioncont .sms-setup #submit:hover,.sectioncont #submit.sub-btn:hover,.sectioncont .sub-btn:hover,.sub-btn:hover{ background:#de5959; color: #fff}
button[disabled],button[disabled]:hover,.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:24px; height:16px;box-shadow:none;margin-top: 0}
#myuserid b {color: #d45858}
#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: #d45858 }
.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 { margin-right: 0; color: #999}
.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: #de5959;}
.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: #de5959; background: #fcfcfc }
.activeee { color: #de5959; background: #fff; padding: 5px 10px; border: 1px solid #de5959; 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:64px;box-shadow: none; margin-top: 5px }
#coin_about table { border-top: 1px dotted #ddd; border-left: 1px dotted #ddd; width: 69%; 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: #d45858}
.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:#d45858; font-size:18px;margin: 10px 0}
.right_mcontent.myacc-con > p{color:#d45858; 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:#008069}
#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:#008069}
.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;}
.header .caret:before{display:none}
.lang-option .caret:before, #nickName .caret:before {color: #002c2a}
.main_title h1 .arr-con{ width:14px; height: 26px; padding:0;margin: 0 8px 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: #008069; border-width: 7px;border-top-width: 13px;margin: 0;top: 5px; left: 0}
#upArrow.caret{color: #d45858; border-width: 7px;border-top-width: 0;border-bottom: 13px dashed;margin: 0; bottom: 5px; left:0}
.en-body #dnArrow.caret{color: #d45858}
.en-body #upArrow.caret{color: #008069}
.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;}
.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{width: 780px;}
.tier-time {clear:both;line-height:18px;position:absolute;bottom:5px;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 {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 {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;}
.pop-tip em:after{transform: rotate(-90deg);bottom: 45%;left: 98%;}
#tradeNavList .third-nav em.hide,.pop-tip 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: #ab691a}
.nav-trade .second-nav > li:nth-child(2) .third-box{background-color: #002d48;}
.nav-trade .second-nav > li:nth-child(3) .third-box{background-color: #0f4c3b}
.nav-trade .second-nav > li:nth-child(4) .third-box{background-color: #005771}
.nav-trade .second-nav > li:nth-child(5) .third-box{background-color: #67001e}
.nav-trade .second-nav > li:first-child .nav-sbar:after{content:'BTC'}
.nav-trade .second-nav > li:nth-child(2) .nav-sbar:after{content:'ETH'}
.nav-trade .second-nav > li:nth-child(3) .nav-sbar:after{content:'USDT'}
.nav-trade .second-nav > li:nth-child(4) .nav-sbar:after{content:'LIMITED'}
.nav-trade .second-nav > li:nth-child(5) .nav-sbar:after{content:'LOW LIQUIDITY'}
.nav-sbar:after {position:absolute;top:10px;right:2px;font-size:42px;font-weight:100;font-family:fantasy;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:#d45858;font-size: 2.5rem; color:#fff; padding:.2rem 2rem}
.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}
#appLink:hover .ads,#appLink:hover .ads p{ color:#d45858}
#appLink:hover .dn-btn{ background:#d45858}
/*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: #d45858;  color: #fff;  text-align: center;  border-radius: 50%;margin: 11px 4px 0 0;cursor:pointer}
#addrUl li i:hover{ background: #de5959}
.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: #d45858;border-radius: 50%;display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;font-style: normal;margin-right: 5px;color: #fff}
#actualamount{ color:red}
#tablePending{ padding: 15px 0}
#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}

/*用户等级*/
.VIP-1 .chattime {color:#293248;}
.VIP-2 .chattime {color:#ff8800}
.VIP-3 .chattime {color:#74b700}
.VIP-4 .chattime {color: #00c26a;}
.VIP-5 .chattime {color: #00a5c0;}
.VIP-6 .chattime {color: #138af3;}
.VIP-7 .chattime {color: #7648ff;}
.VIP-8 .chattime {color: #ff12e0;font-weight: bold;}
.VIP-9 .chattime {color:#ff0000}
.VIP-10 .chattime {color:#9a3415}
.chatitem .chattime:after {margin-left: 8px;}
.VIP-1 .chattime:after{content: 'VIP-1'}
.VIP-2 .chattime:after{content: 'VIP-2'}
.VIP-3 .chattime:after{content: 'VIP-3'}
.VIP-4 .chattime:after{content: 'VIP-4'}
.VIP-5 .chattime:after{content: 'VIP-5'}
.VIP-6 .chattime:after{content: 'VIP-6'}
.VIP-7 .chattime:after{content: 'VIP-7'}
.VIP-8 .chattime:after{content: 'VIP-8'}
.VIP-9 .chattime:after{content: 'VIP-9'}
.VIP-10 .chattime:after{content: 'VIP-10'}
.tier-info{position: absolute;top: 56px;left: -25%;z-index: 99993;min-width: 280px;display:none;}
.tier-info .chattime{background: rgba(16, 23, 39, 0.3);height: 30px;width: 70px;line-height: 30px;text-align: center;margin-top: 10px;display: block;border: 1px solid #4c535d;cursor: default;}
.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: 40px;line-height: 40px;background: #091b1c;color: #aaa;margin:0;padding: 0 10px;border-bottom:1px solid #031112;border-top: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position:  relative;}
.tier-info li:first-child{height: 62px;}
.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: 3px -19px;}
.tier-info li:nth-child(3) b:before{background-position: 3px -38px;}
.tier-info li:nth-child(4) b:before{background-position: 3px -57px;}
.tier-info li:nth-child(5) b:before{background-position: 3px -76px;}
.tier-info li:nth-child(6) b:before{background-position: 3px -95px;}
.tier-info p{margin:0;display: inline-block;color: #aaa;}
.tier-info b{color: rgb(188, 208, 205);font-weight: normal;display: inline-block;float:  left;height:  100%;position:  absolute;top: 0;font-size: 13px;}
.tier-info b:before{content:'';display:inline-block;width: 22px;height: 22px;background:rgba(83, 129, 125, 0.5) url(../images/u_info_icon.svg) no-repeat;float:  left;margin: 8px 5px 0 0;border-radius: 50%;background-position: 3px 1px;border: 1px solid #697d77}
.tier-info strong{color: #fff;font-size: 14px;word-wrap: break-word;}
.tier-info em strong{color: #e87a7c;}
.tier-info small{color: #fff;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;}
#ProgressBar{ height: 3px; width: 100%; margin-top:-1px; border: 1px solid #1cb69b;border-bottom:0}
#nickName{margin-right: 8px;display: inline-block;padding: 0 6px;height: 100%;float: left;}
#topLoginBar{line-height: 56px}
.login_lan .user-info-con{border-left:1px solid #20403f;border-right:1px solid #20403f;padding: 0 5px;}
.user-log-out{border-right: 1px solid #2b374e}
#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;/* background: #1cb69b; */}
.ui-label .value{position: absolute;top: 0; left: 8px;line-height: 22px}
.tier-info #progrLi{background: #2d3a3a;margin: -1px 0;height: 3px;}
#logOutBtn{border: 1px solid;width: auto;padding: 6px 20px;border-color: rgba(255, 255, 255, 0.2);color: rgba(255, 255, 255, 0.5);}
#logOutBtn:hover{color: #ff8686;border-color: #ff8686;}
.sjjd em {height:68px;line-height:18px;padding:8px 10px;bottom:-14px;}
.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;}
/*资金页面等级*/
.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: #d45858}
.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:#d45858; 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}
.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:#d45858;color:#fff;border-radius: 3px;}
.r-btn:hover {background:#d45858;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:50px 0 0;font-weight: 100;color: #bbb;font-family: 'Microsoft Yahei';font-size: 36px;}
.advantage h2 {font-weight:200;color:#888;padding:20px 0 0;font-size:15px;opacity: 0}
.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 #de5959;border-right: 10px solid #de5959;border-radius: 5px; cursor: pointer}
.en-body .advantage img{border: none}
.img-modal{ position: fixed;top:20%; padding: 5px 0;max-width: 100%;min-width: 360px;text-align: center; background: rgba(0,0,0,0.5);z-index: 998}
.img-modal img{ max-width: 100%;max-height: 100%; padding: 0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.img-modal .img-box{ position: relative;background: #de5959;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}
.logo-img img{ width: 380px; padding: 0; border: 46px solid #de5959}
.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 #de5959}
.en-body .logo-img img{ border-color: #fff; background: #fff}
.en-body .save-btn li:first-child{border-color: #666}
/*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}
#theme{float: right;margin: 17px 12px 0 0;color: #aaa;padding-bottom: 2px;}
#theme > li{display: inline-block;height: 20px;cursor: pointer;width: 20px;line-height: 20px;text-align: center;font-size: 16px;border: 1px solid #313b44;float:  left;color: #dbe2e4;border-radius: 3px;}
#theme .cur-theme{background: #313b44;color: #fc0}
.dealbox .jiaoyi_btn,#coinStatus .normal-st-bg,.push-con .sub-sell,div .alert-sub {background:#25796a; font-weight: normal}
#coinStatus li{ line-height: 14px}
.m_con_buy .jiaoyi_btn, .r-btn, .step .butto, .fund-deposit, .fund-withdraw, .fxts i, .hot:after, .new:after, .sectioncont .sms-setup #submit, .sectioncont #submit.sub-btn, .sectioncont .sub-btn, .sub-btn, .en-body .dealbox .jiaoyi_btn{background:#d45858;}
div .room-tag{background: rgba(212, 88, 88,0.9)}
.fund-withdraw,.en-body .m_con_buy .jiaoyi_btn {background:#25796a}
.btn-success{background:#25796a !important; color: #fff !important}
.btn-warn{background:#da7f0b !important; color: #fff !important}
.btn-error{background:#d45858 !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:#ca4141 !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, .en-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, .en-body #ul-ask-list .right-align.price, .en-body ul#ul-ask-list .price:before, .up .my-type,#ul-bid-list .od-lv,.en-body #ul-ask-list .od-lv{ color: #de5959}
.en-body .down .price, .en-body #ul-trade-list font[color="#cc3333"], .en-body .rate_down,.en-body font[color="red"], .en-body .down .my-type{color: #de5959 !important}
#buyYuE,#buyYuE .coin-unit,.up .price,.en-body #sellYuE,.en-body #sellYuE .coin-unit,.en-body .down .price{color: #de5959 !important}
.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,.en-body #ul-bid-list .right-align.price,.en-body ul#ul-bid-list .price:before,.down .my-type,#ul-ask-list .od-lv,.en-body #ul-bid-list .od-lv,.kr-body.en-body #buyYuE{color:#008069}
.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;}
.en-body .up .price, .en-body #ul-trade-list font[color="#339900"], .en-body .rate_up, .en-body font[color="green"], #sellYuE, #sellYuE .coin-unit, .down .price, .en-body #buyYuE, .en-body #buyYuE .coin-unit, .en-body .up .price, .en-body .up .my-type{color:#008069 !important}
span.order-t-active,.fkicon .fico{ border-color:#de5959}
.dealbox .button:hover,.fund-withdraw:hover ,.en-body div.m_con_buy .jiaoyi_btn:hover{background: #0db37f}
.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: #ca4141 !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;}
#logoColor1,#logoColor2{ fill: #de5959}
.dark-body #logoWhite{fill:#eee}
#full-screen-slider {margin-bottom:0}
.dark-body .content{border-color: #313b44;}
.fxts{ width: 80%; margin: 0 auto}
.fxts p{ text-align: center}
.top-nav .navlist {top: -32px;z-index: 2}
.dark-body .caret:before {color: #252e3e}
#marketlist_controller .cursor:after {content:'';position:absolute;bottom: 0;left: 5%;border-top:none;border-width:8px;border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom:8px dashed;color: #52a0a0;transition: all 0.2s;z-index: 1;}
#marketlist_controller .cmark1 .cursor:after{left: 16%}
#marketlist_controller .cmark2 .cursor:after{left: 27.2%}
#marketlist_controller .cmark3 .cursor:after{left: 38.2%}
#marketlist_controller .cmark4 .cursor:after{left: 49.2%}
#marketlist_controller .cmark5 .cursor:after{left: 60.4%}
#marketlist_controller .active-mark .cursor:after{color:#d45858}
.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 {background:rgba(255, 255, 255, 0.15);color: #fff;}
#tradeNavList .third-nav a:hover span,#tradeNavList .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% - 32px);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}
.en-body .list-box .coin-name:hover,.en-body #custom_box .coin-name:hover{color: #de5959}
.dark-body .list-box .coin-name,.dark-body #custom_box .coin-name{color: #8f9fa5}
.b-page-title{ margin-top: 30px}
.coin-name b{ margin-left:5px;color: #2b343c}
.en-body .coin-name b{ font-weight: normal}
.coin-name b:hover{color: #d45858}
.tline_btns .btn_selected {background:transparent;border:none; cursor: default}
.tline_btns .button:hover {color: #52a0a0;border: none;}
.tline_btns .btn_selected:hover {color:#de5959;border:none}
.logo img,.logo svg {width:91px;height:32px;margin: 12px 15px 0 0}
.leftbar,.left_btn{background: #fff}
.fkcont,.top-nav .nav-bottom-bg{ display: none}
.tail {border:none}
.flin,.top-nav{ border: none}
.fnavcon {height:auto; padding: 21px 0}
.fkicon ul li{ margin-top: 42px}
.fkicon{ height: 210px}
.kr-body .fkicon{ height: 234px}
.fkicon .fico{ margin-left: 40%}
.bottom-notice{padding: 15px 0 3px;}
.bottom-notice ul{height: 22px;overflow: hidden;text-align: center;}
.bottom-notice a,.bottom-notice svg{vertical-align: middle;}
.bottom-notice a{margin-left: 5px;}
.bottom-notice ul .n-box{max-width: 65%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: inline-block}
.fxts{ margin-bottom: 20px; margin-top: 25px}
.fnav_list,.fxtishi {width:100%; text-align: center}
.fxtishi{ margin-top: 30px}
.fnavcon ul li ul li {width:14%; display: inline-block; text-align: center}
.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: #ca4141;}
.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: 36px;  line-height: 36px; font-weight: normal}
div.header {border:none;padding-right: 8px;}
.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:#de5959}
div.co-intro{ width: 100%}
.item.coin_about{ margin-bottom: 50px}
.index-content .coin-selected td:last-child:after{ display: none}
.index-content .marketlist .coin-selected td:last-child{ border: none}
div.box-padding{ margin-bottom: 15px}
.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 #de5959; 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;}
.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 > a ,.second-nav > li > em{padding: 10px 0 !important}
.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:120px;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:nth-child(even), #bid-list li:nth-child(even){ background: #f8f8f8}
#ask-list li:hover, #bid-list li:hover{ background:#e1e1e1}
#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 20px}
#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:10px;right:-6px;display:inline-block;width:0;height:0;border-left:6px dashed;border-top:6px solid transparent;border-bottom:6px solid transparent;color:#c0d0e0}
.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:38px;margin-bottom: 0}
.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 a: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: 30px}
.maichu-form{ padding-right: 30px;border-right: 1px dashed #d2d9dc;position: relative}
.maichu-form:before,.maichu-form:after{content: '';position: absolute;top:0;right: -2px;background: #fff;width: 3px;height: 60px;display: block;}
.maichu-form:after{ bottom:0; top: auto; height: 8px}
.m_title{ font-size: 17px}
.myacc-con .m_title{ font-size: 20px}
.myacc-con .m_title h4{ font-weight: normal}
.kline-title{ position: absolute; top:20px; z-index:9995;font-size: 17px; cursor: default; display: none}
.title-line b,.dealtop{ font-weight: normal}
.dealbox td{padding-right: 0}
.dealbox .input-td{ width: 100% !important; position: relative;padding: 5px 0}
.input-title{ position: absolute;top:16px; left: 10px}
.top-risk-tip{ margin:5px 0 5px 42px}
.top-risk-tip .red{color:#d45858 !important}
.top-risk-tip b:before{content:'!';width:16px;height:16px;display:inline-block; text-align:center;line-height:16px;background:#de5959;color:#fff;border-radius:50%; margin-right:5px}
.top-risk-tip a{ color:#888; margin:0 3px}
.top-risk-tip a:hover{ color:#111}
#marketlist_controller{position: relative;margin-bottom: 10px;border-bottom:1px solid #ddd}

.market-risk-tip{ 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: absolute; top:0;z-index: 9998; width: 100%; height: 100%; background: rgba(0,0,0,0.8)}
.tip-con{width:550px;margin: 0 auto;margin-top: 11%;background: #fff;padding: 30px 30px 15px;line-height: 26px}
.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%}
.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}

/*验证手机号+邮箱验证 yangfengyun*/.hidden {display:none;color:#d45858;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}
/*警告  yangfengyun*/
#veriCon {position:fixed;bottom:0;z-index: 9997;width:100%;}
#veriCon > div {padding:4px 14px;margin-right:-8px;font-size:16px;opacity:0.95;min-width: 1258px !important;}
#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;background:#de5959;border-radius:3px;float:right;line-height: 36px;width:128px;text-align:center;}
#veriCon .r-btn:hover {background:#f90}
.n-link {color:#fff;display:inline-block;width:97%;float:left;line-height:36px;cursor:pointer}
.n-link em {font-style:normal;display:inline-block;width:calc(100% - 128px)}
#veriCon .close:after {color:#aaa}
.n-link:hover,#veriCon .close:hover:after,#siteNoty .close:hover:after {color:#ffa}
#theme > li {border:1px solid hsla(0,0%,100%,.2);}
#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}
#theme > li:first-child:not(.cur-theme) {border-right:0;}
#theme > li:last-child:not(.cur-theme) {border-left:0;}
#theme .cur-theme {background:hsla(0,0%,100%,.2)}
#darkOption{position: absolute;z-index:99;top: 20px;left: -10px;width: 60px;background: #091b1c;font-size: 13px;color: rgba(255, 255, 255, 0.7);border: 1px solid hsla(0,0%,100%,.2);border-radius: 3px;display:none;}
#darkOption li{padding: 5px 0;}
#darkOption li:hover{background:hsla(0,0%,100%,.2);color: rgba(255, 255, 255, 0.9);}
#theme > li:first-child:hover #darkOption{ display:block}

@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: 1800px) {
    .trade-main .dealbox td:first-child{width: 15%}
}
@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: 13px}
    .righttopnews { width: 50% }
    .twc h5 { font-size: 18px }
    .funds-p-tier b{ width: 26%}
    div.formbox .sfz {min-height: 372px}
    .trade-main .dealbox td:first-child{width: 18%}
    .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 15px}
    .leftbar .icon-16{ margin-left: 4px}
    .bizhong_en{ padding: 0 3px;float: left}
    div .high-low{ font-size: 12px}
    #top_last_rate_change dl:nth-child(2){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}
    #tradelist #marketlist_custom td:first-child span{margin-top:0}
}
@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{ font-size: 16px}
    .top-nav .navlist .nav-btn{ margin: 0}
    .gateio-nav{ margin-left: 0}
    ul.gateio-nav > li > a{ padding-right: 8px}
    .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:first-child{ width: 15%}
    .dealbox td:nth-child(2){ width: 62%;padding: 3px 0}
    #tradelist,.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: 14px}
    .funds-p-tier b{ width: 29%}
    div.formbox .sfz {min-height: 308px}
    .trade-main .dealbox td:first-child{width: 20%}
    #ul-ask-list .price:before{margin-right: 16px !important}
    #ul-bid-list .price:before{margin-right: 16px !important}
    #tradelist{ padding: 0 10px}
    .dealbox i{ font-size: 12px}
    div.tip-con{ margin-top: 9%}
    .bizhong_en{ padding-right: 0}
    div .trade-main,div.k-line-container{ width: 68%}
    div .buy-sell-order,div #globalInfoCon{width: 32%;}
    .dealbox td{ padding: 2px}
    #my-fund-list .right-align,#my-fund-title .right-align{ width: 21%}
    div#fund-info-box .right-align:nth-child(2) {width: 40%}
    #tradelist .dataTable th:after {width: 5px;height: 14px;margin-top: 13px;background-size: cover}
    #top_last_rate_change small{ line-height: 26px}
    .topprice li:last-child{ display: none}
    #veriCon > div{ font-size: 14px}
}
@media screen and (max-width: 1280px) {
    body{overflow-x:auto;}
    .leftbar .icon-16,.login-timer{ display: none}
    #tradelist table tr td:first-child{ width: 36%}
    .leftbar{ width: 24%}
    .main_content{ width: 76%}
    div .trade-main,div.k-line-container{ width: 65%; padding-right: 10px}
    div .buy-sell-order,div #globalInfoCon{width: 34%;float: right;}
    .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}
}
@media screen and (max-width: 996px) {
    html,body,.risk-tip,.market-risk-tip{ font-size: 13px;min-width: 0}
    .header,.footer,#full-screen-slider,.left_con_login,.topspace,.content{min-width:0 !important}
}
/*奖品大赛媒体查询 yangfengyun*/
@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{font-size:15px}

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

.tooltip:not(.joyride-lead) {border-bottom: 1px dashed #ccc;cursor: help;}
#tooltip{display:none;position: absolute;left: 0;background: rgba(53, 59, 75, 0.8);z-index: 88;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: 43px;line-height: 24px;}
#boxposition #box .chatbox #panelHeader{padding:0;}