@charset "utf-8";
/* CSS Document */

body{margin:0;padding:0;line-height:22px;-webkit-text-size-adjust:none;font:14px/18px "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Microsoft Yahei,微软雅黑,STXihei,华文细黑,sans-serif;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#666;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
button{cursor:pointer;}button:focus{outline:none;}input:focus{border-color:#357ce1!important;}

html {width:100%;min-width:1450px;}
html::-webkit-scrollbar{width:5px;height:5px}
html::-webkit-scrollbar,html ::-webkit-scrollbar-track{background-color:transparent}
html::-webkit-scrollbar-thumb{border-radius:4px}
html::-webkit-scrollbar-thumb{width:5px;height:5px;background-color:rgba(127,143,164,.4)}

.flex{display:flex;}.hp_100{height:100%;}
.align-left{text-align:left;}.align-right{text-align:right;}

/* 主题色 */
.th-day {} /* 白色 */
.th-dark {} /* 暗黑 */

/* 顶部样式 */
html.th-day .header {background-color:#2558d9!important;}
html.th-dark .header {background-color:#131625!important;}

/* 全局样式 */
html.th-day .bg-colour {background-color:#fff;}
html.th-dark .bg-colour {background-color:#171b2b;color:#d2d6ec;}

html.th-day .card_head{background-color:#f2f6fa;color:#1c242c;border-bottom:1px solid;border-color:#e6ecf2;}
html.th-dark .card_head{background-color:#131625;color:#d2d6ec;border-bottom:1px solid;border-color:#111217;}

.color-sell,.color-down,.color-fall {color:#fa5252!important;}
.color-buy,.color-up,.color-rise {color:#12ba87!important;}
.bg-buy{background-color:#41b37d;}.bg-buy:hover{background-color:#0ca678;}
.bg-sell{background-color:#d74e5a;}.bg-sell:hover{background-color:#f03e3e;}

/* 容器主体 */
html.th-day .trade_content_wrap {background-color:#e5ebf5;}
html.th-dark .trade_content_wrap {background-color:#252a44;}
.trade_content_wrap {margin:0 auto;width:100%;overflow:hidden;}

.trade_main {
	padding: 5px;
	width: 100%;
	height: 690px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (min-width: 1400px) {
	.trade_main {height:790px;}
}
.trade_main > div {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;}


/* 左容器 */
.trade_main > div.left-column,.trade_main > div.left-column .coin-switch {height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;}
.trade_main > div.left-column {width:300px;position:relative;flex-direction:column;border-radius:2px;}
.trade_main > div.left-column .coin-switch {flex-direction:column;-webkit-box-flex:1;-ms-flex:auto;flex:auto;padding-bottom:0;}
.coin-switch .card-top-tabs {padding:8px 8px 8px 16px;min-height:28px;box-sizing:border-box;}

html.th-day .card-top-tabs span {color:#596a7a;}
html.th-dark .card-top-tabs span {color:#b0b8db;}
.coin-switch .card-top-tabs span {float:left;height:22px;line-height:22px;font-size:12px;padding:0 4px;margin:0 6px 6px 0;border-radius:2px;border-bottom:0;cursor:pointer;}
html.th-day .card-top-tabs span:hover {background-color:rgba(229,235,245,.7);}
html.th-dark .card-top-tabs span:hover {background-color:rgba(37,42,68,.7);}
.coin-switch .card-top-tabs span:hover {-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.coin-switch .card-top-tabs span.tabs-active {color:#fff;background-color:#357ce1;}
.coin-switch .card-top-tabs span.tabs-active:hover {color:#fff;background-color:#357ce1;}

.coin-switch .card-bottom-tabs {overflow:hidden;}

.coin-switch .actions {width:100%;padding:0 8px 0 16px;margin-bottom:8px;}
.coin-switch .actions .search-bar {position:relative;width:240px;height:28px;margin-right:8px;border:0;}

html.th-day .coin-switch .actions .search-bar input {border-color:#d2d6ec;color:#1c242c;}
html.th-dark .coin-switch .actions .search-bar input {border-color:#383f66;color:#b0b8db;}
html.th-day .coin-switch .actions .search-bar input::-webkit-input-placeholder {color:#9ca9b5;}
html.th-dark .coin-switch .actions .search-bar input::-webkit-input-placeholder {color:#697080;}
.coin-switch .actions .search-bar input {height:100%;width:100%;padding-left:26px;border:1px solid;border-radius:2px;font-size:12px;background-color:transparent;caret-color:#357ce1;}
.coin-switch .actions .search-bar input:focus {border-color:#357ce1!important;}

html.th-day .coin-switch .actions .search-bar i.icon_search {background: url("../gateio_img/icon_search_day.png") no-repeat;}
html.th-dark .coin-switch .actions .search-bar i.icon_search {background: url("../gateio_img/icon_search_dark.png") no-repeat;}
.coin-switch .actions .search-bar i.icon_search {
	position: absolute;
	left: 8px;
	top: calc(50% - 6px);
	display: inline-block;
	width: 12px;
	height: 12px;
}


/* 右容器 */
.trade_main > div.right,.trade_main > div.right .center-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}
.trade_main > div.right {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: calc(100% - 330px);
	height: 100%;
}

/** 右容器 - 中间 **/
.trade_main > div.right .center-column {
	margin: 0 5px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(100% - 342px);
	white-space:nowrap;
	position: relative;
}
@media screen and (min-width: 1720px) {
	.trade_main > div.right .center-column {width:calc(100% - 678px);}
}
.trade_main > div.right .center-column .trade-chart {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	height: 100%;
}
.center-column .trade-chart .card_head {height:55px;overflow:hidden;}
.center-column .trade-chart .card_head .price-container {
	float: left;
	display: inline-block;
	margin-right: 22px;
	line-height: 55px;
	overflow: hidden;
}
.center-column .trade-chart .card_head .price-container img.symbol-icon {vertical-align:middle;}
.center-column .trade-chart .card_head .price-container span.symbol-name {margin-left:5px;font-size:20px;font-weight:700;vertical-align:middle;}

.center-column .trade-chart .card_head dl.market-price-main {display:inline-block;overflow:hidden;}
.center-column .trade-chart .card_head dl dd {float:left;margin-right:15px;padding:8px 0;line-height:20px;}
.center-column .trade-chart .card_head dl dd.new-price {margin-right:22px;}
.center-column .trade-chart .card_head dl dd.new-price .price {font-size:18px;}

html.th-day .center-column dd.new-price .estimate {color:#9ca9b5;}
html.th-dark .center-column dd.new-price .estimate {color:#61688a;}
.center-column .trade-chart .card_head dl dd.new-price .estimate {font-size:12px;font-style:normal;text-transform:uppercase;}
html.th-day .center-column dd .coin_title {color:#9ca9b5;}
html.th-dark .center-column dd .coin_title {color:#61688a;}
.center-column .trade-chart .card_head dl dd .coin_title {font-size:12px;}
html.th-day .center-column dd .coin_value {color:#596a7a;}
html.th-dark .center-column dd .coin_value {color:#b0b8db;}
.center-column .trade-chart .card_head dl dd .coin_value {font-size:12px;}

.center-column .trade-chart .card_body iframe {height:305px;}
@media screen and (min-width: 1400px) {
	.center-column .trade-chart .card_body iframe {height:404px;}
}

.trade_main > div.right .center-column .trade-form {margin-top:5px;}

.center-column .trade-form .card_head {line-height:36px;font-size:14px;}
.center-column .trade-form .card_head .head-top-tabs {}

html.th-day .center-column .trade-form .card_head .head-top-tabs span {color:#596a7a;}
html.th-dark .center-column .trade-form .card_head .head-top-tabs span {color:#b0b8db;}
.center-column .trade-form .card_head .head-top-tabs span {
	display: inline-block;
	margin-right: 16px;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
}
html.th-day .center-column .trade-form .card_head .head-top-tabs span.active {color:#1c242c;}
html.th-dark .center-column .trade-form .card_head .head-top-tabs span.active {color:#d2d6ec;}
.center-column .trade-form .card_head .head-top-tabs span.active {
	border-bottom: 2px solid;
	border-bottom-color: #357ce1;
}

.center-column .trade-form .card_body {
	padding: 5px 0 10px 0;
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}
.center-column .trade-form .card_body .exchange-form{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.center-column .trade-form .card_body .exchange-form:first-child {position:relative;padding:10px 16px;}
.center-column .trade-form .card_body .exchange-form:first-child:after {content:"";height:100%;border-right:1px dashed;position:absolute;top:0;right:0;margin:20px 0;height:calc(100% - 32px);}
html.th-day .center-column .trade-form .card_body .exchange-form:first-child:after{border-color:#cad7e0;}
html.th-dark .center-column .trade-form .card_body .exchange-form:first-child:after{border-color:#3f4254;}
.center-column .trade-form .card_body .exchange-form:nth-child(2) {padding:10px 16px;}

.center-column .trade-form .card_body .exchange-form div.form-line {margin-bottom:6px;height:21px;font-size:14px;}
.center-column .trade-form .card_body .exchange-form div.form-line span.label {margin-right:8px;}
html.th-day .center-column .trade-form .card_body .exchange-form div.form-line span.label {color:#9ca9b5;}
html.th-dark .center-column .trade-form .card_body .exchange-form div.form-line span.label {color:#61688a;}
.center-column .trade-form .card_body .exchange-form div.form-line a {float:right;color:#357ce1;}

.center-column .trade-form .card_body .exchange-form div.form-item {position:relative;margin-bottom:8px;}
html.th-day .center-column .trade-form .card_body .exchange-form div.form-item {color:#9ca9b5;}
html.th-dark .center-column .trade-form .card_body .exchange-form div.form-item {color:#61688a;}
.card-input-prefix {position:absolute;top:50%;left:12px;z-index:2;line-height:0;pointer-events:none;}
.card-input-suffix {position:absolute;top:50%;right:12px;z-index:2;line-height:0;pointer-events:none;}

html.th-day .center-column .trade-form .card_body .exchange-form div.form-item input {border-color:#cad7e0;color:#1c242c;}
html.th-dark .center-column .trade-form .card_body .exchange-form div.form-item input {border-color:#383f66;color:#d2d6ec;}
.center-column .trade-form .card_body .exchange-form div.form-item input {
	padding-left: 85px;
	font-weight: 500;
	width: 100%;
	height: 38px;
	border:1px solid;
	border-radius: 2px;
	color: #d2d6ec;
	font-size: 14px;
	background-color: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.center-column .trade-form .card_body .exchange-form div.form-item input:not(:last-child) {
	padding-right: 30px;
}

.percentage-slider {
	display: flex;
	margin-top: 10px;
	margin-bottom: 15px;
	height: 30px;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}
html.th-day .percentage-slider span {color:#9ca9b5;border-color:#cad7e0;}
html.th-dark .percentage-slider span {color:#61688a;border-color:#383f66;}
.percentage-slider span {
	display: flex;
	width: 22%;
	height: 100%;
	border: 1px solid;
	border-radius: 2px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.box-buy .percentage-slider span.active {color:#fff!important;background-color:#41b37d;border-color:#0ca678!important;}
.box-sell .percentage-slider span.active {color:#fff!important;background-color:#d74e5a;border-color:#d74e5a!important;}

.center-column .trade-form .card_body .exchange-form button.btn {margin-top:10px;width:100%;height:40px;font-size:15px;font-weight:400;border:none;border-radius:3px;}
.center-column .trade-form .card_body .exchange-form .submit {display:block;height:34px;color:#fff;text-transform:capitalize;-webkit-box-sizing:border-box;box-sizing:border-box;}
.center-column .trade-form .card_body .exchange-form .submit:hover {-webkit-transition:all .15s,margin-top 0s;-o-transition:all .15s,margin-top 0s;transition:all .15s,margin-top 0s;}
.center-column .trade-form .card_body .exchange-form .global-btn {background:none;border:1px solid #383f66!important;text-align:center;}


/** 右容器 - 右侧 **/
.trade_main > div.right .right-column {float:right;display:flex;width:330px;height:100%;position:relative;}
@media screen and (min-width: 1720px) {
	.trade_main > div.right .right-column {width:665px;}
}
.right-column .right-trades-column {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
}

.right-column .right-trades-column ul {
	height: 44px;
	line-height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 1719px) {
	html.th-day .right-column .right-trades-column ul {background-color:#f2f6fa;border-color:#e6ecf2;}
	html.th-dark .right-column .right-trades-column ul {background-color:#131625;border-color:#111217;}
	.right-column .right-trades-column ul {border-bottom:1px solid;border-radius:2px 2px 0 0;}
}

html.th-day .right-trades-column ul li {background-color:#f2f6fa;border-color:#e6ecf2;}
html.th-dark .right-trades-column ul li {background-color:#131625;border-color:#111217;color:#d2d6ec;}
.right-column .right-trades-column ul li {float:left;width:100%;height:44px;padding:0 16px;border-bottom:1px solid;border-radius:2px 2px 0 0;color:#1c242c;box-sizing:border-box;}
.right-column .right-trades-column ul li:first-child {margin-right:5px;}

@media screen and (max-width: 1719px) {
	html.th-dark .right-trades-column ul li {border-top-color:#131625;}
	html.th-day .right-trades-column ul li.tabs-active {background-color:#fff;border-top-color:#357ce1;}
	html.th-dark .right-trades-column ul li.tabs-active {background-color:#171b2b;border-top-color:#357ce1;}

	.right-column .right-trades-column ul li {float:left;padding:0 16px;width:auto;height:43px;border-top:2px solid;border-bottom:0;cursor:pointer;box-sizing:border-box;}
	.right-trades-column ul li.tabs-active {height:45px;}
	.right-column .right-trades-column ul li:last-child {border-radius:0;}
	.right-column .right-trades-column ul li:first-child {margin-right:0;border-radius:2px 0 0 0;}
}

html.th-day .right-trades-column .card-bottom-tabs > div {background-color:#fff;}
html.th-dark .right-trades-column .card-bottom-tabs > div {background-color:#171b2b;color:#d2d6ec;}
.right-column .right-trades-column .card-bottom-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	height: calc(100% - 44px);
	border-radius: 0 0 2px 2px;
}
.right-column .right-trades-column .card-bottom-tabs > div {
	border-radius: 0 0 2px 2px;
	width: 100%;
	height: 100%;
}
.right-column .right-trades-column .card-bottom-tabs .orderbook {
	margin-right: 5px;
	overflow: visible;
}

html.th-day .card-bottom-tabs .tabs_head {background-color:#fff;color:#9ca9b5;border-color:#e6ecf2;}
html.th-dark .card-bottom-tabs .tabs_head {background-color:#171b2b;color:#61688a;border-color:#111217;}
.card-bottom-tabs .tabs_head {height:32px;line-height:32px;padding:0 11px;font-size:12px;border-bottom:1px solid;}
.card-bottom-tabs .tabs_head > span {display:block;float:left;}
.card-bottom-tabs .tabs_head > span:first-child {width:30%;text-align:left;}
.card-bottom-tabs .tabs_head > span:nth-child(2) {width:35%;text-align:right;}
.card-bottom-tabs .tabs_head > span:nth-child(3) {width:35%;text-align:right;}


.card-bottom-tabs dd.tabs_center {}
.card-bottom-tabs dd.tabs_center .trade-market-newPrice {
	position: relative;
	padding: 0 16px;
	width: 100%;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
}
.card-bottom-tabs dd.tabs_center span {font-size:12px;}
.card-bottom-tabs dd.tabs_center span.new-price em.price {font-size:18px;font-style:normal;}
html.th-day span.new-price em.rate {color:#9ca9b5;}
html.th-dark span.new-price em.rate {color:#61688a;}
.card-bottom-tabs dd.tabs_center span.new-price em.rate {margin-left:4px;font-style:normal;text-transform:uppercase;}

.card-bottom-tabs dd.tabs_body {box-sizing: border-box;}

html.th-day .card-bottom-tabs .tabs_body p a {color:#596a7a;}
html.th-dark .card-bottom-tabs .tabs_body p a {color:#b0b8db;}
html.th-day .card-bottom-tabs .tabs_body p:hover {background-color:rgba(229,235,245,.5);}
html.th-dark .card-bottom-tabs .tabs_body p:hover {background-color:rgba(37,42,68,.5);}
.card-bottom-tabs dd.tabs_body p {position:relative;padding:0 16px;height:26px;line-height:26px;font-size:12px;cursor:default;box-sizing:border-box;}
.card-bottom-tabs dd.tabs_body p span {display:block;float:left;}
.card-bottom-tabs dd.tabs_body p span:first-child {width:30%;text-align:left;}
.card-bottom-tabs dd.tabs_body p span:nth-child(2) {width:35%;text-align:right;}
.card-bottom-tabs dd.tabs_body p span:nth-child(3) {width:35%;text-align:right;}

.card-bottom-tabs .orderbook .tabs_body p{cursor:pointer;}
/*.orderbook p > span:nth-child(3),.timesales p > span:nth-child(3) {color: #515774;}*/

.right-trades-column .card-top-tabs {position:relative;z-index:1;}

.orderbook {}
.orderbook dl dt.tabs_head {position:relative;z-index:1;}
.orderbook dl {font-size:12px;position:relative;height:100%;overflow:hidden;}

html.th-day .orderbook dl div.tabs_listbox {border-color:#e6ecf2;}
html.th-dark .orderbook dl div.tabs_listbox {border-color:#111217;}
.orderbook dl div.tabs_listbox {top:calc(50% - 5px);left:0;width:100%;border:1px solid;border-right:none;border-left:none;position:absolute;}
.orderbook dl div.tabs_listbox dd.tabs_body {position:absolute;width:100%;left:0;}
.orderbook dl div.bs {}
.orderbook dl div.b {top:32px;}
.orderbook dl div.s {margin-top:-42px;top:100%;}

.orderbook dl dd.tabs_center {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

.orderbook dl dd.asks {bottom:42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}
.orderbook dl dd.bids {top:42px;}

.orderbook p span.rect {height:22px;opacity:0.1;position:absolute;right:0;z-index:0;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;}
.orderbook .color-sell p span.rect {background-color:#fa5252;}
.orderbook .color-buy p span.rect {background-color:#12ba87;}


.card-scroll {height:calc(100% - 32px);overflow-y:auto;}
html.th-day .card-scroll::-webkit-scrollbar {background-color:rgba(202,215,224,.3);}
html.th-dark .card-scroll::-webkit-scrollbar {background-color:rgba(63,66,84,.3);}
.card-scroll::-webkit-scrollbar {width:8px;}

html.th-day .card-scroll::-webkit-scrollbar-thumb {background-color:#cad7e0;}
html.th-dark .card-scroll::-webkit-scrollbar-thumb {background-color:#383f66;}
.card-scroll::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color:rgba(52,54,63,.5);
}


@media screen and (max-width: 1719px) {
	.right-trades-column > div .orderbook,.right-trades-column > div .timesales {display:none;}
	.right-trades-column > div .orderbook.active,.right-trades-column > div .timesales.active {display:block;}
	.right-column .right-trades-column .card-bottom-tabs .orderbook {margin-right:0;}
}

.coin-switch .card-bottom-tabs dd.tabs_body p {height:26px;line-height:26px;cursor:pointer;}
.right-trades-column .card-bottom-tabs dd.tabs_body p {height:22px;line-height:22px;}

.coin-switch .card-bottom-tabs dd.tabs_body p {padding:0 16px;padding-top:5px;height:50px;line-height:20px;font-size:14px;}
.coin-switch .card-bottom-tabs dd.tabs_body p img.symbol-icon {margin-top:10px;float:left;display:block;vertical-align:middle;}
.coin-switch .card-bottom-tabs dd.tabs_body p span em.title {margin-left:20px;display:block;font-style:normal;}
.coin-switch .card-bottom-tabs dd.tabs_body p span em.two-line {margin-left:20px;display:block;font-size:12px;font-style:normal;}
html.th-day em.two-line {color:#888;}
html.th-dark em.two-line {color: rgba(255,255,255,0.3);}

.card_head {padding: 0 16px;}
.card_head span {line-height:36px;font-size:14px;}

.content-center,.content-bottom {
	margin: 0 5px 5px 5px;
}
.content-bottom .card_head em {
	margin-left: 5px;
	font-style:normal;
	color: #61688a;
}
.content-center .card_head .extra,.content-bottom .card_head .extra {float:right;}
.content-center .card_head .extra a.head_link,
.content-bottom .card_head .extra a.head_link {margin-left:16px;line-height:36px;color:#357ce1;font-size:14px;}
.content-center .card_head .extra a.head_link:hover,
.content-bottom .card_head .extra a.head_link:hover{color:#6199e8}

.content-center .card_body,.content-bottom .card_body {width:100%;min-height:225px;}

html.th-day .card_body .order-head {background-color:#fff;color:#9ca9b5;border-color:#e6ecf2;}
html.th-dark .card_body .order-head {background-color:#171b2b;color:#61688a;border-color:#111217;}
.card_body .order-head {height:32px;line-height:32px;padding:0 16px;font-size:12px;}

html.th-day .card_body .order-body p {background-color:#fff;color:#596a7a;border-color:#e6ecf2;}
html.th-dark .card_body .order-body p {background-color:#171b2b;color:#b0b8db;border-color:#111217;}
html.th-day .card_body .order-body p:hover {background-color:rgba(229,235,245,.5);}
html.th-dark .card_body .order-body p:hover {background-color:rgba(37,42,68,.5);}
.card_body .order-body p {height:44px;line-height:44px;margin:0 16px;font-size:12px;border-bottom:1px solid;}

html.th-day .card_body .order-body p span.action .submitted {border-color:#cad7e0;}
html.th-dark .card_body .order-body p span.action .submitted {border-color:#383f66;}
.card_body .order-body p span.action .submitted {
	display: inline-block;
	line-height: 19px;
	padding: 2px 10px;
	border:1px solid;
	border-radius: 3px;
	cursor: pointer;
	color: #357ce1;
	box-sizing: border-box;
}
.card_body .order-body p span.action .submitted:hover {color:#357ce1;border-color:#357ce1!important;}

html.th-day .card_body .order-body div.no-data {color:#9ca9b5;}
html.th-dark .card_body .order-body div.no-data {color:#b0b8db;}
.card_body .order-body div.no-data {
	height: 225px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.card_body .order-body div.no-data .text-content {font-size:16px;}


.content-center .card_body span {display:block;float:left;white-space:nowrap;text-align:right;}
.content-center .card_body span.time {width:9%;text-align:left;}
.content-center .card_body span.symbol {width:8%;}
.content-center .card_body span.direct {width:9%;}
.content-center .card_body span.price {width:12%;}
.content-center .card_body span.amount {width:13%;}
.content-center .card_body span.amount-total {width:13%;}
.content-center .card_body span.amount-executed {width:13%;}
.content-center .card_body span.amount-unexecuted {width:13%;}
.content-center .card_body span.action {width:10%;}

.content-bottom .card_body span {display:block;float:left;white-space:nowrap;text-align:right;}
.content-bottom .card_body span.time {width:8%;text-align:left;}
.content-bottom .card_body span.symbol {width:7%;}
.content-bottom .card_body span.direct {width:8%;}
.content-bottom .card_body span.price {width:11%;}
.content-bottom .card_body span.amount {width:12%;}
.content-bottom .card_body span.amount-executed {width:12%;}
.content-bottom .card_body span.amount-average {width:12%;}
.content-bottom .card_body span.amount-sum {width:12%;}
.content-bottom .card_body span.state {width:9%;}
.content-bottom .card_body span.action {width:9%;}

.order-body span.symbol {text-transform:uppercase;}

/* 加载动画 */
.loading-box {display:none;}
.loading {position:relative;overflow-y:hidden;}
.loading .loading-box {
	position: relative;
	z-index: 99;
	display: block;
	padding: 20px 0;
	width: 100%;
	height: calc(100%);
	text-align: center;
}
html.th-day .loading .loading-box {background-color:#fff;}
html.th-dark .loading .loading-box {background-color:#171b2b;}

em.icon-loading {display:block;margin:0 auto;width:50px;height:50px;background-size:100% 100%;background-repeat:no-repeat;}
html.th-day em.icon-loading {background-image:url("../gateio_img/loading-day.gif");}
html.th-dark em.icon-loading {background-image:url("../gateio_img/loading-dark.gif");}

.center-column .trade-chart .card_body .loading-box {top:calc(25%);}
.center-column .trade-chart .card_body .loading-box em.icon-loading {width:100px;height:100px;}

/* Floating window */
.float_win_pay {
	margin: 0 auto;
	min-width: 450px;
	min-height: 200px;
	padding-bottom: 15px;
	background: #fff;
	border-radius: 10px;
}
.float_win_pay .tan_title {
	padding: 0 40px;
	height: 60px;
	background-color: #394aa9;
	border-radius: 10px 10px 0 0;
}
.float_win_pay .tan_title h4 {
	font-weight: normal;
	color: #fff;
	font-size: 20px;
	line-height: 60px;
	float: left;
}
.float_win_pay .tan_title .close-btn {
	display: block;
	float: right;
	line-height: 60px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
	cursor: pointer;
	border-radius: 1rem;
	transition: all 0.2s ease-in-out;
}

.float_win_pay .payment_content{
	min-width: 450px;
	margin: 30px 0 0 0;
	padding: 0 40px;
}
.float_win_pay .payment_content ul li{
	margin-bottom: 17px;
}
.float_win_pay .payment_content ul li .label-1{
	display: inline-block;
	padding-right: 15px;
	width: 30%;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	text-align: right;
	box-sizing: border-box;
}
.float_win_pay .payment_content ul li .input-1{
	padding-left: 10px;
	padding-right: 10px;
	width: 65.5%;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #333;
	border:1px solid #D4D4D4;
	border-radius: 3px;
	transition: all,.3s;
	box-sizing: border-box;
}
.float_win_pay .payment_content ul li .input-2{
	padding-left: 10px;
	padding-right: 10px;
	width: 65.5%;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #8c8c8c;
	background-color: #f1f1f1;
	border:1px solid #D4D4D4;
	border-radius: 3px;
	transition: all,.3s;
	box-sizing: border-box;
	cursor: not-allowed;
}
.float_win_pay .payment_content ul li .vcode-1{
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	width: 35%;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #333;
	border:1px solid #D4D4D4;
	border-radius: 3px;
	transition: all,.3s;
}
.float_win_pay .payment_content ul li .btns{
	margin: 0 auto;
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background-color: #4f64dc;
	border: 1px solid #6378f1;
	border-radius: 1000px;
	transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	cursor: pointer;
}
.float_win_pay .payment_content ul li .btns:hover{
	color: #fff;
	background-color: #6378f1;
	border: 1px solid #6378f1;
}
.float_win_pay .payment_content ul li .code-num{
	display: inline-block;
	margin-left: 10px;
	width: 26%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background-color: #4f64dc;
	border: none;
	outline: none;
	border-radius: 4px;
	transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	cursor: pointer;
}
.float_win_pay .payment_content ul li .code-num:hover{
	color: #fff;
	background-color: #6378f1;
}
.float_win_pay .payment_content ul li p.forget{
	font-size: 14px;
}
.float_win_pay .payment_content ul li p.forget a{
	color: #0093ff;
}