.lang_vn{color:#91ffe8 !important;}
.gateio-nav > li > a{font-size:14px;padding-left: 5px;}
.m_title{font-size: 14px;}
.second-nav > li{ width:188px}
.third-nav{ left:188px}
.tline_btn{font-size: 14px;}
.is-auto-trade{left:128px}
.more-lan{display:none;}
.en-body .second-nav > li,.en-body .nav-help{width: 185px;}
.b-s-t-right{width: 146px;}
.left_con .marketlist td:first-child, .left_con .marketlist th:first-child{width:14%}
.left_con .marketlist td:nth-child(2), .left_con .marketlist th:nth-child(2){width:11%}
.left_con .marketlist td:nth-child(3), .left_con .marketlist th:nth-child(3){width:12%}
.left_con .marketlist td:nth-child(4), .left_con .marketlist th:nth-child(4){width:10%}
.left_con .marketlist td:nth-child(5), .left_con .marketlist th:nth-child(5){width:10%}
.left_con .marketlist td:nth-child(6), .left_con .marketlist th:nth-child(6){width:14%}
.left_con .marketlist td:nth-child(7), .left_con .marketlist th:nth-child(7){width:14%}
.left_con .marketlist td:nth-child(8), .left_con .marketlist th:nth-child(8){width:12%}
.left_con .marketlist td:last-child, .left_con .marketlist th:last-child{width: 3%;}
@media screen and (max-width: 1310px) {
    .left_con .marketlist td:first-child, .left_con .marketlist th:first-child{width:14% !important;}
    .left_con .marketlist td:nth-child(2), .left_con .marketlist th:nth-child(2){width:12% !important;}
    .left_con .marketlist td:nth-child(3), .left_con .marketlist th:nth-child(3){width:14% !important;}
    .left_con .marketlist td:nth-child(4), .left_con .marketlist th:nth-child(4){width:9% !important;}
    .left_con .marketlist td:nth-child(5), .left_con .marketlist th:nth-child(5){width:9% !important;}
    .left_con .marketlist td:nth-child(6), .left_con .marketlist th:nth-child(6){width:13% !important;}
    .left_con .marketlist td:nth-child(7), .left_con .marketlist th:nth-child(7){width:14% !important;}
    .left_con .marketlist td:nth-child(8), .left_con .marketlist th:nth-child(8){width:12% !important;}
    .left_con .marketlist td:last-child, .left_con .marketlist th:last-child{width: 3% !important;}
}
@media screen and (max-width: 1350px) {
    .mairu.mairu-form .yu-e-link{
        line-height: 0;
        position: absolute;
        right: 30px;
        /* margin-top: -37px; */
    }
}
.finance_main div.search_btn_phone {flex-wrap: wrap;}
.finance_main div.search_btn_phone .search_btn_com {margin-right: 0;}
#buy_rate, #sell_rate{max-width: 86px}
.title-line .price b:before {content: ''; margin-right: 1px}
#ul-ask-list .price:before, #ul-bid-list .price:before{margin-right: 10px;width:auto;}
/*.push-con .joyride-input-td .input-title,.push-con .joyride-sell-title{ padding:2px 10px}*/
.rise-green-body .dealbox .button.btnAskBid:hover{background:#E64E62 !important;}
.vn-body tbody .fund-deposit, .vn-body tbody .fund-withdraw, .vn-body tbody .fund-to-trade{width: fit-content;}
.vn-body #wallet .pull-right{width:185px !important;}
#theme > li:first-child{position:relative}
.borrow_parent button{width: 83px;}
.borrow_parent table td, .borrow_parent table th{padding: 0 !important;white-space: break-spaces;}
#darkOption{width:75px; left:-18px}
.en-body .third-box{ left:185px}
.user-info-box em{clear:left}
#loginForm .haschecked{text-align:left}
.login_incontent .login-timer b{left: -10px}
.borrow-btn{width:139px}
.m_con_buy .dealbox tr td .btnAskBid:hover{background:#0db37f!important;}
#marketlist_controller .button:hover em:after{content: 'Lo\1EA1 i coin' !important;}
.nav-sbar:before {content: 'T\00EC m ki\1EBF m...' !important;}
#ask_offset_num:empty:before,#bid_offset_num:empty:before {content: 'Optional';}
.stopByTime #currOrder .timer, .stopByTime #historyOrder .timer{width:190px;}
.stopByTime #currOrder .vol, .stopByTime #historyOrder .trigger_vol{width:190px;}
.stopByTime #currOrder .expiration, .stopByTime #historyOrder .expiration{width:100px;}
.stopByTime #currOrder .cancel, .stopByTime #historyOrder .cancel{width:140px;}
.stopByConditional #currOrder .operation{width:10%}
.stopByConditional #currOrder .commission_rate{width:13%;}
.stopByConditional #currOrder #order-info-box .date{width:13%}
.stopByConditional #currOrder .vol{width:23%}
.limitPrice #currOrder .rate{width:10%}
.limitPrice #currOrder .vol{width: 22%;}
#stopTimeTab{width: 190px !important;}
#ask_period_timer,#bid_period_timer,#ask_period,#bid_period{width: auto; padding: 0 17%;margin-left: 35px;}
#ask_commission_rate,#bid_commission_rate{width: auto;padding: 0 10% !important;margin: 2px 14px;text-align-last: center;}
.trackSheet{width:58.5% !important;}
#ask_ordered_cancel_setting_sibling,#bid_ordered_cancel_setting_sibling{width:38.5% !important;}
#ask_ordered_cancel_setting,#bid_ordered_cancel_setting{width: auto;padding: 0 7% !important;margin-left: 3px;}
#ask_ordered_cancel_time_unit,#bid_ordered_cancel_time_unit{width: auto;}
.tline_btn,#tradeTabs .pull-left,#tradeTabs li{font-size:13px;}
.title-line .right-align,.gm-head span{font-size: 12px;}
#deal-info-box .trade-list_re .dealtop{font-size:12px}
@media screen and (max-width: 1420px) {
    #ask_period_timer,#bid_period_timer,#ask_period,#bid_period{width: auto;margin-left: 5px;}

    #funds tbody .fund-deposit,#funds tbody .fund-withdraw{width: 68px !important;}
    .fund-deposit,.fund-withdraw,.fund-to-trade{width: 70px !important;}
    .stop_lose-select+.ask-bid-price{left: 130px;}
    #marketlist_controller .cursor:after {left: 6.5%;}
    #marketlist_controller .cmark1 .cursor:after{left: 19%}
    #marketlist_controller .cmark2 .cursor:after{left: 33%}
    #marketlist_controller .cmark3 .cursor:after{left: 46%}
    #marketlist_controller .cmark4 .cursor:after{left: 59%}
    #marketlist_controller .cmark5 .cursor:after{left: 72%}


    #marketlist_controller .cursor:after {left: 7.5%;}
    #marketlist_controller .cmark1 .cursor:after{left: 24.5%}
    #marketlist_controller .cmark2 .cursor:after{left: 41.5%}
    #marketlist_controller .cmark3 .cursor:after{left: 57.5%}
    #marketlist_controller .cmark4 .cursor:after{left: 74%}
    #marketlist_controller .cmark5 .cursor:after{left: 91%}
    .tradingview-container{margin: 0 3px 0 3px;}
}
.dataTables_wrapper .dataTables_filter input{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.stop_lose-select + .ask-bid-price{left: 130px;}
#listBtn li{width: 94px;}
.dealbox tbody tr:nth-child(15) .input-td div:nth-child(1){width: 58.5% !important;}
#marketlist_controller .cmark1 .cursor:after{left:19.5%}
#marketlist_controller .cmark2 .cursor:after{left:32.8%}
#marketlist_controller .cmark3 .cursor:after{left:46.2%}
#marketlist_controller .cmark4 .cursor:after{left:59.7%}
#marketlist_controller .cmark5 .cursor:after{left:73.2%}
.link_3x{width: 126px}
/*合约*/
#exchanged_container .unit{right: 71px;}
#order-position-container #order-position{padding-right: 70px;}
#order-position-container .order-right-position{padding-right: 12px;}
#order-position-container .order-right-position{width: 55px;}
.close-pos-bottom-tips,.es-body .close-pos-bottom-tips{line-height: 20px;padding-left: 11px;}
#iceberg-input-contianer .inputRate{padding-right: 64px !important;}
#iceberg-input-contianer .order-right-position{padding-right: 7px !important;}
#iceberg-input-contianer .order-right-position{width: 55px;}
#marketlistTabCon th:after{margin-right: -1px;}
/*屏幕适配*/
@media screen and (max-width: 1310px){
    #markBox .tline_btn{
        font-size: 14px;
    }
    .dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder{
        font-size: 12px;
    }
    .dataTables_wrapper .dataTables_filter input::-moz-placeholder{
        font-size: 12px;
    }
    .dataTables_wrapper .dataTables_filter input:-ms-input-placeholder{
        font-size: 12px;
    }
    .dataTables_wrapper .dataTables_filter input{width:180px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
    .future-main .left-bar .buysell .dealbox .order-type-sw{margin:10px -18px;}
    #wallet .item{font-size:12px !important;}
    .user-info-box p span,.user-info-box em{font-size:12px;}
    #showHideBtn{width:20px;height: 20px;}
    #js-trade-tabs #swTabBox .sw-tab a {
        font-size: 15px;
    }
}
#mainNav a{font-size: 14px;padding: 0 2px 0 10px;}
@media screen and (max-width: 1850px) {
    #unify-account-settings>span,#opPanel li#walletSettings, #opPanel li#orderSettings{font-size: 14px;}
    #opPanel li.opr-icon,.global-search-service-container{padding-left: 6px;}
    #headLayout{padding: 10px 20px;}
    #mainNav{margin-left: 0;}
}
@media screen and (max-width: 1710px) {
    #mainNav a, #opPanel li#accSettings{font-size: 12px;}
}
@media screen and (max-width: 1600px){
    #wallet .item{
        font-size:12px !important;
        border-bottom-width: 1px !important;
        top: 0 !important;
    }
    #headLayout{padding: 0 20px;}
    #logoSection .h1:after{right: -10px;}
    #unify-account-settings>span,#opPanel li#walletSettings, #opPanel li#orderSettings{font-size: 12px;}
    #opPanel li#orderSettings{margin-right: 0}
}
#hideZbtn .HideZeroDiv-subdiv .small-exchange{
    margin-left: 5px;
}
@media screen and (max-width: 1650px){
    #opPanel li #nickname span{max-width:85px;}
}
form[action="/myaccount/myfuturesbilling"] #action_type{width: 220px !important;}
/* hodl */
.finance-info-btn div{padding: 0 4px !important;}
.od-timer-con{height: auto;min-height: 170px;}
.order-tip{height: auto;min-height: 28px;}
@media screen and (max-width: 1310px){
    ul.gateio-nav > li > a{font-size: 12px;padding-left: 3px;padding-right:6px;}
    .ask_ans p{padding: 2px;}
    #topCalendarLink{right: 90px}
    .qqtel{top: 70px}
    #callService ul{
        width: 82px;
        max-width: 82px;
        min-width: 82px;
    }
}
.chose-area ul li{
    font-size: 13px !important;
    width: 150px;
    margin: 0px 5px;
}
.addressBox .editList .editList_name{width: 30%;}
.addressBox .editList #smscode{width: 230px;}
.addressBox .editList .verify_box,
.addressBox .editList .googleVerify_box{max-width: 65%;}
.addressBox .editList .address_word,
.addressBox .editList .address_name{width: 65%}
.addressBox .editList.checkBoxDiv{line-height: 1}
@media screen and (max-width: 1280px){
    .addNewContent{height: 620px !important;}
}
.noVerify .toVerify{right: -20px}
@media screen and (max-width: 1550px) {
    #gInfoTitle,#tradeTabs li,.trade-main .m_title{font-size: 12px;}
}
#mainListBox th.day-updn{width:180px}
.pop-box .sjjd em {bottom:-35px!important;font-size: 12px !important;}
.form-group .red, p.red {
    font-size: 12px;
    color: #d86666;
}
#riskTipBox{margin-right: 20px}
.has-feedback .applyItem > p > span{font-size: 13px;}
.trade-main .b-unit.input-title.joyride-buy-title{
    padding-left: 3px;
    padding-right: 3px;
}
@media screen and (max-width: 1410px) { 
    ul.gateio-nav > li > a{font-size: 13px;}
    #opPanel li#accSettings{margin-right: 5px;padding-left: 5px;}
    #mainNav a{padding: 0 1px 0 8px;}
}
.experience-btn, .trading-container .trading-btn, .task-btn {font-size: 12px!important;}
#opPanel li#accSettings #settingList{width: 307px}
.en-body .dp-page-title .fund-to-trade {width: 150px !important;}
body.vn-body .security-center-dialog .dialog-view{min-width: 570px;}
.tier-info .safety-strength-view{padding: 0 5px;}
.global-setting-item.reftime-setting{min-width: 150px;}
.global-setting-item.rise-fall-box{min-width: 170px;}
.sign-in-point .desc{margin-left: -30px;}
.sing-in-success-text{font-size: 12px;}
#rewards-sign-in .sign-in-container-count{max-width: 65%;}
#rewards-sign-in .sign-in-btn{padding: 10px 10px;}
#welfare_task_received .success-accept-title{margin-top: 15px;}
#gInfoTitle span#odTitle,
#gInfoTitle span#gmTitle,
#gInfoTitle span#newsTitle,
#gInfoTitle span#expand,
#gInfoTitle span#coinInfo{
    display: inline-block;
    max-width: 25%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: static;
    margin-right: 5px;
}
@media screen and (min-width: 1310px){
    #markBox .tline_btn {
        font-size: 14px!important;
    }
}
@media (min-width: 1410px){
    .dataTables_wrapper .dataTables_filter input{width: 205px;}
    .softKeyBoard{right: 210px !important;top: -140px}
    .search-select-dropdown{top: -100px;width: 202px;top: -100px !important}
}
@media screen and (max-width: 1310px){
    body.vn-body .left_con .marketlist td,.left_con .marketlist th,.left_con .marketlist th b,.bul ul li,.latnewslist h3 {font-size:12px}

    .dataTables_wrapper .dataTables_filter input{width: 205px;}
    .softKeyBoard{right: 210px !important;top: -140px}
    .search-select-dropdown{top: -100px;width: 202px;top: -100px !important}

    body.vn-body .left_con .TOPGAINERS-box .marketlist td:nth-child(3),
    body.vn-body .left_con .TOPGAINERS-box .marketlist th:nth-child(3) {width: 10%}
    body.vn-body .left_con .TOPGAINERS-box .marketlist td:nth-child(6),
    body.vn-body .left_con .TOPGAINERS-box .marketlist th:nth-child(6) {width: 12%}
    body.vn-body .left_con .NEWLISTED-box .marketlist td:nth-child(3),
    body.vn-body .left_con .NEWLISTED-box .marketlist th:nth-child(3) {width: 10%}
    body.vn-body .left_con .NEWLISTED-box .marketlist td:nth-child(6),
    body.vn-body .left_con .NEWLISTED-box .marketlist th:nth-child(6) {width: 12%}

    body.vn-body .left_con .marketlist td:nth-child(5),
    body.vn-body .left_con .marketlist th:nth-child(5){width: 12%}

    body.vn-body .left_con .TOPGAINERS-box .marketlist td:nth-child(5),
    body.vn-body .left_con .TOPGAINERS-box .marketlist th:nth-child(5) {width: 13%}
    body.vn-body .left_con .NEWLISTED-box .marketlist td:nth-child(5),
    body.vn-body .left_con .NEWLISTED-box .marketlist th:nth-child(5) {width: 13%}

    body.vn-body .left_con .TOPGAINERS-box .marketlist td:nth-child(1),
    body.vn-body .left_con .TOPGAINERS-box .marketlist th:nth-child(1) {width: 11%}
    body.vn-body .left_con .NEWLISTED-box .marketlist td:nth-child(1),
    body.vn-body .left_con .NEWLISTED-box .marketlist th:nth-child(1) {width: 11%}

    body.vn-body .left_con .CONTRACT-box .marketlist #contract-btns td:nth-child(4),
    body.vn-body .left_con .CONTRACT-box .marketlist #contract-btns th:nth-child(4){width: 16%}
    body.vn-body #listTable.contract_table th:first-child,
    body.vn-body #listTable.contract_table td:first-child{width: 170px}
}
.his-hide #ulMyOrderList li,
#order-info-box .list-wrapper .trade-list_re,
#history-info-box .list-wrapper .trade-list_re,
#order-info-box .list-wrapper .trade-list_re li,
#history-info-box .list-wrapper .trade-list_re li{min-width: 1825px !important;}
#mainNav .second-ul .second-li,#mainNav #spotArea .second-ul > li > a{padding: 5px 10px 5px 10px;}
.trade-lead .nav-box>div, .finance-lead .nav-box>div{width: 275px;}
.my-order-box .filter_title{height: auto;}

#root .ant-menu-inline .ant-menu-item, #root .ant-menu-inline .ant-menu-submenu-title{padding: 0 24px !important;}
#root .ant-menu-sub.ant-menu-inline > .ant-menu-item, #root .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{
    padding: 0 16px 0 64px !important;
}
#sBar .softKeyBoard{top:0}
#sBar .search-select-dropdown{top:unset !important;}
#header-trade-third-nav .third-nav-tab-body, #header-pilot-third-nav .pilot-third-nav-tab-body, #header-pilot-third-nav .pilot-third-nav-tab-body {
    max-height: 522px;
}
#header-contract-third-nav .contract-third-nav-tab-body {
    max-height: 458px;
}