html{min-width: 1290px !important;}
body{font-size: 12px;}
#tradeTabs{display: flex;}
#tradeTabs li {position:relative; color:#666;font-size: 14px; font-weight: 500; height: 30px;line-height: 32px;text-align: center;padding: 0;cursor:pointer;margin-right: 30px;text-transform: capitalize;box-sizing: border-box;}
#tradeTabs li:hover span{color:var(--brandColor);}
#tradeTabs .trade_tab-active {border-bottom: 0;cursor:default;margin-bottom: -1px;border-bottom: 3px solid var(--brandColor);color:#333;}
#tradeTabs .trade_tab-active:hover {color:#333;}
#tradeTabs .get-help{display:none;position: absolute;right: -20px;bottom: 10px;}
#tradeTabs .trade_tab-active .get-help{display:inline-block}
.trade-tab-show {cursor:pointer;height: 26px;line-height: 26px;color: #666;padding: 0 10px;margin-right: 5px;display: inline-block;text-transform: capitalize;}
.trade-tab-show:hover{color:var(--brandColor)}
.trade_tab-choose,.trade-ask-choose,.trade-bid-choose {color:var(--brandColor);border: 1px solid #dde1e4;border-bottom: none;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.cancel_all {
	background: none;
	border: solid 1px #666;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	outline: none;
	color: #666;
	float: right;
	cursor: pointer;
	padding: 0 4px;
  height: 22px;
  line-height: 20px;
  margin-top: 4px;
  margin-left: 4px;
  float: none;
}
.cancel_all:hover{color:var(--brandColor);border-color: var(--brandColor);}
.header{border-bottom: 2px solid #ddd;}
.leftbar{width: 300px;position: relative;/* border-bottom: 3px solid #ddd; *//* border-bottom-right-radius: 10px; */}
.main_content{margin-bottom: 0;width: calc(100% - 300px);}
.full-con .main_content{width:100%;padding-left: 30px;}
footer.my-footer{border:none}
.right_mcontent{width: calc(100% - 310px);float:left;box-sizing:border-box;}
#sectionBottom{ clear:both}
.default-ask #ul-ask-list{ height:208px}
.large-order .default-ask #ul-ask-list{ height:312px}
.his-hide #sectionBottom{width: calc(100% - 293px);float:left;padding-right: 30px;box-sizing: border-box;clear: left;}
#rightTabTitle{margin: 0 0 5px;border-bottom: 1px solid #c1d0cd;height: 33px;}
#usdtTbody .load8{right: 42%;width: 38px;height: 38px;top: 30vh;}
#usdtTbody .load8 .loader{width: 32px;height: 32px;}
#siteNoty{min-width:1257px !important;}
@media screen and (max-width: 996px) {
    html,body,.risk-tip{min-width: 1257px;}
}
/*new ui*/
#switchLeftBar{position:absolute;top: 28px;left: 6px;border-left: 8px dashed;border-right: none;border-bottom: 7px solid transparent;border-top: 7px solid transparent;color: #7791a5;cursor: pointer;}
#switchLeftBar:before{
    background-color: #7791a5;
    border: none;
    width: 2px;
    height: 22px;
    left: -13px;
    top: -11px;
}
#switchLeftBar.leftbar-hide{
    transform: rotate(180deg);
    left: -25px;
}
#switchLeftBar:hover{color: var(--brandColor);}

#my-fund-list li:nth-child(even),#my-trade-list li:nth-child(even){ background:#f3f3f3}
#coinStartCon{display:flex;align-items:center;justify-content:center;flex-direction: column;height: 100%;text-align: center;padding: 20px 0;border-top: 1px solid #c1d0cd;margin: 0 20px;}
#coinStartCon ul,#coinStartCon h2, #coinStartCon h3{font-weight:normal; margin:10px 0}
#coinStartCon ul{font-size: 4em;font-weight:100;display: flex;}
#coinStartCon li{display: inline-block;margin-left: 15px;text-align: center;}
#coinStartCon li:first-child{margin-right: 30px;margin-left: 0;}
#coinStartCon li span{font-size: 16px;}
#coinStartCon li div{width: 90px;height: 66px;line-height: 66px;border-radius: 8px;box-shadow: 0 0 15px rgba(175, 175, 175, 0.5);}
#coinStartCon li.spr{line-height: 58px;}
.tier-info,.add-dn-qr{top: 42px;}
.trade-main {width: calc(100% - 556px);float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;margin: 0 -15px;padding: 0 15px;}
.sec-market{width: 260px;padding-left: 15px;padding-top: 5px;margin-left: 15px;border-left: 3px solid #f1f3f5;}
.trade-main .trade-list_re li{ height:33px;}
.trade-main .trade-list_re li.dealtop{ height: 40px; overflow: visible}
.trade-main .trade-list_re li.dealtop > span{ line-height: 40px}
#order-info-box .right-align{width: 18%;}
#order-info-box #ulMyOrderList .trigger_rate{width: 18%;}
#ulMyOrderList .my-type,.stopByConditional .my-type{width: 15%!important;}
.dealtop #tlist-date,#ulMyOrderList #tlist-date{ width: 8%}
#order-info-box .right-align:nth-child(3){ width: 10%}
/* #order-info-box .dealtop > span:last-child,#ulMyOrderList li > span:last-child{width: 19%;padding-right: 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} */
#ulMyOrderList li > span:last-child{padding-right: 10px;}
.trade-main .right-align {line-height: 38px;}
.trade-list_re .right-align {line-height: 34px;}
.trade-main .right-align:first-child { text-align: left; padding-left: 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.trade-main .m_title{margin: 0;line-height: 32px;height: 32px !important;}
.buy-sell-order {width: 100%;float:right;}
.buy-sell-order .bottom_maidan{ margin-bottom: 10px}
.b-s-title{padding: 15px 0;/* border-top: 1px solid #dadfe3; *//* border-bottom: 1px solid #dadfe3; */}
.b-s-t-left {font-size: 14px;display: flex;justify-content: space-between;align-items: center;}
.b-s-t-left span {font-size: 18px;}
#lrVal{float:left}
#orderbook_last_rate .icon{font-size: 23px;float:left;margin-top: 0px;}
.b-s-t-left .unit-symbol {color: #666;margin-left: 2%;float: left; font-weight: 500;}
.buy-sell-order .title-line.sorting,.buy-sell-order .number.sorting{ padding-right: 0;}
.buy-sell-order .title-line.sorting{height: 30px;color: #999;font-size: 12px;}
#moreOrders{cursor: pointer;position: relative;width: auto;margin-top: -5px;float: right;}
#moreOrders .caret{margin: 0 0 0 5px;color: #979ca0;}
#moreOrders:hover,#moreOrders:hover .caret{ color: var(--brandColor)}
.rect{height: 27px;position: absolute;right: 0;z-index: 0;opacity: 0.12;filter: alpha(opacity=10);transition: all 0.1s;}
.rect-width{width: 61%;height: 27px;position: absolute;right: 0;z-index: 0;}
@keyframes downKeyframes {
  0% { background-color: rgb(0,121,128,0.12);}
  100% { background-color: none;}
}
@keyframes upKeyframes {
  0% { background-color: rgb(222,89,89,0.12);}
  100% { background-color: none;}
}
.upAnimation{
  animation: upKeyframes 0.5s linear
}
.downAnimation{
  animation: downKeyframes 0.5s linear
}
#gridTradeTabHover{
  display: none;
  z-index: 1;
  border-radius: 2px;
  border: 1px solid #eee;
  position: absolute;
  top: 29px;
  width: 100px;
  background-color: #fff;
}
#gridTradeTabHover li:hover{
  background: #F7F7F7;
}
i.barrage-on{
  width: 24px;
    height: 24px;
  background: url(/images/danmu_on@2x.png) no-repeat;
  background-size: 100%;
}
i.barrage-off {
  width: 24px;
    height: 24px;
  background: url(/images/danmu_off@2x.png) no-repeat;
  background-size: 100%;
}
#trade-list li {height: 26px;line-height: 26px;}
#trade-list li:hover,#ulGlobalMarkets li:hover, #ulRace li:hover{background-color:#f3f3f3}
.trade-list_re li > span:first-child,
.trade-list_re li > span:nth-child(2){height: 24px;float: left;}
.right-align{line-height: 26px;}
.title-line>span{line-height: 30px;float: left;}
#tableAskList .maichu .maidan,#tableAskList .mairu .maidan{ height: auto}
#ask-list li,#bid-list li{position: relative;height: 26px;}
#tableAskList{ overflow: hidden; position: relative}
#tableAskList .volume,#tableAskList .total{text-align: right;}
#tableAskList .total svg{cursor: pointer;font-size: 14px;}
.large-order #tableAskList{height: 708px;}
.large-order #newsCon,
.large-order #gmCon,
.large-order #amm-pools{ display:none}
.large-order #globalInfoCon,
.large-news #globalInfoCon,
.large-gm #globalInfoCon,
.large-amm #globalInfoCon,
.large-coininfo #globalInfoCon{height: auto;margin-bottom: 0;}
.large-gm #newsCon,
.large-gm #amm-pools,
.large-gm .buy-sell-order{display:none}
.large-news #gmCon,
.large-news .buy-sell-order,
.large-news #amm-pools,
.large-news .buy-sell-order,
.large-coininfo #gmCon,
.large-coininfo #amm-pools,
.large-coininfo .buy-sell-order{display:none}
.large-amm #newsCon,
.large-amm #gmCon,
.large-amm #indexNews,
.large-amm .buy-sell-order{ display:none}
#ul-trade-list{height: 762px;overflow: hidden;}
.his-hide #ul-trade-list{height: 755px;}
.his-hide #trade-list{height: 450px;overflow-y: scroll;}
.his-hide .short-trade-his #ul-trade-list{height: 622px;}
.mg-body #ul-trade-list{height: 756px;}
.large-order #ul-trade-list{height: 408px;}
.large-order #ask-list,.large-order #bid-list{height: 312px;}
.large-order #moreOrders,.large-order #moreOrders .caret {color: var(--brandColor);}
.large-order #moreOrders .caret {transform: rotate(180deg);}
#buyYuE span,#sellYuE span{cursor: pointer;}
#ul-ask-list .price:before,#ul-bid-list .price:before{margin-right: 56px; color: #008069; font-weight: normal; display: inline-block; width: 36px}
#ul-bid-list .price:before{color: #e64e62;}
#ul-ask-list,#ul-ask-list li{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);z-index: 3;}
#ul-ask-list,#ul-bid-list{height: 832px;}
#currRateNum{ display: inline}
#right_last_rate #currRateNum{ font-weight:normal}
.fd-emp,#my-fund-list li[data-id="zero"] span{ color: #888}
#my-fund-list{ height:3885px}
#my-fund-list li span.my-type{color: #333;text-align: left;}
#ask_fee,#bid_fee,.dealbox .coin-unit,#buyYuE span,#sellYuE span,#amount_ask_able,#amount_bid_able,#amount_ask_able_auto_borrow,#amount_bid_able_auto_borrow,#loop_amount_ask_able,#loop_amount_bid_able{ margin-left: 5px}
.dark-body .advanced input{color:#fff}
.advanced td {height:40px;border: 1px solid #ccc;margin: 5px 0;}
.point_fee_buy_link{display: flex;align-items: center;cursor: pointer;color:#e64e62;}
.point_fee_buy_link img{width: 20px;}
#amount_bid_able, #amount_ask_able, #amount_ask_able_auto_borrow, #amount_bid_able_auto_borrow { font-weight: 500;}

/*币币交易HEADER*/
.top-up a, .login_lan .lang-option,.gateio-nav > li > a,.ask_ans p span{color: #b1d3c9;}
div.top-up {float:right;width:auto;background:none;padding-left:0;}
div.top-dn {width:auto;height: 56px;padding: 0 20px;clear:none;float: none;}
.gateio-nav >li >a .caret:before{color:#151b23 !important; }
.topprice{ display: none}
#logoWhite{ fill:#eee}
div.header {color: #aaa;background: #002c2a;}
.header .caret:before{ color: #09162e}
.leftbar,.main_content{border-top: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body.classic-dark .main_content{border-left: 3px solid #232426 !important;}

#divMyOrderSection{clear: both;}
.my-order-box{ width: 100%;float: none;}
.my-order-box .m_title{border: none;margin:0;line-height: 22px;width: auto;height: 22px !important;padding-bottom: 5px;/* padding-left: 8px; */}
.mg-body #myOrderTab{ width:100%}
#myOrderTab{
    background: #f7f8f9;
    margin: 0 -15px;
    border-top: 3px solid #f1f3f5;
}
.my-order-box #hidezero  + .vr-btn{ margin-top: 16px}
#myFundCon{height: 395px;overflow: hidden;text-align: center;position: relative;padding-right: 8px;background: #fafafa;border-radius: 8px;}
.un-login-box #myFundCon{height: 77px;overflow: visible;}
#myFundCon:before{content:'';display:block;width: 6px;height: 42px;background: hsla(215, 17%, 59%, 0.2);position:absolute;right:0;top:0;border-radius:8px;border: 1px solid hsla(215, 17%, 59%, 0.1);}
#myFundCon.scroll-able{overflow-x:hidden;overflow-y:auto;padding: 0;background: none;}
#myFundCon.scroll-able:before{display:none}
#myFunds{width:100%;margin-top: 20px;}
#myFunds em{ font-size: 14px; font-style: normal}
.fund-hide-show{ float: right; font-size: 14px}
.trade-second-showall,.trade-second-hide-show{font-size: 14px}
.fund-hide-show .hidezero-span,
.trade-second-showall-span{height: 30px;line-height: 27px;cursor: pointer;user-select: none;font-size: 12px;}
.fund-hide-show .hidezero-span:hover,
.trade-second-showall-span:hover{ color: var(--brandColor)}
.fund-hide-show #hidezero  + .vr-btn,#trade-second-showall + .vr-btn{margin-top: 5px;}
#showFiatRate .fiat-hide-show{font-size: 15px;border-radius: 3px;padding-right:15px; cursor: pointer; user-select: none;box-sizing: border-box;height: 40px;display: flex;align-items: center;}
.dark-body #showFiatRate .fiat-hide-show {background: #072324;}
#showFiatRate .fiat-hide-show:hover .hidefiat-span{ color: var(--brandColor);}
.dark-body #showFiatRate .fiat-hide-show:hover {background: #072324;}
#showFiatRate .fiat-hide-show .hidefiat-span{margin-left: 3px;display: inline-block;color: #666;}
#hideprice + .vr-btn{width: 34px;height: 16px;margin:0}
#hideprice:checked + .vr-btn:before{left: unset !important; right: 1px;}
#fund-info-box,#order-info-box,#history-info-box{position: relative;width: 100%;height: 100%;text-align: center;}
.noorder-tip{position: absolute;top: 0;width: 100%;padding-top: 45px;}
#fund-info-box .right-align:nth-child(2){width: 32%;height: 26px;}
#my-fund-list .sub-btn,#ulMyOrderList .sub-btn,#my-trade-list .sub-btn{display: inline-block;width: 140px;margin-top: 10px;}
#my-fund-list li span .stop-wd,#my-fund-list li span .stop-wd:hover{ color: #888; font-weight: bold}
#my-fund-title li span:nth-child(2){ text-align: left}
#my-fund-title li > span:last-child{ width:24%}
#my-fund-list li{padding: 5px 0;display: flex;align-items: center;}
#my-fund-list li:before,#my-fund-list li:after{content:'';clear:both;display: table;}
.my-order-box i{font-style: normal;margin-top:18px;display: inline-block;}
.my-order-box i.order-tip-icon{ font-style: normal; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #888; color: #fff; margin-right: 5px; border-radius: 50%}
#odPriceCol i.order-tip-icon{ margin: 0; display: none}
#odPriceCol:hover i.order-tip-icon{background: #aaa}
#odPriceCol{ font-style: normal; position: relative}
.tip-modal{ position: absolute; top: -58px; right: -72px; display: none}
.odp-active:hover .tip-modal{ display: block}
.tip-modal .caret{ display: block;margin: 0 auto;}
.tip-modal .caret:before{ display: none}
.tip-m-con{background: #dde3e7;    padding: 5px 10px;line-height: 18px;width: 215px;text-align: left;}
.dark-body .tip-m-con{background: #43464a;}
.dark-body .tip-modal .caret{color:#43464a;}
#my-fund-list .right-align i{ float: left; text-align: left; margin: 0}
#my-fund-list .right-align em{font-style: normal;display: inline-block;}
#my-fund-list .my-type,#fund-info-box .my-type{width: 18%!important;padding-left: 10px;}
.m_title,.mairu .m_title, .maichu .m_title, .bottom_maidan .m_title{height: 40px;border: none;}
.m_title .clear-all{ font-size: 14px;height: 36px;margin-top: 5px; float: right}
#sectioncont-history{ height: auto}
#sectioncont1{ clear: both}
.order-tab{cursor: pointer;padding:5px 10px;}
.order-tab:hover{ color: var(--brandColor)}
.order-t-active{border-color:var(--brandColor);}
.cjbox{clear: both;border-radius: 8px;}
#klineLoader{display:block;position: inherit;right:auto;height: 100px;width: 100px;margin-top: 14vh;}
#klineLoader .loader, #klineLoader .loader:after{ width: 48px; height: 48px}
#klineLoader p{margin-top: 10px;text-indent: 15px;text-align: center;}
.dp-link{ margin-left: 10px;}
.index-modal{height: 100%;width: 100%;position: absolute;top: 0;padding-top: 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display: flex;align-items: center;justify-content: center;border-radius: 8px;}
.index-modal a{display: block;width: 150px;}
.high-low{float: left;font-size: 14px;}
.high-low li,.high-low li span{display: inline-block;float: left;margin-right: 5px;font-size: 14px;}
.high-low li{margin-right: 10px;}
.high-low li span{display: block;float: none;height: 18px;line-height: 18px;text-align: left;}
.high-low li span:first-child{color: #797b7b;font-size: 12px;}
.high-low li span#tHigh,
.high-low li span#tLow,
.high-low li span#ticker_vol_b{font-size: 14px;margin-top: 1px;color:#262626;}
.en-body .high-low li span#ticker_vol_b,.en-body .high-low li span#tHigh,.en-body .high-low li span#tLow{font-size: 12px;}
.k-line-container {height: 342px;width: 100%;position: relative;z-index: 0;background: #fff;float: left;-webkit-box-sizing: border-box;box-sizing: border-box;}
#kline {width: 100%;height: 330px;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;float: left;padding: 25px 0;}
#kline > div{width:100%}
.react-stockcharts-tooltip {fill: #16191b;font-size: 12px;fill-opacity: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.ts-hide .k-line-container .button svg{transform:rotate(180deg)}
.react-stockcharts-toottip line {stroke-opacity: 0}
.react-stockchart:hover .react-stockcharts-tooltip {fill-opacity: 1}
.react-stockchart:hover .react-stockcharts-toottip line {stroke-opacity: 1}
.react-stockcharts-tooltip-label {fill: #787f84}
.line-type {width: 100%;position: absolute;top: 8px;z-index: 7;}
.line-type ul {float: left}
.line-type .choosen{margin-left: 12px;}
#klineType {/* float: right; *//* padding-right: 80px; */border-left: 1px solid;margin-left: 15px;padding-left: 10px;}
.line-type ul li {float: left;height: auto}
.line-type li:last-child {border-right: 0;display: none;}
.line-type button {background: 0 0;border: none;font-family: Microsoft YaHei;color: #333;cursor: pointer;padding: 1px 5px;font-size: 12px;outline: 0;}
.line-type button:hover {color: var(--brandColor)}
.line-type button.btnOn.timeline_btn {color: var(--brandColor)}
.btnOn,.line-type .btnOn {color: #d86767}
.btnOn:hover,.line-type .btnOn:hover {color: var(--brandColor)}
.draw-tools {position: absolute;top: 35px;left: -5px;z-index: 8;padding-bottom: 20px}
.draw-tools li {padding: 7px;cursor: pointer;position: relative;text-align: center;border-right: 1px solid #d1d7e0}
.draw-tools li span {position: absolute;top: 0;left: 45px;display: none;width: 92px;font-size: 13px;padding: 10px 0;text-align: center;background: #37404a;color: #a9b2b9}
.draw-tools svg {margin-top: 3px}
.draw-tools path {stroke: #5c6a75}
.draw-tools .tool-cursor {fill: #5c6a75}
.draw-tools li:hover {color: #eee}
.draw-tools li:hover path {stroke: #f40}
.draw-tools li:hover .tool-cursor {fill: #f40}
.draw-tools li:hover span {display: block}
.tool-cursor {margin: 3px 0 0 3px}
.draw-tools .caret {position: absolute;top: 14px;left: -15px;border-right: 6px dashed;border-top: 6px solid transparent;border-bottom: 6px solid transparent;color: #37404a}
.draw-tools .caret:before {display: none}
.draw-tools .tool-active path,.draw-tools .tool-active:hover path {stroke: #d86767;fill: #d86767}
.draw-tools .tool-clear path {stroke: none;fill: #5c6a75}
.draw-tools .tool-active.tool-clear-item {background: 0 0}
.draw-tools li:hover .tool-clear path {stroke: none;fill: #f40}
.draw-tools .tool-active .tool-clear path,.draw-tools .tool-active:hover .tool-clear path {stroke: none}
.choose-chart {margin-left: 58px;float: left;display: none}
.choose-chart.cc2 {margin-left: 18px}
.cho-chart-on {display: block}
.choose-chart li {display: inline-block;padding: 0 8px;border-right: 1px solid #d4d4d4;font-size: 11px;cursor: pointer}
.choose-chart li:last-child {border: none}
.dark-body .choose-chart li {border-color: #424952}
.choose-chart li:hover {color: #d86767}
.choose-chart .bc-active,.choose-chart .bc-active:hover {color: #d86767}
.curr-lo-time {float: right;margin: 10px 58px 0;font-size: 13px;border: none;color: #888}
.box-container {width: 100%;height: 100%;padding: 5px}
.data-empty {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-align: center;-webkit-box-align: center;align-items: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center}
.line-option{ width:auto;right:20px;top:35px; display: none}
/*全球行情*/
#globalInfoCon{width: 100%;height: 270px;margin-bottom: 10px;float: left;}
.large-gm #loan_situation,
.large-amm #loan_situation,
.large-news #loan_situation,
.large-coininfo #loan_situation{display:none !important}
#gmTitle{position:relative;}
.gdata-from{font-size: 12px;color: #eee;display:none;position: absolute;width: 120px;background: rgba(0,0,0,0.8);left: 0;top: -48px;padding: 8px 15px;cursor: default;z-index: 100;}
.gdata-from:before{content:'';border-right: 5px solid transparent;border-left: 5px solid transparent;border-top: 5px dashed;position: absolute;left: 30px;bottom: -5px;color: rgba(0,0,0,0.8);}
#gmTitle.rightinfo-active:hover .gdata-from{ display:block}
.gdata-from a{font-size: 14px;color: #ff9393;}
#newsTitle{position:relative;}
.news-from{font-size: 12px;color: #eee;display:none;position: absolute;width: 120px;background: rgba(0,0,0,0.8);left: 0;top: -48px;padding: 8px 15px;cursor: default;z-index: 100;}
.news-from:before{content:'';border-right: 5px solid transparent;border-left: 5px solid transparent;border-top: 5px dashed;position: absolute;left: 30px;bottom: -5px;color: rgba(0,0,0,0.8);}
#newsTitle.rightinfo-active:hover .news-from{ display:block}
.news-from a{font-size: 14px;color: #ff9393;}
.gm-head{line-height: 32px;border-bottom: 1px solid #dde1e4;padding: 0 8px 0 0;}
.gm-head span,#ulGlobalMarkets span{display: inline-block;width: 27%;float: left;text-align: right;}
.gm-head span:first-child,#ulGlobalMarkets span:first-child{text-align: left;line-height: normal !important;display: flex;align-items: center;width: 23% !important;height: 32px;}
.gm-details{line-height: 38px;display: flex;justify-content:space-around;padding:10px 0 0 0;}
.gm-details span:first-child{font-size: 16px;color:#e64e62 ;font-weight: 600;}
#globalInfoCon .m_title{height:auto;margin: 0 0 5px 0;line-height: 32px;border-bottom: 1px solid #c1d0cd;color: #999;font-size:14px;}
.middle #globalInfoCon .m_title{padding-bottom:5px;color: #999;}
.large-gm #ulGlobalMarkets li,.large-gm .gm-head{ padding-right:4px}
#ulGlobalMarkets li,#ulRace li{line-height: 14px;padding: 3px 12px 3px 0;}
#ulGlobalMarkets span:first-child,#ulGlobalMarkets span:nth-child(2),#ulRace li span{height:30px;width: 23%;line-height: 30px;word-break: break-all;position: relative;}
#ulGlobalMarkets span:nth-child(2){font-size: 12px;word-break: normal;white-space: nowrap;}
.ex-name i{display: inline-block;width: 14px;height: 14px;line-height:14px;text-align:center;font-size:12px;color:#fff;font-style: normal;background: #aaa;border-radius: 50%;margin-left: 5px;cursor: default;position:  relative;}
.ex-name > div{display: inline-block;position: absolute;right: 0;}
#ulGlobalMarkets .ex-name span{display: none;white-space:break-spaces;position:  absolute;top: 12px;background: rgba(0,0,0,0.8);padding: 5px 8px;min-width: 168px;min-height: 50px;left: -25px;color: #fff;font-size: 12px;line-height: 15px;text-align: left;z-index: 1;}
#ulGlobalMarkets .ex-name > div:hover span{ display: block; user-select: none}
.ex-name > div:hover i{background: #e64e62}
.ex-name .caret{position: absolute;top: -4px;left: 32px;border-bottom: 4px dashed;border-top: none;color: rgba(0,0,0,0.8);}
.ex-name .caret:before{ display: none}
.ex-name a{color: #ff9393;padding-top: 3px;display:  inline-block;}
.gm-head span:first-child,.gm-head span:nth-child(2){width: 22%;}
.gm-head span:last-child,#ulGlobalMarkets span:last-child{width: 27%;height: 32px;overflow: hidden;}
#globalMarkets,#raceCon{height: 178px;overflow-y: hidden;}
.large-gm #globalMarkets,
.large-news ul,
.large-gm  #raceCon,
.large-coininfo .currencyInfo{height: 720px;}
.large-amm #amm-pools{height:800px;overflow:hidden}
.large-news ul{overflow-y: auto;padding-top: 5px;}
#odTitle{ display:none}
#expand{margin: 5px 5px 0 0;color: #7791a5;cursor: pointer;border-width:0;width: 14px;height: 14px;border-bottom: 2px solid;transition: none;position: absolute;right: -10px;top: 0;}
#expand:hover{color:var(--brandColor)}
#expand:before{display:none}
.large-order #expand,
.large-news #expand,
.large-gm #expand,
.large-amm #expand,
.large-coininfo #expand{border-width:7px;width: 0;height: 0;border-bottom: 0;margin-top: 15px;}
.large-order #odTitle,
.large-order #expand:before,
.large-news #odTitle,
.large-news #expand:before,
.large-amm #odTitle,
.large-amm #expand:before,
.large-gm #odTitle,
.large-gm #expand:before,
.large-coininfo #odTitle,
.large-coininfo #expand:before{ display:block}
#gInfoTitle{position: relative;}
.hot-icon{position: absolute;height: 16px;line-height: 17px;color: white;font-size: 12px;right: 0;top: 0;transform: scale(0.8);
  background: var(--linearGradient1);transform: scale(0.8);padding: 1px 4px 0 4px;border-radius: 9px 9px 9px 0px;text-align: center;width: 30px;}
#ammInfo{position: relative;}
#ammInfo .hot-icon{width: auto;top: -10px;right: -20px;padding:0 10px;}
.en-body #ammInfo .hot-icon{width: 125px;left: 50%;}
#globalMarkets:hover,#raceCon:hover{overflow-y: auto;}
#globalMarkets:hover li,#raceCon:hover li{padding-right: 4px;}
#globalMarkets li.red,#raceCon li.red{ padding: 10px 5px}
#ulGlobalMarkets .green,#ulRace .green{font-size: 12px;color: #83908e !important;font-weight: normal;}
#rightSec{position:relative;}
.gm-on-off,.tradeHis-on-off{height:16px;padding-top:3px;cursor: pointer;z-index: 3;position:  relative;}
.tradeHis-on-off{position:absolute;right: 2px;top: 8px;}
.his-hide .tradeHis-on-off{transform: rotate(180deg);}
.his-hide .trade-main {width: calc(100% - 263px);}
.his-hide #rightTabTitle,.his-hide #historyList.sec-show{display:block !important;}
.his-hide .sec-hide{display:none;}
.his-hide #historyList.sec-show{margin: 5px 0 0 0;width:320px;}
.his-hide #historyList{float: none;clear: both;width: 256px;padding: 10px 0 0 15px;}
.ex-price{color: #000;}
.b-s-t-left .lastprice-txt{font-size:14px;color: #666;float: left;}
.en-body .b-s-t-left .lastprice-txt{font-size:12px;}
#topSection{height: 342px;margin-right: -15px;/* margin-left: -20px; */}
#topSection.ts-hide{height: 65px;overflow: hidden;}
.tradingview-show{padding: 0 10px 0 15px;}
#kline_tradingView{ display:none}
.tradingview-show #kline{opacity:0}
.tradingview-show #kline_tradingView{padding: 0px 0 5px 0;height: 280px;display:block;}
#topSection.tradingview-show,.tradingview-show .k-line-container{height: 342px;margin-bottom: 0;padding-left: 0;}
#klineMode{
  position: absolute;
  right: 21px;
  z-index: 99999;
  top: 10px;
}
/* 切换到专业版的时候 */
.tradingview-show #klineMode{
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  margin-bottom: 5px;
  position: initial;
  height: 28px;
}
.react-stockchart {
  margin-top: 10px;
}
.changeKlineType{background: #f7f7f7;height: 28px;box-sizing: border-box;border-radius: 4px;display: flex;align-items: center;margin-right:16px;padding: 0 2px;}
.changeKlineType > span{padding:0 10px;cursor: pointer;height: 24px;line-height: 25px; box-sizing: border-box;}
.dark-body .changeKlineType > span{background: rgba(255,255,255,0.05);color: rgba(255,255,255,0.4);}
#klineMode .mode-active{color: var(--brandColor);background: #FFFFFF;border-radius: 4px;}
body.en-body .changeKlineType > span{padding-left: 3px;padding-right: 3px;}
.dark-body #klineMode .mode-active{color: #de5858;}
.r-title{cursor:pointer;user-select: none;line-height: 32px;margin-right: 8px;}
.r-title:hover{color:var(--brandColor);}
.rightinfo-active{border-bottom: 2px solid var(--brandColor);margin-bottom: -2px;cursor:  default;color: #262626;}
.rightinfo-active.r-title:hover{color: #111;}

#mine{background-color: #DFE8F3;}
#mine:hover{background-color: #E1E1E1;}
#topSection.gm-hide .k-line-container{ width:100%; padding-right:0;}
.gm-hide .line-option{right:50px;}
.line-option ul{background: #203d3d;padding: 5px;}
.line-option ul li{ float: none}
.line-option ul button{ padding: 8px;color: #c5d1d1;}
.line-option ul:before {content:'';position:absolute;top:-6px;left:32px;display:inline-block;width:0;height:0;border-bottom:6px dashed;border-right:6px solid transparent;border-left:6px solid transparent;color: #203d3d;}
.k-line-container{margin: 0;overflow: hidden;}
/*.ts-hide .k-line-container{height:40px;margin-bottom:0;overflow:hidden;}
.ts-hide #kline{opacity:0}*/
.fullscreen-con{width: 100%;padding-right: 5px;position: absolute;top: 0;left: 0;z-index: 88890;margin-top: 0;}
.fullscreen-con .line-type {width: auto;right: 0;}
.fullscreen-con .top_botton{ right: 15px}
.fullscreen-con .line-type .choosen{ margin-right: 35px}
.gm-hide #globalInfoCon{width:0;}
/*.ts-hide .fullscreen,.ts-hide .k-tools,.ts-hide #globalInfoCon,*/ .gm-hide #gmCon,.gm-hide #gmTitle,.gm-hide #pmCon,.gm-hide #pmTitle{ display:none }
.gm-hide .button svg{transform: rotate(180deg);}
#marketlistTabCon #leftTipPan{ display: block;text-align: center;}
#leftTipPan .load8{position: inherit; width: 38px; height: 38px; margin-top: 30px; display: block;}
#leftTipPan .loader{ width: 32px; height: 32px}
.left-err-tip{ margin-top: 30px}
#root{height: 100%;}
.chat-flex a{text-align: center}
.chat-flex#chatFrameCon .close{top: 6px;}
#chatFrame{width: 100%;height: 100%;border: none;display:none;}
.chat-on #chatFrame{display:block;}
.room-tag{position: absolute;top:-35px;left: 20px;height: 35px;padding: 0 8px;min-width:64px;line-height: 35px;text-align: center;background:var(--brandColor);color: #fff;font-size: 16px;font-weight: normal;border-radius: 5px 5px 0 0;cursor: pointer;}
.room-tag:hover{ background: var(--brandColor)}
#newMsgCount{display:none}
#newMsgCount.has-new-msg{display:block;position: absolute; top:-10px; right: -10px; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; background: red; font-style: normal; display: inline-block; font-size: 12px}
.chat-on .room-tag{display:none;}
#unlogCon{height:calc(100% - 36px);width: 100%;}
#dragBar i{position: absolute;top: -3px;width: 100%;height: 10px;display:block;z-index: 9;cursor: move;}
#dragBar i:nth-child(2){right: -5px;width: 5px;height: 100%;}
#dragBar i:nth-child(3){top:auto;bottom: -5px;width: 100%;height: 10px;}
#dragBar i:nth-child(4){left: -5px;width: 10px;height: 100%;}
#dragBar i:last-child{top:auto;bottom: 0;width: 325px;height: 10px;}
.chat-load.load8{width: 80px;height: 80px;position:  static;margin-top: 55%;font-size: 16px;text-align:  center;}
.chat-load.load8 .loader,.chat-load.load8 .loader:after{width:48px;height:48px;margin-bottom: 5px;}
#tradeHisTitle{margin: 0 0 5px 0;padding-top: 5px;height: auto;line-height: 32px;border-bottom: 1px solid #c1d0cd;font-size:14px;}

#ul-ask-list .price:before,#ul-bid-list .price:before {margin-right:32px;}

.depth-pre {margin-top:8px;}
.depth_percent {height:40px;position:relative;}
.depth_percent_span {position:absolute;padding: 0 5px;font-size:12px;top: 0px;line-height: 19px;}
.depth_percent_span_ask {border: 1px solid #007980;color: #007980;right:40px;}
.depth_percent_span_bid {border: 1px solid #E64E62;color: #E64E62;left:22px;}
.rise-green-body .depth_percent_span_bid {border-color: #25796a;color: #25796a;}
.rise-green-body .depth_percent_span_ask {border-color: #d45858;color: #d45858;}
.depth_percent_bar_container {height:20px;line-height: 21px;margin: 10px 76px 0 58px;}
.depth_percent_bar {height:100%;display:inline-block;position:relative;}
.depth_percent_bar_bid,.rise-green-body .depth_percent_bar_ask{background-color: rgba(255, 78, 126, 0.2);color: #E64E62;}
.depth_percent_bar_ask,.rise-green-body .depth_percent_bar_bid {background-color: rgba(56, 163, 158, 0.2);color: #007980;}
.depth_percent_number {position:absolute;}
.depth_percent_number_ask {right:10px;}
.depth_percent_number_bid {left:10px;}
.depth-precision-container {position:relative;cursor:pointer;display: inline-block;float: left;}
.depth-precision-container span {font-size:12px;padding: 5px 0;}
.depth-precision-container:hover .color-hover {color:var(--brandColor)}
#depthBox:hover #depth-precision_ul{display: block;}
#depth-precision_ul {position:absolute;left:0;top:20px;width:100px;text-align:right;background:#fff;box-shadow:#eee 1px 1px 1px;z-index:9;display: none;border:1px solid #eee;    box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 10%);border-radius: 4px;}
#depth-precision_ul li {padding:5px;}
#depth-precision_ul li:hover {background:rgb(248,248,248)}
.depth-open .caret {transform:rotate(180deg)}
.depth-precision-arrow {color:#979ca0;}

/*! 杠杆交易 */
.margin-tip-container {border-radius: 5px;padding: 10px;background: #fff5f5;-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;color: #d45858;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.dark-body .margin-tip-container{background:rgba(0,0,0,0.2)}
.margin-tip-container a {color: #d45858;text-decoration: underline}
.margin-tip-container span {font-size: 14px;line-height: 22px}
.margin-icon__mark {display: inline-block;min-width: 16px;height: 16px;line-height: 16px;font-size: 12px;text-align: center;border-radius: 50%;margin-right: 10px;font-style: normal;color: #fff;background: #d45858;cursor: help;}
.margin-header {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-bottom: 0;border-bottom: 1px solid #ddd;font-size: 17px;padding:10px 10px 0 10px;background-color: #fafafa;}
.margin-body {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-top: 10px;position: relative;margin-bottom: 15px;top: 0;min-height: 70px;}
.margin-body .index-modal {padding-top: 30px}
.margin-btn {height:28px;line-height: 28px;cursor:pointer;margin-left: 10px;border: 1px solid #dadfe3;border-radius: 2px;padding:0 10px;background: white;}
.margin-btn img{width:12px; vertical-align: unset;}
.dark-body .margin-btn{border-color: hsla(0,0%,100%,.2);}
.dark-body .margin-body,.margin-header{border:none}

.info_header {color: #888;font-size: 12px;margin-bottom: 10px;}
.info_sub {display: inline-block;color: #888;font-size: 12px;width: 35px}
.info_text {font-size: 14px;font-weight: 500;color: #333}
#intoa,#intob {cursor: pointer}

div#tipContent {display: none;position: absolute;top: 28px;background: #666;padding: 5px 8px;min-width: 168px;min-height: 50px;left: -35px;color: #fff;font-size: 12px;line-height: 15px;text-align: left;z-index: 1}
em.caret {position: absolute;top: -4px;left: 35px;border-bottom: 4px dashed;border-top: none;color: #666;margin: 0}
#callService em.caret {top: 26px;right: -3px;left: auto;border-bottom: 0;border-top: 5px dashed;}
.progress {display: inline-block;background: #c3d4db;width: 100px;height: 10px}
.progress__active {background: #e64e62;height: 100%}
div#tipProgress {display: none;position: absolute;top: 28px;background: #666;padding: 5px 8px;min-width: 48px;min-height: 14px;left: 5px;color: #fff;font-size: 12px;line-height: 15px;text-align: center;z-index: 1}
div#tipProgress em.caret {left: 24px;height: 4px}
/*! one-white */
#noty_center_layout_container li.one-white {background-color: #fff}
.noty_modal.one-white {position: fixed;width: 100%;height: 100%;margin: 0;background-color: #000;z-index: 99997;opacity: .5;display: none;border: none;left: 0;top: 0}
.one-white .noty_title {position: absolute;top: 0;left: 0;height: 60px;width: 100%;font-size: 18px;line-height: 60px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 10px;-webkit-box-sizing: border-box;box-sizing: border-box}
.one-white .noty_title span {margin-left: 25px}
.one-white .noty_title img {margin-right: 25px}
.one-white #noty_body {margin: 55px 25px 0}
.one-white #noty_body .line {display: -webkit-box;display: -ms-flexbox;display: flex;padding-bottom: 20px;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.one-white #noty_body .line:first-child {padding-top:20px}
.one-white #noty_body .amountTip {color: #707070;font-size: 12px;margin-top: -15px;padding-bottom: 10px}
.one-white #noty_body .label {font-size: 12px;min-width: 50px;margin-right: 20px;color: #707070}
.one-white #noty_body input {font-size: 16px;width: 330px;height: 40px;border: 1px solid #c3c3c3;-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
.one-white #noty_body input[readonly] {background: #d5d5d5;padding: 10px;-webkit-box-sizing: border-box;box-sizing: border-box}
.one-white #noty_body .all {line-height: 30px;position: absolute;right: 10px;top: 5px;border-left: 1px solid #c3c3c3;padding-left: 10px;color: var(--brandColor);cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.one-white .noty_buttons {height: 80px;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-bottom: 45px;font-size: 18px;line-height: 20px;width: 100%}
.one-white #button-0 {width: 100%;margin: 0 25px}
.one-white .radio-beauty-container {margin-top: 18px}
/*! radio */
.radio-beauty-container .radio-beauty:hover,.radio-beauty-container input[type=radio]:checked+.radio-beauty {padding: 2px;background-color: #606060;background-clip: content-box}
.radio-beauty-container .radio-name {vertical-align: middle;font-size: 16px;font-weight: 500;color: #333;margin-left: 4px}
.radio-beauty-container .radio-beauty {width: 10px;height: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;border: 1px solid #606060;vertical-align: middle;border-radius: 50%}
.all {cursor: pointer}
.get-help {margin: 10px 0 0 5px;border-radius: 50%;background: #e5e5e5;height: 14px;width: 14px;display: inline-block;text-align: center;font-size: 12px;line-height: 15px;cursor: help;border: 1px solid #ddd;}
.get-help:hover {background:var(--brandColor);border-color:var(--brandColor);color:#fff}
/*!  */
#tradeTabs .stop_lose-active {padding: 10px 15px;border: 1px solid #bbb;margin-bottom: -1px;border-bottom-color: #fff;cursor: default}
#tradeTabs .stop_lose_tab {padding: 10px 15px}
.percentage {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;width: 100%;display: inline-block;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 2px rgba(100,100,100,.1);box-shadow: inset 1px 1px 2px rgba(100,100,100,.1);font-size: 14px;margin-right: 10px;height: 100%;border-radius: 0;text-align: center;background-color: #fff;}
.percentage:hover {cursor: pointer}
/* .percentage:focus{border-color:#e64e62 !important} */
.percentage:last-child {margin-right: 0}
.trade-main .percentage{
    height: 5px;
    padding: 0;
    color: transparent;
    background: #F2F2F2;;
    border:none;
    border-radius: 2px 0px 0px 2px;
}
.cm-percent-buttons td label{
    width: 25%;
    text-align: center;
    line-height: 12px;
    cursor: pointer;
}
.cm-percent-buttons td label:first-child input{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.cm-percent-buttons td label:last-child input{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.cm-percent-buttons td label span{
   margin-top: 0;
   font-size: 12px;
   color:#999;
}
.cm-percent-buttons td label:hover input{
   background-color: #748EA3;
}
.relative_container {position: relative;margin: 6px 0 6px;}
.stop_lose-select {height: 36px;border: none;border-radius: 0;position: absolute;top: 6px;left: 1px;-webkit-box-shadow: none;box-shadow: none;}
.stop_lose-select+.ask-bid-price {left: 85px}
.stop_lose-select select {border: none;outline: 0;width: 100%;height: 32px;line-height: 34px;background: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;padding-left: 10px;padding-right: 15px;color: #999;font-size: 12px;cursor: pointer;margin-top: 2px;}
.stopByTime .stop_lose-select {position: relative;top: 0;z-index: 2;width: 30%;margin-right: 5px}
.input-unit {position: absolute;top: 17px;right: 10px;margin-top: 2px}
.input-unit+input {padding-right: 39px}
.input-coin-unit {position: absolute;z-index: 1;right: 10px}
.period-select {border: none;border-radius: 0;position: relative;float: right;-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
div.inputRate {height: 38px;outline: 0;}
.inputRate.period span {margin-left: 10px;margin-top: 3px; margin-right: 8px;}
.inputRate.period input {-webkit-box-flex: 1;-ms-flex: 1;width: 40%;border: none;text-align: right;padding: 0;background: transparent!important;}
.inputRate.period[useless] {background-color: #eee;pointer-events: none}
.inputRate.period[useless] input {background-color: #eee}
.inputRate.period[useless] select {background-color: transparent!important}
.period-select select {border: none;outline: 0;width: 100%;background:none;appearance: none;-webkit-appearance: none;-moz-appearance: none;color: #888;padding: 8px;cursor: pointer;font-size: 14px;text-align-last: center;}
.period-select option:hover {-moz-appearance: none;-webkit-appearance: none;appearance: none;color: #008069}
.click_arrow::after,.period-select:after,.stop_lose-select:after{content: "";display: inline-block;width: 0;height: 0;margin: -3px -6px 0 3px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;border-width: 5px;color: #888;position: absolute;right: 7%;top: 53%}
.click_arrow {padding-right: 15px;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: var(--brandColor)}
.click_arrow::after{color: var(--brandColor)!important}
.red:after {color: #e64e62}
.deg180::after {-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.period-select:after {margin:-3px 0 0 3px}
.add_sub {z-index: 1;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 30px;height: 38px;margin-left: 1px;margin-right: 30%;}
.add_sub .add,.add_sub .sub {border: 1px solid #ccc;width: 100%;text-align: center;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 18px;cursor: pointer;line-height: 50%;color: #aaa;background-color: #fff}
.add_sub .sub {border-top: 0}
.add_sub .add:active,.add_sub .sub:active {background-color: var(--brandColor);color: #fff}
.advanced span:first-child.b-unit {position: static;margin-left: 10px;width: 100px;text-align: left;}
.advanced input {padding: 0;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;border: none;text-align: right;width: 0;margin: 0 10px}
.stopByTime .b-unit{background: transparent!important;}
/*! g_switch start */
.g_switch {cursor: pointer}
.g_switch [type=checkbox] {display: none}
.g_switch .switch-btn {background-color: #bbb;padding: 5px;border-radius: 50px;display: inline-block;position: relative;margin-left: 4px;-webkit-transition: all .1s ease-in;transition: all .1s ease-in;width: 20px;height: 5px;cursor: pointer;vertical-align: middle}
.g_switch [type=checkbox]+.switch-btn:after {content: ' ';position: absolute;top: 0;-webkit-transition: box-shadow .1s ease-in;-webkit-transition: -webkit-box-shadow .1s ease-in;transition: -webkit-box-shadow .1s ease-in;transition: box-shadow .1s ease-in;transition: box-shadow .1s ease-in,-webkit-box-shadow .1s ease-in;left: 0;width: 100%;height: 100%;border-radius: 100px}
.g_switch [type=checkbox]+.switch-btn:before {content: ' ';position: absolute;background: #fff;top: 1px;left: 1px;z-index: 998;width: 13px;-webkit-transition: all .1s ease-in;transition: all .1s ease-in;height: 13px;border-radius: 100px}
.g_switch [type=checkbox]:active + .switch-btn:before { width: 15px}
.g_switch [type=checkbox]:checked:active + .switch-btn:before { width: 15px; left: 16px}
.g_switch [type=checkbox]:checked + .switch-btn:before { content: ' '; position: absolute; left: 16px; border-radius: 100px}
.g_switch [type=checkbox]:checked + .switch-btn:after { content: ' '; font-size: 1.5em; position: absolute; background: var(--brandColor) }
/*! g_switch end */
.inputRate.period {text-align: left;width: 48.5%;padding: 0}
#ask_offset_num:empty:before,#bid_offset_num:empty:before {content: '选填';color: #ccc}
#ask_offset_num:focus:before, #bid_offset_num:focus:before {content: none}
/*! currOrder & historyOrder */
#trade-second-tabs{margin-top:15px;width: 100%;}
#historyOrder{display: none;}
#currOrder,#historyOrder{height: 232px;background: #fff;overflow-x: auto;}
.order-empty #currOrder,.order-empty #historyOrder{height:232px;border-radius: 7px;}
#currOrder span:last-child,#historyOrder span:last-child {padding-right: 10px;-webkit-box-sizing: border-box;box-sizing: border-box}
.limitPrice #currOrder .operation {min-width: 80px;width: 10%;padding-left: 10px;}
.limitPrice #currOrder .date {min-width: 80px;width: 6%;}
.limitPrice #currOrder .type {min-width: 60px;width: 10%;}
.limitPrice #currOrder .rate {width: 15%;}
.limitPrice #currOrder .rate em{font-style:normal}
.limitPrice #currOrder .vol {width: 22.5%;}
.limitPrice #currOrder .vol_cn {min-width: 150px;width: 22%;}
.limitPrice #currOrder .market {width: 10%}
.limitPrice #historyOrder .date {width: 20%;min-width: 20%;padding-left: 10px;}
.limitPrice #historyOrder .rate {width:35%;min-width:35%}
.limitPrice #historyOrder .trigger_vol {width:35%;min-width:35%}
.limitPrice #historyOrder .market {width: 10%}
.stopByConditional #currOrder .operation {width: 8%;padding-left: 10px;}
.stopByConditional #currOrder #order-info-box .date {width: 10%;}
.stopByConditional #currOrder .market {width: 12%}
.stopByConditional #currOrder .trigger_rate {width: 18%;}
.stopByConditional #currOrder .commission_rate {width: 18%}
.stopByConditional #currOrder .vol {width: 18%}
.stopByConditional #historyOrder .date {width: 12%;padding-left: 10px;}
.stopByConditional #historyOrder .market {width: 12%}
.stopByConditional #historyOrder .trigger_rate {width: 16%;}
.stopByConditional #historyOrder .commission_rate {width: 16%;}
.stopByConditional #historyOrder .trigger_vol {width: 16%;}
.stopByConditional #historyOrder .order_status {width: 12%}
.limitPrice .list-wrapper,.stopByTime .list-wrapper,.stopByTrail .list-wrapper,.loopOrder .list-wrapper {overflow-x: auto}
.stopByTime li {white-space: nowrap}
.stopByTime .trade-list_re span {width: 8%;text-align: right;line-height: 35px;display: inline-block;float: left;}
.stopByTime .trade-list_re span:first-child {text-align: left;padding-left: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.stopByTime .trade-list_re span:last-child {padding-right: 10px;-webkit-box-sizing: border-box;box-sizing: border-box}
.stopByTime #currOrder .operation,.stopByTime #historyOrder .operation {width: 6%;}
.stopByTime #currOrder .date,.stopByTime #historyOrder .date {width: 6%;}
.stopByTime #currOrder .type,.stopByTime #historyOrder .type {width: 6%;}
.stopByTime #currOrder .market,.stopByTime #historyOrder .market {width: 8%;}
.stopByTime #currOrder .timer,.stopByTime #historyOrder .timer {width: 8%;}
.stopByTime #currOrder .commission_rate,.stopByTime #historyOrder .commission_rate {width: 10%;}
.stopByTime #historyOrder .order_status {width: 80px}
.stopByTime #currOrder .vol,.stopByTime #historyOrder .trigger_vol {width: 10%;}
.stopByTime #currOrder .expiration,.stopByTime #historyOrder .expiration {width: 8%;}
.stopByTime #currOrder .cancel,.stopByTime #historyOrder .cancel {width: 8%;}
.stopByTime #currOrder .range,.stopByTime #historyOrder .range {width: 10%;}

.stopByTrail li {white-space: nowrap;}
.stopByTrail .trade-list_re span {text-align: right;line-height: 36px;display: inline-block;float: left;}
.stopByTrail .trade-list_re span:first-child {text-align: left;padding-left: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.stopByTrail .trade-list_re span:last-child {padding-right: 10px;-webkit-box-sizing: border-box;box-sizing: border-box}
.stopByTrail #currOrder .operation,.stopByTrail #historyOrder .operation {width: 60px}
.stopByTrail #currOrder .date,.stopByTrail #historyOrder .date {width: 90px}
.stopByTrail #currOrder .type,.stopByTrail #historyOrder .type {width: 60px;}
.stopByTrail #currOrder .market,.stopByTrail #historyOrder .market {width: 90px}
.stopByTrail #currOrder .trigger_rate_trail,.stopByTrail #historyOrder .trigger_rate_trail {width: 12%;}
.stopByTrail #currOrder .range_trail,.stopByTrail #historyOrder .range_trail {width: 12%;}
.stopByTrail #currOrder .commission_rate,.stopByTrail #historyOrder .commission_rate {width: 12%;}
.stopByTrail #currOrder .vol,.stopByTrail #historyOrder .trigger_vol {width: 11%;}
.stopByTrail #currOrder .expiration,.stopByTrail #historyOrder .expiration {width: 10%;}

.loopOrder li {white-space: nowrap}
.loopOrder .trade-list_re span {text-align: right;line-height: 35px;display: inline-block}
.loopOrder #order-info-box li > span{float: left;}
.loopOrder .trade-list_re span:first-child {text-align: left;padding-left: 15px;-webkit-box-sizing: border-box;box-sizing: border-box}
.loopOrder .trade-list_re span:last-child {padding-right: 10px;-webkit-box-sizing: border-box;box-sizing: border-box}
.loopOrder #currOrder .operation,.loopOrder #historyOrder .operation {width: 60px}
.loopOrder #currOrder .date,.loopOrder #historyOrder .date {width: 90px}
.loopOrder #currOrder .type,.loopOrder #historyOrder .type {width: 60px}
.loopOrder #currOrder .market,.loopOrder #historyOrder .market {width: 90px}
.loopOrder #currOrder .commission_rate,.loopOrder #historyOrder .commission_rate {width: 100px}
.loopOrder #currOrder .count,.loopOrder #historyOrder .count {width: 110px}
.loopOrder #currOrder .commission_rate,.loopOrder #historyOrder .commission_rate {width: 127px;}
.loopOrder #currOrder .vol,.loopOrder #historyOrder .trigger_vol {width: 130px}
.loopOrder #currOrder .expiration,.loopOrder #historyOrder .expiration {width: 60px}

@media screen and (min-width: 1800px) {
    .stopByTrail #currOrder .operation,.stopByTrail #historyOrder .operation {width: 10%;}
    .stopByTrail #currOrder .date,.stopByTrail #historyOrder .date {width: 10%;}
    .stopByTrail #currOrder .type,.stopByTrail #historyOrder .type {width: 11%;}
    .stopByTrail #currOrder .market,.stopByTrail #historyOrder .market {width: 11%;}

    .loopOrder #currOrder .operation,.loopOrder #historyOrder .operation {width: 100px}
    .loopOrder #currOrder .date,.loopOrder #historyOrder .date {width: 120px}
    .loopOrder #currOrder .type,.loopOrder #historyOrder .type {width: 120px}
    .loopOrder #currOrder .market,.loopOrder #historyOrder .market {width: 120px}
}
.loopOrder #order-info-box #ulMyOrderList li{min-width: 1554px !important;}
.two-line {vertical-align: top}
.two-line .first-line {line-height: 20px}
.two-line .last-line {line-height: 16px;color: #888;font-size: 12px}
#noty_customNoty_layout_container {width: calc(26% - 20px);}
#ulMyOrderList{height: 191px;overflow-y: scroll;overflow-x: hidden !important;}
.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: 1491px !important;box-sizing: border-box;}
#history-info-box .list-wrapper .trade-list_re.min-width-630, #history-info-box .list-wrapper .trade-list_re.min-width-630 li{min-width: 650px !important;}
.order-empty #ulMyOrderList,.order-empty #my-trade-list{height: 191px;}
#currOrder #ulMyOrderList li, #historyOrder #my-trade-list li {padding: 5px 0;padding-left: 5px;}
#historyOrder #my-tlist-title li {padding-right: 10px;box-sizing: border-box;}
#currOrder #ulMyOrderList li:nth-child(even){background:#f3f3f3}
#titlePriceBox{clear: both;font-size: 12px;color: #666;}
#top_last_rate_change #titlePriceBox em{font-size:14px;margin-right: 0;}
#currPrice{font-size: 22px;}
.en-body .has-comp .r-title{font-size:14px;margin-right:10px}

/*!  */
.sw-tab a{font-size: 14px;display: flex;align-items: center;text-transform: capitalize;}
.en-body .sw-tab a{font-size: 12px;line-height: 1;}
.sw-tab-svg {font-size: 16px; fill: #666666; margin-left: 4px;}
@media screen and (max-width:1680px) {
    .sw-tab a{font-size: 12px;}
    #ul-ask-list .price:before,#ul-bid-list .price:before {margin-right: 16px!important}
    .high-low li:last-child {margin-left: 5px;margin-right: 0;}
    .coin-latest-info h1 {font-size:16px}
    .curr-price {font-size: 14px}
    .middle #globalInfoCon .m_title{padding-bottom: 0;}
    .trade-main {width: calc(100% - 515px);padding-right: 15px;}
    @media screen and (min-resolution: 72dpi) and (max-resolution: 191dpi) {.sec-market{font-size:14px;}}
    #tableAskList .od-lv{ width:12%}
    .buy-sell-order .title-line.sorting{margin-top:0;}
    .chengjiao,.his-hide #historyList{width: 260px;padding-left: 15px;padding-top: 5px;margin-left: 15px;}
    #rightSec{margin-top:0;}

    #tradeHisTitle,.sec-market .gm-on-off,.middle .sec-hide,.his-hide .tradeHis-on-off{display:none}
    .en-body .room-title { margin: 10px 0 0 7px;}
    .kr-body .room-hide, .kr-body .room-exit, .kr-body .room-setting{ width:32px;}
    .kr-body .op-status ul{ width:89px;}
}
@media screen and (max-width:1600px) {
    #main_content .trade-main {width: calc(100% - 263px);padding-right: 15px;}
    .his-hide #sectionBottom{width: calc(100% - 293px);padding-right: 0;}
    #historyList{width: 350px;margin-left:0;margin-top: 5px;}
    #tradeHisTitle,.sec-market .gm-on-off,.middle .sec-hide,.his-hide .tradeHis-on-off{display:none}
    .middle .sec-show{display:block !important;}
    div #rightTabTitle{display:block}
    .sec-market{width: 260px;}
    #ul-trade-list{max-height: 500px;}
}
.trade-order .stop_lose-select {position:relative;top:0;z-index:2;width:30%;margin-right:5px}
.order-select {width:30%;height:40px;border:none;border-radius:0;left:1px;box-shadow:none;-webkit-box-shadow:none;}
.select-container select {border:none;outline:0;width:100%;height:36px;line-height:36px;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:20%;color:#888;font-size:14px;cursor:pointer}
.select-container:after {content:'';vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent;margin-top:auto;margin-bottom:auto;color:#888;}
.loop-order-style {width:50px !important;}
.detail-header span {display:-moz-inline-box;display:inline-block;font-size:12px;text-align:center;width:60px;margin:5px 5px;}
.zhd-loop-order-style {background:#f5f5f5 !important;}
.detail-container {width:450px;white-space:nowrap;text-overflow:ellipsis;overflow-x:scroll;overflow-y:hidden;}
.detail-header {border-bottom:1px solid #c3bdbd;width:785px;border-left:1px solid #c3bdbd;border-right:1px solid #c3bdbd;}
#noty_customCenter_loop_order_layout_container li.loop_order_noty {background:#fff;padding:25px}
#noty_customCenter_loop_order_layout_container .loop_order_noty .loop_order_noty_title {background:0 0}
#noty_customCenter_loop_order_layout_container .loop_order_table tbody {display:block;overflow-y:auto}
#noty_customCenter_loop_order_layout_container .loop_order_table tbody tr,#noty_customCenter_loop_order_layout_container .loop_order_table thead {display:table;width:100%;table-layout:fixed}
.loop_order_noty .loop_order_noty_title {position:absolute;top:0;left:0;height:60px;width:100%;font-size:16px;background:#f7f7f7;line-height:60px;justify-content:space-between}
.lend_table_header {font-size:16px;margin-bottom:20px;padding:10px;}
.loop_order_noty .loop_order_table {border:1px solid #e4ebf0;}
.loop_order_noty .dataTables_wrapper {overflow-x:auto;}
.loop_order_noty .loop_order_table {border:1px solid #e4ebf0;}
.loop_order_noty .loop_order_noty_title span {margin-left:25px;font-size:20px}
.loop_order_noty .loop_order_noty_title img {margin-right:-25px;z-index:9;}
.loop_order_noty table {margin-top:55px;width:1260px;}
.loop_order_noty .sorting:after,.loop_order_noty .sorting_desc:after,.loop_order_noty .sorting_asc:after,.loop_order_noty th b {float:left}
.loop_order_noty .sortable:after,.loop_order_noty .sorting_asc:after,.loop_order_noty .sorting_desc:after {content:'';width:10px;height:18px;margin-left:2px;display:inline-block;}
.loop_order_noty .sorting: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;}
.loop_order_noty .sorting_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='%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;}
.loop_order_noty .sorting_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='%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;}
.loop_order_noty .sorting_1 {text-align:left;}
.loop_order_noty table th:first-child,.loop_order_noty table td:first-child {padding-left:20px;}
.loop_order_noty table tbody td {height:44px;word-break:break-word;padding-right:5px;}
.loop_order_noty td:nth-child(1),.loop_order_noty th:nth-child(1) {width:7%;}
.loop_order_noty td:nth-child(2),.loop_order_noty th:nth-child(2) {width:6%;}
.loop_order_noty td:nth-child(3),.loop_order_noty th:nth-child(3) {width:6%;}
.loop_order_noty td:nth-child(4),.loop_order_noty th:nth-child(4) {width:4%;}
.loop_order_noty td:nth-child(5),.loop_order_noty th:nth-child(5) {width:9%;}
.loop_order_noty td:nth-child(6),.loop_order_noty th:nth-child(6) {width:11%;}
.loop_order_noty td:nth-child(7),.loop_order_noty th:nth-child(7) {width:11%;}
.loop_order_noty td:nth-child(8),.loop_order_noty th:nth-child(8) {width:9%;}
.loop_order_noty td:nth-child(9),.loop_order_noty th:nth-child(9) {width:6%;}
.loop_order_noty td:nth-child(10),.loop_order_noty th:nth-child(10) {width:10%;}
.loop_order_noty td:nth-child(11),.loop_order_noty th:nth-child(11) {width:10%;}
.loop_order_noty table th:last-child.loop_order_noty table td:last-child {padding-right:20px;text-align:right}
.gateioLoopOrderNotyTheme > .noty_bar {width:100%;overflow:scroll;}
.table-body {font-size:13px;height:250px;}
.gateioLoopOrderNotyTheme {height:auto;}
.show-mouse-hand {cursor:pointer;}
div.loop-order-background {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;}
tbody.table-body > tr > th {font-weight:normal;}

#loan_situation{clear: both;margin-bottom: 5px;height: 27px;}
.large-order #situation_title,
.large-news #situation_title,
.large-gm #situation_title,
.large-coininfo #situation_title{margin-top: 25px;}
#loan_situation_div {height: 27px;width: 100%;position: relative;border: none;}
.loan_situation_side {width: 25px;height:25px;float: left;margin:0 5px;text-align: center;line-height:25px;}
#loan_situation_side_bid {margin: 0;border:1px solid rgb(211,91,102);color:rgb(211,91,102);}
#loan_situation_side_ask {margin: 0;border: 1px solid rgb(84, 140, 134);color: rgb(84, 135, 140);}
#loan_situation_progress {float:left;height: 27px;width: calc(100% - 55px);box-sizing: border-box;}
#loan_situation_progress>div{min-width: 50px;max-width: calc(100% - 50px);font-size: 12px;}
#loan_situation_progress_bid {background-color: rgba(226, 45, 99, 0.2);float:left;color: rgb(175, 71, 66);height:27px;line-height:27px;padding-left: 5px;box-sizing: border-box;}
#loan_situation_progress_ask {background-color: rgba(1, 127, 144, 0.2);float:left;color: rgb(84, 135, 140);height:27px;line-height:27px;text-align: right;padding-right: 5px;box-sizing: border-box;}

.rise-green-body #loan_situation_side_bid {border-color:rgb(84,140,127);color:rgb(84,140,127);}
.rise-green-body #loan_situation_side_ask {border-color:rgb(211,91,102);color:rgb(211,91,102);}
.rise-green-body #loan_situation_progress_bid {background-color: rgba(1, 144, 118, 0.2);color: rgb(25, 91, 76);}
.rise-green-body #loan_situation_progress_ask {background-color: rgba(226, 45, 45, 0.2);color: rgb(175, 71, 66);}

.to—suspend{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 24px;display: inline-block;line-height: 26px;border-radius: 5px;}
.protip-trade {
    border-bottom: 0px dashed #8f95a8;
    cursor: pointer;
}


.rise-green-body .down .type{color: #e64e62;}
.rise-green-body .up .type{color: #008069;}
.dark-body .close:after{color: #a2a3a5;}

.check_tab_container {display: flex; justify-content: flex-start}
.check_tab_container label{width: auto !important;}
.check_tab_container > div {
    display: flex;
    align-items: center;
}

.check_tab_container > div:nth-child(1) {
    margin-right: 30px;
}

.ask-ice-berg-amount-container,
.bid-ice-berg-amount-container {
    position: relative;
    padding: 5px 0;
}

.limitPrice #currOrder .vol_cn_new {
    min-width: 150px;
    width: 13.5%;
}

.limitPrice #currOrder .vol_new {width: 13%;}
#set-bidding-count{display: flex;padding-left: 5px !important; align-items: center; right: 0;position: absolute;bottom: 8px;color: #d45858;text-align: center;height: 26px;line-height: 26px;border-radius: 3px;padding: 0 10px;background: #faebec;}
#set-bidding-count img{margin-right: 5px; width: 14px;}
#set-bidding-orders-table{border: 1px solid #dadfe3;}
#set-bidding-orders-table th{text-align: center;padding:0;border-bottom: 1px solid #dadfe3;}
#set-bidding-orders-table td{text-align: center}
.setbidding-tips{color: #d45858;background: #faebec;padding: 3px;display: flex;align-items: center;font-size:12px;}
.setbidding-tips img{width:12px;margin-right:5px;}
.cancle-bid-order-btn{border:none;background: #d45858;color: #fff;width: 55px;text-align: center;line-height: 24px;display: inline-block;cursor: pointer;}
.edit-setbidding-price-icon{width:12px;height:12px;margin-right:4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfeBQEVHDfQm6YjAAAB20lEQVRIx83UPWsUURTG8V9mJy+Nmk7UIiiCEpNC4us3EAurxS+guBokhSCiAUUUUbCLSBBjJ6ZYAilU8AUstJFoqaYymhgVEYmVIW8WczfJ6s5et/M0c5mZ/3POfc65t0nDUcwePYYtOJUWG4LLlUW3m7biegqapVG2yZy5sN5o0B7wLZU66Ih2S3XxxBcXvA31znhpr4JRfamSy9qj+b8bNA66rPdUv3mb9ZluKk7bEMW/Ohm23+2ODr3K2rSaIbUBc24Yl+Tu/o1nAR+yCwM+e+EX5WDevBHPo3V0GbIbjJmodKTifmFVi/6IYFynWwF/4IRPK+5GYhm/bX/AS6ayL8W4QA38uCk026c1WkHAt1fhk0j06leICCxnHwr4fcdMoqDXVeuy0UujeCX7w2XrDriizWJdE2vgJZOhUx3WrPyZNIyrPjVJLs6hgD8O1tWMPBN3OGvUMJ4o+UjeoNU2sdl5h21xyTt3vc/H8wRSm3DUaxezF3l4nsCiMUx4FMPzBGadkZjPrrB6eP4gzVYW9fGaAjGkOqLH+f8XqHiwsGqEY7H4t0Cih+yCiMaCbdUCP63V6lq17j9U/SFrdWrAaS3Z/dZA/HAvS1nofCWxU0tD+JRzRiyV8RvkR3o1caMsjAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wNi0yOFQyMTo1Njo0MSswODowMF7xkdgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTQtMDUtMDFUMjE6Mjg6NTUrMDg6MDBvSIVpAAAAQ3RFWHRzb2Z0d2FyZQAvdXNyL2xvY2FsL2ltYWdlbWFnaWNrL3NoYXJlL2RvYy9JbWFnZU1hZ2ljay03Ly9pbmRleC5odG1svbV5CgAAABh0RVh0VGh1bWI6OkRvY3VtZW50OjpQYWdlcwAxp/+7LwAAABh0RVh0VGh1bWI6OkltYWdlOjpIZWlnaHQAMzYxXUjoTgAAABd0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAzNjJXsOmpAAAAGXRFWHRUaHVtYjo6TWltZXR5cGUAaW1hZ2UvcG5nP7JWTgAAABd0RVh0VGh1bWI6Ok1UaW1lADEzOTg5NTA5MzXfQS0bAAAAEXRFWHRUaHVtYjo6U2l6ZQA0OTEzQgHDNc4AAABidEVYdFRodW1iOjpVUkkAZmlsZTovLy9ob21lL3d3d3Jvb3QvbmV3c2l0ZS93d3cuZWFzeWljb24ubmV0L2Nkbi1pbWcuZWFzeWljb24uY24vc3JjLzExNTg0LzExNTg0OTIucG5n+I+4pAAAAABJRU5ErkJggg==);background-size:contain;display:inline-block;cursor:pointer!important;border-bottom:none!important}
.setbidding-price-col{display: flex;align-items: center;justify-content: center;}
#order-change-noty-container button{width: 150px !important;}
#order-change-noty-container #noty_body{margin-bottom: 25px;}
#order-change-noty-container .label{margin-right: 0 !important;}
#button-0.btn-cancel{background: #d8d8d8;}
.close-pos-bottom-tips{color: #e64e62;margin: 0;position: absolute;bottom: 0;background: #f9f9f9;left: 0;right:0;height: 40px;line-height: 40px;padding-left: 30px;font-size: 12px;}
.common-tags{display:inline-block;width:15px;height:15px;color:#fff;border-radius:15px;background:#e64e62;line-height:15px;text-align:center;font-weight:600}
.noty-form-row-right{position:relative; flex:1 auto;}
.order-change-input{width:260px !important;height:40px !important;padding-left:5px;}
.noty-input-tips{color: #707070;font-size: 12px;position: absolute;margin:0;}
.setbidding-price-noty-unit{position: absolute;right:8px;top:13px;}
.setbidding-askbid-icon{width: 20px;height: 20px;z-index:1;}
.askbidone-poup-container{position:fixed;width:350px;background: rgba(0, 0, 0, 0.7);padding:10px;font-size:12px;color:white;}
.askbidone-poup-title{display: flex;margin-bottom: 10px;}
.askbidone-poup-title div{width: 30%;}
.askbidone-poup-seperator{text-align: center;}
.askbidone-poup-row{height: 20px;line-height: 20px;}
.askbidone-poup-row div,.askbidone-poup-title div{width: 110px;}
.askbidone-poup-row div:last-child,.askbidone-poup-title div:last-child{text-align: right;}
.askbidone-poup-row div:first-child,.askbidone-poup-title div:first-child{width: 20px;}
.right-triangle{width: 0;height: 0;border-width: 10px 0 10px 10px;border-style: solid;border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);position: absolute;right: -10px;}
.top-position{top: 0px;}
.bottom-position{bottom: 0px;}
.white-color-container span{color: white !important;}
.trade-order-tab-header {margin:0 -15px 0 -15px;height:40px;position: relative;background: #f7f7f7;border-top: 3px solid #f1f3f5;box-sizing: border-box;}
.trade-order-tab-header *{box-sizing: border-box;}
.hidden-border-left{border-left: 1px solid transparent;}
.trade-order-tab-header .sw-tab{
  cursor: pointer;
  padding: 5px 10px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  border-left: none;
  position: relative;
  font-weight: 500;
}
.trade-order-tab-header .sw-tab.active{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #fff;
}
.trade-order-tab-header .hidden-border-left{
    border-radius: 0;
}
.dark-body .sw-tab.active span{background: none;}
.sw-tab a,.sw-tab span{line-height: 20px;height: 20px;color:#666;}
.sw-tab span{display: inline-block;height: 18px;font-size: 12px;padding: 0 4px;border-radius: 3px;}
.sw-tab.active a,.sw-tab.active span{color: #333;font-weight: 500;}
.sw-tab .arrow-right{width:14px;}
#margin-info-container{padding-top: 10px;margin-left: -15px;margin-right: -15px;border-bottom: 1px solid #eee;}
#margin-info-container .sub-btn{margin-top: 10px;}
.dark-body #margin-info-container{border: 1px solid;}
.not-login-container{width: 100%;}
.not-login-container a{width: auto;margin: 0 auto;text-align: center;}
.margin-transfer-noty .noty_buttons{padding-bottom: 0;}
.margin-account-table{width:100%;}
.margin-account-table th{text-align: left;border:none;font-size: 13px;font-weight: normal;padding:2px 0;}
.margin-account-table th:last-child{text-align: right;width: 112px;}
.margin-account-table td{font-size:14px;padding: 2px 0;}
.buy_sell_area span{margin-right: 5px;}
.margin-risk-inidicator{margin-left:6px;min-width: 32px;}
.margin-risk-inidicator li{
  background: #ccc;
  height: 10px;
  width: 3px;
  display: inline-block;
  margin-right: 3px;
}
.margin-risk-inidicator .rank_default{background: #ccc;}
.margin-risk-inidicator .rank_safe{background: #25796A;}
.margin-risk-inidicator .rank_warn{background: #EAA110;}
.margin-risk-inidicator .rank_danger{background: #e64e62;}
.auto-margin-btns .protip{padding-bottom: 0;}
.dealbox .auto-margin-btns{display: none;}
.margin-able-limit{display: flex;align-items: center;}
.margin-able-limit::before{
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/images/margin-max-light.png) no-repeat;
  background-size: 100%;
  margin-right: 2px;
  position: relative;
  top:-1px;
}
.dark-body .margin-able-limit::before{
  background: url(/images/margin-max-dark.png) no-repeat;
  background-size: 100%;
}
.amount-able-container-td{display: flex;align-items: center;}
.margin-able-area{display: flex;align-items: center;}
.marign-amount-dropdown{
  position: absolute;
  width: 100%;
  background: rgba(0,0,0,0.7);
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  z-index: 1;
  color:white;
  font-size: 12px;
  box-sizing: border-box;
  margin-top: 5px;
}
.margin-locked{
  display: flex;
  align-items: center;
  border-bottom: none;
}
.margin-locked::after{
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/images/lock.png) no-repeat;
  background-size: 100%;
  margin-left: 2px;
}
.amount_auto_tips{
  margin: 0 0 0 4px;
  float:none;
  padding: 0;
  width: 12px;
  height:12px;
  line-height: 12px;
}
.fullscreen { width: 100% !important;height: 100% !important }
.fullscreen .k-line-container {width: 100% !important; height: 100% !important }
.fullscreen #kline_tradingView {width: 100% !important;height: calc(100% - 42px) !important;}
.fullscreen #kline {width: 100% !important; height: 100% !important }
.fullscreen-btn {display: inline-block;color: #7791a5;position: relative;font-size: 20px;}
.fullbtn-hide{display: none;}
.fullscreen-btn-cur {color: #131722;}
.fullscreen-btn .tips {position:absolute;top:34px;background:#fff;min-width:100px;text-align:center;padding:0px 0px;right: 4px;z-index:999;color: #4c525e;font-size: 14px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;}
.fullscreen-btn .tips li {height: 32px;padding: 5px 10px;line-height: 32px;position: relative;cursor: pointer;width: auto;white-space: nowrap;}
.fullscreen-btn .tips .cur-hover {background-color: #ebf7fc;}
.fullscreen-btn .tips .cur-sel{background-color: #d4e7e9;}
.fullscreen-btn .hide {display: none;}
.fullscreen-btn .tips:after {content:'';position:absolute;top:-8px;right: 8px;display:inline-block;width:0;height:0;border-width:8px;border-bottom:8px dashed;border-right:8px solid transparent;border-left:8px solid transparent;color:#fff;}
@media screen and (max-width:1275px) {.fullscreen-btn{margin-right: -5px;}}
@media screen and (max-width:1300px) {
  #limitHistoryOrders .react-table,#limitHistoryOrders .react-table-pagination{width: 800px;}
  .tableWrap{overflow-y: scroll;}
  #mianTlist span.fav_btn{margin-left: 10px !important;}
}
@media screen and (max-width:1440px) {
  .fullscreen-btn{margin-right: 0px;}
#showFiatRate .hidefiat-span{font-size: 12px;}
.trade-order-tab-header .sw-tab{padding: 5px 10px;}
.en-body .trade-order-tab-header .sw-tab{padding: 5px;}
#klineMode > span {padding: 5px 5px;font-size: 12px;margin-top: 2px;}
#multichart-container{height: 500px;}
.tv_indicator_icon{display: none;}
#mianTlist span.fav_btn{margin-left: 14px !important;}
}

.open-kline-icon{position: absolute;right: 15px;color: #e64e62;background: url("/images/icon-kline.svg") no-repeat left;height:32px;line-height:32px;padding-left:28px;font-size: 14px;cursor: pointer;top: 0px;right: 30px;z-index: 1;}
/* k线大图模式 */
/* 简洁 */
.kline-bigger-concise #topSection {height: 491px;}
.kline-bigger-concise #topSection .k-line-container{height: 486px;}
.kline-bigger-concise #topSection .k-line-container #kline {height: 466px;}
/* 专业 */
.kline-bigger-major #topSection.tradingview-show, .kline-bigger-major .tradingview-show .k-line-container {height: 523px;}
.kline-bigger-major .tradingview-show #kline_tradingView {height: 456px;}
/* K线更大图模式 */
/* 简洁 */
.kline-biggest-concise #topSection {height: 770px;}
.kline-biggest-concise #topSection .k-line-container{height: 765px;}
.kline-biggest-concise #topSection .k-line-container #kline {height: 748px;}
/* 专业 */
.kline-biggest-major #topSection.tradingview-show, .kline-biggest-major .tradingview-show .k-line-container {height: 803px;}
.kline-biggest-major .tradingview-show #kline_tradingView {height: 740px;}
@media screen and (max-height:904px) {
  .kline-biggest-major #topSection.tradingview-show, .kline-biggest-major .tradingview-show .k-line-container {height: 735px;}
  .kline-biggest-concise #topSection {height: 705px;}
  .kline-biggest-concise #topSection .k-line-container{height: 700px;}
  .kline-biggest-concise #topSection .k-line-container #kline {height: 695px;}
  .kline-biggest-major .tradingview-show #kline_tradingView {height: 675px;}
}
@media screen and (max-height:840px) {
  .kline-biggest-major #topSection.tradingview-show, .kline-biggest-major .tradingview-show .k-line-container {height: 635px;}
  .kline-biggest-concise #topSection {height: 645px;}
  .kline-biggest-concise #topSection .k-line-container{height: 640px;}
  .kline-biggest-concise #topSection .k-line-container #kline {height: 665px;}
  .kline-biggest-major .tradingview-show #kline_tradingView {height: 615px;}
}
.large-news ul{
	padding-right: 5px;
}
.large-news li:first-child{
	padding-top: 0
}
.large-news li{
	padding-top: 5px;
}
.large-news li .news_item_head{
	display: flex;
	flex-direction: row;
}
.large-news li .news_item_icon{
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #9ba3a8;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin-top: 5px;
}
.large-news li .news_item_time{
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: var(--brandColor);
  padding: 0 10px;

}
.large-news li .news_item_hr{
	flex: 1;
	display: flex;
	overflow: hidden;
	position: relative;
}
.large-news li .news_item_hr:after{
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	right: 0;
	height: 0px;
	border-top: 1px dashed #bdc4c8;
}
.large-news li .news_item_title{
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0;
}
.large-news li .news_item_content{
	margin: 0;
	line-height: 20px;
	font-size: 12px;
	text-align: justify;
	word-wrap: break-word;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 15;
	-webkit-box-orient: vertical;
}
.large-news li .news_item_content:hover{
	-webkit-line-clamp: inherit;
}
.large-news li .news_item_foot{
	text-align: right;
	color: #8092b0;
}
.sec-market #newsCon{
	display: none;
}
.sec-market #amm-pools{
  display: none;
}
.sec-market.large-news #newsCon,.large-coininfo #coinInfoCon,.sec-market.large-amm #amm-pools{
	display: block;
}
#coinInfoCon,.large-coininfo #gmCon,.large-coininfo #loan_situation,.large-coininfo #sectioncont{display: none;}
#indexNews{
	display: flex;
	padding-top: 5px;
	padding-bottom: 5px;
}
#indexNews .newsLoop .icon{color: #888;margin: 1px 5px 0 0;}
#indexNews .newsLoop{
	height: 18px;
	overflow: hidden;
	position: relative;
	flex: 1;
	font-size: 12px;
}
#indexNews .newsLoop .newsLoopView{
	position: absolute;
	top: 0;
	left: 12px;
	right: 0;
  color: #595959;
  font-size:12px;
}
#indexNews .newsLoop p{
	display: block;
	line-height: 18px;
	height: 18px;
	padding-left: 5px;
	margin: 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#indexNews i,
#indexNews span{
	width: 20px;
	color: #7791a5;
	cursor: pointer;
	font-style: normal;
	height: 18px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: all 0.3s  ease;
	-moz-transition: all 0.3s  ease;
	-o-transition: all 0.3s  ease;
	transition: all 0.3s  ease;
}
#indexNews span:hover{
  color: var(--brandColor);
}
#indexNews i.showNews{
	align-items: flex-end;
	display: none;
	font-size: 20px;
}
#indexNews i.hideNews{margin-left: 10px;font-size: 20px;margin-top: -4px;}
#indexNews i:hover .icon{color:var(--brandColor)}
.order-book-center-left{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.order-book-center-left>div{width: 100%;display: flex;align-items: center;}
.netval-container{
  justify-content: flex-start;
  margin-top: 6px;
}
.netval-container span{
  font-size: 14px;
  color: #666;
}
.netval-container span:first-child{
  margin-right: 5px;
}
#netvalue-order{
  position: relative;
  top: -2px;
}
.mt5{margin-top: 5px;}
.net-protip-container{line-height: 1.5;}
@media screen and (min-resolution: 72dpi) and (max-resolution: 191dpi) {
  body,#indexNews .newsLoop{font-size:14px;}
  #marketlistTabCon td .cn-name{
    color:#666;
  }
  .local-price{color:#666;}
}
.trade-notice{font-size: 14px;z-index: 3;margin-top: -7px;overflow: hidden;float: right;padding-right: 15px;flex: 1;}
.trade-notice .bottom-notice{width: 100%}
.trade-notice .bottom-notice ul .n-box {color: #262626;}
.trade-notice .bottom-notice ul {text-align: right;}

/* K线底部按钮 */
#kline_tradingView_Indicator{
  /* position: absolute;
  bottom: 12px; */
  width: calc(100% - 104px);
  margin-left: 52px;
  border-top: 1px solid rgba(51,51,51,.3);
  background: transparent !important;
  color: rgba(0, 0, 0, 0.65);
  display: none;
}
.tradingview-show #kline_tradingView_Indicator {
  display: block;
}
.dark-body #kline_tradingView_Indicator {
  background: #222;
  color: rgb(188, 188, 188);
}
.fullscreen #kline_tradingView_Indicator {
  bottom: 20px;
}
#kline_tradingView_Indicator ul{
  height: 15px;
  line-height: 15px;
  overflow: hidden;
}
#kline_tradingView_Indicator ul li{
  display: inline-block;
  margin:0 3px;
  font-size: 12px;
  cursor: pointer;
  transform: scale(0.9);
}
#kline_tradingView_Indicator ul li:hover {
  color: #299dcd;
}
#net-value-tips-span{height: auto;}
.grid-trade-title{text-transform: capitalize;}
.grid-trade-title span:first-child{font-size: 14px;font-weight: bold;text-transform: capitalize;}
.grid-trade-title span:last-child{font-size: 12px;color:var(--brandColor);cursor: pointer;}
.grid-smart-area{border:1px solid rgba(222,89,107,0.1);padding:20px 10px;margin-top: 10px;border-radius:4px;}
#grid-intrest-chart{width: 60%;height: 70px;}
.grid-trade-order .input-title{text-transform: capitalize;}
.grid-trade-order .vr-btn{margin:0}
.dealbox.grid-trade-order{padding-top: 8px;}
.dealbox.grid-trade-order .inputRate{padding-right: 46px;}
.cur-ai-index{font-size: 28px;font-weight: 500;color: var(--warningColor);margin-bottom:20px;}
.grid-ai-title-value{margin-top: 14px;}
.grid-ai-title-value div:first-child{font-size: 12px;text-transform: capitalize;}
.grid-ai-title-value div:last-child{font-size: 12px;font-weight: 500;color:rgba(17,17,17,1);}
.grid-ai-percent label{width: 25%;text-align: center;line-height: 12px;cursor: pointer;}
.grid-ai-percent label:hover input{background-color:var(--brandColor);border-color: var(--brandColor);}
.grid-ai-percent label:hover span{color: var(--brandColor);}
.total-estimate-money{color:#888888;font-size: 12px;display: flex;justify-content: space-between;}
#grid-trade-container-right .create-aigrid-manual{background: none;color: var(--brandColor) !important;border: 1px solid var(--brandColor);}
.grid-num-container{position: relative;margin-left: 10px;width: calc(50% - 5px);}
.grid-num-container input{padding-right: 10px !important;}
.grid-num-container .input-unit{top:10px}
.grid-num-container .input-title{top:13px !important}
.grid-price-type{height: 34px;border: 1px solid #ccc;border-radius: 4px;line-height: 36px;width: calc(50% - 5px);overflow: hidden;}
.grid-price-type div{text-align: center;width: 50%;cursor: pointer;}
.grid-price-type div.active{color:#fff;background: var(--brandColor);}
.grid-price-type div:first-child{border-right: 1px solid #ccc;}
.lds-ellipsis{display:inline-block;position:relative;width:80px;height:18px}
.lds-ellipsis div{position:absolute;top:6px;width:8px;height:8px;border-radius:50%;background:#ccc;animation-timing-function:cubic-bezier(0,1,1,0)}
.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}
.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}
@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}
.strategy-order{padding:10px 0;border-bottom: 1px solid #eee;}
.grid-trade-action-btns button{background: #0a83ab;border: none!important;color: #fff;font-size: 12px;padding: 3px;cursor: pointer!important;border-radius: 2px;min-width: 64px;margin-left: 4px;}
.strategy-order-symbolname{font-size: 16px;}
.strategy-create-time{font-size: 12px;color: #888888;margin-left: 10px;}
.finished-grid-title{cursor: pointer;}
.finished-grid-title svg{transform: rotate(90deg);transition: all 0.3s;}
.finished-grid-container{margin-bottom: 10px;}
.finished-grid-container table{width: 100%;padding: 0 10px 10px 10px;display: none;background:rgba(250,250,250);margin-top: 6px;}
.finished-grid-container table th{border: none;}
.finished-grid-container table th:last-child,.finished-grid-container table td:last-child{text-align: right;}
.expand-trade-icon{transform: rotate(270deg) !important;}
.grid-orders-no-data{display: flex;justify-content: center;height: 50px;}
.strategy-order:last-child{padding-bottom:0;border-bottom: 0;}
#grid-order-finished-noty #noty_body{max-height: 500px;overflow-y: scroll;overflow-x: hidden;margin:55px 10px 0}
.strategy-info-top{padding:10px 0; text-align: center;background:rgba(222,89,107,0.05);border:1px solid rgba(222,89,107,0.1);position: relative;}
.lastprice-distance-bar div{height: 30px;}
.lastprice-distance-bar .buy1bar{background-color: #E64E62;}
.lastprice-distance-bar .sell1bar{background-color: #26999e;}
.gridtrade-bid-list,.gridtrade-ask-list{width: 50%;}
.gridtrade-bid-list{padding-right: 10px;}
.gridtrade-ask-list{padding-left: 10px;}
.gridtrade-bid-list div,.gridtrade-ask-list div{margin-bottom: 10px;}
.ask-bid-gridtrade-list{max-height: 214px;overflow-y: scroll;}
.lastprice-distance-bar{border-radius: 2px;overflow: hidden;}
#grid-need-buy-or-sell .noty_buttons button{width: 50%;}
#grid-need-buy-or-sell .noty_buttons{padding-bottom: 0;}
#net-value-tips-span{height: auto;}
.gridPopup .noty_bar{position: absolute;width: 384px;max-height: 500px;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
.create-grid-container{background:#fff;padding:24px;width:100%;box-sizing: border-box;border-radius: 5px;}
.create-grid-container .create-grid-title{text-transform: capitalize;}
.create-grid-title{display:flex;justify-content:space-between;}
.create-grid-title span{font-size:18px;color:111;}
.create-grid-title img{width:18px;height:18px;object-fit:cover;cursor:pointer;}
.create-grid-tips{padding: 8px;color: var(--warningColor);display:flex;justify-content:flex-start;background:#fff1f0;align-items:flex-start;font-size:12px;}
.create-grid-tips p{margin:0 !important;}
.create-grid-tips i.tips-icon{display: inline-block;width: 12px;height: 12px;background-image: url(/images/ic_warning.png?v=0526);background-size: cover;margin-right: 8px;flex:20px;}
.grid-steps{margin-top:16px;padding-left:24px;}
.grid-steps li{font-size:12px;color:#3a3a3a;margin-bottom:24px;position:relative;}
.grid-steps li::before{content:'';width:8px;height:8px;border-radius:4px;background:var(--brandColor);position:absolute;left:-24px;top:4px;}
.grid-steps li:not(.last-step)::after{content:'';border-left:1px dashed var(--brandColor);position:absolute;left:-20px;top:4px;bottom:-28px;;}
.grid-steps h4{color:#111111;margin-bottom:4px;font-size: 15px;}
.grid-steps p{font-size: 13px;}
#grid-orderbook-noty #noty_body{margin:55px 10px 0;overflow: hidden;}
.limitPrice #currOrder .order-source-type{width:5%;}
#historyOrder .order-source-type{width: 5%;}
.triangle-curprice-bottom {display:block;width:0;height:0;border-width:10px;border-style:solid;border-color:rgba(222,89,107,0.2) transparent  transparent transparent;position:absolute;bottom:-20px;}
.triangle-curprice-bottom::after{content: '';display:block;width:0;height:0;border-width: 10px;border-style:solid;border-color:#fdf7f8 transparent transparent transparent;position:absolute;top:-11px;left:-10px;}
.lowerthanfee{color:red;}
#gridTradeTab{position: relative;}
.strategy-order-finishing{font-size: 12px;font-weight: bold;color: #de695b;margin-left: 10px;}
.grid-detail-info{margin-top: 4px;}
.grid-detail-info>div{width: calc(50% - 5px);}
.grid-detail-info div>div:last-child{text-align: right;}
.ask-ice-berg-amount-container .gate-select, .bid-ice-berg-amount-container .gate-select{position:absolute;right:0;top: 0;width: 20px;height: 46px;}
.ask-ice-berg-amount-container select, .bid-ice-berg-amount-container select{direction:rtl;-webkit-appearance:none;}
.ask-ice-berg-amount-container .gate-select:after, .bid-ice-berg-amount-container .gate-select:after{content:"";right:15px;}
.ask-ice-berg-amount-wrapper #ask_ice_berg_amount, .bid-ice-berg-amount-wrapper #bid_ice_berg_amount{padding-right:26px;}
.etf-link-3x{position: relative;}
.etf-link-3x ul{display: none;
  position: absolute;
  width: 135px;
  top: 30px;
  left: 0;
  z-index: 1;
  border: 1px solid #ccc;
  background: #fff;}
.dark-body .etf-link-3x ul,.classic-dark .etf-link-3x ul{border: none;}
.etf-link-3x:hover ul{
  display: block;
}
.etf-link-3x ul li{
  padding-left: 10px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
}
.etf-link-3x ul li:hover{
  background: #F7F7F7;
  color: var(--brandColor);
}
#Mresolution{
  width: 50px;
  position: fixed;
  background-color: #fff;
  top:10px;
  left: 97px;
  color: #4c525e;
  border-radius: 3px;
  box-shadow:rgba(0, 0, 0, 0.25) 0 3px 8px;
}
#Mresolution div{
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}
#Mresolution div:hover{
  background-color:#ebf7fc;
}
#Hresolution{
  width: 50px;
  position: fixed;
  background-color: #fff;
  top:10px;
  left: 140px;
  color: #4c525e;
  border-radius: 3px;
  box-shadow:rgba(0, 0, 0, 0.25) 0 3px 8px;
}
#Hresolution div{
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}
#Hresolution div:hover{
  background-color:#ebf7fc;
}
#restoration{
  width: auto;
  padding: 5px;
  position: fixed;
  background-color: #fff;
  top: 10px;
  left: 280px;
  color: #4c525e;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
  z-index: 9999;
  min-width: 44px;
}
#restoration div{
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}
#restoration div:hover{
  background-color:#ebf7fc;
}
#goBase{margin: 0!important;}
#goPro{margin: 0!important;}
/* 币种简介 */
.tabs_new_contain_icon-48 {
  width: 32px;
  height: 32px;
  display: inline-block;
  padding-right: 5px;
  background-repeat: no-repeat;
  background-size: 32px;
  box-sizing: content-box;
}
.currency_coin_info{
  height: 100%;
  /* overflow-y: auto; */
}
.currencyInfo {
  font-size: 12px;
  overflow-y: auto;
  padding-right: 1px;
}
.currencyInfo p{
  margin: 0;
  padding: 0;
}
.pair_info_base {
  height: 40px;
  padding-top: 5px;
  display: flex;
  align-items: center;
}
.info_icon {
  width: 48px;
  height: 48px;
  display: inline-block;
  padding-right: 5px;
  background-repeat: no-repeat;
  background-size: 48px;
  box-sizing: content-box;
}
.pair_info_base_name p {
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
}
.pair_info_title {
  font-size: 15px;
  font-weight: bolder;
  margin: 15px 0 5px 0;
}
.pair_info_title.pair_info_intro{
  margin-top: 10px;
}
.pair_info_synopsis {
  border-bottom: 1px solid rgb(216,216,216);
  padding-bottom: 5px;
  line-height: 1.6em;
}
.pair_info_list {
  height: 30px;
  border-bottom: 1px solid rgb(218 223 227);
  display: inline-flex;
  justify-content: space-between;
  width: calc(50% - 1px);
  align-items: center;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0 3px;
}
.pair_info_list>span, .pair_info_list>p{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  /* flex: .49; */
}
.pair_info_list.pair_info_list_width>span{
  min-width: unset;
}
.pair_info_list>p {
  text-align: right;
  color: #000;
  min-width: 20%;
}
.pair_info_right {
  margin-left: 2px;
}
.pair_info_list_width {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.pair_info_list>a{
  color: var(--brandColor);
  text-decoration: underline;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#top-coin-title{
  display: flex;
  margin-top: -3px;
  column-gap: 5px;
}
#curr_coin_name{text-align:left;height: 14px;margin-top: -2px;color: #666;font-size: 12px !important;display: flex;cursor: pointer}
.classic-dark #curr_coin_name,.dark-body #curr_coin_name{color:#b6bbc2}
#my-trade-list, #ulMyOrderList{
  height: 192px;
}
a.trade-market-link{color: unset !important;}
.trade-list_re li.up{
  color: inherit !important;
}
.show-small td{
    height: 8px;
    padding: 0px 10px 0 0;
    text-align: right;
}
.show-small .caret{border-width: 8px;border-top: 8px dashed;border-right: 8px solid transparent;border-left: 8px solid transparent;color: #a8afb5;margin-top: 5px;cursor: pointer;}
.show-small .caret:before{left: -7px;top: -9px;border-top: 7px dashed;border-right: 7px solid transparent;border-left: 7px solid transparent;}
.show-small .caret.small-show{
    transform: rotate(-180deg);
}
.dealbox .input-td{padding:8px 0;}
.gridform-bottom-right{margin-top: 11px}
@media screen and (min-width: 1460px) {
    .show-small td{padding:0;height:0}
    .show-small .caret{display: none;}
}
@media screen and (max-width: 1460px) {
    .amount-able-container-td, .small-hide{display:none !important}
    .large-order #ask-list, .large-order #bid-list{height: 208px;}
    .large-order #tableAskList{height: 510px;}
    .chengjiao, .his-hide #historyList{height: 488px}
    .his-hide #trade-list{height: 450px}
    .relative_container{margin:0}
  .trade-order-tab-header,.trade-order-tab-header .sw-tab{height: 32px;}
  .trade-main .m_title{line-height: 30px;height: 30px !important;}
  .dealbox .input-td{padding:4px 0}
}
.kline-hide .fiat-hide-show{margin-right: 100px;}

.cross-margin-locked{background: rgba(222, 89, 107, 0.1);border-radius: 4px;color: #E64E62;margin-right: 10px;padding: 0 2px;height: 20px;line-height: 20px;}
.margin-cross-asstes{padding:10px;background-color: #fafafa;}
.margin-cross-asstes-A,.margin-cross-asstes-B{width: calc(50% - 1px);}
.margin-cross-asstes-A{padding-right: 20px;border-right: 1px dashed #ccc;}
.margin-cross-asstes-B{padding-left: 20px;}
.margin-cross-asset-row>div{display: flex;justify-content: space-between;width: 45%;}
.margin-cross-asset-row span:first-child{color: #8F95A8;}
#buyYuE,#sellYuE{display: flex;}
.iso-boxes{position: absolute;right: 0;top:8px}
.margin-cross-button .caret-down{transition: all 0.3s;}
.margin-cross-title-left{background-color: #fafafa;padding:10px}
.margin-cross-title{display: flex;justify-content: space-between;align-items: center;padding-right: 10px;}
#margin-account-table{padding:10px;background-color: #fafafa;}
#grid-trade-orders-container{display:none;height: 100px;}
#limitHistoryOrders .react-table td, #limitHistoryOrders .react-table th{font-weight: normal;font-size: 12px;}
#limitHistoryTrades .react-table td, #limitHistoryTrades .react-table th{font-weight: normal;font-size: 12px;}
#limitHistoryOrders .react-table{margin-top: 0;}
.no-data-text{width: 100px;font-size: 16px;margin: 20px auto;text-align: center;}
.no-data{width: 100px;height: 66px;background-image: url('/images/noorder.svg');background-size: 100% 100%;background-repeat: no-repeat;margin: 50px auto 0 auto;}
.common-bottom-table{background: #fafafa !important;color: #8f95a8;border-bottom: none;}
#limitHistoryOrders .index-modal{position: static;}
#limitHistoryOrders .index-modal .sub-btn{text-align: center;}
#limitHistoryTrades .index-modal{position: static;}
#limitHistoryTrades .index-modal .sub-btn{text-align: center;}
.my-group-date, .restoration {display: flex;align-self: center;margin-left: 10px;}
body.en-body .my-group-date .mydate,
body.en-body .restoration .mydate {padding: 0 2px;}
.my-group-date .mydate,.restoration .mydate {
  height: 20px;
  line-height: 21px;
  padding: 0 5px;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 12px;
}
.my-group-date.active .mydate{
  border: 1px solid;
  color: var(--brandColor);
  border-radius: 5px;
}
.restoration.active .mydate{
  border: 1px solid;
  color: var(--brandColor);
  border-radius: 5px;
}
.klineLeftBtnBox {
  display: flex;
  flex-direction: row;
}
.timeBtns {
  display: flex;
  flex-direction: row;
}
.etfButton {
  padding: 0 5px;
  margin-top: 5px;
  cursor: pointer;
}
.kline_btn {
  cursor: pointer;
  padding: 0 5px;
  display: flex;
  align-self: center;
}
body.en-body .kline_btn {padding: 0 2px;}
.kline_btn svg{
  width: 20px;
  font-size: 16px;
}
.kline_line_type_list {
  display: flex;
  flex-direction: row;
  height: 30px;
  line-height: 30px;
}
.kline_line_type_list_svg {
  display: flex;
  align-self: center;
}
.kline_line_type_list_svg svg {
  width: 20px;
  height: 20px;
}
#kline_line_type > .kline_btn {
  position: relative;
}
#kline_line_type > .kline_btn svg {
  width: 24px;
}
.kline_line_type_list_box {
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 0px 4px 1px #bbb;
  left: 8px;
  border-radius: 3px;
  padding: 5px 10px;
  display: none;
  top:30px;
}
#kline_line_type:hover .kline_line_type_list_box {
  display: block;
}
.kline_line_type_list {
  cursor: pointer;
}
.kline_line_type_list:hover {
  background-color: #37a6ef;
  color: #fff;
}
.kline_line_type_list_name {
  white-space: nowrap;
  margin-left: 5px;
}
.classic-dark .klineLeftBtnBox svg,
.dark-body .klineLeftBtnBox svg {
  fill: #bcbcbc;
}
.classic-dark #kline_line_type .kline_line_type_list_box,
.dark-body #kline_line_type .kline_line_type_list_box {
  background: #191616;
  box-shadow: 0px 0px 4px 1px #353535;
}
.viewonnewpage{font-size: 16px; background: var(--brandColor);color: white;border-radius: 4px;padding: 10px;}
.amm-reward-bar{display: flex;justify-content: space-between;height: 40px !important;align-items: center;font-size: 14px;margin-top: 10px;}
.ui-step {margin-top:10px;position: relative;overflow: hidden;color:#999}
.ui-step .step-item {box-sizing:border-box;white-space:nowrap;float: left;zoom: 1;width: 33.33333333%;height: 28px;text-align: center;line-height: 28px;background-color: #eee;font-size: 12px;}
.ui-step .step-item b {float: right;position: relative;overflow: hidden;width: 0;height: 0;border-style: solid;_border-style: dotted dotted dotted solid;border-color: #ccc transparent transparent transparent;border-width: 15px;}
.ui-step .step-item .arrow-space {border-width: 20px;margin: -5px -35px -5px 0;border-color: transparent transparent transparent #fff;}
.ui-step .step-item .arrow-bg {right: -30px;margin-left: -30px;border-color: transparent transparent transparent #eee;}
.ui-step .step-item:first-child {border-radius: 3px 0 0 3px;}
.ui-step .step-item:last-child {border-radius: 0 3px 3px 0;}
.my-liquidity-title{color: #333333;}
.my-liquidity-title span:first-child{font-weight: bold;font-size: 14px;}
.my-liquidity-row{display: flex;justify-content: space-between;margin-top: 10px;align-items: center;}
.my-liquidity-row .first-span{color: #999999;font-size: 12px;}
.my-liquidity-row .last-span{color: #333;font-size: 14px;}
.my-liquidity-buttons{display: flex;justify-content: space-between;margin-top: 10px;}
.my-liquidity-buttons button{width: calc(50% - 10px);text-align: center;height: 32px;line-height: 32px;border: 0;border-radius: 3px;cursor: pointer;}
.my-liquidity-buttons .button-primary{background: var(--brandColor);color:#fff;}
.my-liquidity-buttons .button-light{background: none;color: var(--brandColor) !important;border: 1px solid var(--brandColor);}
.bottom-border-block{margin-top: 10px;border-radius: 3px;border: 1px solid #EEEEEE;}
.amm-pools-detail{margin-top: 20px;}
.bottom-border-block{padding:0 10px 10px 10px;}
.my-liquidity-row.coin-bgcolor .first-span{
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.my-liquidity-row.coin-bgcolor .first-span .icon-16{
  float: unset;
}
.coin-bgcolor{background-color: #fafafa;border-radius: 3px;height: 34px;padding: 0 20px;margin-left: -10px;margin-right: -10px;}
.amm-pools-trades{margin-top:20px;overflow: hidden;}
.amm-pools-trades .react-table{margin-top: 0;}
.amm-pools-trades .react-table th{background: none;}
.amm-pools-trades .react-table td,.amm-pools-trades .react-table th{padding:4px 2px;border-bottom: none;}
.amm-pools-trades .react-table td{font-weight: normal;font-size:12px;}
.amm-trades-tabs{border-bottom: 1px solid #eee;}
.amm-trades-tabs .item{margin-right: 16px;color: #999;font-size: 12px;cursor: pointer;}
.amm-trades-tabs .item.active{color:#333;font-size: 14px;margin-bottom: -1px;border-bottom: 2px solid var(--brandColor);}
.liq-bottom-price-percent{padding: 10px;background-color: #fafafa;border-radius: 3px;}
.liq-bottom-price-percent-row{display: flex; justify-content: space-between;}
.liq-bottom-price-percent-row span:last-child{color:#333;}
.liq-remove-popup-content .liq-bottom-price-percent{margin-top: 20px;}
.liq-remove-popup-content .lq-coin-select-container{margin-bottom: 0;}
.progress-bar-wrapper{padding-top:12px}
.progress-outer{display:flex;width:100%;height:4px;border-radius:2px;background:#f7f7f7;cursor:pointer;align-items:center}
.progress-inside{height:4px;background:var(--brandColor)}
.progress-dots{position:relative;top:-8px;pointer-events:none}
.dot-item{display:inline-block;box-sizing:border-box;width:8px;height:8px;border-radius:50%;background:var(--brandColor)}
.dot-item:first-child{width:12px;height:12px}
.dot-item.no-cover{border:2px solid #f7f7f7;background:#fff}
.progress-point{position:relative;left:-4px;z-index:1;margin-right:-6px;width:12px;height:12px;border:2px solid var(--brandColor);border-radius:50%;background:#fff;cursor:move}
.slider-index-top{position: relative;height: 20px;}
.slider-index-top span{position: absolute;color:var(--brandColor);background-color: #DCEEEF;padding:0 2px;bottom: 0;border-radius: 2px;width: 34px;height:20px;line-height: 20px;text-align: center;box-sizing: border-box;font-size: 12px;}
.remove-lq-amounts-coin{width: calc(50% - 5px);border-radius: 4px;border: 1px solid #EEEEEE;display: flex;padding:16px;box-sizing: border-box;height: 74px;}
.remove-lq-amounts-coin .icon-16{margin-right: 10px;min-width: 16px;}
.remove-lq-amounts-coin .flex-vertical span:last-child{margin-top: 10px;}
.amm-rank-0{color:var(--brandColor);position: relative;}
.amm-rank-1{color: #E5A906;position: relative;}
.amm-rank-2{color:#49979C;position: relative;}
.shadows-rank{position: absolute;width: 14px;height: 6px;border-radius: 1px;opacity: 0.2;top: 10px;}
.amm-rank-0 .shadows-rank{background: var(--brandColor);}
.amm-rank-1 .shadows-rank{background: #E5A906;}
.amm-rank-2 .shadows-rank{background: #49979C;}
.s-chart-img > em{display: inline;height: 15px;width: 15px;margin-left: 4px;margin-top: -2px;padding: 0;background-image: url(/images/profitchart.png);background-size: cover;}
.spot-tab .hot-icon{position: absolute;z-index: 1;top:-10px;left: 70%;}
.title-line .total svg:hover{color: var(--brandColor);}
.helper-doc{height: 10px;position: relative;margin-left: 2px;padding-left: 2px;border-left: 1px solid #5D6F75;line-height: 13px;}
.helper-video-open{color: #5d6f75}
.helper-video-open:hover{color: var(--brandColor);}
.dealbox .inputRate{border:0 !important;background: #F7F7F7;height: 40px;color:#333;}
.dealbox .input-title{top: 20px;}
#loopOrder_bid_offset_num,#loopOrder_ask_offset_num,#bid_offset_num,#ask_offset_num{padding-top: 10px}
.h17{height: 17px;}
.change-pricetype{position: absolute;right: 10px;top: 20px;font-size: 16px;cursor: pointer;transition: all 0.3s;}
.change-pricetype.open{transform: rotate(180deg);}
.marketprice-dropdown{position: absolute;right: 0;top:48px;z-index: 1;background: #FFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);border-radius: 4px;display: none;}
.marketprice-dropdown li{height: 40px;line-height: 41px;padding:0 16px;}
.marketprice-dropdown li:hover{background: #F7F7F7;cursor: pointer;}
.buy_sell_area{font-weight: 500;}
.dealbox .coin-unit{color:#333; font-weight: 500;}
.click_fee{transition: all 0.3s; cursor: pointer;}
.click_fee .deg180{transform:rotate(180deg)}
.dealbox #ask_rate,.dealbox #bid_rate{padding-right: 48px;}
.vertical-divider{border-right: 1px solid #e6e6e6;position: absolute;right: 35px;height: 20px;top: 18px;}
#trade-market-tabs{font-size: 16px;height: 32px;line-height: 32px;background: #f7f7f7;margin:0 -15px;display: flex;justify-content:flex-start;align-items: center;}
#trade-market-tabs .item{padding: 0 16px;cursor: pointer;width: 148px;display: flex;justify-content: start;position: relative;height: 32px;align-items: center;}
#trade-market-tabs .item.active{background: #fff;}
#trade-market-tabs .vdirivder{
  border-right: 1px solid #F0F0F0;
  height: 24px;
  width: 0;
  position: absolute;
  left: 0;
  top: 4px;
}
#trade-market-tabs .item.active .vdirivder,#trade-market-tabs .item:last-child .vdirivder{display: none;}
.mtabs-close{cursor: pointer;font-size: 12px;display: none;position: absolute;right: 8px;}
.market-tabs-name-row{height:20px}
#trade-market-tabs .item:hover .mtabs-close{display: block;}
#trade-market-tabs .item.active .mtabs-close{display: block;}
#trade-market-tabs.length-1 .mtabs-close{display: none !important;}
.market-price-row-scroll{height: 12px;line-height: 12px;font-size: 12px;margin-left: 10px;display: flex;flex-direction: column;}
#multichart-container{height: 700px;margin:0 -15px;}
#multichart-container *{box-sizing: border-box;}
.mcharts-innner-container{display: flex;flex-wrap: wrap;height: 100%;background: #f0f0f0;}
.multichart-single-container{width: calc((100% - 2px)/2);height:calc((100% - 2px)/2);position: relative;background: #fff;border:1px solid transparent;}
.multichart-single-container:nth-child(2),.multichart-single-container:nth-child(4){margin-left:1px;}
.multichart-single-container.active{border-color:var(--brandColor);}
.classic-dark  .multichart-single-container{background:#0A0B0D ;}
.mode-switchicon{width:40px;text-align: center;position: relative;}
.mode-switchicon:hover .mode-switchicon-dropdown{display: block !important;}
.mode-switchicon-dropdown{
  display: none;
  z-index: 1;
  border-radius: 2px;
  border: 1px solid #eee;
  position: absolute;
  top: 29px;
  width: 100px;
  background-color: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: 88px;
  padding-top: 4px;
  box-sizing: border-box;
}
.en-body .mode-switchicon-dropdown{width: 120px;}
.mode-switchicon-dropdown li{height: 40px;padding-left:16px;text-align: left;box-sizing: border-box;cursor: pointer;font-size: 14px;}
.mode-switchicon-dropdown li>.icon{margin-right: 8px;}
.mode-switchicon-dropdown li:hover{background: #F7F7F7;}
.single-tv-chart-title{height: 34px;display: flex;justify-content: space-between;padding:0px 16px;align-items: center;}
.single-tv-chart{height:calc(100% - 34px);padding: 0 10px;}
.title-market-name{font-size: 14px;margin-right: 8px;}
.title-name-price{font-size: 12px;margin-right: 8px;}
.title-right-icons svg{font-size: 16px;cursor: pointer;margin-left: 8px;}
.tv-time-select{width: 214px;background: #FFFFFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;padding:16px;font-size: 12px;position: absolute;right: 0;top: 34px;z-index:1}
.tv-time-select>div{align-items: flex-start;margin-top: 16px;justify-content: flex-start;}
.tv-time-select>div:first-child{margin-top: 0;}
.tv-time-select ul{display: flex;flex-wrap: wrap;}
.tv-time-select li{width: 48px;height: 24px;line-height: 24px;background: #F7F7F7;border-radius: 12px;margin-left:8px;text-align: center;cursor: pointer;}
.tv-time-select li.active{background: #FCEDEF;color:#e64e62;}
.empty-chart-tips{
  width: 250px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  pointer-events: none;
  text-align: center;
  line-height: 100px;
}
.en-body .tv-time-select{width:250px;}
.en-body .time-type{width: 40px;}
.refresh-mypool-btn{display: inline-block;}
@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.refresh-mypool-btn svg{cursor: pointer;}
.refresh-mypool-btn.rotate svg{
  cursor: not-allowed;
  animation:infinite-spinning 1s infinite linear;
}

#mianTlist .curr_icon{
    height:48px;
    width: 48px;
    border: 50%;
    margin-right: 0;
    padding-right:0;
}
#mianTlist > span a{
    font-size: 24px;
    line-height: 34px;
}
#mianTlist .coin-title i{
    font-size: 24px;
    color:#333;
    font-weight: 500;
    line-height: 34px;
}
.classic-dark #mianTlist .coin-title i,.dark-body #mianTlist .coin-title i{
    color:#e6e6e6;
}
#curr_b_name.show-trade-tip{
    font-size: 24px;
    line-height: 34px;
    cursor: unset;
}
#mianTlist span.fav_btn{margin-top: -14px;margin-left: 20px}
#mianTlist .coin-title{padding-right: 32px}
#seo-coin{
    background: transparent;
    position: absolute;
    top:84px;
    z-index: 9;
    left: 46px;
    margin-top: -24px;
    display: none;
    cursor: initial;
}
.seo-coin-container{
    width: 400px;
    background: rgba(0,0,0,0.8);
    border-radius: 8px 8px 8px 8px;
    align-items: center;
    padding: 16px 16px 16px;
    flex-direction: column;
    display: flex;
    color:#fff;
    margin-top: 8px;
}
.en-body .seo-coin-container{
    font-family: din;
}
.seo-coin-container::before{
    content: '';
    width: 0;
    height: 0;
    border: 8px solid;
    position: absolute;
    top: -8px;
    left: 21px;
    border-color: transparent transparent rgba(0,0,0,0.8) ;
}
.seo-coin-container .seo-coin-title-container{
    width: 100%;
    border-bottom: 1px solid #4F555C;
    padding: 0 0 8px;
    display: flex;
    line-height: initial;
    align-items: flex-end;
}
.seo-coin-container .seo-coin-name{
    font-size: 18px;
    font-weight: 500;
    font-family: din;
}
.seo-coin-container .seo-coin-full-name{
    font-size: 12px;
    font-weight: 400;
    margin-left: 8px;
}
.seo-coin-container .seo-content-container{
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
    padding-top: 12px;
}
.seo-coin-container .seo-content{
    font-size: 12px;
    padding-right: 16px;
    line-height: 22px;
    max-height:220px;
    overflow-y: auto;
    color:#e6e6e6;
}
.seo-coin-container ::-webkit-scrollbar-thumb{
    background-color: #999;
}
.seo-coin-container ::-webkit-scrollbar-track-piece{
    background-color: #666;
    border-radius: 4px;
}
.coin-info-container{
    line-height: 2;
}
.coin-info-container .coin-info-item a{
    font-size: 12px !important;
    color: var(--brandColor) !important;
    line-height: initial !important;
}
#trade-coin-book{cursor: pointer;margin-right: 2px}
.curr_coin_name_hover #trade-coin-book svg{
    fill:#e64e62;
}
#curr_coin_name:hover{color: var(--brandColor)}
.dark-body #curr_coin_name:hover,.dark-body .curr_coin_name_hover #trade-coin-book path,.dark-body .curr_coin_name_hover{color: #F0435A}
.classic-dark .curr_coin_name_hover #trade-coin-book path,.classic-dark .curr_coin_name_hover{color: #F0435A}

html[lang=ar] .seo-coin-container .seo-content-title{
   text-align: right;
}
#coin-full-name{text-decoration:underline;cursor: pointer}
.dark-body #coin-full-name:hover{color: #F0435A}
.dark-body .curr_coin_name_hover #trade-coin-book svg,.classic-dark .curr_coin_name_hover #trade-coin-book svg{fill: #F0435A}
html[lang=ar] .seo-coin-container .seo-content{
    padding-right: unset;
    padding-left: 16px;
}
.trade-market-link{cursor: pointer;}
.margin-cross-title .close-force{color: #E64E62;margin-right: 10px;}
.close-force .icon{font-size: 16px;}
.border-maintheme{border-color: var(--warningColor);}
.warning-tab-trade{margin: 0 -15px 0 -15px;display: flex;align-items: center;justify-content: center;background: #FFF3E1;padding: 8px 46px 8px 16px;}
.warning-tab-cloose-trade{position: absolute;right: 14px;cursor: pointer;}
.yellow-warning-trade{color:#FF9500}
.warning-text-trade{color:#333}
.flex-col{flex-direction: column;display: flex;}
.create-Ai-btn{width: 100%;height: 42px;font-size: 1.2em;font-weight: bold;color: #fff;border: 0;border-radius: 5px;cursor: pointer;background: var(--brandColor);}
.create-Ai-btn:hover{background: var(--brandColor)!important;}
.amm-rate-span{color:var(--warningColor);background-color: rgba(230,35,35,0.1);padding:0 4px;border-radius: 9px;height: 20px;line-height: 21px;display: inline-block;font-weight: 500;}
.top-spot-market-name .zerofee-flag{position: absolute;top:2px}

.go-to-new-trade-wrap {
  width: 100%;
  height: 56px;
  background-color: var(--color-cmpt-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 18px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}

.go-to-new-trade-wrap .info-icon {
  fill: var(--color-other-2);
  margin-right: 10px;
}

.go-to-new-trade-wrap .tips-text {
  color: var(--color-text-1);
}

.go-to-new-trade-wrap .link-text {
  color: var(--color-text-6);
}

.go-to-new-trade-wrap .right-icon {
  margin-left: 2px;
  vertical-align: -3px;
}

.go-to-new-trade-wrap  .close-arrow {
  cursor: pointer;
  fill: var(--color-neutral-1);
}


.go-to-new-trade-modal-wrap {
  width:640px;
  /* height:525px; */
  box-sizing: border-box;
  border-radius: 8px;
  padding-top: 40px;
  padding-bottom: 36px;
  position: relative;
  background-color: var(--color-bg-3);
}

.go-to-new-trade-modal-wrap .go-to-new-trade-modal-wrap-close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}

.go-to-new-trade-modal-wrap .go-to-new-trade-modal-wrap-close .icon {
  width: 24px;
  height: 24px;
  color: var(--colorFont4);
}

.go-to-new-trade-modal-wrap .go-to-new-trade-modal-wrap-header {
  padding: 0 72px 0 40px;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 52px;
  color: var(--textColor1);
}
.go-to-new-trade-modal-wrap .go-to-new-trade-modal-wrap-body {
  padding: 0 46px 16px 40px;
  display: flex;
}

.go-to-new-trade-modal-wrap .go-to-new-trade-modal-wrap-body-left-list {
  margin-right: 18px;
  flex: 1;
}
/* --Card-3 */

.go-to-new-trade-modal-wrap .go-to-new-trade-modal-wrap-body-left-list-item {
  background-color: var(--tabBg);
  color: var(--colorFont2); 
  padding: 24px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  border-radius: 8px;
  cursor: pointer;
} 
.go-to-new-trade-modal-wrap .go-to-new-trade-modal-wrap-body-right img {
  width: 240px;
  height: 270px;
}
.go-to-new-trade-modal-wrap .go-to-new-trade-modal-wrap-footer{

  margin:28px  46px 0 46px;
}

.go-to-new-trade-modal-wrap .go-to-new-trade-modal-wrap-footer .go-to-new-trade-modal-wrap-footer-btn {
  display:block;
  height: 52px;
  background-color: var(--brandColor);
  border-radius: 8px;
  line-height: 52px;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  color: white;
}

.go-to-new-trade-modal-wrap .go-to-new-trade-modal-wrap-footer .go-to-new-trade-modal-wrap-footer-btn:hover {
  background-color: var(--color-brand-2) ;
}