@font-face {
	font-family: hb_icon;
	src: url(/assets/fonts/hb_icon_8c0cfc05c179e25d8e94a09190668c84.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/hb_icon_8c0cfc05c179e25d8e94a09190668c84.svg#hb_icon) format("svg");
	font-weight: normal;
	font-style: normal;
}
[data-icon]::before {
	content: attr(data-icon);
}
[data-icon]::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_add::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_auth::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_balance::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_caret_down::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_close::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_day::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_facebook::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_info::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_logout::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_marked::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_medium::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_night::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_notice::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_orders::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_qr::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_refresh::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_security::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_sort::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_sort_asc::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_sort_desc::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_split_coin::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_telegram::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_tip::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_toast_failed::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_toast_success::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_twitter::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_unmarked::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_user::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_wechat::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_weibo::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_youtube::before {
	text-transform: none; line-height: 1; font-family: "hb_icon"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: inherit; display: inline-block; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
.hb_icon_add::before {
	content: "\F1C9";
}
.hb_icon_auth::before {
	content: "\F1E7";
}
.hb_icon_balance::before {
	content: "\F1CE";
}
.hb_icon_caret_down::before {
	content: "\F1CF";
}
.hb_icon_close::before {
	content: "\F1D0";
}
.hb_icon_day::before {
	content: "\F1D1";
}
.hb_icon_facebook::before {
	content: "\F1D2";
}
.hb_icon_info::before {
	content: "\F1D3";
}
.hb_icon_logout::before {
	content: "\F1D4";
}
.hb_icon_marked::before {
	content: "\F1E1";
}
.hb_icon_medium::before {
	content: "\F1EA";
}
.hb_icon_night::before {
	content: "\F1D5";
}
.hb_icon_notice::before {
	content: "\F1E8";
}
.hb_icon_orders::before {
	content: "\F1D6";
}
.hb_icon_qr::before {
	content: "\F1E0";
}
.hb_icon_refresh::before {
	content: "\F1D7";
}
.hb_icon_security::before {
	content: "\F1D8";
}
.hb_icon_sort::before {
	content: "\F1D9";
}
.hb_icon_sort_asc::before {
	content: "\F1E5";
}
.hb_icon_sort_desc::before {
	content: "\F1E6";
}
.hb_icon_split_coin::before {
	content: "\F1E9";
}
.hb_icon_telegram::before {
	content: "\F1DA";
}
.hb_icon_tip::before {
	content: "\F1EB";
}
.hb_icon_toast_failed::before {
	content: "\F1DB";
}
.hb_icon_toast_success::before {
	content: "\F1DC";
}
.hb_icon_twitter::before {
	content: "\F1DD";
}
.hb_icon_unmarked::before {
	content: "\F1E2";
}
.hb_icon_user::before {
	content: "\F1DE";
}
.hb_icon_wechat::before {
	content: "\F1EC";
}
.hb_icon_weibo::before {
	content: "\F1ED";
}
.hb_icon_youtube::before {
	content: "\F1EE";
}
.dialog .dia_tit div {
	
}
.transfer_content .tio_form_input {
	
}
.clear_fix {
	
}
.dialog .dia_tit div::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.transfer_content .tio_form_input::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clear_fix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.form-group {
	font-size: 16px; margin-bottom: 20px;
}
.form-group label {
	height: 22px; line-height: 12px; font-size: 12px; display: inline-block; max-width: 100%;
}
.form-group .input-group {
	width: 100%; position: relative;
}
.form-group .input-group-addon {
	border: currentColor; border-image: none; text-align: center; line-height: 30px;
}
.form-group :first-child.input-group-addon {
	left: 1px; top: 50%; width: 100px; text-align: center; position: absolute; transform: translateY(-50%);
}
.form-group :first-child.input-group-addon + input {
	padding-left: 120px;
}
.form-group :last-child.input-group-addon {
	padding: 0px 30px; top: 50%; right: 1px; position: absolute; cursor: pointer; transform: translateY(-50%);
}
.form-group :last-child:disabled.input-group-addon {
	cursor: not-allowed;
}
.form-group .input-group-selector {
	width: 100%; height: 300px; overflow: auto; display: none; position: absolute; box-sizing: border-box;
}
.form-group .input-group-selector dl {
	padding: 0px 20px; height: 50px; display: flex; cursor: pointer; justify-content: space-between; align-items: center;
}
.form-group [type='text'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.form-group [type='password'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.with-tooltip {
	position: relative; cursor: pointer;
}
.form-group {
	position: relative; cursor: pointer;
}
.with-tooltip .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.form-group .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.with-tooltip .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.form-group .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.toast {
	margin: 0px auto; left: 0px; top: 80%; text-align: center; right: 0px; position: fixed; z-index: 10;
}
.toast-container {
	height: 40px; text-align: left; line-height: 40px; font-size: 0px; display: inline-block; min-width: 214px;
}
.toast i {
	padding-right: 18px; padding-left: 25px; font-size: 20px;
}
.toast-text {
	padding-right: 25px; font-size: 14px;
}
.dialog_wrap {
	background: rgba(0, 0, 0, 0.4); left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; position: fixed; z-index: 9;
}
.dialog_wrap .upper {
	text-transform: uppercase;
}
.dialog {
	border-radius: 3px; width: 600px; text-align: left; padding-top: 40px; vertical-align: middle; display: inline-block; box-sizing: border-box;
}
.dialog .dia_tit {
	padding: 0px 40px 30px; line-height: 24px; font-size: 24px;
}
.dialog .dia_tit b {
	height: 34px; font-weight: normal; float: left;
}
.dialog .dia_tit span {
	font-size: 28px; font-weight: 300; margin-top: -5px; float: right; cursor: pointer;
}
.dialog .dia_tit p {
	line-height: 12px; font-size: 12px;
}
.dialog .dia_content {
	padding: 0px 40px; overflow: auto; clear: both; margin-bottom: 20px; max-height: 400px;
}
.dialog .dia_submit {
	padding: 0px 40px 40px; text-align: right; clear: both;
}
.dialog .dia_submit button {
	border: currentColor; border-image: none; width: 200px; height: 48px; text-align: center; color: rgba(30, 39, 49, 0.5); font-size: 16px;
}
.dialog .dia_submit button.btn_cancel {
	background: none; display: none;
}
.dialog .dia_submit button.btn_cancel:hover {
	color: rgb(30, 39, 49);
}
.dialog .dia_submit .error_notice {
	color: rgb(255, 25, 25); margin-right: 15px; display: inline-block;
}
.dialog .dia_submit .error_notice i {
	margin-right: 5px;
}
.dialog .dia_foot {
	padding: 30px 40px 40px; color: rgba(30, 39, 49, 0.5); line-height: 20px; font-size: 12px; background-color: rgb(248, 249, 251);
}
.dialog .dia_foot a {
	color: rgb(255, 117, 25);
}
.dialog_extra {
	height: 100%; vertical-align: middle; display: inline-block;
}
.dia_input {
	padding-bottom: 30px; font-size: 14px;
}
.dia_input .input_top {
	height: 22px; line-height: 14px;
}
.dia_input .input_top b {
	float: left;
}
.dia_input .input_top .pro_warning {
	text-align: right; padding-top: 1px;
}
.dia_input .input_top .pro_warning i {
	padding-right: 4px; font-size: 16px;
}
.dia_input .input_middle {
	position: relative;
}
.dia_input .input_middle .input_amount {
	color: rgb(30, 39, 49); font-size: 24px;
}
.dia_input .input_middle .input_amount i {
	font-size: 14px;
}
.dia_input .input_middle .input_text {
	border-radius: 3px; border: 1px solid currentColor; border-image: none; width: 100%; height: 46px; line-height: 1; text-indent: 20px; display: block; box-sizing: border-box;
}
.dia_input .input_middle .input_text_right {
	top: 13px; height: 20px; right: 20px; line-height: 20px; position: absolute;
}
.dia_input .input_middle .input_text_right.sms_verify {
	padding-left: 15px; border-left-color: currentColor; border-left-width: 1px; border-left-style: solid;
}
.dia_input .input_middle .input_select {
	height: 64px; position: relative;
}
.dia_input .input_middle .input_select ul {
	font-size: 12px;
}
.dia_input .input_middle .input_select ul li {
	padding: 14px 20px; height: 36px; color: rgb(30, 39, 49); line-height: 18px; border-bottom-color: rgb(248, 249, 251); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select ul li:hover {
	background-color: rgb(248, 249, 251);
}
.dia_input .input_middle .input_select .select_cur {
	position: relative; z-index: 2;
}
.dia_input .input_middle .input_select .select_cur li {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; background-color: rgba(30, 39, 49, 0.02);
}
.dia_input .input_middle .input_select .select_cur li:hover {
	background-color: rgba(30, 39, 49, 0.05);
}
.dia_input .input_middle .input_select .select_cur li i.arrow_down {
	top: 30px; width: 0px; height: 0px; right: 20px; border-top-color: rgba(30, 39, 49, 0.25); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: block; position: absolute;
}
.dia_input .input_middle .input_select .select_other {
	left: 0px; top: 64px; width: 100%; position: absolute; z-index: 1; box-shadow: 0px 2px 6px rgba(0,0,0,0.25); background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select .select_other ul {
	overflow: auto; max-height: 256px;
}
.dia_input .input_middle .input_select .select_other a {
	height: 57px; text-align: center; color: rgb(255, 117, 25); line-height: 57px; font-size: 14px; display: block;
}
.dia_input .input_middle .input_select .select_other a b {
	font-size: 28px;
}
.dia_input .input_bottom {
	text-align: right; padding-top: 8px; font-size: 12px;
}
.dia_input .input_bottom.align_left {
	text-align: left;
}
.dia_input .input_bottom a {
	color: rgba(30, 39, 49, 0.5);
}
.dia_input .input_bottom a:hover {
	color: rgb(30, 39, 49);
}
.dia_input .input_bottom a .color_master {
	color: rgb(30, 39, 49); font-weight: normal;
}
.hb-day .dialog {
	background-color: rgb(255, 255, 255);
}
.hb-day .dialog .dia_tit span {
	color: rgb(145, 148, 164);
}
.hb-day .dialog .dia_tit span:hover {
	color: rgb(35, 42, 74);
}
.hb-day .dialog .dia_tit p {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input .input_middle .input_text {
	border-color: rgb(209, 211, 223); color: rgb(35, 42, 74); background-color: rgb(255, 255, 255);
}
.hb-day .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .dia_input .input_middle :disabled.input_text {
	border-color: rgb(255, 255, 255); background-color: rgb(249, 247, 253);
}
.hb-day .dia_input .input_middle .input_text_right {
	color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(145, 148, 164);
}
.hb-night .dialog {
	background-color: rgb(35, 35, 35);
}
.hb-night .dialog .dia_tit span {
	color: rgb(97, 104, 138);
}
.hb-night .dialog .dia_tit span:hover {
	color: rgb(199, 204, 230);
}
.hb-night .dialog .dia_tit p {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input .input_middle .input_text {
	border-color: rgb(78, 91, 133); color: rgb(199, 204, 230); background-color: rgb(30, 34, 53);
}
.hb-night .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .dia_input .input_middle :disabled.input_text {
	border-color: rgb(30, 34, 53); background-color: rgb(32, 36, 55);
}
.hb-night .dia_input .input_middle .input_text_right {
	color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(97, 104, 138);
}
ul {
	list-style: none; margin: 0px; padding: 0px;
}
li {
	list-style: none; margin: 0px; padding: 0px;
}
dl {
	list-style: none; margin: 0px; padding: 0px;
}
dt {
	list-style: none; margin: 0px; padding: 0px;
}
dd {
	list-style: none; margin: 0px; padding: 0px;
}
.transfer_tab {
	padding: 0px 5px; height: 26px; clear: both; font-size: 16px; border-bottom-color: rgba(30, 39, 49, 0.15); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.transfer_tab li {
	width: 40px; height: 25px; text-align: center; color: rgba(30, 39, 49, 0.5); text-transform: uppercase; margin-right: 48px; float: left; cursor: pointer;
}
.transfer_tab li.cur {
	color: rgb(30, 39, 49); border-bottom-color: rgb(255, 117, 25); border-bottom-width: 2px; border-bottom-style: solid;
}
.transfer_tab li.toTrade {
	margin: 0px; padding: 0px; top: 0px; width: 80px; right: 0px; position: absolute;
}
.transfer_tab li.toTrade a {
	color: rgb(255, 117, 25);
}
.transfer_tab li.toTrade a:hover {
	color: rgb(255, 117, 25);
}
.transfer_content {
	padding-top: 40px;
}
.transfer_content .tio_form_view {
	height: 176px; overflow: hidden;
}
.transfer_content .tio_form_view dt {
	width: 58px; line-height: 48px; overflow: hidden; font-size: 14px; float: left;
}
.transfer_content .tio_form_view dt i {
	width: 100px; height: 40px; line-height: 40px; display: block; cursor: pointer;
}
.transfer_content .tio_form_view dt i::before {
	color: rgb(255, 117, 25); font-size: 22px;
}
.transfer_content .tio_form_view dd {
	height: 138px; margin-left: 58px; position: relative;
}
.transfer_content .tio_form_view dd div {
	background: rgba(30, 39, 49, 0.02); padding: 0px 18px; border-radius: 5px; transition:top 0.5s; left: 0px; top: 0px; width: 426px; height: 48px; color: rgb(255, 117, 25); line-height: 48px; position: absolute; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease; -o-transition: top 0.5s ease;
}
.transfer_content .tio_form_view dd div i {
	top: 0px; width: 200px; height: 48px; text-align: right; right: 18px; color: rgba(30, 39, 49, 0.5); font-style: normal; display: block; position: absolute;
}
.transfer_content .tio_form_view dd div b {
	text-transform: uppercase; padding-left: 5px; font-weight: 400; display: inline-block;
}
.transfer_content .tio_form_view dd.tio_in .account2 {
	top: 88px;
}
.transfer_content .tio_form_view dd.tio_out .account1 {
	top: 88px;
}
.transfer_content .tio_all_in b {
	color: rgb(255, 117, 25); margin-left: 10px; display: inline-block; cursor: pointer;
}
.transfer_content .tio_notice {
	top: -24px; right: 18px; color: rgb(255, 25, 25); position: absolute;
}
.transfer_content .tio_notice i {
	padding-right: 5px;
}
.transfer_content .tio_form_input dt {
	width: 58px; line-height: 48px; overflow: hidden; font-size: 14px; float: left;
}
.transfer_content .tio_form_input dd {
	margin-left: 58px; position: relative;
}
.transfer_content .tio_form_input dd div {
	width: 482px; height: 48px; position: relative;
}
.transfer_content .tio_form_input dd div label {
	top: 0px; width: 200px; height: 48px; text-align: right; right: 18px; color: rgba(30, 39, 49, 0.5); line-height: 48px; display: block; position: absolute;
}
.transfer_content .tio_form_input dd div i {
	height: 24px; color: rgb(255, 117, 25); line-height: 24px; padding-left: 16px; font-style: normal; margin-top: 12px; margin-left: 16px; border-left-color: rgba(30, 39, 49, 0.15); border-left-width: 1px; border-left-style: solid; display: inline-block; cursor: pointer;
}
.transfer_content .tio_form_input dd input {
	padding: 0px 18px; outline: 0px; border-radius: 5px; border: 1px solid rgba(30, 39, 49, 0.15); border-image: none; left: 0px; top: 0px; width: 446px; height: 46px; color: rgba(30, 39, 49, 0.5); position: absolute;
}
.transfer_content .tio_form_input dd input:focus {
	border: 1px solid rgb(255, 117, 25); border-image: none;
}
.transfer_content .tio_form_input dd.tio_in .account2 {
	top: 88px;
}
.transfer_content .tio_form_input dd.tio_out .account1 {
	top: 88px;
}
.transfer_content .tip {
	padding: 16px 0px 0px 58px; color: rgba(30, 39, 49, 0.5);
}
.component_tips {
	padding: 10px 20px; border-radius: 3px; top: -999px; visibility: hidden; position: absolute; z-index: 10; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
}
.component_tips::after {
	border-width: 6px 6px 0px; border-style: solid dashed none; border-color: currentColor transparent; left: 50%; bottom: -5px; margin-left: -6px; position: absolute; content: "";
}
.hb-day .component_tips {
	color: rgb(35, 42, 74); background-color: rgb(255, 255, 255);
}
.hb-day .component_tips::after {
	border-top-color: rgb(255, 255, 255);
}
.hb-night .component_tips {
	color: rgb(199, 204, 230); background-color: rgb(30, 34, 53);
}
.hb-night .component_tips::after {
	border-top-color: rgb(30, 34, 53);
}
.com_toast {
	margin: 0px auto; left: 0px; top: 30%; height: 21px; text-align: center; right: 0px; display: block; position: fixed; z-index: 10;
}
.com_toast .toast_content {
	padding: 10px 20px; display: inline-block;
}
.com_toast .toast_content i {
	border-radius: 50%; width: 18px; height: 18px; line-height: 18px; font-size: 20px; float: left;
}
.com_toast .toast_content p {
	height: 20px; line-height: 20px; padding-left: 10px; float: left;
}
.hb-day .com_toast .toast_content {
	box-shadow: 0px 20px 30px rgba(0,0,0,0.1); background-color: rgb(242, 243, 248);
}
.hb-day .com_toast i {
	position: relative;
}
.hb-day .com_toast i::before {
	position: relative; z-index: 1;
}
.hb-day .com_toast i::after {
	background: rgb(255, 255, 255); border-radius: 50%; left: 1px; top: 1px; width: 18px; height: 17px; position: absolute; z-index: 0; content: "";
}
.hb-day .com_toast i.hb_icon_toast_failed {
	color: rgb(245, 88, 88);
}
.hb-day .com_toast i.hb_icon_toast_success {
	color: rgb(3, 192, 135);
}
.hb-night .com_toast .toast_content {
	box-shadow: 0px 8px 16px rgba(0,0,0,0.4); background-color: rgb(35, 35, 35);
}
.hb-night .com_toast i {
	position: relative;
}
.hb-night .com_toast i::before {
	position: relative; z-index: 1;
}
.hb-night .com_toast i::after {
	background: rgb(255, 255, 255); border-radius: 50%; left: 1px; top: 1px; width: 18px; height: 17px; position: absolute; z-index: 0; content: "";
}
.hb-night .com_toast i.hb_icon_toast_failed {
	color: rgb(174, 78, 84);
}
.hb-night .com_toast i.hb_icon_toast_success {
	color: rgb(88, 144, 101);
}
.dialog .dia_tit div {
	
}
.clear_fix {
	
}
.dialog .dia_tit div::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clear_fix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.form-group {
	font-size: 16px; margin-bottom: 20px;
}
.form-group label {
	height: 22px; line-height: 12px; font-size: 12px; display: inline-block; max-width: 100%;
}
.form-group .input-group {
	width: 100%; position: relative;
}
.form-group .input-group-addon {
	border: currentColor; border-image: none; text-align: center; line-height: 30px;
}
.form-group :first-child.input-group-addon {
	left: 1px; top: 50%; width: 100px; text-align: center; position: absolute; transform: translateY(-50%);
}
.form-group :first-child.input-group-addon + input {
	padding-left: 120px;
}
.form-group :last-child.input-group-addon {
	padding: 0px 30px; top: 50%; right: 1px; position: absolute; cursor: pointer; transform: translateY(-50%);
}
.form-group :last-child:disabled.input-group-addon {
	cursor: not-allowed;
}
.form-group .input-group-selector {
	width: 100%; height: 300px; overflow: auto; display: none; position: absolute; box-sizing: border-box;
}
.form-group .input-group-selector dl {
	padding: 0px 20px; height: 50px; display: flex; cursor: pointer; justify-content: space-between; align-items: center;
}
.form-group [type='text'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.form-group [type='password'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.with-tooltip {
	position: relative; cursor: pointer;
}
.form-group {
	position: relative; cursor: pointer;
}
.with-tooltip .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.form-group .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.with-tooltip .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.form-group .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.toast {
	margin: 0px auto; left: 0px; top: 80%; text-align: center; right: 0px; position: fixed; z-index: 10;
}
.toast-container {
	height: 40px; text-align: left; line-height: 40px; font-size: 0px; display: inline-block; min-width: 214px;
}
.toast i {
	padding-right: 18px; padding-left: 25px; font-size: 20px;
}
.toast-text {
	padding-right: 25px; font-size: 14px;
}
.dialog_wrap {
	background: rgba(0, 0, 0, 0.4); left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; position: fixed; z-index: 9;
}
.dialog_wrap .upper {
	text-transform: uppercase;
}
.dialog {
	border-radius: 3px; width: 600px; text-align: left; padding-top: 40px; vertical-align: middle; display: inline-block; box-sizing: border-box;
}
.dialog .dia_tit {
	padding: 0px 40px 30px; line-height: 24px; font-size: 24px;
}
.dialog .dia_tit b {
	height: 34px; font-weight: normal; float: left;
}
.dialog .dia_tit span {
	font-size: 28px; font-weight: 300; margin-top: -5px; float: right; cursor: pointer;
}
.dialog .dia_tit p {
	line-height: 12px; font-size: 12px;
}
.dialog .dia_content {
	padding: 0px 40px; overflow: auto; clear: both; margin-bottom: 20px; max-height: 400px;
}
.dialog .dia_submit {
	padding: 0px 40px 40px; text-align: right; clear: both;
}
.dialog .dia_submit button {
	border: currentColor; border-image: none; width: 200px; height: 48px; text-align: center; color: rgba(30, 39, 49, 0.5); font-size: 16px;
}
.dialog .dia_submit button.btn_cancel {
	background: none; display: none;
}
.dialog .dia_submit button.btn_cancel:hover {
	color: rgb(30, 39, 49);
}
.dialog .dia_submit .error_notice {
	color: rgb(255, 25, 25); margin-right: 15px; display: inline-block;
}
.dialog .dia_submit .error_notice i {
	margin-right: 5px;
}
.dialog .dia_foot {
	padding: 30px 40px 40px; color: rgba(30, 39, 49, 0.5); line-height: 20px; font-size: 12px; background-color: rgb(248, 249, 251);
}
.dialog .dia_foot a {
	color: rgb(255, 117, 25);
}
.dialog_extra {
	height: 100%; vertical-align: middle; display: inline-block;
}
.dia_input {
	padding-bottom: 30px; font-size: 14px;
}
.dia_input .input_top {
	height: 22px; line-height: 14px;
}
.dia_input .input_top b {
	float: left;
}
.dia_input .input_top .pro_warning {
	text-align: right; padding-top: 1px;
}
.dia_input .input_top .pro_warning i {
	padding-right: 4px; font-size: 16px;
}
.dia_input .input_middle {
	position: relative;
}
.dia_input .input_middle .input_amount {
	color: rgb(30, 39, 49); font-size: 24px;
}
.dia_input .input_middle .input_amount i {
	font-size: 14px;
}
.dia_input .input_middle .input_text {
	border-radius: 3px; border: 1px solid currentColor; border-image: none; width: 100%; height: 46px; line-height: 1; text-indent: 20px; display: block; box-sizing: border-box;
}
.dia_input .input_middle .input_text_right {
	top: 13px; height: 20px; right: 20px; line-height: 20px; position: absolute;
}
.dia_input .input_middle .input_text_right.sms_verify {
	padding-left: 15px; border-left-color: currentColor; border-left-width: 1px; border-left-style: solid;
}
.dia_input .input_middle .input_select {
	height: 64px; position: relative;
}
.dia_input .input_middle .input_select ul {
	font-size: 12px;
}
.dia_input .input_middle .input_select ul li {
	padding: 14px 20px; height: 36px; color: rgb(30, 39, 49); line-height: 18px; border-bottom-color: rgb(248, 249, 251); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select ul li:hover {
	background-color: rgb(248, 249, 251);
}
.dia_input .input_middle .input_select .select_cur {
	position: relative; z-index: 2;
}
.dia_input .input_middle .input_select .select_cur li {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; background-color: rgba(30, 39, 49, 0.02);
}
.dia_input .input_middle .input_select .select_cur li:hover {
	background-color: rgba(30, 39, 49, 0.05);
}
.dia_input .input_middle .input_select .select_cur li i.arrow_down {
	top: 30px; width: 0px; height: 0px; right: 20px; border-top-color: rgba(30, 39, 49, 0.25); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: block; position: absolute;
}
.dia_input .input_middle .input_select .select_other {
	left: 0px; top: 64px; width: 100%; position: absolute; z-index: 1; box-shadow: 0px 2px 6px rgba(0,0,0,0.25); background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select .select_other ul {
	overflow: auto; max-height: 256px;
}
.dia_input .input_middle .input_select .select_other a {
	height: 57px; text-align: center; color: rgb(255, 117, 25); line-height: 57px; font-size: 14px; display: block;
}
.dia_input .input_middle .input_select .select_other a b {
	font-size: 28px;
}
.dia_input .input_bottom {
	text-align: right; padding-top: 8px; font-size: 12px;
}
.dia_input .input_bottom.align_left {
	text-align: left;
}
.dia_input .input_bottom a {
	color: rgba(30, 39, 49, 0.5);
}
.dia_input .input_bottom a:hover {
	color: rgb(30, 39, 49);
}
.dia_input .input_bottom a .color_master {
	color: rgb(30, 39, 49); font-weight: normal;
}
.hb-day .dialog {
	background-color: rgb(255, 255, 255);
}
.hb-day .dialog .dia_tit span {
	color: rgb(145, 148, 164);
}
.hb-day .dialog .dia_tit span:hover {
	color: rgb(35, 42, 74);
}
.hb-day .dialog .dia_tit p {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input .input_middle .input_text {
	border-color: rgb(209, 211, 223); color: rgb(35, 42, 74); background-color: rgb(255, 255, 255);
}
.hb-day .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .dia_input .input_middle :disabled.input_text {
	border-color: rgb(255, 255, 255); background-color: rgb(249, 247, 253);
}
.hb-day .dia_input .input_middle .input_text_right {
	color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(145, 148, 164);
}
.hb-night .dialog {
	background-color: rgb(35, 35, 35);
}
.hb-night .dialog .dia_tit span {
	color: rgb(97, 104, 138);
}
.hb-night .dialog .dia_tit span:hover {
	color: rgb(199, 204, 230);
}
.hb-night .dialog .dia_tit p {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input .input_middle .input_text {
	border-color: rgb(78, 91, 133); color: rgb(199, 204, 230); background-color: rgb(30, 34, 53);
}
.hb-night .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .dia_input .input_middle :disabled.input_text {
	border-color: rgb(30, 34, 53); background-color: rgb(32, 36, 55);
}
.hb-night .dia_input .input_middle .input_text_right {
	color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(97, 104, 138);
}
.dia_deposit .dia_input .input_middle {
	color: rgb(30, 39, 49);
}
.dia_deposit .dia_input .input_middle i {
	width: 50px; text-align: center; color: rgba(30, 39, 49, 0.25); font-size: 18px; display: inline-block; position: relative; cursor: pointer;
}
.dia_deposit .dia_input .input_middle i:hover {
	color: rgb(30, 39, 49);
}
.dia_deposit .dia_input .input_middle i:hover::after {
	left: 10px; top: 22px; font-size: 12px; position: absolute; content: "";
}
.dia_deposit .dia_input .input_middle i:hover .text_copy {
	display: inline-block;
}
.dia_deposit .dia_input .input_middle i span.text_copy {
	left: 10px; top: 22px; font-size: 12px; display: none; position: absolute;
}
.dia_deposit .dia_svg {
	padding-bottom: 40px;
}
.dia_deposit .dia_svg svg {
	width: 90px; height: 90px; display: block;
}
.dia_deposit .dia_svg img {
	width: 45px; height: 45px;
}
.dia_deposit .dia_dep_address_text {
	height: 20px;
}
.dialog .dia_tit div {
	
}
.clear_fix {
	
}
.dialog .dia_tit div::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clear_fix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.form-group {
	font-size: 16px; margin-bottom: 20px;
}
.form-group label {
	height: 22px; line-height: 12px; font-size: 12px; display: inline-block; max-width: 100%;
}
.form-group .input-group {
	width: 100%; position: relative;
}
.form-group .input-group-addon {
	border: currentColor; border-image: none; text-align: center; line-height: 30px;
}
.form-group :first-child.input-group-addon {
	left: 1px; top: 50%; width: 100px; text-align: center; position: absolute; transform: translateY(-50%);
}
.form-group :first-child.input-group-addon + input {
	padding-left: 120px;
}
.form-group :last-child.input-group-addon {
	padding: 0px 30px; top: 50%; right: 1px; position: absolute; cursor: pointer; transform: translateY(-50%);
}
.form-group :last-child:disabled.input-group-addon {
	cursor: not-allowed;
}
.form-group .input-group-selector {
	width: 100%; height: 300px; overflow: auto; display: none; position: absolute; box-sizing: border-box;
}
.form-group .input-group-selector dl {
	padding: 0px 20px; height: 50px; display: flex; cursor: pointer; justify-content: space-between; align-items: center;
}
.form-group [type='text'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.form-group [type='password'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.with-tooltip {
	position: relative; cursor: pointer;
}
.form-group {
	position: relative; cursor: pointer;
}
.with-tooltip .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.form-group .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.with-tooltip .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.form-group .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.toast {
	margin: 0px auto; left: 0px; top: 80%; text-align: center; right: 0px; position: fixed; z-index: 10;
}
.toast-container {
	height: 40px; text-align: left; line-height: 40px; font-size: 0px; display: inline-block; min-width: 214px;
}
.toast i {
	padding-right: 18px; padding-left: 25px; font-size: 20px;
}
.toast-text {
	padding-right: 25px; font-size: 14px;
}
.dialog_wrap {
	background: rgba(0, 0, 0, 0.4); left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; position: fixed; z-index: 9;
}
.dialog_wrap .upper {
	text-transform: uppercase;
}
.dialog {
	border-radius: 3px; width: 600px; text-align: left; padding-top: 40px; vertical-align: middle; display: inline-block; box-sizing: border-box;
}
.dialog .dia_tit {
	padding: 0px 40px 30px; line-height: 24px; font-size: 24px;
}
.dialog .dia_tit b {
	height: 34px; font-weight: normal; float: left;
}
.dialog .dia_tit span {
	font-size: 28px; font-weight: 300; margin-top: -5px; float: right; cursor: pointer;
}
.dialog .dia_tit p {
	line-height: 12px; font-size: 12px;
}
.dialog .dia_content {
	padding: 0px 40px; overflow: auto; clear: both; margin-bottom: 20px; max-height: 400px;
}
.dialog .dia_submit {
	padding: 0px 40px 40px; text-align: right; clear: both;
}
.dialog .dia_submit button {
	border: currentColor; border-image: none; width: 200px; height: 48px; text-align: center; color: rgba(30, 39, 49, 0.5); font-size: 16px;
}
.dialog .dia_submit button.btn_cancel {
	background: none; display: none;
}
.dialog .dia_submit button.btn_cancel:hover {
	color: rgb(30, 39, 49);
}
.dialog .dia_submit .error_notice {
	color: rgb(255, 25, 25); margin-right: 15px; display: inline-block;
}
.dialog .dia_submit .error_notice i {
	margin-right: 5px;
}
.dialog .dia_foot {
	padding: 30px 40px 40px; color: rgba(30, 39, 49, 0.5); line-height: 20px; font-size: 12px; background-color: rgb(248, 249, 251);
}
.dialog .dia_foot a {
	color: rgb(255, 117, 25);
}
.dialog_extra {
	height: 100%; vertical-align: middle; display: inline-block;
}
.dia_input {
	padding-bottom: 30px; font-size: 14px;
}
.dia_input .input_top {
	height: 22px; line-height: 14px;
}
.dia_input .input_top b {
	float: left;
}
.dia_input .input_top .pro_warning {
	text-align: right; padding-top: 1px;
}
.dia_input .input_top .pro_warning i {
	padding-right: 4px; font-size: 16px;
}
.dia_input .input_middle {
	position: relative;
}
.dia_input .input_middle .input_amount {
	color: rgb(30, 39, 49); font-size: 24px;
}
.dia_input .input_middle .input_amount i {
	font-size: 14px;
}
.dia_input .input_middle .input_text {
	border-radius: 3px; border: 1px solid currentColor; border-image: none; width: 100%; height: 46px; line-height: 1; text-indent: 20px; display: block; box-sizing: border-box;
}
.dia_input .input_middle .input_text_right {
	top: 13px; height: 20px; right: 20px; line-height: 20px; position: absolute;
}
.dia_input .input_middle .input_text_right.sms_verify {
	padding-left: 15px; border-left-color: currentColor; border-left-width: 1px; border-left-style: solid;
}
.dia_input .input_middle .input_select {
	height: 64px; position: relative;
}
.dia_input .input_middle .input_select ul {
	font-size: 12px;
}
.dia_input .input_middle .input_select ul li {
	padding: 14px 20px; height: 36px; color: rgb(30, 39, 49); line-height: 18px; border-bottom-color: rgb(248, 249, 251); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select ul li:hover {
	background-color: rgb(248, 249, 251);
}
.dia_input .input_middle .input_select .select_cur {
	position: relative; z-index: 2;
}
.dia_input .input_middle .input_select .select_cur li {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; background-color: rgba(30, 39, 49, 0.02);
}
.dia_input .input_middle .input_select .select_cur li:hover {
	background-color: rgba(30, 39, 49, 0.05);
}
.dia_input .input_middle .input_select .select_cur li i.arrow_down {
	top: 30px; width: 0px; height: 0px; right: 20px; border-top-color: rgba(30, 39, 49, 0.25); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: block; position: absolute;
}
.dia_input .input_middle .input_select .select_other {
	left: 0px; top: 64px; width: 100%; position: absolute; z-index: 1; box-shadow: 0px 2px 6px rgba(0,0,0,0.25); background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select .select_other ul {
	overflow: auto; max-height: 256px;
}
.dia_input .input_middle .input_select .select_other a {
	height: 57px; text-align: center; color: rgb(255, 117, 25); line-height: 57px; font-size: 14px; display: block;
}
.dia_input .input_middle .input_select .select_other a b {
	font-size: 28px;
}
.dia_input .input_bottom {
	text-align: right; padding-top: 8px; font-size: 12px;
}
.dia_input .input_bottom.align_left {
	text-align: left;
}
.dia_input .input_bottom a {
	color: rgba(30, 39, 49, 0.5);
}
.dia_input .input_bottom a:hover {
	color: rgb(30, 39, 49);
}
.dia_input .input_bottom a .color_master {
	color: rgb(30, 39, 49); font-weight: normal;
}
.hb-day .dialog {
	background-color: rgb(255, 255, 255);
}
.hb-day .dialog .dia_tit span {
	color: rgb(145, 148, 164);
}
.hb-day .dialog .dia_tit span:hover {
	color: rgb(35, 42, 74);
}
.hb-day .dialog .dia_tit p {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input .input_middle .input_text {
	border-color: rgb(209, 211, 223); color: rgb(35, 42, 74); background-color: rgb(255, 255, 255);
}
.hb-day .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .dia_input .input_middle :disabled.input_text {
	border-color: rgb(255, 255, 255); background-color: rgb(249, 247, 253);
}
.hb-day .dia_input .input_middle .input_text_right {
	color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(145, 148, 164);
}
.hb-night .dialog {
	background-color: rgb(35, 35, 35);
}
.hb-night .dialog .dia_tit span {
	color: rgb(97, 104, 138);
}
.hb-night .dialog .dia_tit span:hover {
	color: rgb(199, 204, 230);
}
.hb-night .dialog .dia_tit p {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input .input_middle .input_text {
	border-color: rgb(78, 91, 133); color: rgb(199, 204, 230); background-color: rgb(30, 34, 53);
}
.hb-night .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .dia_input .input_middle :disabled.input_text {
	border-color: rgb(30, 34, 53); background-color: rgb(32, 36, 55);
}
.hb-night .dia_input .input_middle .input_text_right {
	color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(97, 104, 138);
}
.huobi_pro_security {
	color: rgb(255, 117, 25); padding-right: 4px; font-size: 14px;
}
.dia_wd_address_loading {
	width: 46px;
}
.select_other {
	display: none;
}
.dia_wd_notice {
	color: rgba(30, 39, 49, 0.5); line-height: 33px;
}
.com_tip {
	padding: 13px; width: 235px; text-align: left; right: -9px; bottom: 28px; color: rgb(30, 39, 49); line-height: 20px; font-size: 12px; font-style: normal; font-weight: 400; display: none; position: absolute; box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.2); background-color: white;
}
.com_tip::after {
	right: 8px; bottom: -6px; border-top-color: white; border-right-color: transparent; border-left-color: transparent; border-top-width: 9px; border-right-width: 9px; border-left-width: 9px; border-top-style: solid; border-right-style: dashed; border-left-style: dashed; position: absolute; content: "";
}
.tip_wrap {
	width: 22px; height: 22px; display: inline-block; position: relative;
}
.tip_wrap:hover .com_tip {
	display: block;
}
.dia_withdraw .hidden {
	display: none;
}
.dia_withdraw .input_bottom {
	position: relative;
}
.dia_withdraw .input_bottom .tips_box {
	color: rgb(255, 117, 25); margin-left: 12px; vertical-align: top; display: inline-block; position: relative; cursor: pointer;
}
.dia_withdraw .input_bottom .tips_box .huobi_pro_info {
	margin-left: 6px; display: inline-block;
}
.dia_withdraw .input_bottom .tips_box:hover .com_tip {
	display: block;
}
.dia_withdraw .input_bottom .tips_box .com_tip {
	padding: 0px; width: 260px; right: -9px; bottom: 25px; color: rgba(30, 39, 49, 0.5); font-size: 0px; display: none; position: absolute; cursor: text;
}
.dia_withdraw .input_bottom .tips_box .com_tip span {
	margin: 10px; width: 250px; font-size: 12px; display: inline-block;
}
.dia_withdraw .input_bottom .tips_box .com_tip .opcity_mask {
	background: none; left: 0px; width: 260px; height: 10px; bottom: -10px; position: absolute;
}
.dia_withdraw .input_bottom .tips_box .com_tip b {
	font-size: 24px;
}
.dia_withdraw .input_bottom .tips_box .com_tip a {
	color: rgb(255, 117, 25); text-decoration: none; margin-left: 20px; display: inline-block;
}
.dia_withdraw .show {
	display: block;
}
.dia_withdraw .dia_input {
	position: relative; z-index: 2;
}
.dia_withdraw .dia_mvp_input {
	z-index: 3;
}
.dia_withdraw .dia_input .ta_left {
	text-align: left;
}
.fillAmount {
	cursor: pointer;
}
.tips_inputs b {
	margin-right: 8px; display: inline-block;
}
.tips_inputs b.fillAmount {
	margin-right: 16px;
}
.dia_input .input_bottom a.main_link {
	color: rgb(255, 117, 25);
}
.dia_input .input_bottom a.main_link:link {
	color: rgb(255, 117, 25);
}
.dia_input .input_bottom a.main_link:hover {
	color: rgb(255, 117, 25);
}
.dia_lots_inf {
	font-size: 0px;
}
.dia_lots_inf em {
	font-size: 14px; margin-right: 20px; display: inline-block;
}
.dia_lots_inf em b {
	margin-right: 8px; display: inline-block;
}
.dialog .dia_tit div {
	
}
.hb-day .lead_dialog ul li {
	
}
.hb-night .lead_dialog ul li {
	
}
.clear_fix {
	
}
.dialog .dia_tit div::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.hb-day .lead_dialog ul li::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.hb-night .lead_dialog ul li::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clear_fix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.form-group {
	font-size: 16px; margin-bottom: 20px;
}
.form-group label {
	height: 22px; line-height: 12px; font-size: 12px; display: inline-block; max-width: 100%;
}
.form-group .input-group {
	width: 100%; position: relative;
}
.form-group .input-group-addon {
	border: currentColor; border-image: none; text-align: center; line-height: 30px;
}
.form-group :first-child.input-group-addon {
	left: 1px; top: 50%; width: 100px; text-align: center; position: absolute; transform: translateY(-50%);
}
.form-group :first-child.input-group-addon + input {
	padding-left: 120px;
}
.form-group :last-child.input-group-addon {
	padding: 0px 30px; top: 50%; right: 1px; position: absolute; cursor: pointer; transform: translateY(-50%);
}
.form-group :last-child:disabled.input-group-addon {
	cursor: not-allowed;
}
.form-group .input-group-selector {
	width: 100%; height: 300px; overflow: auto; display: none; position: absolute; box-sizing: border-box;
}
.form-group .input-group-selector dl {
	padding: 0px 20px; height: 50px; display: flex; cursor: pointer; justify-content: space-between; align-items: center;
}
.form-group [type='text'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.form-group [type='password'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.with-tooltip {
	position: relative; cursor: pointer;
}
.form-group {
	position: relative; cursor: pointer;
}
.with-tooltip .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.form-group .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.with-tooltip .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.form-group .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.toast {
	margin: 0px auto; left: 0px; top: 80%; text-align: center; right: 0px; position: fixed; z-index: 10;
}
.toast-container {
	height: 40px; text-align: left; line-height: 40px; font-size: 0px; display: inline-block; min-width: 214px;
}
.toast i {
	padding-right: 18px; padding-left: 25px; font-size: 20px;
}
.toast-text {
	padding-right: 25px; font-size: 14px;
}
.dialog_wrap {
	background: rgba(0, 0, 0, 0.4); left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; position: fixed; z-index: 9;
}
.dialog_wrap .upper {
	text-transform: uppercase;
}
.dialog {
	border-radius: 3px; width: 600px; text-align: left; padding-top: 40px; vertical-align: middle; display: inline-block; box-sizing: border-box;
}
.dialog .dia_tit {
	padding: 0px 40px 30px; line-height: 24px; font-size: 24px;
}
.dialog .dia_tit b {
	height: 34px; font-weight: normal; float: left;
}
.dialog .dia_tit span {
	font-size: 28px; font-weight: 300; margin-top: -5px; float: right; cursor: pointer;
}
.dialog .dia_tit p {
	line-height: 12px; font-size: 12px;
}
.dialog .dia_content {
	padding: 0px 40px; overflow: auto; clear: both; margin-bottom: 20px; max-height: 400px;
}
.dialog .dia_submit {
	padding: 0px 40px 40px; text-align: right; clear: both;
}
.dialog .dia_submit button {
	border: currentColor; border-image: none; width: 200px; height: 48px; text-align: center; color: rgba(30, 39, 49, 0.5); font-size: 16px;
}
.dialog .dia_submit button.btn_cancel {
	background: none; display: none;
}
.dialog .dia_submit button.btn_cancel:hover {
	color: rgb(30, 39, 49);
}
.dialog .dia_submit .error_notice {
	color: rgb(255, 25, 25); margin-right: 15px; display: inline-block;
}
.dialog .dia_submit .error_notice i {
	margin-right: 5px;
}
.dialog .dia_foot {
	padding: 30px 40px 40px; color: rgba(30, 39, 49, 0.5); line-height: 20px; font-size: 12px; background-color: rgb(248, 249, 251);
}
.dialog .dia_foot a {
	color: rgb(255, 117, 25);
}
.dialog_extra {
	height: 100%; vertical-align: middle; display: inline-block;
}
.dia_input {
	padding-bottom: 30px; font-size: 14px;
}
.dia_input .input_top {
	height: 22px; line-height: 14px;
}
.dia_input .input_top b {
	float: left;
}
.dia_input .input_top .pro_warning {
	text-align: right; padding-top: 1px;
}
.dia_input .input_top .pro_warning i {
	padding-right: 4px; font-size: 16px;
}
.dia_input .input_middle {
	position: relative;
}
.dia_input .input_middle .input_amount {
	color: rgb(30, 39, 49); font-size: 24px;
}
.dia_input .input_middle .input_amount i {
	font-size: 14px;
}
.dia_input .input_middle .input_text {
	border-radius: 3px; border: 1px solid currentColor; border-image: none; width: 100%; height: 46px; line-height: 1; text-indent: 20px; display: block; box-sizing: border-box;
}
.dia_input .input_middle .input_text_right {
	top: 13px; height: 20px; right: 20px; line-height: 20px; position: absolute;
}
.dia_input .input_middle .input_text_right.sms_verify {
	padding-left: 15px; border-left-color: currentColor; border-left-width: 1px; border-left-style: solid;
}
.dia_input .input_middle .input_select {
	height: 64px; position: relative;
}
.dia_input .input_middle .input_select ul {
	font-size: 12px;
}
.dia_input .input_middle .input_select ul li {
	padding: 14px 20px; height: 36px; color: rgb(30, 39, 49); line-height: 18px; border-bottom-color: rgb(248, 249, 251); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select ul li:hover {
	background-color: rgb(248, 249, 251);
}
.dia_input .input_middle .input_select .select_cur {
	position: relative; z-index: 2;
}
.dia_input .input_middle .input_select .select_cur li {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; background-color: rgba(30, 39, 49, 0.02);
}
.dia_input .input_middle .input_select .select_cur li:hover {
	background-color: rgba(30, 39, 49, 0.05);
}
.dia_input .input_middle .input_select .select_cur li i.arrow_down {
	top: 30px; width: 0px; height: 0px; right: 20px; border-top-color: rgba(30, 39, 49, 0.25); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: block; position: absolute;
}
.dia_input .input_middle .input_select .select_other {
	left: 0px; top: 64px; width: 100%; position: absolute; z-index: 1; box-shadow: 0px 2px 6px rgba(0,0,0,0.25); background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select .select_other ul {
	overflow: auto; max-height: 256px;
}
.dia_input .input_middle .input_select .select_other a {
	height: 57px; text-align: center; color: rgb(255, 117, 25); line-height: 57px; font-size: 14px; display: block;
}
.dia_input .input_middle .input_select .select_other a b {
	font-size: 28px;
}
.dia_input .input_bottom {
	text-align: right; padding-top: 8px; font-size: 12px;
}
.dia_input .input_bottom.align_left {
	text-align: left;
}
.dia_input .input_bottom a {
	color: rgba(30, 39, 49, 0.5);
}
.dia_input .input_bottom a:hover {
	color: rgb(30, 39, 49);
}
.dia_input .input_bottom a .color_master {
	color: rgb(30, 39, 49); font-weight: normal;
}
.hb-day .dialog {
	background-color: rgb(255, 255, 255);
}
.hb-day .dialog .dia_tit span {
	color: rgb(145, 148, 164);
}
.hb-day .dialog .dia_tit span:hover {
	color: rgb(35, 42, 74);
}
.hb-day .dialog .dia_tit p {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input .input_middle .input_text {
	border-color: rgb(209, 211, 223); color: rgb(35, 42, 74); background-color: rgb(255, 255, 255);
}
.hb-day .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .dia_input .input_middle :disabled.input_text {
	border-color: rgb(255, 255, 255); background-color: rgb(249, 247, 253);
}
.hb-day .dia_input .input_middle .input_text_right {
	color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(145, 148, 164);
}
.hb-night .dialog {
	background-color: rgb(35, 35, 35);
}
.hb-night .dialog .dia_tit span {
	color: rgb(97, 104, 138);
}
.hb-night .dialog .dia_tit span:hover {
	color: rgb(199, 204, 230);
}
.hb-night .dialog .dia_tit p {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input .input_middle .input_text {
	border-color: rgb(78, 91, 133); color: rgb(199, 204, 230); background-color: rgb(30, 34, 53);
}
.hb-night .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .dia_input .input_middle :disabled.input_text {
	border-color: rgb(30, 34, 53); background-color: rgb(32, 36, 55);
}
.hb-night .dia_input .input_middle .input_text_right {
	color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(97, 104, 138);
}
.hb-day .lead_dialog p {
	color: rgba(30, 39, 49, 0.5); padding-bottom: 40px;
}
.hb-day .lead_dialog ul li {
	line-height: 16px; padding-bottom: 40px; font-size: 14px;
}
.hb-day .lead_dialog ul li span {
	padding-left: 20px; float: left;
}
.hb-day .lead_dialog ul li i {
	width: 16px; height: 16px; font-size: 16px; vertical-align: middle; float: left; position: relative;
}
.hb-day .lead_dialog ul li i::before {
	position: relative; z-index: 1;
}
.hb-day .lead_dialog ul li i::after {
	background: rgb(255, 255, 255); border-radius: 50%; left: 1px; top: 1px; width: 14px; height: 14px; position: absolute; z-index: 0; content: "";
}
.hb-day .lead_dialog ul li i.hb_icon_toast_failed {
	color: rgb(245, 88, 88);
}
.hb-day .lead_dialog ul li i.hb_icon_toast_success {
	color: rgb(3, 192, 135);
}
.hb-day .lead_dialog ul li a {
	float: right;
}
.hb-day .lead_dialog ul li.complete a {
	text-decoration: none; cursor: text;
}
.hb-day .lead_dialog ul li.complete a:hover {
	text-decoration: none;
}
.hb-night .lead_dialog p {
	color: rgba(30, 39, 49, 0.5); padding-bottom: 40px;
}
.hb-night .lead_dialog ul li {
	line-height: 16px; padding-bottom: 40px; font-size: 14px;
}
.hb-night .lead_dialog ul li span {
	padding-left: 20px; float: left;
}
.hb-night .lead_dialog ul li i {
	width: 16px; height: 16px; font-size: 16px; vertical-align: middle; float: left; position: relative;
}
.hb-night .lead_dialog ul li i::before {
	position: relative; z-index: 1;
}
.hb-night .lead_dialog ul li i::after {
	background: rgb(255, 255, 255); border-radius: 50%; left: 1px; top: 1px; width: 14px; height: 14px; position: absolute; z-index: 0; content: "";
}
.hb-night .lead_dialog ul li i.hb_icon_toast_failed {
	color: rgb(174, 78, 84);
}
.hb-night .lead_dialog ul li i.hb_icon_toast_success {
	color: rgb(88, 144, 101);
}
.hb-night .lead_dialog ul li a {
	float: right;
}
.hb-night .lead_dialog ul li.complete a {
	text-decoration: none; cursor: text;
}
.hb-night .lead_dialog ul li.complete a:hover {
	text-decoration: none;
}
.ru-ru .lead_dialog ul li span {
	width: 400px;
}
.dialog .dia_tit div {
	
}
.clear_fix {
	
}
.dialog .dia_tit div::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clear_fix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.form-group {
	font-size: 16px; margin-bottom: 20px;
}
.form-group label {
	height: 22px; line-height: 12px; font-size: 12px; display: inline-block; max-width: 100%;
}
.form-group .input-group {
	width: 100%; position: relative;
}
.form-group .input-group-addon {
	border: currentColor; border-image: none; text-align: center; line-height: 30px;
}
.form-group :first-child.input-group-addon {
	left: 1px; top: 50%; width: 100px; text-align: center; position: absolute; transform: translateY(-50%);
}
.form-group :first-child.input-group-addon + input {
	padding-left: 120px;
}
.form-group :last-child.input-group-addon {
	padding: 0px 30px; top: 50%; right: 1px; position: absolute; cursor: pointer; transform: translateY(-50%);
}
.form-group :last-child:disabled.input-group-addon {
	cursor: not-allowed;
}
.form-group .input-group-selector {
	width: 100%; height: 300px; overflow: auto; display: none; position: absolute; box-sizing: border-box;
}
.form-group .input-group-selector dl {
	padding: 0px 20px; height: 50px; display: flex; cursor: pointer; justify-content: space-between; align-items: center;
}
.form-group [type='text'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.form-group [type='password'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.with-tooltip {
	position: relative; cursor: pointer;
}
.form-group {
	position: relative; cursor: pointer;
}
.with-tooltip .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.form-group .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.with-tooltip .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.form-group .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.toast {
	margin: 0px auto; left: 0px; top: 80%; text-align: center; right: 0px; position: fixed; z-index: 10;
}
.toast-container {
	height: 40px; text-align: left; line-height: 40px; font-size: 0px; display: inline-block; min-width: 214px;
}
.toast i {
	padding-right: 18px; padding-left: 25px; font-size: 20px;
}
.toast-text {
	padding-right: 25px; font-size: 14px;
}
.dialog_wrap {
	background: rgba(0, 0, 0, 0.4); left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; position: fixed; z-index: 9;
}
.dialog_wrap .upper {
	text-transform: uppercase;
}
.dialog {
	border-radius: 3px; width: 600px; text-align: left; padding-top: 40px; vertical-align: middle; display: inline-block; box-sizing: border-box;
}
.dialog .dia_tit {
	padding: 0px 40px 30px; line-height: 24px; font-size: 24px;
}
.dialog .dia_tit b {
	height: 34px; font-weight: normal; float: left;
}
.dialog .dia_tit span {
	font-size: 28px; font-weight: 300; margin-top: -5px; float: right; cursor: pointer;
}
.dialog .dia_tit p {
	line-height: 12px; font-size: 12px;
}
.dialog .dia_content {
	padding: 0px 40px; overflow: auto; clear: both; margin-bottom: 20px; max-height: 400px;
}
.dialog .dia_submit {
	padding: 0px 40px 40px; text-align: right; clear: both;
}
.dialog .dia_submit button {
	border: currentColor; border-image: none; width: 200px; height: 48px; text-align: center; color: rgba(30, 39, 49, 0.5); font-size: 16px;
}
.dialog .dia_submit button.btn_cancel {
	background: none; display: none;
}
.dialog .dia_submit button.btn_cancel:hover {
	color: rgb(30, 39, 49);
}
.dialog .dia_submit .error_notice {
	color: rgb(255, 25, 25); margin-right: 15px; display: inline-block;
}
.dialog .dia_submit .error_notice i {
	margin-right: 5px;
}
.dialog .dia_foot {
	padding: 30px 40px 40px; color: rgba(30, 39, 49, 0.5); line-height: 20px; font-size: 12px; background-color: rgb(248, 249, 251);
}
.dialog .dia_foot a {
	color: rgb(255, 117, 25);
}
.dialog_extra {
	height: 100%; vertical-align: middle; display: inline-block;
}
.dia_input {
	padding-bottom: 30px; font-size: 14px;
}
.dia_input .input_top {
	height: 22px; line-height: 14px;
}
.dia_input .input_top b {
	float: left;
}
.dia_input .input_top .pro_warning {
	text-align: right; padding-top: 1px;
}
.dia_input .input_top .pro_warning i {
	padding-right: 4px; font-size: 16px;
}
.dia_input .input_middle {
	position: relative;
}
.dia_input .input_middle .input_amount {
	color: rgb(30, 39, 49); font-size: 24px;
}
.dia_input .input_middle .input_amount i {
	font-size: 14px;
}
.dia_input .input_middle .input_text {
	border-radius: 3px; border: 1px solid currentColor; border-image: none; width: 100%; height: 46px; line-height: 1; text-indent: 20px; display: block; box-sizing: border-box;
}
.dia_input .input_middle .input_text_right {
	top: 13px; height: 20px; right: 20px; line-height: 20px; position: absolute;
}
.dia_input .input_middle .input_text_right.sms_verify {
	padding-left: 15px; border-left-color: currentColor; border-left-width: 1px; border-left-style: solid;
}
.dia_input .input_middle .input_select {
	height: 64px; position: relative;
}
.dia_input .input_middle .input_select ul {
	font-size: 12px;
}
.dia_input .input_middle .input_select ul li {
	padding: 14px 20px; height: 36px; color: rgb(30, 39, 49); line-height: 18px; border-bottom-color: rgb(248, 249, 251); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select ul li:hover {
	background-color: rgb(248, 249, 251);
}
.dia_input .input_middle .input_select .select_cur {
	position: relative; z-index: 2;
}
.dia_input .input_middle .input_select .select_cur li {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; background-color: rgba(30, 39, 49, 0.02);
}
.dia_input .input_middle .input_select .select_cur li:hover {
	background-color: rgba(30, 39, 49, 0.05);
}
.dia_input .input_middle .input_select .select_cur li i.arrow_down {
	top: 30px; width: 0px; height: 0px; right: 20px; border-top-color: rgba(30, 39, 49, 0.25); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: block; position: absolute;
}
.dia_input .input_middle .input_select .select_other {
	left: 0px; top: 64px; width: 100%; position: absolute; z-index: 1; box-shadow: 0px 2px 6px rgba(0,0,0,0.25); background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select .select_other ul {
	overflow: auto; max-height: 256px;
}
.dia_input .input_middle .input_select .select_other a {
	height: 57px; text-align: center; color: rgb(255, 117, 25); line-height: 57px; font-size: 14px; display: block;
}
.dia_input .input_middle .input_select .select_other a b {
	font-size: 28px;
}
.dia_input .input_bottom {
	text-align: right; padding-top: 8px; font-size: 12px;
}
.dia_input .input_bottom.align_left {
	text-align: left;
}
.dia_input .input_bottom a {
	color: rgba(30, 39, 49, 0.5);
}
.dia_input .input_bottom a:hover {
	color: rgb(30, 39, 49);
}
.dia_input .input_bottom a .color_master {
	color: rgb(30, 39, 49); font-weight: normal;
}
.hb-day .dialog {
	background-color: rgb(255, 255, 255);
}
.hb-day .dialog .dia_tit span {
	color: rgb(145, 148, 164);
}
.hb-day .dialog .dia_tit span:hover {
	color: rgb(35, 42, 74);
}
.hb-day .dialog .dia_tit p {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input .input_middle .input_text {
	border-color: rgb(209, 211, 223); color: rgb(35, 42, 74); background-color: rgb(255, 255, 255);
}
.hb-day .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .dia_input .input_middle :disabled.input_text {
	border-color: rgb(255, 255, 255); background-color: rgb(249, 247, 253);
}
.hb-day .dia_input .input_middle .input_text_right {
	color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(145, 148, 164);
}
.hb-night .dialog {
	background-color: rgb(35, 35, 35);
}
.hb-night .dialog .dia_tit span {
	color: rgb(97, 104, 138);
}
.hb-night .dialog .dia_tit span:hover {
	color: rgb(199, 204, 230);
}
.hb-night .dialog .dia_tit p {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input .input_middle .input_text {
	border-color: rgb(78, 91, 133); color: rgb(199, 204, 230); background-color: rgb(30, 34, 53);
}
.hb-night .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .dia_input .input_middle :disabled.input_text {
	border-color: rgb(30, 34, 53); background-color: rgb(32, 36, 55);
}
.hb-night .dia_input .input_middle .input_text_right {
	color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(97, 104, 138);
}
.dia_loading {
	padding: 20px 40px 100px; line-height: 34px; font-size: 18px;
}
.dia_jump_content {
	line-height: 22px; font-size: 14px;
}
.dia_jump_content p {
	padding-bottom: 10px;
}
.dia_jump_content a {
	color: rgb(255, 117, 25);
}
.dia_jump_content a:hover {
	color: rgb(255, 117, 25);
}
.dia_btn_foot {
	text-align: right; padding-bottom: 20px;
}
.dia_btn_foot a {
	width: 120px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px; display: inline-block; background-color: rgb(255, 117, 25);
}
.dia_btn_foot a:hover {
	background-color: rgb(255, 137, 59);
}
.arg_content {
	height: 350px; overflow: hidden; position: relative;
}
.arg_content p {
	line-height: 22px; padding-bottom: 30px;
}
.arg_content b {
	font-weight: 700;
}
.arg_content .dia_cont {
	padding: 20px 20px 40px; height: 350px; overflow: auto; position: absolute; z-index: 2; -ms-overflow-y: auto; box-sizing: border-box;
}
.dia_arg_btn {
	text-align: center;
}
.dia_arg_btn p {
	padding: 30px 0px;
}
.dia_arg_btn .btn_submit {
	border: currentColor; border-image: none; width: 320px; height: 40px; font-size: 14px;
}
.btn_segwit2x {
	padding-top: 30px;
}
.dia_verify_btn {
	text-align: right; padding-top: 30px;
}
.dia_verify_btn .btn_submit {
	border-radius: 3px; border: currentColor; border-image: none; width: 120px; height: 40px; font-size: 14px;
}
.hb-day .arg_content {
	border-radius: 3px; border: 1px solid rgb(244, 244, 246); border-image: none;
}
.hb-day .arg_content .dia_cont {
	background-color: rgb(248, 249, 251);
}
.hb-night .arg_content {
	border-radius: 3px; border: 1px solid rgb(0, 0, 0); border-image: none;
}
.hb-night .arg_content .dia_cont {
	background-color: rgb(30, 34, 53);
}
.ru-ru .btn_segwit2x .btn_submit {
	padding: 10px; height: 100%;
}
.dialog .dia_tit div {
	
}
.clear_fix {
	
}
.dialog .dia_tit div::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clear_fix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.form-group {
	font-size: 16px; margin-bottom: 20px;
}
.form-group label {
	height: 22px; line-height: 12px; font-size: 12px; display: inline-block; max-width: 100%;
}
.form-group .input-group {
	width: 100%; position: relative;
}
.form-group .input-group-addon {
	border: currentColor; border-image: none; text-align: center; line-height: 30px;
}
.form-group :first-child.input-group-addon {
	left: 1px; top: 50%; width: 100px; text-align: center; position: absolute; transform: translateY(-50%);
}
.form-group :first-child.input-group-addon + input {
	padding-left: 120px;
}
.form-group :last-child.input-group-addon {
	padding: 0px 30px; top: 50%; right: 1px; position: absolute; cursor: pointer; transform: translateY(-50%);
}
.form-group :last-child:disabled.input-group-addon {
	cursor: not-allowed;
}
.form-group .input-group-selector {
	width: 100%; height: 300px; overflow: auto; display: none; position: absolute; box-sizing: border-box;
}
.form-group .input-group-selector dl {
	padding: 0px 20px; height: 50px; display: flex; cursor: pointer; justify-content: space-between; align-items: center;
}
.form-group [type='text'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.form-group [type='password'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.with-tooltip {
	position: relative; cursor: pointer;
}
.form-group {
	position: relative; cursor: pointer;
}
.with-tooltip .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.form-group .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.with-tooltip .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.form-group .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.toast {
	margin: 0px auto; left: 0px; top: 80%; text-align: center; right: 0px; position: fixed; z-index: 10;
}
.toast-container {
	height: 40px; text-align: left; line-height: 40px; font-size: 0px; display: inline-block; min-width: 214px;
}
.toast i {
	padding-right: 18px; padding-left: 25px; font-size: 20px;
}
.toast-text {
	padding-right: 25px; font-size: 14px;
}
.dialog_wrap {
	background: rgba(0, 0, 0, 0.4); left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; position: fixed; z-index: 9;
}
.dialog_wrap .upper {
	text-transform: uppercase;
}
.dialog {
	border-radius: 3px; width: 600px; text-align: left; padding-top: 40px; vertical-align: middle; display: inline-block; box-sizing: border-box;
}
.dialog .dia_tit {
	padding: 0px 40px 30px; line-height: 24px; font-size: 24px;
}
.dialog .dia_tit b {
	height: 34px; font-weight: normal; float: left;
}
.dialog .dia_tit span {
	font-size: 28px; font-weight: 300; margin-top: -5px; float: right; cursor: pointer;
}
.dialog .dia_tit p {
	line-height: 12px; font-size: 12px;
}
.dialog .dia_content {
	padding: 0px 40px; overflow: auto; clear: both; margin-bottom: 20px; max-height: 400px;
}
.dialog .dia_submit {
	padding: 0px 40px 40px; text-align: right; clear: both;
}
.dialog .dia_submit button {
	border: currentColor; border-image: none; width: 200px; height: 48px; text-align: center; color: rgba(30, 39, 49, 0.5); font-size: 16px;
}
.dialog .dia_submit button.btn_cancel {
	background: none; display: none;
}
.dialog .dia_submit button.btn_cancel:hover {
	color: rgb(30, 39, 49);
}
.dialog .dia_submit .error_notice {
	color: rgb(255, 25, 25); margin-right: 15px; display: inline-block;
}
.dialog .dia_submit .error_notice i {
	margin-right: 5px;
}
.dialog .dia_foot {
	padding: 30px 40px 40px; color: rgba(30, 39, 49, 0.5); line-height: 20px; font-size: 12px; background-color: rgb(248, 249, 251);
}
.dialog .dia_foot a {
	color: rgb(255, 117, 25);
}
.dialog_extra {
	height: 100%; vertical-align: middle; display: inline-block;
}
.dia_input {
	padding-bottom: 30px; font-size: 14px;
}
.dia_input .input_top {
	height: 22px; line-height: 14px;
}
.dia_input .input_top b {
	float: left;
}
.dia_input .input_top .pro_warning {
	text-align: right; padding-top: 1px;
}
.dia_input .input_top .pro_warning i {
	padding-right: 4px; font-size: 16px;
}
.dia_input .input_middle {
	position: relative;
}
.dia_input .input_middle .input_amount {
	color: rgb(30, 39, 49); font-size: 24px;
}
.dia_input .input_middle .input_amount i {
	font-size: 14px;
}
.dia_input .input_middle .input_text {
	border-radius: 3px; border: 1px solid currentColor; border-image: none; width: 100%; height: 46px; line-height: 1; text-indent: 20px; display: block; box-sizing: border-box;
}
.dia_input .input_middle .input_text_right {
	top: 13px; height: 20px; right: 20px; line-height: 20px; position: absolute;
}
.dia_input .input_middle .input_text_right.sms_verify {
	padding-left: 15px; border-left-color: currentColor; border-left-width: 1px; border-left-style: solid;
}
.dia_input .input_middle .input_select {
	height: 64px; position: relative;
}
.dia_input .input_middle .input_select ul {
	font-size: 12px;
}
.dia_input .input_middle .input_select ul li {
	padding: 14px 20px; height: 36px; color: rgb(30, 39, 49); line-height: 18px; border-bottom-color: rgb(248, 249, 251); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select ul li:hover {
	background-color: rgb(248, 249, 251);
}
.dia_input .input_middle .input_select .select_cur {
	position: relative; z-index: 2;
}
.dia_input .input_middle .input_select .select_cur li {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; background-color: rgba(30, 39, 49, 0.02);
}
.dia_input .input_middle .input_select .select_cur li:hover {
	background-color: rgba(30, 39, 49, 0.05);
}
.dia_input .input_middle .input_select .select_cur li i.arrow_down {
	top: 30px; width: 0px; height: 0px; right: 20px; border-top-color: rgba(30, 39, 49, 0.25); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: block; position: absolute;
}
.dia_input .input_middle .input_select .select_other {
	left: 0px; top: 64px; width: 100%; position: absolute; z-index: 1; box-shadow: 0px 2px 6px rgba(0,0,0,0.25); background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select .select_other ul {
	overflow: auto; max-height: 256px;
}
.dia_input .input_middle .input_select .select_other a {
	height: 57px; text-align: center; color: rgb(255, 117, 25); line-height: 57px; font-size: 14px; display: block;
}
.dia_input .input_middle .input_select .select_other a b {
	font-size: 28px;
}
.dia_input .input_bottom {
	text-align: right; padding-top: 8px; font-size: 12px;
}
.dia_input .input_bottom.align_left {
	text-align: left;
}
.dia_input .input_bottom a {
	color: rgba(30, 39, 49, 0.5);
}
.dia_input .input_bottom a:hover {
	color: rgb(30, 39, 49);
}
.dia_input .input_bottom a .color_master {
	color: rgb(30, 39, 49); font-weight: normal;
}
.hb-day .dialog {
	background-color: rgb(255, 255, 255);
}
.hb-day .dialog .dia_tit span {
	color: rgb(145, 148, 164);
}
.hb-day .dialog .dia_tit span:hover {
	color: rgb(35, 42, 74);
}
.hb-day .dialog .dia_tit p {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input .input_middle .input_text {
	border-color: rgb(209, 211, 223); color: rgb(35, 42, 74); background-color: rgb(255, 255, 255);
}
.hb-day .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .dia_input .input_middle :disabled.input_text {
	border-color: rgb(255, 255, 255); background-color: rgb(249, 247, 253);
}
.hb-day .dia_input .input_middle .input_text_right {
	color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(145, 148, 164);
}
.hb-night .dialog {
	background-color: rgb(35, 35, 35);
}
.hb-night .dialog .dia_tit span {
	color: rgb(97, 104, 138);
}
.hb-night .dialog .dia_tit span:hover {
	color: rgb(199, 204, 230);
}
.hb-night .dialog .dia_tit p {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input .input_middle .input_text {
	border-color: rgb(78, 91, 133); color: rgb(199, 204, 230); background-color: rgb(30, 34, 53);
}
.hb-night .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .dia_input .input_middle :disabled.input_text {
	border-color: rgb(30, 34, 53); background-color: rgb(32, 36, 55);
}
.hb-night .dia_input .input_middle .input_text_right {
	color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(97, 104, 138);
}
.dialog .dia_tit div {
	
}
.clear_fix {
	
}
.dialog .dia_tit div::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clear_fix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.form-group {
	font-size: 16px; margin-bottom: 20px;
}
.form-group label {
	height: 22px; line-height: 12px; font-size: 12px; display: inline-block; max-width: 100%;
}
.form-group .input-group {
	width: 100%; position: relative;
}
.form-group .input-group-addon {
	border: currentColor; border-image: none; text-align: center; line-height: 30px;
}
.form-group :first-child.input-group-addon {
	left: 1px; top: 50%; width: 100px; text-align: center; position: absolute; transform: translateY(-50%);
}
.form-group :first-child.input-group-addon + input {
	padding-left: 120px;
}
.form-group :last-child.input-group-addon {
	padding: 0px 30px; top: 50%; right: 1px; position: absolute; cursor: pointer; transform: translateY(-50%);
}
.form-group :last-child:disabled.input-group-addon {
	cursor: not-allowed;
}
.form-group .input-group-selector {
	width: 100%; height: 300px; overflow: auto; display: none; position: absolute; box-sizing: border-box;
}
.form-group .input-group-selector dl {
	padding: 0px 20px; height: 50px; display: flex; cursor: pointer; justify-content: space-between; align-items: center;
}
.form-group [type='text'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.form-group [type='password'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.with-tooltip {
	position: relative; cursor: pointer;
}
.form-group {
	position: relative; cursor: pointer;
}
.with-tooltip .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.form-group .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.with-tooltip .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.form-group .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.toast {
	margin: 0px auto; left: 0px; top: 80%; text-align: center; right: 0px; position: fixed; z-index: 10;
}
.toast-container {
	height: 40px; text-align: left; line-height: 40px; font-size: 0px; display: inline-block; min-width: 214px;
}
.toast i {
	padding-right: 18px; padding-left: 25px; font-size: 20px;
}
.toast-text {
	padding-right: 25px; font-size: 14px;
}
.dialog_wrap {
	background: rgba(0, 0, 0, 0.4); left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; position: fixed; z-index: 9;
}
.dialog_wrap .upper {
	text-transform: uppercase;
}
.dialog {
	border-radius: 3px; width: 600px; text-align: left; padding-top: 40px; vertical-align: middle; display: inline-block; box-sizing: border-box;
}
.dialog .dia_tit {
	padding: 0px 40px 30px; line-height: 24px; font-size: 24px;
}
.dialog .dia_tit b {
	height: 34px; font-weight: normal; float: left;
}
.dialog .dia_tit span {
	font-size: 28px; font-weight: 300; margin-top: -5px; float: right; cursor: pointer;
}
.dialog .dia_tit p {
	line-height: 12px; font-size: 12px;
}
.dialog .dia_content {
	padding: 0px 40px; overflow: auto; clear: both; margin-bottom: 20px; max-height: 400px;
}
.dialog .dia_submit {
	padding: 0px 40px 40px; text-align: right; clear: both;
}
.dialog .dia_submit button {
	border: currentColor; border-image: none; width: 200px; height: 48px; text-align: center; color: rgba(30, 39, 49, 0.5); font-size: 16px;
}
.dialog .dia_submit button.btn_cancel {
	background: none; display: none;
}
.dialog .dia_submit button.btn_cancel:hover {
	color: rgb(30, 39, 49);
}
.dialog .dia_submit .error_notice {
	color: rgb(255, 25, 25); margin-right: 15px; display: inline-block;
}
.dialog .dia_submit .error_notice i {
	margin-right: 5px;
}
.dialog .dia_foot {
	padding: 30px 40px 40px; color: rgba(30, 39, 49, 0.5); line-height: 20px; font-size: 12px; background-color: rgb(248, 249, 251);
}
.dialog .dia_foot a {
	color: rgb(255, 117, 25);
}
.dialog_extra {
	height: 100%; vertical-align: middle; display: inline-block;
}
.dia_input {
	padding-bottom: 30px; font-size: 14px;
}
.dia_input .input_top {
	height: 22px; line-height: 14px;
}
.dia_input .input_top b {
	float: left;
}
.dia_input .input_top .pro_warning {
	text-align: right; padding-top: 1px;
}
.dia_input .input_top .pro_warning i {
	padding-right: 4px; font-size: 16px;
}
.dia_input .input_middle {
	position: relative;
}
.dia_input .input_middle .input_amount {
	color: rgb(30, 39, 49); font-size: 24px;
}
.dia_input .input_middle .input_amount i {
	font-size: 14px;
}
.dia_input .input_middle .input_text {
	border-radius: 3px; border: 1px solid currentColor; border-image: none; width: 100%; height: 46px; line-height: 1; text-indent: 20px; display: block; box-sizing: border-box;
}
.dia_input .input_middle .input_text_right {
	top: 13px; height: 20px; right: 20px; line-height: 20px; position: absolute;
}
.dia_input .input_middle .input_text_right.sms_verify {
	padding-left: 15px; border-left-color: currentColor; border-left-width: 1px; border-left-style: solid;
}
.dia_input .input_middle .input_select {
	height: 64px; position: relative;
}
.dia_input .input_middle .input_select ul {
	font-size: 12px;
}
.dia_input .input_middle .input_select ul li {
	padding: 14px 20px; height: 36px; color: rgb(30, 39, 49); line-height: 18px; border-bottom-color: rgb(248, 249, 251); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select ul li:hover {
	background-color: rgb(248, 249, 251);
}
.dia_input .input_middle .input_select .select_cur {
	position: relative; z-index: 2;
}
.dia_input .input_middle .input_select .select_cur li {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; background-color: rgba(30, 39, 49, 0.02);
}
.dia_input .input_middle .input_select .select_cur li:hover {
	background-color: rgba(30, 39, 49, 0.05);
}
.dia_input .input_middle .input_select .select_cur li i.arrow_down {
	top: 30px; width: 0px; height: 0px; right: 20px; border-top-color: rgba(30, 39, 49, 0.25); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: block; position: absolute;
}
.dia_input .input_middle .input_select .select_other {
	left: 0px; top: 64px; width: 100%; position: absolute; z-index: 1; box-shadow: 0px 2px 6px rgba(0,0,0,0.25); background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select .select_other ul {
	overflow: auto; max-height: 256px;
}
.dia_input .input_middle .input_select .select_other a {
	height: 57px; text-align: center; color: rgb(255, 117, 25); line-height: 57px; font-size: 14px; display: block;
}
.dia_input .input_middle .input_select .select_other a b {
	font-size: 28px;
}
.dia_input .input_bottom {
	text-align: right; padding-top: 8px; font-size: 12px;
}
.dia_input .input_bottom.align_left {
	text-align: left;
}
.dia_input .input_bottom a {
	color: rgba(30, 39, 49, 0.5);
}
.dia_input .input_bottom a:hover {
	color: rgb(30, 39, 49);
}
.dia_input .input_bottom a .color_master {
	color: rgb(30, 39, 49); font-weight: normal;
}
.hb-day .dialog {
	background-color: rgb(255, 255, 255);
}
.hb-day .dialog .dia_tit span {
	color: rgb(145, 148, 164);
}
.hb-day .dialog .dia_tit span:hover {
	color: rgb(35, 42, 74);
}
.hb-day .dialog .dia_tit p {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input .input_middle .input_text {
	border-color: rgb(209, 211, 223); color: rgb(35, 42, 74); background-color: rgb(255, 255, 255);
}
.hb-day .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .dia_input .input_middle :disabled.input_text {
	border-color: rgb(255, 255, 255); background-color: rgb(249, 247, 253);
}
.hb-day .dia_input .input_middle .input_text_right {
	color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(145, 148, 164);
}
.hb-night .dialog {
	background-color: rgb(35, 35, 35);
}
.hb-night .dialog .dia_tit span {
	color: rgb(97, 104, 138);
}
.hb-night .dialog .dia_tit span:hover {
	color: rgb(199, 204, 230);
}
.hb-night .dialog .dia_tit p {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input .input_middle .input_text {
	border-color: rgb(78, 91, 133); color: rgb(199, 204, 230); background-color: rgb(30, 34, 53);
}
.hb-night .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .dia_input .input_middle :disabled.input_text {
	border-color: rgb(30, 34, 53); background-color: rgb(32, 36, 55);
}
.hb-night .dia_input .input_middle .input_text_right {
	color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(97, 104, 138);
}
.dia_loading {
	padding: 20px 40px 100px; line-height: 34px; font-size: 18px;
}
.dia_jump_content {
	line-height: 22px; font-size: 14px;
}
.dia_jump_content p {
	padding-bottom: 10px;
}
.dia_jump_content a {
	color: rgb(255, 117, 25);
}
.dia_jump_content a:hover {
	color: rgb(255, 117, 25);
}
.dia_btn_foot {
	text-align: right; padding-bottom: 20px;
}
.dia_btn_foot a {
	width: 120px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px; display: inline-block; background-color: rgb(255, 117, 25);
}
.dia_btn_foot a:hover {
	background-color: rgb(255, 137, 59);
}
.ja-jp .dia_arg_btn .btn_submit {
	width: 230px;
}
.dia_arg_btn {
	text-align: center;
}
.dia_arg_btn .btn_submit {
	background: rgb(255, 117, 25); border-radius: 3px; border: currentColor; border-image: none; width: 200px; height: 48px; color: white; font-size: 14px;
}
.dia_verify_btn {
	text-align: right; padding-top: 30px;
}
.dia_verify_btn .btn_submit {
	background: rgb(255, 117, 25); border: currentColor; border-image: none; width: 120px; height: 40px; color: white; font-size: 14px;
}
.dialog .dia_tit div {
	
}
.clear_fix {
	
}
.dialog .dia_tit div::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clear_fix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.form-group {
	font-size: 16px; margin-bottom: 20px;
}
.form-group label {
	height: 22px; line-height: 12px; font-size: 12px; display: inline-block; max-width: 100%;
}
.form-group .input-group {
	width: 100%; position: relative;
}
.form-group .input-group-addon {
	border: currentColor; border-image: none; text-align: center; line-height: 30px;
}
.form-group :first-child.input-group-addon {
	left: 1px; top: 50%; width: 100px; text-align: center; position: absolute; transform: translateY(-50%);
}
.form-group :first-child.input-group-addon + input {
	padding-left: 120px;
}
.form-group :last-child.input-group-addon {
	padding: 0px 30px; top: 50%; right: 1px; position: absolute; cursor: pointer; transform: translateY(-50%);
}
.form-group :last-child:disabled.input-group-addon {
	cursor: not-allowed;
}
.form-group .input-group-selector {
	width: 100%; height: 300px; overflow: auto; display: none; position: absolute; box-sizing: border-box;
}
.form-group .input-group-selector dl {
	padding: 0px 20px; height: 50px; display: flex; cursor: pointer; justify-content: space-between; align-items: center;
}
.form-group [type='text'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.form-group [type='password'] {
	border-radius: 3px; border: currentColor; border-image: none; width: 100%; height: 48px; padding-left: 20px; display: block; box-sizing: border-box;
}
.with-tooltip {
	position: relative; cursor: pointer;
}
.form-group {
	position: relative; cursor: pointer;
}
.with-tooltip .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.form-group .tooltip {
	padding: 8px 10px; border-radius: 3px; top: 0px; font-size: 14px; font-style: normal; display: none; position: absolute; cursor: auto;
}
.with-tooltip .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.form-group .tooltip::after {
	background: inherit; left: 15px; width: 12px; height: 12px; bottom: -5px; position: absolute; z-index: -1; content: ""; transform: rotate(45deg);
}
.toast {
	margin: 0px auto; left: 0px; top: 80%; text-align: center; right: 0px; position: fixed; z-index: 10;
}
.toast-container {
	height: 40px; text-align: left; line-height: 40px; font-size: 0px; display: inline-block; min-width: 214px;
}
.toast i {
	padding-right: 18px; padding-left: 25px; font-size: 20px;
}
.toast-text {
	padding-right: 25px; font-size: 14px;
}
.dialog_wrap {
	background: rgba(0, 0, 0, 0.4); left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; position: fixed; z-index: 9;
}
.dialog_wrap .upper {
	text-transform: uppercase;
}
.dialog {
	border-radius: 3px; width: 600px; text-align: left; padding-top: 40px; vertical-align: middle; display: inline-block; box-sizing: border-box;
}
.dialog .dia_tit {
	padding: 0px 40px 30px; line-height: 24px; font-size: 24px;
}
.dialog .dia_tit b {
	height: 34px; font-weight: normal; float: left;
}
.dialog .dia_tit span {
	font-size: 28px; font-weight: 300; margin-top: -5px; float: right; cursor: pointer;
}
.dialog .dia_tit p {
	line-height: 12px; font-size: 12px;
}
.dialog .dia_content {
	padding: 0px 40px; overflow: auto; clear: both; margin-bottom: 20px; max-height: 400px;
}
.dialog .dia_submit {
	padding: 0px 40px 40px; text-align: right; clear: both;
}
.dialog .dia_submit button {
	border: currentColor; border-image: none; width: 200px; height: 48px; text-align: center; color: rgba(30, 39, 49, 0.5); font-size: 16px;
}
.dialog .dia_submit button.btn_cancel {
	background: none; display: none;
}
.dialog .dia_submit button.btn_cancel:hover {
	color: rgb(30, 39, 49);
}
.dialog .dia_submit .error_notice {
	color: rgb(255, 25, 25); margin-right: 15px; display: inline-block;
}
.dialog .dia_submit .error_notice i {
	margin-right: 5px;
}
.dialog .dia_foot {
	padding: 30px 40px 40px; color: rgba(30, 39, 49, 0.5); line-height: 20px; font-size: 12px; background-color: rgb(248, 249, 251);
}
.dialog .dia_foot a {
	color: rgb(255, 117, 25);
}
.dialog_extra {
	height: 100%; vertical-align: middle; display: inline-block;
}
.dia_input {
	padding-bottom: 30px; font-size: 14px;
}
.dia_input .input_top {
	height: 22px; line-height: 14px;
}
.dia_input .input_top b {
	float: left;
}
.dia_input .input_top .pro_warning {
	text-align: right; padding-top: 1px;
}
.dia_input .input_top .pro_warning i {
	padding-right: 4px; font-size: 16px;
}
.dia_input .input_middle {
	position: relative;
}
.dia_input .input_middle .input_amount {
	color: rgb(30, 39, 49); font-size: 24px;
}
.dia_input .input_middle .input_amount i {
	font-size: 14px;
}
.dia_input .input_middle .input_text {
	border-radius: 3px; border: 1px solid currentColor; border-image: none; width: 100%; height: 46px; line-height: 1; text-indent: 20px; display: block; box-sizing: border-box;
}
.dia_input .input_middle .input_text_right {
	top: 13px; height: 20px; right: 20px; line-height: 20px; position: absolute;
}
.dia_input .input_middle .input_text_right.sms_verify {
	padding-left: 15px; border-left-color: currentColor; border-left-width: 1px; border-left-style: solid;
}
.dia_input .input_middle .input_select {
	height: 64px; position: relative;
}
.dia_input .input_middle .input_select ul {
	font-size: 12px;
}
.dia_input .input_middle .input_select ul li {
	padding: 14px 20px; height: 36px; color: rgb(30, 39, 49); line-height: 18px; border-bottom-color: rgb(248, 249, 251); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select ul li:hover {
	background-color: rgb(248, 249, 251);
}
.dia_input .input_middle .input_select .select_cur {
	position: relative; z-index: 2;
}
.dia_input .input_middle .input_select .select_cur li {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; background-color: rgba(30, 39, 49, 0.02);
}
.dia_input .input_middle .input_select .select_cur li:hover {
	background-color: rgba(30, 39, 49, 0.05);
}
.dia_input .input_middle .input_select .select_cur li i.arrow_down {
	top: 30px; width: 0px; height: 0px; right: 20px; border-top-color: rgba(30, 39, 49, 0.25); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: block; position: absolute;
}
.dia_input .input_middle .input_select .select_other {
	left: 0px; top: 64px; width: 100%; position: absolute; z-index: 1; box-shadow: 0px 2px 6px rgba(0,0,0,0.25); background-color: rgb(255, 255, 255);
}
.dia_input .input_middle .input_select .select_other ul {
	overflow: auto; max-height: 256px;
}
.dia_input .input_middle .input_select .select_other a {
	height: 57px; text-align: center; color: rgb(255, 117, 25); line-height: 57px; font-size: 14px; display: block;
}
.dia_input .input_middle .input_select .select_other a b {
	font-size: 28px;
}
.dia_input .input_bottom {
	text-align: right; padding-top: 8px; font-size: 12px;
}
.dia_input .input_bottom.align_left {
	text-align: left;
}
.dia_input .input_bottom a {
	color: rgba(30, 39, 49, 0.5);
}
.dia_input .input_bottom a:hover {
	color: rgb(30, 39, 49);
}
.dia_input .input_bottom a .color_master {
	color: rgb(30, 39, 49); font-weight: normal;
}
.hb-day .dialog {
	background-color: rgb(255, 255, 255);
}
.hb-day .dialog .dia_tit span {
	color: rgb(145, 148, 164);
}
.hb-day .dialog .dia_tit span:hover {
	color: rgb(35, 42, 74);
}
.hb-day .dialog .dia_tit p {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input {
	color: rgb(145, 148, 164);
}
.hb-day .dia_input .input_middle .input_text {
	border-color: rgb(209, 211, 223); color: rgb(35, 42, 74); background-color: rgb(255, 255, 255);
}
.hb-day .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .dia_input .input_middle :disabled.input_text {
	border-color: rgb(255, 255, 255); background-color: rgb(249, 247, 253);
}
.hb-day .dia_input .input_middle .input_text_right {
	color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(209, 211, 223);
}
.hb-day .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(145, 148, 164);
}
.hb-night .dialog {
	background-color: rgb(35, 35, 35);
}
.hb-night .dialog .dia_tit span {
	color: rgb(97, 104, 138);
}
.hb-night .dialog .dia_tit span:hover {
	color: rgb(199, 204, 230);
}
.hb-night .dialog .dia_tit p {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input {
	color: rgb(97, 104, 138);
}
.hb-night .dia_input .input_middle .input_text {
	border-color: rgb(78, 91, 133); color: rgb(199, 204, 230); background-color: rgb(30, 34, 53);
}
.hb-night .dia_input .input_middle .input_text:focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .dia_input .input_middle :disabled.input_text {
	border-color: rgb(30, 34, 53); background-color: rgb(32, 36, 55);
}
.hb-night .dia_input .input_middle .input_text_right {
	color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify {
	border-color: rgb(78, 91, 133);
}
.hb-night .dia_input .input_middle .input_text_right.sms_verify span {
	color: rgb(97, 104, 138);
}
.dialog .dia_tit a {
	font-size: 12px; margin-left: 10px; display: inline-block;
}
.dia_ticket_data {
	height: 100px;
}
.dia_ticket_head {
	width: 520px; height: 100px; position: relative;
}
.dia_ticket_head dl {
	transition:left 0.3s ease-in-out; top: 25px; width: 220px; height: 100px; text-align: center; position: absolute; z-index: 3;
}
.dia_ticket_head dl dt {
	height: 40px; font-size: 24px;
}
.dia_ticket_head dl dd {
	color: rgba(30, 39, 49, 0.5); font-size: 12px; cursor: pointer;
}
.dia_ticket_head dl dd:hover .dia_tips {
	display: block;
}
.dia_ticket_head dl em {
	margin: 0px 10px; display: inline-block;
}
.dia_ticket_head dl .huobi_pro_info {
	color: rgba(30, 39, 49, 0.5); vertical-align: top;
}
.dia_ticket_head dl .huobi_pro_info .dia_tips {
	text-align: left; line-height: 20px; font-size: 12px; display: none; position: absolute; cursor: text; box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
}
.dia_ticket_head dl .huobi_pro_info .dia_tips i {
	width: 14px; height: 14px; bottom: -8px; color: rgb(255, 255, 255); display: block; position: absolute; z-index: 2; text-shadow: 0px 2px 8px rgba(30,39,49,0.2); transform: rotate(45deg);
}
.dia_ticket_head dl .huobi_pro_info .dia_tips div {
	padding: 5px 15px; border-radius: 3px; width: 230px; height: auto; position: relative; z-index: 3;
}
.dia_ticket_head dl.dia_ticket_from {
	left: 0px;
}
.dia_ticket_head dl.dia_ticket_from .dia_tips {
	left: 0px; bottom: 100px;
}
.dia_ticket_head dl.dia_ticket_from .dia_tips i {
	right: 150px;
}
.dia_ticket_head dl.dia_ticket_to {
	left: 300px;
}
.dia_ticket_head dl.dia_ticket_to .dia_tips {
	right: 0px; bottom: 74px;
}
.dia_ticket_head dl.dia_ticket_to .dia_tips i {
	left: 150px;
}
.dia_ticket_head b {
	transition:box-shadow 0.2s ease-in-out; left: 50%; top: 30px; width: 100px; height: 56px; text-align: center; position: absolute; z-index: 2; cursor: pointer; box-shadow: 0px 0px 20px transparent; transform: translateX(-50%); user-select: none;
}
.dia_ticket_head b i {
	margin: 0px auto; width: 30px; height: 30px; line-height: 30px; font-size: 30px; display: block;
}
.dia_ticket_head b em {
	margin: 0px auto; width: 64px; height: 20px; text-align: center; line-height: 30px; font-size: 12px; display: block;
}
.tio_all_in b {
	color: rgb(255, 117, 25); margin-left: 10px; display: inline-block; cursor: pointer;
}
.dia_ticket_ouput {
	overflow: hidden;
}
.dia_ticket_ouput dl {
	height: 24px; color: rgba(30, 39, 49, 0.5); overflow: hidden; font-size: 14px;
}
.dia_ticket_ouput dl em {
	color: rgb(0, 0, 0); font-size: 20px; margin-right: 10px; display: inline-block;
}
.dia_ticket_ouput dl b {
	margin: 0px 20px; color: rgb(0, 0, 0); font-size: 20px; display: inline-block;
}
.dia_ticket_ouput dl dt {
	float: left;
}
.dia_ticket_ouput dl dd {
	float: right;
}
.dia_ticket_ouput dl.dir_split dt {
	float: left;
}
.dia_ticket_ouput dl.dir_split dd {
	float: right;
}
.dia_ticket_ouput dl.dir_join dt {
	float: right;
}
.dia_ticket_ouput dl.dir_join dd {
	float: left;
}
.dia_ticket_ouput p {
	text-align: right; color: rgba(30, 39, 49, 0.5); padding-top: 40px; font-size: 12px;
}
.dia_ticket_ouput p a {
	color: rgb(255, 117, 25);
}
.dia_ticket_ouput p a:link {
	color: rgb(255, 117, 25);
}
.dia_ticket_ouput p a:hover {
	color: rgb(255, 117, 25);
}
.dialog .dia_tit a.help_link {
	text-decoration: none;
}
.hb-day .tio_all_in b {
	color: rgb(122, 152, 247);
}
.hb-day .dia_ticket_head dl dt {
	color: rgb(35, 42, 74);
}
.hb-day .dia_ticket_head dl dd {
	color: rgb(145, 148, 164);
}
.hb-day .dia_ticket_head dl .huobi_pro_info i {
	color: rgb(255, 255, 255);
}
.hb-day .dia_ticket_head dl .huobi_pro_info div {
	background: rgb(255, 255, 255); color: rgb(35, 42, 74);
}
.hb-day .dia_ticket_head b {
	color: rgb(122, 152, 247);
}
.hb-day .dia_ticket_head b:hover {
	color: rgb(146, 171, 248);
}
.hb-night .tio_all_in b {
	color: rgb(122, 152, 247);
}
.hb-night .dia_ticket_head dl dt {
	color: rgb(199, 204, 230);
}
.hb-night .dia_ticket_head dl dd {
	color: rgb(97, 104, 138);
}
.hb-night .dia_ticket_head dl .huobi_pro_info i {
	color: rgb(30, 34, 53);
}
.hb-night .dia_ticket_head dl .huobi_pro_info div {
	background: rgb(30, 34, 53); color: rgb(199, 204, 230);
}
.hb-night .dia_ticket_head b {
	color: rgb(122, 152, 247);
}
.hb-night .dia_ticket_head b:hover {
	color: rgb(146, 171, 248);
}
.section {
	
}
.l_notice_top {
	
}
.section::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.l_notice_top::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.doc_foot_wrap dd.icons a .qr_wechat::before {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.mod_trade .mod_hd dl.show_list dt::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.mod_trade .mod_hd .quote_currency dt::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.panel .com_tip::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
hr {
	margin: 0px; padding: 0px;
}
figure {
	margin: 0px; padding: 0px;
}
table {
	margin: 0px; padding: 0px;
}
caption {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
button {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
menu {
	margin: 0px; padding: 0px;
}
header {
	display: block;
}
footer {
	display: block;
}
section {
	display: block;
}
article {
	display: block;
}
aside {
	display: block;
}
nav {
	display: block;
}
hgroup {
	display: block;
}
address {
	display: block;
}
figure {
	display: block;
}
figcaption {
	display: block;
}
menu {
	display: block;
}
details {
	display: block;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
caption {
	text-align: left; font-weight: normal;
}
th {
	text-align: left; font-weight: normal;
}
html {
	border: 0px currentColor; border-image: none;
}
body {
	border: 0px currentColor; border-image: none;
}
fieldset {
	border: 0px currentColor; border-image: none;
}
img {
	border: 0px currentColor; border-image: none;
}
iframe {
	border: 0px currentColor; border-image: none;
}
abbr {
	border: 0px currentColor; border-image: none;
}
i {
	font-style: normal;
}
cite {
	font-style: normal;
}
em {
	font-style: normal;
}
var {
	font-style: normal;
}
address {
	font-style: normal;
}
dfn {
	font-style: normal;
}
[hidefocus] {
	outline: 0px;
}
summary {
	outline: 0px;
}
li {
	list-style: none;
}
h1 {
	font-size: 100%;
}
h2 {
	font-size: 100%;
}
h3 {
	font-size: 100%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
}
small {
	font-size: 100%;
}
sup {
	font-size: 83%;
}
sub {
	font-size: 83%;
}
pre {
	font-family: inherit;
}
code {
	font-family: inherit;
}
kbd {
	font-family: inherit;
}
samp {
	font-family: inherit;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
textarea {
	overflow: auto; resize: none;
}
label {
	cursor: default;
}
summary {
	cursor: default;
}
a {
	cursor: pointer;
}
button {
	cursor: pointer;
}
a:focus {
	
}
h1 {
	font-weight: bold;
}
h2 {
	font-weight: bold;
}
h3 {
	font-weight: bold;
}
h4 {
	font-weight: bold;
}
h5 {
	font-weight: bold;
}
h6 {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
b {
	font-weight: bold;
}
del {
	text-decoration: none;
}
ins {
	text-decoration: none;
}
u {
	text-decoration: none;
}
s {
	text-decoration: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
body {
	outline: 0px;
}
textarea {
	outline: 0px;
}
input {
	outline: 0px;
}
button {
	outline: 0px;
}
select {
	outline: 0px;
}
keygen {
	outline: 0px;
}
legend {
	outline: 0px;
}
::-ms-clear {
	display: none;
}
::-ms-reveal {
	display: none;
}
.section {
	
}
.l_notice_top {
	
}
.section::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.l_notice_top::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.doc_foot_wrap dd.icons a .qr_wechat::before {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.mod_trade .mod_hd dl.show_list dt::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.mod_trade .mod_hd .quote_currency dt::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.panel .com_tip::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
html {
	margin: 0px; width: 100%; height: 100%; min-width: 1200px;
}
body {
	margin: 0px; width: 100%; height: 100%; min-width: 1200px;
}
html {
	font: 14px/1.4 "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", serif; transition:color 0.3s ease-in, border 0.3s ease-in; font-size-adjust: none; font-stretch: normal;
}
html.ko-kr {
	font-family: "Noto Sans KR", ?????����3??��?, "Nanum Gothic", NanumGothic, "Apple SD Gothic Neo", ?�졮��?���3??��?, "Malgun Gothic", AppleGothic, ???��?�, Dotum, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html.ja-jp {
	font-family: MS PGothic,Arial,Hiragino Kaku Gothic ProN,Osaka,sans-serif;
}
html.ru-ru {
	font-family: Helvetica, Arial, sans-serif;
}
.layout_doc {
	position: relative; min-height: 100%;
}
.layout_body {
	padding: 0px 0px 350px; position: relative; -ms-zoom: 1; min-height: 900px;
}
.layout_foot {
	height: 320px; margin-top: -320px; position: relative; z-index: 2;
}
.section {
	margin: 0px auto; width: 1200px;
}
.container {
	margin: auto; padding: 10px; width: 1200px; box-sizing: border-box;
}
@media screen and (min-width:1200px)
{
.container {
	width: 100%;
}
}
.upper {
	text-transform: uppercase; font-style: normal;
}
.uppercase {
	text-transform: uppercase; font-style: normal;
}
select::-ms-expand {
	display: none;
}
.no_select {
	-ms-user-select: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none;
}
.align_center {
	text-align: center;
}
.doc_head {
	width: 100%; height: 60px; color: rgb(199, 204, 230); font-size: 14px; display: flex; align-items: center; background-color: rgb(0, 0, 0);
}
.doc_head .head_logo {
	padding-left: 30px;
}
.doc_head .head_logo a {
	width: 130px; height: 100%; display: inline-block;
}
.doc_head .head_logo img {
	width: 100%; vertical-align: middle;
}
.doc_head .head_nav {
	flex:1 1 0px; padding-right: 30px; display: flex; justify-content: space-between; align-items: center;
}
.doc_head .head_nav > li {
	height: 56px; line-height: 56px; margin-left: 30px; position: relative;
}
.doc_head .head_nav > li.cur a {
	color: rgb(122, 152, 247);
}
.doc_head .head_nav > li a {
	color: rgb(199, 204, 230);
}
.doc_head .head_nav > li a i {
	padding-right: 8px;
}
.doc_head .head_nav > li a:hover {
	color: rgb(122, 152, 247); text-decoration: none;
}
.doc_head .head_nav > li .change_theme {
	background: none; border: currentColor; border-image: none; width: 20px; height: 20px; color: rgb(199, 204, 230); line-height: 14px; font-size: 14px; display: inline-block;
}
.doc_head .head_nav > li .change_theme:hover {
	color: rgb(122, 152, 247);
}
.doc_head .head_nav > li.head-padding {
	flex:1 1 0px;
}
.doc_head .head_nav > li.split {
	margin: 0px 10px; height: 56px; color: rgb(0, 0, 0); line-height: 56px; content: "";
}
.doc_head .head_nav > li.split + li {
	margin-left: 0px;
}
.doc_head .head_nav > li.head-user {
	position: relative; cursor: pointer;
}
.doc_head .head_nav > li.head-user i {
	padding: 0px; display: inline-block; transform: rotate(0deg);
}
.doc_head .head_nav > li.head-user i.hb_icon_caret_down {
	transform-origin: center center; transform: scale(0.6);
}
.doc_head .head_nav > li.head-user span {
	padding: 0px 8px;
}
.doc_head .head_nav > li.head-user:hover {
	color: rgb(122, 152, 247);
}
.doc_head .head_nav > li.head-user:hover i.hb_icon_caret_down {
	transform: scale(0.6) rotate(180deg);
}
.doc_head .head_nav > li.head-user:hover .head-user-list {
	display: block;
}
.doc_head .head_nav > li.head-user .head-user-list {
	background: rgb(35, 35, 35); padding: 10px 0px; border-radius: 3px; top: 56px; width: 100%; display: none; position: absolute; z-index: 8; min-width: 250px; box-shadow: 0px 8px 16px rgba(0,0,0,0.4);
}
.doc_head .head_nav > li.head-user .head-user-list li {
	padding: 0px 20px; height: 40px; font-size: 14px;
}
.doc_head .head_nav > li.head-user .head-user-list li i {
	font-size: 14px;
}
.doc_head .head_nav > li.head-user .head-user-list li:nth-last-of-type(1) a {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.doc_head .head_nav > li.head-user .head-user-list li:hover {
	background: rgb(30, 34, 53);
}
.doc_head .head_nav > li.head-user .head-user-list a {
	padding: 0px; line-height: 40px; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.doc_head .head_nav > li.head-user .head-user-list i {
	padding-right: 14px;
}
.doc_head .select_lang {
	color: rgb(199, 204, 230); font-size: 12px; position: relative; z-index: 8; cursor: pointer;
}
.doc_head .select_lang.open {
	color: rgb(122, 152, 247);
}
.doc_head .select_lang.open dt::after {
	color: rgb(122, 152, 247);
}
.doc_head .select_lang.open dd {
	display: block;
}
.doc_head .select_lang:hover {
	color: rgb(122, 152, 247);
}
.doc_head .select_lang:hover dt::after {
	color: rgb(122, 152, 247);
}
.doc_head .select_lang:hover dd {
	display: block;
}
.doc_head .select_lang dt {
	padding: 0px 12px; border-radius: 20px; border: 1px solid currentColor; border-image: none; height: 20px; line-height: 20px; display: inline-block;
}
.doc_head .select_lang dt::after {
	width: 6px; height: 6px; color: rgb(199, 204, 230); margin-top: -5px; margin-left: 8px; vertical-align: middle; border-bottom-color: currentColor; border-left-color: currentColor; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; display: inline-block; content: ""; transform: rotate(-45deg);
}
.doc_head .select_lang dd {
	background: rgb(35, 35, 35); border-radius: 3px; top: 56px; width: 100%; display: none; position: absolute; box-shadow: 0px 8px 16px rgba(0,0,0,0.4);
}
.doc_head .select_lang dd a {
	height: 32px; text-align: center; color: rgb(199, 204, 230); line-height: 32px; display: block;
}
.doc_head .select_lang dd a:hover {
	background: rgb(30, 34, 53); color: rgb(122, 152, 247);
}
.doc_foot {
	background-color: rgb(0, 0, 0);
}
.doc_foot_wrap {
	margin: auto; padding: 60px 30px 0px; width: 1200px; display: flex; box-sizing: border-box;
}
@media screen and (min-width:1200px)
{
.doc_foot_wrap {
	width: 90%;
}
}
.doc_foot_wrap h2 {
	color: rgb(97, 104, 138);
}
.doc_foot_wrap dl {
	margin-left: 100px;
}
.doc_foot_wrap dl h2 {
	height: 40px; line-height: 12px; font-size: 12px; font-weight: 400;
}
.doc_foot_wrap dl:nth-of-type(1) {
	flex:1 1 0px; margin-left: 0px;
}
.doc_foot_wrap dl:nth-of-type(1) dd {
	height: auto;
}
.doc_foot_wrap dl:nth-of-type(1) h1 {
	height: 44px; line-height: 24px; font-size: 24px; font-weight: 400;
}
.doc_foot_wrap dl:nth-of-type(1) h2 {
	height: 80px; line-height: 14px; font-size: 14px;
}
.doc_foot_wrap dl:nth-of-type(1) .copyright {
	color: rgb(97, 104, 138);
}
.doc_foot_wrap dt h1 {
	color: rgb(199, 204, 230);
}
.doc_foot_wrap dd {
	height: 34px; line-height: 14px; font-size: 14px;
}
.doc_foot_wrap dd a {
	color: rgb(199, 204, 230);
}
.doc_foot_wrap dd a:hover {
	color: rgb(122, 152, 247); text-decoration: none;
}
.doc_foot_wrap dd i {
	font-size: 18px;
}
.doc_foot_wrap dd a + a {
	margin-left: 20px;
}
.doc_foot_wrap dd.icons .icons_line {
	height: 34px;
}
.doc_foot_wrap dd.icons a {
	color: rgb(97, 104, 138);
}
.doc_foot_wrap dd.icons a.has_qr {
	position: relative;
}
.doc_foot_wrap dd.icons a:hover {
	color: rgb(122, 152, 247);
}
.doc_foot_wrap dd.icons a:hover .qr_wechat {
	display: block;
}
.doc_foot_wrap dd.icons a .qr_wechat {
	background: url("/assets/images/qr_wechat_60cf29c6.jpg") no-repeat center / 100px 100px rgb(35, 35, 35); border-radius: 3px; left: -44px; top: 24px; width: 110px; height: 110px; display: none; position: absolute;
}
.doc_foot_wrap dd.icons a .qr_wechat::before {
	left: 48px; top: -4px; border-right-color: transparent; border-bottom-color: rgb(35, 35, 35); border-left-color: transparent; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-right-style: dashed; border-bottom-style: solid; border-left-style: dashed; position: absolute;
}
.doc_wrap {
	margin: 0px auto; width: 1200px; height: 40px;
}
.btn {
	border: currentColor; border-image: none;
}
.btn.btn-primary {
	color: white; background-color: rgb(122, 152, 247);
}
.btn:hover {
	background-color: rgb(170, 189, 250);
}
.btn:active {
	background-color: rgb(74, 115, 244);
}
:disabled.btn {
	cursor: not-allowed; background-color: rgb(78, 91, 133);
}
.with-tooltip .tooltip {
	color: rgb(199, 204, 230); background-color: rgb(35, 35, 35);
}
.with-tooltip .tooltip::after {
	background: inherit;
}
a {
	transition:0.2s ease-in-out; color: rgb(122, 152, 247); text-decoration: none; cursor: pointer;
}
a:hover {
	color: rgb(170, 189, 250);
}
.form-group label {
	color: rgb(78, 91, 133);
}
.form-group label:last-child {
	color: rgb(122, 152, 247); border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid;
}
.form-group label:last-child:disabled {
	color: rgb(97, 104, 138);
}
.form-group-selector {
	background-color: rgb(47, 52, 82);
}
.form-group-selector dl {
	margin: 0px; color: rgb(97, 104, 138); border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.form-group-selector dl:hover {
	color: rgb(122, 152, 247); background-color: rgb(0, 0, 0);
}
.form-group [type='text'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(35, 35, 35);
}
.form-group [type='password'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(35, 35, 35);
}
.form-group [type='text']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.form-group [type='password']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.table-container {
	border-radius: 3px; overflow: hidden;
}
.table-container .head {
	padding: 0px 30px; color: rgb(199, 204, 230); font-size: 16px;
}
.table-container .body {
	padding: 0px 10px;
}
.table-container .pagination {
	margin: 0px 30px; text-align: right; border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.table-container .pagination .btn-page {
	padding: 0px 10px; width: 60px; color: rgb(199, 204, 230); font-size: 12px; background-color: transparent;
}
table.table {
	padding: 0px 30px; width: 100%; border-collapse: separate;
}
table.table th {
	height: 40px; text-align: right; color: rgb(78, 91, 133); line-height: 1; font-size: 12px;
}
table.table td {
	height: 40px; text-align: right; color: rgb(78, 91, 133); line-height: 1; font-size: 12px;
}
table.table th:first-child {
	text-align: left;
}
table.table td:first-child {
	text-align: left;
}
table.table td {
	color: rgb(199, 204, 230); border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
table.table td .btn.btn-small {
	width: 56px; height: 24px; text-align: center; line-height: 1; font-size: 12px; background-color: transparent;
}
table.table td .btn.btn-small.primary {
	color: rgb(122, 152, 247);
}
table.table td .btn.btn-small.primary:hover {
	color: rgb(170, 189, 250);
}
table.table td .btn.btn-small.btn-primary {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
table.table td .btn.btn-small.link-primary {
	color: rgb(122, 152, 247); padding-right: 15px; position: relative;
}
table.table td .btn.btn-small.link-primary::after {
	border-width: 5px; border-style: solid; border-color: rgb(78, 91, 133) transparent transparent; border-image: none; top: 9px; right: 0px; position: absolute; content: "";
}
table.table .table-inner {
	margin: -4px -20px; border-radius: 3px; position: relative; background-color: rgb(0, 0, 0);
}
table.table .table-inner .angle {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; top: -14px; right: 39px; position: absolute;
}
table.table .table-inner .angle::after {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; left: -7px; top: -5px; position: absolute; content: "";
}
table.table .table {
	margin: -3px 0px; border-radius: 3px; border: 1px solid rgb(0, 0, 0); border-image: none; border-collapse: separate;
}
table.table .table th {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
table.table .table td {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.toast-container {
	height: 40px; min-width: 214px; background-color: rgb(35, 35, 35);
}
.toast-container i {
	padding-right: 18px; padding-left: 25px;
}
.toast-container .toast-text {
	color: rgb(199, 204, 230);
}
[type='checkbox'] {
	background-color: rgb(35, 35, 35);
}
[type='checkbox'] + label::before {
	background: rgb(35, 35, 35); border: 1px solid rgb(78, 91, 133); border-image: none;
}
[type='checkbox'] + label::after {
	color: rgb(122, 152, 247);
}
[type='checkbox'] + label:hover::before {
	border-color: rgb(122, 152, 247);
}
[type='checkbox']:checked + label::after {
	background-color: rgb(122, 152, 247);
}
input[type='checkbox'].small {
	left: -999999px; width: 14px; height: 14px; position: absolute; box-sizing: border-box;
}
input[type='checkbox'].small + label {
	height: 14px; line-height: 1; padding-left: 1.5em; font-size: 14px; display: inline-block; position: relative; cursor: pointer;
}
input[type='checkbox'].small + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 14px; height: 14px; position: absolute; content: " "; box-sizing: border-box;
}
input[type='checkbox'].small + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 14px; height: 14px; text-align: center; line-height: 1; font-size: 14px; display: inline-block; position: absolute; content: "\2713";
}
input[type='checkbox']:not(:checked).small + label::after {
	opacity: 0; transform: scale(0);
}
input[type='checkbox']:checked.small + label::after {
	opacity: 1; transform: scale(1);
}
input[type='checkbox'].medium {
	left: -999999px; width: 18px; height: 18px; position: absolute; box-sizing: border-box;
}
input[type='checkbox'].medium + label {
	height: 18px; line-height: 1; padding-left: 1.5em; font-size: 18px; display: inline-block; position: relative; cursor: pointer;
}
input[type='checkbox'].medium + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 18px; height: 18px; position: absolute; content: " "; box-sizing: border-box;
}
input[type='checkbox'].medium + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 18px; height: 18px; text-align: center; line-height: 1; font-size: 18px; display: inline-block; position: absolute; content: "\2713";
}
input[type='checkbox']:not(:checked).medium + label::after {
	opacity: 0; transform: scale(0);
}
input[type='checkbox']:checked.medium + label::after {
	opacity: 1; transform: scale(1);
}
.windsMind {
	transition:background 1s;
}
.hb-night {
	border-color: currentColor; color: rgb(199, 204, 230); -ms-scrollbar-base-color: rgba(97, 104, 138, 0.15); -ms-scrollbar-face-color: transparent; -ms-scrollbar-3dlight-color: transparent; -ms-scrollbar-highlight-color: rgb(0, 0, 0); -ms-scrollbar-darkshadow-color: transparent; -ms-scrollbar-arrow-color: rgb(97, 104, 138); -ms-scrollbar-track-color: rgb(0, 0, 0); background-color: rgb(35, 35, 35);
}
.hb-night .order_book .depth-select ul {
	background-color: rgb(35, 35, 35);
}
.order_book .depth-select .hb-night ul {
	background-color: rgb(35, 35, 35);
}
.hb-night .ex-depth dl dd:hover {
	background-color: rgb(35, 35, 35);
}
.ex-depth dl .hb-night dd:hover {
	background-color: rgb(35, 35, 35);
}
.hb-night .panel :disabled.btn_buy {
	background-color: rgb(78, 91, 133);
}
.panel .hb-night :disabled.btn_buy {
	background-color: rgb(78, 91, 133);
}
.hb-night .panel :disabled.btn_sell {
	background-color: rgb(78, 91, 133);
}
.panel .hb-night :disabled.btn_sell {
	background-color: rgb(78, 91, 133);
}
.hb-night body.user_not_login :disabled.logout_button {
	background-color: rgb(78, 91, 133);
}
body.user_not_login .hb-night :disabled.logout_button {
	background-color: rgb(78, 91, 133);
}
.hb-night .panel button:disabled {
	background-color: rgb(30, 34, 53);
}
.panel .hb-night button:disabled {
	background-color: rgb(30, 34, 53);
}
.hb-night .input_text input {
	background-color: rgb(30, 34, 53);
}
.input_text .hb-night input {
	background-color: rgb(30, 34, 53);
}
.hb-night .input_text .math_price em {
	background-color: rgb(78, 91, 133);
}
.input_text .math_price .hb-night em {
	background-color: rgb(78, 91, 133);
}
.hb-night .mod .mod_hd {
	background-color: rgb(0, 0, 0);
}
.mod .hb-night .mod_hd {
	background-color: rgb(0, 0, 0);
}
.hb-night .order_book .head {
	background-color: rgb(0, 0, 0);
}
.order_book .hb-night .head {
	background-color: rgb(0, 0, 0);
}
.hb-night #huobi-chart {
	background-color: rgb(0, 0, 0);
}
.hb-night .mod_trade .mod_hd {
	background-color: rgb(0, 0, 0);
}
.mod_trade .hb-night .mod_hd {
	background-color: rgb(0, 0, 0);
}
.hb-night .ticker_wrap {
	background-color: rgb(0, 0, 0);
}
.hb-night .estimated_value {
	background-color: rgb(0, 0, 0);
}
.hb-night .cl_title {
	background-color: rgb(0, 0, 0);
}
.hb-night .cl_head {
	background-color: rgb(0, 0, 0);
}
.hb-night .l_notice_top {
	background-color: rgb(0, 0, 0);
}
.hb-night .l_transac_title {
	background-color: rgb(0, 0, 0);
}
.hb-night .desktop {
	background-color: rgb(0, 0, 0);
}
.hb-night .drawer {
	background-color: rgb(0, 0, 0);
}
.hb-night .mod {
	background-color: rgb(0, 0, 0);
}
.hb-night .ex-depth {
	background-color: rgb(0, 0, 0);
}
.hb-night .mod_trade {
	background-color: rgb(0, 0, 0);
}
.hb-night .drawer .coin_table {
	background-color: rgb(0, 0, 0);
}
.drawer .hb-night .coin_table {
	background-color: rgb(0, 0, 0);
}
.hb-night .order_book .depth-select ul li.active {
	background-color: rgb(0, 0, 0);
}
.order_book .depth-select ul .hb-night li.active {
	background-color: rgb(0, 0, 0);
}
.hb-night .order_book .depth-select ul li:hover {
	background-color: rgb(0, 0, 0);
}
.order_book .depth-select ul .hb-night li:hover {
	background-color: rgb(0, 0, 0);
}
.hb-night .drawer .coin_table dl:hover {
	background-color: rgb(0, 0, 0);
}
.drawer .coin_table .hb-night dl:hover {
	background-color: rgb(0, 0, 0);
}
.hb-night .drawer .coin_table dl.cur {
	background-color: rgb(0, 0, 0);
}
.drawer .coin_table .hb-night dl.cur {
	background-color: rgb(0, 0, 0);
}
.hb-night .mod .mod_tab li {
	color: rgb(199, 204, 230);
}
.mod .mod_tab .hb-night li {
	color: rgb(199, 204, 230);
}
.hb-night .order_book .head {
	color: rgb(199, 204, 230);
}
.order_book .hb-night .head {
	color: rgb(199, 204, 230);
}
.hb-night .ex-depth dl dt {
	color: rgb(199, 204, 230);
}
.ex-depth dl .hb-night dt {
	color: rgb(199, 204, 230);
}
.hb-night .ex-depth dl dd {
	color: rgb(199, 204, 230);
}
.ex-depth dl .hb-night dd {
	color: rgb(199, 204, 230);
}
.hb-night .input_text input {
	color: rgb(199, 204, 230);
}
.input_text .hb-night input {
	color: rgb(199, 204, 230);
}
.hb-night .input_text .math_price {
	color: rgb(199, 204, 230);
}
.input_text .hb-night .math_price {
	color: rgb(199, 204, 230);
}
.hb-night .amount_range {
	color: rgb(199, 204, 230);
}
.hb-night .l_notice_top a {
	color: rgb(199, 204, 230);
}
.l_notice_top .hb-night a {
	color: rgb(199, 204, 230);
}
.hb-night .trade_wrap .trade_panel {
	color: rgb(199, 204, 230);
}
.trade_wrap .hb-night .trade_panel {
	color: rgb(199, 204, 230);
}
.hb-night .l_transac_title {
	color: rgb(199, 204, 230);
}
.hb-night .l_transac_title ul li a {
	color: rgb(199, 204, 230);
}
.l_transac_title ul li .hb-night a {
	color: rgb(199, 204, 230);
}
.hb-night .order_book .head .ticker-transform {
	color: rgb(97, 104, 138);
}
.order_book .head .hb-night .ticker-transform {
	color: rgb(97, 104, 138);
}
.hb-night .ex-depth dl dt span {
	color: rgb(97, 104, 138);
}
.ex-depth dl dt .hb-night span {
	color: rgb(97, 104, 138);
}
.hb-night .panel .input_text .label {
	color: rgb(97, 104, 138);
}
.panel .input_text .hb-night .label {
	color: rgb(97, 104, 138);
}
.hb-night .input_text .unit {
	color: rgb(97, 104, 138);
}
.input_text .hb-night .unit {
	color: rgb(97, 104, 138);
}
.hb-night .market_trades dt {
	color: rgb(97, 104, 138);
}
.market_trades .hb-night dt {
	color: rgb(97, 104, 138);
}
.hb-night .drawer .coin_filter i {
	color: rgb(97, 104, 138);
}
.drawer .coin_filter .hb-night i {
	color: rgb(97, 104, 138);
}
.hb-night .mod .mod_tab li.cur {
	color: rgb(122, 152, 247);
}
.mod .mod_tab .hb-night li.cur {
	color: rgb(122, 152, 247);
}
.hb-night .mod .mod_tab li:hover {
	color: rgb(122, 152, 247);
}
.mod .mod_tab .hb-night li:hover {
	color: rgb(122, 152, 247);
}
.hb-night .order_book .depth-select {
	color: rgb(122, 152, 247);
}
.order_book .hb-night .depth-select {
	color: rgb(122, 152, 247);
}
.hb-night .mod_trade .mod_tab li.cur {
	color: rgb(122, 152, 247);
}
.mod_trade .mod_tab .hb-night li.cur {
	color: rgb(122, 152, 247);
}
.hb-night .l_notice_top {
	color: rgb(122, 152, 247);
}
.hb-night .l_transac_title ul li a:hover {
	color: rgb(122, 152, 247);
}
.l_transac_title ul li .hb-night a:hover {
	color: rgb(122, 152, 247);
}
.hb-night .l_transac_title ul li.z_active a {
	color: rgb(122, 152, 247);
}
.l_transac_title ul li.z_active .hb-night a {
	color: rgb(122, 152, 247);
}
.hb-night .drawer .coin_filter span.cur {
	color: rgb(122, 152, 247);
}
.drawer .coin_filter .hb-night span.cur {
	color: rgb(122, 152, 247);
}
.hb-night .drawer .coin_filter i.cur {
	color: rgb(122, 152, 247);
}
.drawer .coin_filter .hb-night i.cur {
	color: rgb(122, 152, 247);
}
.hb-night .drawer .coin_table .coin_list div.market_category {
	color: rgb(122, 152, 247);
}
.drawer .coin_table .coin_list .hb-night div.market_category {
	color: rgb(122, 152, 247);
}
.hb-night .drawer .coin_table .coin_list i.hb_icon_marked {
	color: rgb(122, 152, 247);
}
.drawer .coin_table .coin_list .hb-night i.hb_icon_marked {
	color: rgb(122, 152, 247);
}
.hb-night .drawer .coin_table dl.coin_thead span i.desc .hb_icon_sort_desc {
	color: rgb(122, 152, 247);
}
.drawer .coin_table dl.coin_thead span i.desc .hb-night .hb_icon_sort_desc {
	color: rgb(122, 152, 247);
}
.hb-night .drawer .coin_table dl.coin_thead span i.asc .hb_icon_sort_asc {
	color: rgb(122, 152, 247);
}
.drawer .coin_table dl.coin_thead span i.asc .hb-night .hb_icon_sort_asc {
	color: rgb(122, 152, 247);
}
.hb-night .drawer .coin_table dl.coin_thead span i {
	color: rgb(78, 91, 133);
}
.drawer .coin_table dl.coin_thead span .hb-night i {
	color: rgb(78, 91, 133);
}
.hb-night .color_up {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.hb-night .ex-depth .color-buy {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.ex-depth .hb-night .color-buy {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.hb-night .drawer .coin_table dl .coin_unit span.color-buy {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.drawer .coin_table dl .coin_unit .hb-night span.color-buy {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.hb-night .color_up {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.hb-night .color_up::first-letter {
	text-transform: uppercase;
}
.hb-night .ex-depth .color-buy::first-letter {
	text-transform: uppercase;
}
.ex-depth .hb-night .color-buy::first-letter {
	text-transform: uppercase;
}
.hb-night .drawer .coin_table dl .coin_unit span.color-buy::first-letter {
	text-transform: uppercase;
}
.drawer .coin_table dl .coin_unit .hb-night span.color-buy::first-letter {
	text-transform: uppercase;
}
.hb-night .color_up::first-letter {
	text-transform: uppercase;
}
.hb-night .color_down {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.hb-night .ex-depth .color-sell {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.ex-depth .hb-night .color-sell {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.hb-night .drawer .coin_table dl .coin_unit span.color-sell {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.drawer .coin_table dl .coin_unit .hb-night span.color-sell {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.hb-night .color_down {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.hb-night .color_down::first-letter {
	text-transform: uppercase;
}
.hb-night .ex-depth .color-sell::first-letter {
	text-transform: uppercase;
}
.ex-depth .hb-night .color-sell::first-letter {
	text-transform: uppercase;
}
.hb-night .drawer .coin_table dl .coin_unit span.color-sell::first-letter {
	text-transform: uppercase;
}
.drawer .coin_table dl .coin_unit .hb-night span.color-sell::first-letter {
	text-transform: uppercase;
}
.hb-night .color_down::first-letter {
	text-transform: uppercase;
}
.hb-night .bg_up {
	background-color: rgb(88, 144, 101);
}
.hb-night .ex-depth .color-buy-bg {
	background-color: rgb(88, 144, 101);
}
.ex-depth .hb-night .color-buy-bg {
	background-color: rgb(88, 144, 101);
}
.hb-night .color_buy_bg {
	background-color: rgb(88, 144, 101);
}
.hb-night .bg_up {
	background-color: rgb(88, 144, 101);
}
.hb-night .bg_down {
	background-color: rgb(174, 78, 84);
}
.hb-night .ex-depth .color-sell-bg {
	background-color: rgb(174, 78, 84);
}
.ex-depth .hb-night .color-sell-bg {
	background-color: rgb(174, 78, 84);
}
.hb-night .color_sell_bg {
	background-color: rgb(174, 78, 84);
}
.hb-night .bg_down {
	background-color: rgb(174, 78, 84);
}
.hb-night hr {
	border-width: 0px 0px 1px; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid;
}
.hb-night .panel .hd {
	border-color: rgb(0, 0, 0);
}
.panel .hb-night .hd {
	border-color: rgb(0, 0, 0);
}
.hb-night .desktop dl {
	border-color: rgb(0, 0, 0);
}
.desktop .hb-night dl {
	border-color: rgb(0, 0, 0);
}
.hb-night .drawer .coin_table dl .coin_unit {
	border-color: rgb(0, 0, 0);
}
.drawer .coin_table dl .hb-night .coin_unit {
	border-color: rgb(0, 0, 0);
}
.hb-night .input_text input {
	border-color: rgb(78, 91, 133);
}
.input_text .hb-night input {
	border-color: rgb(78, 91, 133);
}
.hb-night .order_book .depth-select {
	border-color: rgb(122, 152, 247);
}
.order_book .hb-night .depth-select {
	border-color: rgb(122, 152, 247);
}
.hb-night .input_text input:focus {
	border-color: rgb(122, 152, 247);
}
.input_text .hb-night input:focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .input_text input.focus {
	border-color: rgb(122, 152, 247);
}
.input_text .hb-night input.focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .btn {
	border: currentColor; border-image: none;
}
.hb-night .btn.btn-primary {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-night .btn.btn_submit {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-night .btn:hover {
	background-color: rgb(160, 182, 249);
}
.hb-night .btn:active {
	background-color: rgb(122, 135, 247);
}
.hb-night :disabled.btn {
	background-color: rgb(78, 91, 133);
}
.hb-night .with-tooltip .tooltip {
	color: rgb(199, 204, 230); background-color: rgb(35, 35, 35);
}
.hb-night .with-tooltip .tooltip::after {
	background: inherit;
}
.hb-night a {
	transition:0.2s ease-in-out; color: rgb(122, 152, 247); text-decoration: none; cursor: pointer;
}
.hb-night a:hover {
	color: rgb(170, 189, 250);
}
.hb-night .form-group label {
	color: rgb(78, 91, 133);
}
.hb-night .form-group label:last-child {
	color: rgb(122, 152, 247); border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid;
}
.hb-night .form-group label:last-child:disabled {
	color: rgb(97, 104, 138);
}
.hb-night .form-group-selector {
	background-color: rgb(47, 52, 82);
}
.hb-night .form-group-selector dl {
	margin: 0px; color: rgb(97, 104, 138); border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.hb-night .form-group-selector dl:hover {
	color: rgb(122, 152, 247); background-color: rgb(35, 35, 35);
}
.hb-night .form-group [type='text'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(30, 34, 53);
}
.hb-night .form-group [type='password'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(30, 34, 53);
}
.hb-night .form-group [type='text']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-night .form-group [type='password']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-night .table-container {
	
}
.hb-night .table-container .head {
	padding: 0px 30px; height: 48px; color: rgb(199, 204, 230); line-height: 48px; font-size: 16px; background-color: rgb(0, 0, 0);
}
.hb-night .table-container .body {
	padding: 0px 10px; background-color: rgb(0, 0, 0);
}
.hb-night .table-container .body table.table {
	padding: 0px 20px;
}
.hb-night .table-container .pagination {
	margin: 0px 30px; text-align: right; border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night .table-container .pagination .btn-page {
	padding: 0px 10px; width: 60px; color: rgb(199, 204, 230); font-size: 12px; background-color: transparent;
}
.hb-night .table-container.normal table.table th {
	text-align: left;
}
.hb-night .table-container.normal table.table td {
	text-align: left;
}
.hb-night .table-container.normal table.table th:last-child {
	text-align: right;
}
.hb-night .table-container.normal table.table td:last-child {
	text-align: right;
}
.hb-night table.table {
	padding: 0px 30px; width: 100%; border-collapse: separate;
}
.hb-night table.table th {
	height: 40px; text-align: right; color: rgb(97, 104, 138); line-height: 1; font-size: 12px;
}
.hb-night table.table td {
	height: 40px; text-align: right; color: rgb(97, 104, 138); line-height: 1; font-size: 12px;
}
.hb-night table.table th:first-child {
	text-align: left;
}
.hb-night table.table td:first-child {
	text-align: left;
}
.hb-night table.table td {
	color: rgb(199, 204, 230); border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night table.table td .btn.btn-small {
	width: 56px; height: 24px; text-align: center; line-height: 1; font-size: 12px; background-color: transparent;
}
.hb-night table.table td .btn.btn-small.primary {
	width: auto; color: rgb(122, 152, 247); margin-left: 20px;
}
.hb-night table.table td .btn.btn-small.primary:hover {
	color: rgb(170, 189, 250);
}
.hb-night table.table td .btn.btn-small.btn-primary {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-night table.table td .btn.btn-small.link-primary {
	color: rgb(122, 152, 247); padding-right: 15px; position: relative;
}
.hb-night table.table td .btn.btn-small.link-primary::after {
	border-width: 5px; border-style: solid; border-color: rgb(78, 91, 133) transparent transparent; border-image: none; top: 9px; right: 0px; position: absolute; content: "";
}
.hb-night table.table tr:first-child td {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.hb-night table.table .table-inner {
	margin: -4px -20px; position: relative; background-color: rgb(0, 0, 0);
}
.hb-night table.table .table-inner .angle {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; top: -14px; right: 39px; position: absolute;
}
.hb-night table.table .table-inner .angle::after {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; left: -7px; top: -5px; position: absolute; content: "";
}
.hb-night table.table .table {
	margin: -3px 0px; border: 1px solid rgb(0, 0, 0); border-image: none; border-collapse: separate;
}
.hb-night table.table .table th {
	border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night table.table .table td {
	border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night [type='checkbox'] {
	background-color: rgb(35, 35, 35);
}
.hb-night [type='checkbox'] + label::before {
	background: rgb(35, 35, 35); border: 1px solid rgb(78, 91, 133); border-image: none;
}
.hb-night [type='checkbox'] + label::after {
	color: rgb(255, 255, 255);
}
.hb-night [type='checkbox'] + label:hover::before {
	border-color: rgb(122, 152, 247);
}
.hb-night [type='checkbox']:checked + label::after {
	background-color: rgb(122, 152, 247);
}
.hb-night .toast-container {
	height: 40px; min-width: 214px; background-color: rgb(35, 35, 35);
}
.hb-night .toast-container i {
	padding-right: 18px; padding-left: 25px;
}
.hb-night .toast-container .toast-text {
	color: rgb(199, 204, 230);
}
.hb-night input[type='checkbox'].small {
	left: -999999px; width: 14px; height: 14px; position: absolute; box-sizing: border-box;
}
.hb-night input[type='checkbox'].small + label {
	height: 14px; line-height: 1; padding-left: 1.5em; font-size: 14px; display: inline-block; position: relative; cursor: pointer;
}
.hb-night input[type='checkbox'].small + label::before {
	left: 0px; top: 0px; width: 14px; height: 14px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-night input[type='checkbox'].small + label::after {
	transition:0.2s ease-in-out; left: 0px; top: 0px; width: 14px; height: 14px; text-align: center; line-height: 1; font-size: 14px; display: inline-block; position: absolute; content: "\2713";
}
.hb-night input[type='checkbox']:not(:checked).small + label::after {
	opacity: 0; transform: scale(0);
}
.hb-night input[type='checkbox']:checked.small + label::after {
	opacity: 1; transform: scale(1);
}
.hb-night input[type='checkbox'].medium {
	left: -999999px; width: 18px; height: 18px; position: absolute; box-sizing: border-box;
}
.hb-night input[type='checkbox'].medium + label {
	height: 18px; line-height: 1; padding-left: 1.5em; font-size: 18px; display: inline-block; position: relative; cursor: pointer;
}
.hb-night input[type='checkbox'].medium + label::before {
	left: 0px; top: 0px; width: 18px; height: 18px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-night input[type='checkbox'].medium + label::after {
	transition:0.2s ease-in-out; left: 0px; top: 0px; width: 18px; height: 18px; text-align: center; line-height: 1; font-size: 18px; display: inline-block; position: absolute; content: "\2713";
}
.hb-night input[type='checkbox']:not(:checked).medium + label::after {
	opacity: 0; transform: scale(0);
}
.hb-night input[type='checkbox']:checked.medium + label::after {
	opacity: 1; transform: scale(1);
}
.hb-night input:disabled {
	background-color: rgb(32, 36, 55);
}
.hb-night .table-container .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.table-container .hb-night .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.hb-night .mod .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.mod .hb-night .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.hb-night .l_transac_title {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.hb-night .drawer .coin_filter {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.drawer .hb-night .coin_filter {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.hb-night .qr_code {
	background: url("/static/newbb/loading.svg") no-repeat center / 33%; border: 1px solid rgb(199, 204, 230); border-image: none;
}
.hb-night .qr_code svg {
	background: rgb(199, 204, 230);
}
.hb-night .qr_code svg path {
	fill: #000;
}
.hb-night input:-ms-input-placeholder {
	color: rgb(97, 104, 138);
}
.hb-day {
	border-color: currentColor; color: rgb(35, 42, 74); -ms-scrollbar-base-color: rgba(145, 148, 164, 0.15); -ms-scrollbar-face-color: transparent; -ms-scrollbar-3dlight-color: transparent; -ms-scrollbar-highlight-color: rgb(255, 255, 255); -ms-scrollbar-darkshadow-color: transparent; -ms-scrollbar-arrow-color: rgb(145, 148, 164); -ms-scrollbar-track-color: rgb(255, 255, 255); background-color: rgb(242, 243, 248);
}
.hb-day .order_book .depth-select ul {
	background-color: rgb(242, 243, 248);
}
.order_book .depth-select .hb-day ul {
	background-color: rgb(242, 243, 248);
}
.hb-day .ex-depth dl dd:hover {
	background-color: rgb(242, 243, 248);
}
.ex-depth dl .hb-day dd:hover {
	background-color: rgb(242, 243, 248);
}
.hb-day .panel :disabled.btn_buy {
	background-color: rgb(209, 211, 223);
}
.panel .hb-day :disabled.btn_buy {
	background-color: rgb(209, 211, 223);
}
.hb-day .panel :disabled.btn_sell {
	background-color: rgb(209, 211, 223);
}
.panel .hb-day :disabled.btn_sell {
	background-color: rgb(209, 211, 223);
}
.hb-day body.user_not_login :disabled.logout_button {
	background-color: rgb(209, 211, 223);
}
body.user_not_login .hb-day :disabled.logout_button {
	background-color: rgb(209, 211, 223);
}
.hb-day .panel button:disabled {
	background-color: rgb(255, 255, 255);
}
.panel .hb-day button:disabled {
	background-color: rgb(255, 255, 255);
}
.hb-day .input_text input {
	background-color: rgb(255, 255, 255);
}
.input_text .hb-day input {
	background-color: rgb(255, 255, 255);
}
.hb-day .input_text .math_price em {
	background-color: rgb(209, 211, 223);
}
.input_text .math_price .hb-day em {
	background-color: rgb(209, 211, 223);
}
.hb-day .mod .mod_hd {
	background-color: rgb(255, 255, 255);
}
.mod .hb-day .mod_hd {
	background-color: rgb(255, 255, 255);
}
.hb-day .order_book .head {
	background-color: rgb(255, 255, 255);
}
.order_book .hb-day .head {
	background-color: rgb(255, 255, 255);
}
.hb-day #huobi-chart {
	background-color: rgb(255, 255, 255);
}
.hb-day .mod_trade .mod_hd {
	background-color: rgb(255, 255, 255);
}
.mod_trade .hb-day .mod_hd {
	background-color: rgb(255, 255, 255);
}
.hb-day .ticker_wrap {
	background-color: rgb(255, 255, 255);
}
.hb-day .estimated_value {
	background-color: rgb(255, 255, 255);
}
.hb-day .cl_title {
	background-color: rgb(255, 255, 255);
}
.hb-day .cl_head {
	background-color: rgb(255, 255, 255);
}
.hb-day .l_notice_top {
	background-color: rgb(255, 255, 255);
}
.hb-day .l_transac_title {
	background-color: rgb(255, 255, 255);
}
.hb-day .desktop {
	background-color: rgb(255, 255, 255);
}
.hb-day .drawer {
	background-color: rgb(255, 255, 255);
}
.hb-day .mod {
	background-color: rgb(255, 255, 255);
}
.hb-day .ex-depth {
	background-color: rgb(255, 255, 255);
}
.hb-day .mod_trade {
	background-color: rgb(255, 255, 255);
}
.hb-day .drawer .coin_table {
	background-color: rgb(255, 255, 255);
}
.drawer .hb-day .coin_table {
	background-color: rgb(255, 255, 255);
}
.hb-day .order_book .depth-select ul li.active {
	background-color: rgb(248, 249, 251);
}
.order_book .depth-select ul .hb-day li.active {
	background-color: rgb(248, 249, 251);
}
.hb-day .order_book .depth-select ul li:hover {
	background-color: rgb(248, 249, 251);
}
.order_book .depth-select ul .hb-day li:hover {
	background-color: rgb(248, 249, 251);
}
.hb-day .drawer .coin_table dl:hover {
	background-color: rgb(248, 249, 251);
}
.drawer .coin_table .hb-day dl:hover {
	background-color: rgb(248, 249, 251);
}
.hb-day .drawer .coin_table dl.cur {
	background-color: rgb(248, 249, 251);
}
.drawer .coin_table .hb-day dl.cur {
	background-color: rgb(248, 249, 251);
}
.hb-day .mod .mod_tab li {
	color: rgb(35, 42, 74);
}
.mod .mod_tab .hb-day li {
	color: rgb(35, 42, 74);
}
.hb-day .order_book .head {
	color: rgb(35, 42, 74);
}
.order_book .hb-day .head {
	color: rgb(35, 42, 74);
}
.hb-day .ex-depth dl dt {
	color: rgb(35, 42, 74);
}
.ex-depth dl .hb-day dt {
	color: rgb(35, 42, 74);
}
.hb-day .ex-depth dl dd {
	color: rgb(35, 42, 74);
}
.ex-depth dl .hb-day dd {
	color: rgb(35, 42, 74);
}
.hb-day .input_text input {
	color: rgb(35, 42, 74);
}
.input_text .hb-day input {
	color: rgb(35, 42, 74);
}
.hb-day .input_text .math_price {
	color: rgb(35, 42, 74);
}
.input_text .hb-day .math_price {
	color: rgb(35, 42, 74);
}
.hb-day .amount_range {
	color: rgb(35, 42, 74);
}
.hb-day .l_notice_top a {
	color: rgb(35, 42, 74);
}
.l_notice_top .hb-day a {
	color: rgb(35, 42, 74);
}
.hb-day .trade_wrap .trade_panel {
	color: rgb(35, 42, 74);
}
.trade_wrap .hb-day .trade_panel {
	color: rgb(35, 42, 74);
}
.hb-day .l_transac_title {
	color: rgb(35, 42, 74);
}
.hb-day .l_transac_title ul li a {
	color: rgb(35, 42, 74);
}
.l_transac_title ul li .hb-day a {
	color: rgb(35, 42, 74);
}
.hb-day .order_book .head .ticker-transform {
	color: rgb(145, 148, 164);
}
.order_book .head .hb-day .ticker-transform {
	color: rgb(145, 148, 164);
}
.hb-day .ex-depth dl dt span {
	color: rgb(145, 148, 164);
}
.ex-depth dl dt .hb-day span {
	color: rgb(145, 148, 164);
}
.hb-day .panel .input_text .label {
	color: rgb(145, 148, 164);
}
.panel .input_text .hb-day .label {
	color: rgb(145, 148, 164);
}
.hb-day .input_text .unit {
	color: rgb(145, 148, 164);
}
.input_text .hb-day .unit {
	color: rgb(145, 148, 164);
}
.hb-day .market_trades dt {
	color: rgb(145, 148, 164);
}
.market_trades .hb-day dt {
	color: rgb(145, 148, 164);
}
.hb-day .drawer .coin_filter i {
	color: rgb(145, 148, 164);
}
.drawer .coin_filter .hb-day i {
	color: rgb(145, 148, 164);
}
.hb-day .mod .mod_tab li.cur {
	color: rgb(122, 152, 247);
}
.mod .mod_tab .hb-day li.cur {
	color: rgb(122, 152, 247);
}
.hb-day .mod .mod_tab li:hover {
	color: rgb(122, 152, 247);
}
.mod .mod_tab .hb-day li:hover {
	color: rgb(122, 152, 247);
}
.hb-day .order_book .depth-select {
	color: rgb(122, 152, 247);
}
.order_book .hb-day .depth-select {
	color: rgb(122, 152, 247);
}
.hb-day .mod_trade .mod_tab li.cur {
	color: rgb(122, 152, 247);
}
.mod_trade .mod_tab .hb-day li.cur {
	color: rgb(122, 152, 247);
}
.hb-day .l_notice_top {
	color: rgb(122, 152, 247);
}
.hb-day .l_transac_title ul li a:hover {
	color: rgb(122, 152, 247);
}
.l_transac_title ul li .hb-day a:hover {
	color: rgb(122, 152, 247);
}
.hb-day .l_transac_title ul li.z_active a {
	color: rgb(122, 152, 247);
}
.l_transac_title ul li.z_active .hb-day a {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_filter span.cur {
	color: rgb(122, 152, 247);
}
.drawer .coin_filter .hb-day span.cur {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_filter i.cur {
	color: rgb(122, 152, 247);
}
.drawer .coin_filter .hb-day i.cur {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_table .coin_list div.market_category {
	color: rgb(122, 152, 247);
}
.drawer .coin_table .coin_list .hb-day div.market_category {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_table .coin_list i.hb_icon_marked {
	color: rgb(122, 152, 247);
}
.drawer .coin_table .coin_list .hb-day i.hb_icon_marked {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_table dl.coin_thead span i.desc .hb_icon_sort_desc {
	color: rgb(122, 152, 247);
}
.drawer .coin_table dl.coin_thead span i.desc .hb-day .hb_icon_sort_desc {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_table dl.coin_thead span i.asc .hb_icon_sort_asc {
	color: rgb(122, 152, 247);
}
.drawer .coin_table dl.coin_thead span i.asc .hb-day .hb_icon_sort_asc {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_table dl.coin_thead span i {
	color: rgb(209, 211, 223);
}
.drawer .coin_table dl.coin_thead span .hb-day i {
	color: rgb(209, 211, 223);
}
.hb-day .color_up {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.hb-day .ex-depth .color-buy {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.ex-depth .hb-day .color-buy {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.hb-day .drawer .coin_table dl .coin_unit span.color-buy {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.drawer .coin_table dl .coin_unit .hb-day span.color-buy {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.hb-day .color_up {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.hb-day .color_up::first-letter {
	text-transform: uppercase;
}
.hb-day .ex-depth .color-buy::first-letter {
	text-transform: uppercase;
}
.ex-depth .hb-day .color-buy::first-letter {
	text-transform: uppercase;
}
.hb-day .drawer .coin_table dl .coin_unit span.color-buy::first-letter {
	text-transform: uppercase;
}
.drawer .coin_table dl .coin_unit .hb-day span.color-buy::first-letter {
	text-transform: uppercase;
}
.hb-day .color_up::first-letter {
	text-transform: uppercase;
}
.hb-day .color_down {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.hb-day .ex-depth .color-sell {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.ex-depth .hb-day .color-sell {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.hb-day .drawer .coin_table dl .coin_unit span.color-sell {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.drawer .coin_table dl .coin_unit .hb-day span.color-sell {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.hb-day .color_down {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.hb-day .color_down::first-letter {
	text-transform: uppercase;
}
.hb-day .ex-depth .color-sell::first-letter {
	text-transform: uppercase;
}
.ex-depth .hb-day .color-sell::first-letter {
	text-transform: uppercase;
}
.hb-day .drawer .coin_table dl .coin_unit span.color-sell::first-letter {
	text-transform: uppercase;
}
.drawer .coin_table dl .coin_unit .hb-day span.color-sell::first-letter {
	text-transform: uppercase;
}
.hb-day .color_down::first-letter {
	text-transform: uppercase;
}
.hb-day .bg_up {
	background-color: rgb(3, 192, 135);
}
.hb-day .ex-depth .color-buy-bg {
	background-color: rgb(3, 192, 135);
}
.ex-depth .hb-day .color-buy-bg {
	background-color: rgb(3, 192, 135);
}
.hb-day .color_buy_bg {
	background-color: rgb(3, 192, 135);
}
.hb-day .bg_up {
	background-color: rgb(3, 192, 135);
}
.hb-day .bg_down {
	background-color: rgb(245, 88, 88);
}
.hb-day .ex-depth .color-sell-bg {
	background-color: rgb(245, 88, 88);
}
.ex-depth .hb-day .color-sell-bg {
	background-color: rgb(245, 88, 88);
}
.hb-day .color_sell_bg {
	background-color: rgb(245, 88, 88);
}
.hb-day .bg_down {
	background-color: rgb(245, 88, 88);
}
.hb-day hr {
	border-width: 0px 0px 1px; border-bottom-color: rgb(244, 244, 246); border-bottom-style: solid;
}
.hb-day .panel .hd {
	border-color: rgb(244, 244, 246);
}
.panel .hb-day .hd {
	border-color: rgb(244, 244, 246);
}
.hb-day .desktop dl {
	border-color: rgb(244, 244, 246);
}
.desktop .hb-day dl {
	border-color: rgb(244, 244, 246);
}
.hb-day .drawer .coin_table dl .coin_unit {
	border-color: rgb(244, 244, 246);
}
.drawer .coin_table dl .hb-day .coin_unit {
	border-color: rgb(244, 244, 246);
}
.hb-day .input_text input {
	border-color: rgb(209, 211, 223);
}
.input_text .hb-day input {
	border-color: rgb(209, 211, 223);
}
.hb-day .order_book .depth-select {
	border-color: rgb(122, 152, 247);
}
.order_book .hb-day .depth-select {
	border-color: rgb(122, 152, 247);
}
.hb-day .input_text input:focus {
	border-color: rgb(122, 152, 247);
}
.input_text .hb-day input:focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .input_text input.focus {
	border-color: rgb(122, 152, 247);
}
.input_text .hb-day input.focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .btn {
	border: currentColor; border-image: none;
}
.hb-day .btn.btn-primary {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-day .btn.btn_submit {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-day .btn:hover {
	background-color: rgb(160, 182, 249);
}
.hb-day .btn:active {
	background-color: rgb(122, 135, 247);
}
.hb-day :disabled.btn {
	background-color: rgb(209, 211, 223);
}
.hb-day .with-tooltip .tooltip {
	color: rgb(35, 42, 74); background-color: rgb(242, 243, 248);
}
.hb-day .with-tooltip .tooltip::after {
	background: inherit;
}
.hb-day a {
	transition:0.2s ease-in-out; color: rgb(122, 152, 247); text-decoration: none; cursor: pointer;
}
.hb-day a:hover {
	color: rgb(170, 189, 250);
}
.hb-day .form-group label {
	color: rgb(209, 211, 223);
}
.hb-day .form-group label:last-child {
	color: rgb(122, 152, 247); border-left-color: rgb(244, 244, 246); border-left-width: 1px; border-left-style: solid;
}
.hb-day .form-group label:last-child:disabled {
	color: rgb(145, 148, 164);
}
.hb-day .form-group-selector {
	background-color: white;
}
.hb-day .form-group-selector dl {
	margin: 0px; color: rgb(145, 148, 164); border-bottom-color: rgb(244, 244, 246); border-bottom-width: 1px; border-bottom-style: solid;
}
.hb-day .form-group-selector dl:hover {
	color: rgb(122, 152, 247); background-color: rgb(242, 243, 248);
}
.hb-day .form-group [type='text'] {
	border: 1px solid rgb(209, 211, 223); border-image: none; color: rgb(145, 148, 164); background-color: rgb(255, 255, 255);
}
.hb-day .form-group [type='password'] {
	border: 1px solid rgb(209, 211, 223); border-image: none; color: rgb(145, 148, 164); background-color: rgb(255, 255, 255);
}
.hb-day .form-group [type='text']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-day .form-group [type='password']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-day .table-container {
	border-radius: 3px;
}
.hb-day .table-container .head {
	padding: 0px 30px; height: 48px; color: rgb(35, 42, 74); line-height: 48px; font-size: 16px; background-color: rgb(255, 255, 255);
}
.hb-day .table-container .body {
	padding: 0px 10px; background-color: rgb(255, 255, 255);
}
.hb-day .table-container .body table.table {
	padding: 0px 20px;
}
.hb-day .table-container .pagination {
	margin: 0px 30px; text-align: right; border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day .table-container .pagination .btn-page {
	padding: 0px 10px; width: 60px; color: rgb(35, 42, 74); font-size: 12px; background-color: transparent;
}
.hb-day .table-container.normal table.table th {
	text-align: left;
}
.hb-day .table-container.normal table.table td {
	text-align: left;
}
.hb-day .table-container.normal table.table th:last-child {
	text-align: right;
}
.hb-day .table-container.normal table.table td:last-child {
	text-align: right;
}
.hb-day table.table {
	padding: 0px 30px; width: 100%; border-collapse: separate;
}
.hb-day table.table th {
	height: 40px; text-align: right; color: rgb(145, 148, 164); line-height: 1; font-size: 12px;
}
.hb-day table.table td {
	height: 40px; text-align: right; color: rgb(145, 148, 164); line-height: 1; font-size: 12px;
}
.hb-day table.table th:first-child {
	text-align: left;
}
.hb-day table.table td:first-child {
	text-align: left;
}
.hb-day table.table td {
	color: rgb(35, 42, 74); border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day table.table td .btn.btn-small {
	width: 56px; height: 24px; text-align: center; line-height: 1; font-size: 12px; background-color: transparent;
}
.hb-day table.table td .btn.btn-small.primary {
	width: auto; color: rgb(122, 152, 247); margin-left: 20px;
}
.hb-day table.table td .btn.btn-small.primary:hover {
	color: rgb(170, 189, 250);
}
.hb-day table.table td .btn.btn-small.btn-primary {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-day table.table td .btn.btn-small.link-primary {
	color: rgb(122, 152, 247); padding-right: 15px; position: relative;
}
.hb-day table.table td .btn.btn-small.link-primary::after {
	border-width: 5px; border-style: solid; border-color: rgb(209, 211, 223) transparent transparent; border-image: none; top: 9px; right: 0px; position: absolute; content: "";
}
.hb-day table.table tr:first-child td {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.hb-day table.table .table-inner {
	margin: -4px -20px; border-radius: 3px; position: relative; background-color: rgb(255, 255, 255);
}
.hb-day table.table .table-inner .angle {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(244, 244, 246); border-image: none; top: -14px; right: 39px; position: absolute;
}
.hb-day table.table .table-inner .angle::after {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; left: -7px; top: -5px; position: absolute; content: "";
}
.hb-day table.table .table {
	margin: -3px 0px; border-radius: 3px; border: 1px solid rgb(244, 244, 246); border-image: none; border-collapse: separate;
}
.hb-day table.table .table th {
	border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day table.table .table td {
	border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day [type='checkbox'] {
	background-color: rgb(242, 243, 248);
}
.hb-day [type='checkbox'] + label::before {
	background: rgb(242, 243, 248); border: 1px solid rgb(209, 211, 223); border-image: none;
}
.hb-day [type='checkbox'] + label::after {
	color: rgb(255, 255, 255);
}
.hb-day [type='checkbox'] + label:hover::before {
	border-color: rgb(122, 152, 247);
}
.hb-day [type='checkbox']:checked + label::after {
	background-color: rgb(122, 152, 247);
}
.hb-day .toast-container {
	height: 40px; min-width: 214px; background-color: rgb(242, 243, 248);
}
.hb-day .toast-container i {
	padding-right: 18px; padding-left: 25px;
}
.hb-day .toast-container .toast-text {
	color: rgb(35, 42, 74);
}
.hb-day input[type='checkbox'].small {
	left: -999999px; width: 14px; height: 14px; position: absolute; box-sizing: border-box;
}
.hb-day input[type='checkbox'].small + label {
	height: 14px; line-height: 1; padding-left: 1.5em; font-size: 14px; display: inline-block; position: relative; cursor: pointer;
}
.hb-day input[type='checkbox'].small + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 14px; height: 14px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-day input[type='checkbox'].small + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 14px; height: 14px; text-align: center; line-height: 1; font-size: 14px; display: inline-block; position: absolute; content: "\2713";
}
.hb-day input[type='checkbox']:not(:checked).small + label::after {
	opacity: 0; transform: scale(0);
}
.hb-day input[type='checkbox']:checked.small + label::after {
	opacity: 1; transform: scale(1);
}
.hb-day input[type='checkbox'].medium {
	left: -999999px; width: 18px; height: 18px; position: absolute; box-sizing: border-box;
}
.hb-day input[type='checkbox'].medium + label {
	height: 18px; line-height: 1; padding-left: 1.5em; font-size: 18px; display: inline-block; position: relative; cursor: pointer;
}
.hb-day input[type='checkbox'].medium + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 18px; height: 18px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-day input[type='checkbox'].medium + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 18px; height: 18px; text-align: center; line-height: 1; font-size: 18px; display: inline-block; position: absolute; content: "\2713";
}
.hb-day input[type='checkbox']:not(:checked).medium + label::after {
	opacity: 0; transform: scale(0);
}
.hb-day input[type='checkbox']:checked.medium + label::after {
	opacity: 1; transform: scale(1);
}
.hb-day input:disabled {
	background-color: rgb(249, 247, 253);
}
.hb-day .table-container .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.table-container .hb-day .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.hb-day .mod .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.mod .hb-day .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.hb-day .l_transac_title {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.hb-day .drawer .coin_filter {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.drawer .hb-day .coin_filter {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.hb-day .qr_code {
	background: url("/static/newbb/loading.svg") no-repeat center / 33%; border: 1px solid transparent; border-image: none;
}
.hb-day .qr_code svg {
	background: rgb(255, 255, 255);
}
.hb-day .qr_code svg path {
	fill: #000;
}
.hb-day input:-ms-input-placeholder {
	color: rgb(145, 148, 164);
}
.mod {
	transition:height 0.15s ease-in-out; overflow: hidden; margin-bottom: 10px;
}
.mod .mod_hd {
	height: 48px; line-height: 48px; padding-left: 30px; font-size: 16px; position: relative;
}
.mod .mod_tab {
	clear: both; font-size: 16px;
}
.mod .mod_tab li {
	height: 48px; line-height: 48px; margin-right: 73px; border-bottom-color: transparent; border-bottom-width: 0px; border-bottom-style: solid; float: left; cursor: pointer;
}
.mod .mod_tab li.cur {
	font-weight: bold; border-bottom-color: transparent;
}
.mod .mod_show_btn {
	cursor: pointer;
}
.mod .mod_show_btn button {
	background: none; border: currentColor; transition:0.15s; border-image: none; width: 30px; height: 30px; color: inherit; line-height: 30px; transform: rotate(180deg);
}
.mod .mod_show_btn button i {
	width: 8px; height: 8px; vertical-align: text-top; border-bottom-color: currentColor; border-left-color: currentColor; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; display: inline-block; transform: rotate(-45deg);
}
.mod .mod_bd {
	padding: 0px 30px;
}
.mod.hide {
	height: 48px;
}
.mod.hide .mod_show_btn button {
	transform: rotate(0deg);
}
.otc_info_box {
	padding: 16px; border-radius: 3px; border: 2px solid rgb(78, 91, 133); border-image: none; left: 205px; top: 55px; color: rgb(199, 204, 230); line-height: 1.2; font-size: 12px; display: none; white-space: nowrap; position: absolute; z-index: 2; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); background-color: rgb(35, 35, 35);
}
.otc_info_box::after {
	border-width: 9px; border-style: solid; border-color: transparent transparent rgb(78, 91, 133); border-image: none; left: 9px; top: -20px; position: absolute; content: "";
}
.otc_info_box::before {
	border-width: 9px; border-style: solid; border-color: transparent transparent rgb(78, 91, 133); border-image: none; left: 9px; top: -20px; position: absolute; content: "";
}
.otc_info_box::after {
	border-width: 8px; border-style: solid; border-color: transparent transparent rgb(35, 35, 35); border-image: none; left: 10px; top: -16px; content: "";
}
.otc_info_box .otc_info_inner p {
	margin-top: 8px;
}
.otc_info_box .otc_info_inner .foot {
	width: 188px; text-align: right; margin-top: 16px;
}
.otc_info_box .otc_info_inner a {
	color: rgb(122, 152, 247) !important;
}
.otc_info_box .otc_info_inner a:hover {
	color: rgb(170, 189, 250) !important;
}
.otc_info_box .otc_info_close {
	padding: 6px; top: -6px; right: -4px; position: absolute; cursor: pointer; transform: scale(0.5);
}
.hb_icon_close {
	font-size: 12px;
}
.hb_icon_close::before {
	content: "\F1D0";
}
.section {
	
}
.l_notice_top {
	
}
.section::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.l_notice_top::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.doc_foot_wrap dd.icons a .qr_wechat::before {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.mod_trade .mod_hd dl.show_list dt::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.mod_trade .mod_hd .quote_currency dt::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.panel .com_tip::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
hr {
	margin: 0px; padding: 0px;
}
figure {
	margin: 0px; padding: 0px;
}
table {
	margin: 0px; padding: 0px;
}
caption {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
button {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
menu {
	margin: 0px; padding: 0px;
}
header {
	display: block;
}
footer {
	display: block;
}
section {
	display: block;
}
article {
	display: block;
}
aside {
	display: block;
}
nav {
	display: block;
}
hgroup {
	display: block;
}
address {
	display: block;
}
figure {
	display: block;
}
figcaption {
	display: block;
}
menu {
	display: block;
}
details {
	display: block;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
caption {
	text-align: left; font-weight: normal;
}
th {
	text-align: left; font-weight: normal;
}
html {
	border: 0px currentColor; border-image: none;
}
body {
	border: 0px currentColor; border-image: none;
}
fieldset {
	border: 0px currentColor; border-image: none;
}
img {
	border: 0px currentColor; border-image: none;
}
iframe {
	border: 0px currentColor; border-image: none;
}
abbr {
	border: 0px currentColor; border-image: none;
}
i {
	font-style: normal;
}
cite {
	font-style: normal;
}
em {
	font-style: normal;
}
var {
	font-style: normal;
}
address {
	font-style: normal;
}
dfn {
	font-style: normal;
}
[hidefocus] {
	outline: 0px;
}
summary {
	outline: 0px;
}
li {
	list-style: none;
}
h1 {
	font-size: 100%;
}
h2 {
	font-size: 100%;
}
h3 {
	font-size: 100%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
}
small {
	font-size: 100%;
}
sup {
	font-size: 83%;
}
sub {
	font-size: 83%;
}
pre {
	font-family: inherit;
}
code {
	font-family: inherit;
}
kbd {
	font-family: inherit;
}
samp {
	font-family: inherit;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
textarea {
	overflow: auto; resize: none;
}
label {
	cursor: default;
}
summary {
	cursor: default;
}
a {
	cursor: pointer;
}
button {
	cursor: pointer;
}
a:focus {
	
}
h1 {
	font-weight: bold;
}
h2 {
	font-weight: bold;
}
h3 {
	font-weight: bold;
}
h4 {
	font-weight: bold;
}
h5 {
	font-weight: bold;
}
h6 {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
b {
	font-weight: bold;
}
del {
	text-decoration: none;
}
ins {
	text-decoration: none;
}
u {
	text-decoration: none;
}
s {
	text-decoration: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
body {
	outline: 0px;
}
textarea {
	outline: 0px;
}
input {
	outline: 0px;
}
button {
	outline: 0px;
}
select {
	outline: 0px;
}
keygen {
	outline: 0px;
}
legend {
	outline: 0px;
}
::-ms-clear {
	display: none;
}
::-ms-reveal {
	display: none;
}
.section {
	
}
.l_notice_top {
	
}
.section::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.l_notice_top::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.doc_foot_wrap dd.icons a .qr_wechat::before {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.mod_trade .mod_hd dl.show_list dt::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.mod_trade .mod_hd .quote_currency dt::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
.panel .com_tip::after {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
html {
	margin: 0px; width: 100%; height: 100%; min-width: 1200px;
}
body {
	margin: 0px; width: 100%; height: 100%; min-width: 1200px;
}
html {
	font: 14px/1.4 "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", serif; transition:color 0.3s ease-in, border 0.3s ease-in; font-size-adjust: none; font-stretch: normal;
}
html.ko-kr {
	font-family: "Noto Sans KR", ?????����3??��?, "Nanum Gothic", NanumGothic, "Apple SD Gothic Neo", ?�졮��?���3??��?, "Malgun Gothic", AppleGothic, ???��?�, Dotum, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html.ja-jp {
	font-family: MS PGothic,Arial,Hiragino Kaku Gothic ProN,Osaka,sans-serif;
}
html.ru-ru {
	font-family: Helvetica, Arial, sans-serif;
}
.layout_doc {
	position: relative; min-height: 100%;
}
.layout_body {
	padding: 0px 0px 350px; position: relative; -ms-zoom: 1; min-height: 900px;
}
.layout_foot {
	height: 320px; margin-top: -320px; position: relative; z-index: 2;
}
.section {
	margin: 0px auto; width: 1200px;
}
.container {
	margin: auto; padding: 10px; width: 1200px; box-sizing: border-box;
}
@media screen and (min-width:1200px)
{
.container {
	width: 100%;
}
}
.upper {
	text-transform: uppercase; font-style: normal;
}
.uppercase {
	text-transform: uppercase; font-style: normal;
}
select::-ms-expand {
	display: none;
}
.no_select {
	-ms-user-select: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none;
}
.align_center {
	text-align: center;
}
.doc_head {
	width: 100%; height: 60px; color: rgb(199, 204, 230); font-size: 14px; display: flex; align-items: center; background-color: rgb(0, 0, 0);
}
.doc_head .head_logo {
	padding-left: 30px;
}
.doc_head .head_logo a {
	width: 130px; height: 100%; display: inline-block;
}
.doc_head .head_logo img {
	width: 100%; vertical-align: middle;
}
.doc_head .head_nav {
	flex:1 1 0px; padding-right: 30px; display: flex; justify-content: space-between; align-items: center;
}
.doc_head .head_nav > li {
	height: 56px; line-height: 56px; margin-left: 30px; position: relative;
}
.doc_head .head_nav > li.cur a {
	color: rgb(122, 152, 247);
}
.doc_head .head_nav > li a {
	color: rgb(199, 204, 230);
}
.doc_head .head_nav > li a i {
	padding-right: 8px;
}
.doc_head .head_nav > li a:hover {
	color: rgb(122, 152, 247); text-decoration: none;
}
.doc_head .head_nav > li .change_theme {
	background: none; border: currentColor; border-image: none; width: 20px; height: 20px; color: rgb(199, 204, 230); line-height: 14px; font-size: 14px; display: inline-block;
}
.doc_head .head_nav > li .change_theme:hover {
	color: rgb(122, 152, 247);
}
.doc_head .head_nav > li.head-padding {
	flex:1 1 0px;
}
.doc_head .head_nav > li.split {
	margin: 0px 10px; height: 56px; color: rgb(0, 0, 0); line-height: 56px; content: "";
}
.doc_head .head_nav > li.split + li {
	margin-left: 0px;
}
.doc_head .head_nav > li.head-user {
	position: relative; cursor: pointer;
}
.doc_head .head_nav > li.head-user i {
	padding: 0px; display: inline-block; transform: rotate(0deg);
}
.doc_head .head_nav > li.head-user i.hb_icon_caret_down {
	transform-origin: center center; transform: scale(0.6);
}
.doc_head .head_nav > li.head-user span {
	padding: 0px 8px;
}
.doc_head .head_nav > li.head-user:hover {
	color: rgb(122, 152, 247);
}
.doc_head .head_nav > li.head-user:hover i.hb_icon_caret_down {
	transform: scale(0.6) rotate(180deg);
}
.doc_head .head_nav > li.head-user:hover .head-user-list {
	display: block;
}
.doc_head .head_nav > li.head-user .head-user-list {
	background: rgb(35, 35, 35); padding: 10px 0px; border-radius: 3px; top: 56px; width: 100%; display: none; position: absolute; z-index: 8; min-width: 250px; box-shadow: 0px 8px 16px rgba(0,0,0,0.4);
}
.doc_head .head_nav > li.head-user .head-user-list li {
	padding: 0px 20px; height: 40px; font-size: 14px;
}
.doc_head .head_nav > li.head-user .head-user-list li i {
	font-size: 14px;
}
.doc_head .head_nav > li.head-user .head-user-list li:nth-last-of-type(1) a {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.doc_head .head_nav > li.head-user .head-user-list li:hover {
	background: rgb(30, 34, 53);
}
.doc_head .head_nav > li.head-user .head-user-list a {
	padding: 0px; line-height: 40px; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.doc_head .head_nav > li.head-user .head-user-list i {
	padding-right: 14px;
}
.doc_head .select_lang {
	color: rgb(199, 204, 230); font-size: 12px; position: relative; z-index: 8; cursor: pointer;
}
.doc_head .select_lang.open {
	color: rgb(122, 152, 247);
}
.doc_head .select_lang.open dt::after {
	color: rgb(122, 152, 247);
}
.doc_head .select_lang.open dd {
	display: block;
}
.doc_head .select_lang:hover {
	color: rgb(122, 152, 247);
}
.doc_head .select_lang:hover dt::after {
	color: rgb(122, 152, 247);
}
.doc_head .select_lang:hover dd {
	display: block;
}
.doc_head .select_lang dt {
	padding: 0px 12px; border-radius: 20px; border: 1px solid currentColor; border-image: none; height: 20px; line-height: 20px; display: inline-block;
}
.doc_head .select_lang dt::after {
	width: 6px; height: 6px; color: rgb(199, 204, 230); margin-top: -5px; margin-left: 8px; vertical-align: middle; border-bottom-color: currentColor; border-left-color: currentColor; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; display: inline-block; content: ""; transform: rotate(-45deg);
}
.doc_head .select_lang dd {
	background: rgb(35, 35, 35); border-radius: 3px; top: 56px; width: 100%; display: none; position: absolute; box-shadow: 0px 8px 16px rgba(0,0,0,0.4);
}
.doc_head .select_lang dd a {
	height: 32px; text-align: center; color: rgb(199, 204, 230); line-height: 32px; display: block;
}
.doc_head .select_lang dd a:hover {
	background: rgb(30, 34, 53); color: rgb(122, 152, 247);
}
.doc_foot {
	background-color: rgb(0, 0, 0);
}
.doc_foot_wrap {
	margin: auto; padding: 60px 30px 0px; width: 1200px; display: flex; box-sizing: border-box;
}
@media screen and (min-width:1200px)
{
.doc_foot_wrap {
	width: 90%;
}
}
.doc_foot_wrap h2 {
	color: rgb(97, 104, 138);
}
.doc_foot_wrap dl {
	margin-left: 100px;
}
.doc_foot_wrap dl h2 {
	height: 40px; line-height: 12px; font-size: 12px; font-weight: 400;
}
.doc_foot_wrap dl:nth-of-type(1) {
	flex:1 1 0px; margin-left: 0px;
}
.doc_foot_wrap dl:nth-of-type(1) dd {
	height: auto;
}
.doc_foot_wrap dl:nth-of-type(1) h1 {
	height: 44px; line-height: 24px; font-size: 24px; font-weight: 400;
}
.doc_foot_wrap dl:nth-of-type(1) h2 {
	height: 80px; line-height: 14px; font-size: 14px;
}
.doc_foot_wrap dl:nth-of-type(1) .copyright {
	color: rgb(97, 104, 138);
}
.doc_foot_wrap dt h1 {
	color: rgb(199, 204, 230);
}
.doc_foot_wrap dd {
	height: 34px; line-height: 14px; font-size: 14px;
}
.doc_foot_wrap dd a {
	color: rgb(199, 204, 230);
}
.doc_foot_wrap dd a:hover {
	color: rgb(122, 152, 247); text-decoration: none;
}
.doc_foot_wrap dd i {
	font-size: 18px;
}
.doc_foot_wrap dd a + a {
	margin-left: 20px;
}
.doc_foot_wrap dd.icons .icons_line {
	height: 34px;
}
.doc_foot_wrap dd.icons a {
	color: rgb(97, 104, 138);
}
.doc_foot_wrap dd.icons a.has_qr {
	position: relative;
}
.doc_foot_wrap dd.icons a:hover {
	color: rgb(122, 152, 247);
}
.doc_foot_wrap dd.icons a:hover .qr_wechat {
	display: block;
}
.doc_foot_wrap dd.icons a .qr_wechat {
	background: url("/assets/images/qr_wechat_60cf29c6.jpg") no-repeat center / 100px 100px rgb(35, 35, 35); border-radius: 3px; left: -44px; top: 24px; width: 110px; height: 110px; display: none; position: absolute;
}
.doc_foot_wrap dd.icons a .qr_wechat::before {
	left: 48px; top: -4px; border-right-color: transparent; border-bottom-color: rgb(35, 35, 35); border-left-color: transparent; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-right-style: dashed; border-bottom-style: solid; border-left-style: dashed; position: absolute;
}
.doc_wrap {
	margin: 0px auto; width: 1200px; height: 40px;
}
.btn {
	border: currentColor; border-image: none;
}
.btn.btn-primary {
	color: white; background-color: rgb(122, 152, 247);
}
.btn:hover {
	background-color: rgb(170, 189, 250);
}
.btn:active {
	background-color: rgb(74, 115, 244);
}
:disabled.btn {
	cursor: not-allowed; background-color: rgb(78, 91, 133);
}
.with-tooltip .tooltip {
	color: rgb(199, 204, 230); background-color: rgb(35, 35, 35);
}
.with-tooltip .tooltip::after {
	background: inherit;
}
a {
	transition:0.2s ease-in-out; color: rgb(122, 152, 247); text-decoration: none; cursor: pointer;
}
a:hover {
	color: rgb(170, 189, 250);
}
.form-group label {
	color: rgb(78, 91, 133);
}
.form-group label:last-child {
	color: rgb(122, 152, 247); border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid;
}
.form-group label:last-child:disabled {
	color: rgb(97, 104, 138);
}
.form-group-selector {
	background-color: rgb(47, 52, 82);
}
.form-group-selector dl {
	margin: 0px; color: rgb(97, 104, 138); border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.form-group-selector dl:hover {
	color: rgb(122, 152, 247); background-color: rgb(35, 35, 35);
}
.form-group [type='text'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(35, 35, 35);
}
.form-group [type='password'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(35, 35, 35);
}
.form-group [type='text']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.form-group [type='password']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.table-container {
	overflow: hidden;
}
.table-container .head {
	padding: 0px 30px; color: rgb(199, 204, 230); font-size: 16px;
}
.table-container .body {
	padding: 0px 10px;
}
.table-container .pagination {
	margin: 0px 30px; text-align: right; border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.table-container .pagination .btn-page {
	padding: 0px 10px; width: 60px; color: rgb(199, 204, 230); font-size: 12px; background-color: transparent;
}
table.table {
	padding: 0px 30px; width: 100%; border-collapse: separate;
}
table.table th {
	height: 40px; text-align: right; color: rgb(78, 91, 133); line-height: 1; font-size: 12px;
}
table.table td {
	height: 40px; text-align: right; color: rgb(78, 91, 133); line-height: 1; font-size: 12px;
}
table.table th:first-child {
	text-align: left;
}
table.table td:first-child {
	text-align: left;
}
table.table td {
	color: rgb(199, 204, 230); border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
table.table td .btn.btn-small {
	width: 56px; height: 24px; text-align: center; line-height: 1; font-size: 12px; background-color: transparent;
}
table.table td .btn.btn-small.primary {
	color: rgb(122, 152, 247);
}
table.table td .btn.btn-small.primary:hover {
	color: rgb(170, 189, 250);
}
table.table td .btn.btn-small.btn-primary {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
table.table td .btn.btn-small.link-primary {
	color: rgb(122, 152, 247); padding-right: 15px; position: relative;
}
table.table td .btn.btn-small.link-primary::after {
	border-width: 5px; border-style: solid; border-color: rgb(78, 91, 133) transparent transparent; border-image: none; top: 9px; right: 0px; position: absolute; content: "";
}
table.table .table-inner {
	margin: -4px -20px; position: relative; background-color: rgb(0, 0, 0);
}
table.table .table-inner .angle {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; top: -14px; right: 39px; position: absolute;
}
table.table .table-inner .angle::after {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; left: -7px; top: -5px; position: absolute; content: "";
}
table.table .table {
	margin: -3px 0px; border: 1px solid rgb(0, 0, 0); border-image: none; border-collapse: separate;
}
table.table .table th {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
table.table .table td {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.toast-container {
	height: 40px; min-width: 214px; background-color: rgb(35, 35, 35);
}
.toast-container i {
	padding-right: 18px; padding-left: 25px;
}
.toast-container .toast-text {
	color: rgb(199, 204, 230);
}
[type='checkbox'] {
	background-color: rgb(35, 35, 35);
}
[type='checkbox'] + label::before {
	background: rgb(35, 35, 35); border: 1px solid rgb(78, 91, 133); border-image: none;
}
[type='checkbox'] + label::after {
	color: rgb(122, 152, 247);
}
[type='checkbox'] + label:hover::before {
	border-color: rgb(122, 152, 247);
}
[type='checkbox']:checked + label::after {
	background-color: rgb(122, 152, 247);
}
input[type='checkbox'].small {
	left: -999999px; width: 14px; height: 14px; position: absolute; box-sizing: border-box;
}
input[type='checkbox'].small + label {
	height: 14px; line-height: 1; padding-left: 1.5em; font-size: 14px; display: inline-block; position: relative; cursor: pointer;
}
input[type='checkbox'].small + label::before {
	left: 0px; top: 0px; width: 14px; height: 14px; position: absolute; content: " "; box-sizing: border-box;
}
input[type='checkbox'].small + label::after {
	transition:0.2s ease-in-out; left: 0px; top: 0px; width: 14px; height: 14px; text-align: center; line-height: 1; font-size: 14px; display: inline-block; position: absolute; content: "\2713";
}
input[type='checkbox']:not(:checked).small + label::after {
	opacity: 0; transform: scale(0);
}
input[type='checkbox']:checked.small + label::after {
	opacity: 1; transform: scale(1);
}
input[type='checkbox'].medium {
	left: -999999px; width: 18px; height: 18px; position: absolute; box-sizing: border-box;
}
input[type='checkbox'].medium + label {
	height: 18px; line-height: 1; padding-left: 1.5em; font-size: 18px; display: inline-block; position: relative; cursor: pointer;
}
input[type='checkbox'].medium + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 18px; height: 18px; position: absolute; content: " "; box-sizing: border-box;
}
input[type='checkbox'].medium + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 18px; height: 18px; text-align: center; line-height: 1; font-size: 18px; display: inline-block; position: absolute; content: "\2713";
}
input[type='checkbox']:not(:checked).medium + label::after {
	opacity: 0; transform: scale(0);
}
input[type='checkbox']:checked.medium + label::after {
	opacity: 1; transform: scale(1);
}
.windsMind {
	transition:background 1s;
}
.hb-night {
	border-color: currentColor; color: rgb(199, 204, 230); -ms-scrollbar-base-color: rgba(97, 104, 138, 0.15); -ms-scrollbar-face-color: transparent; -ms-scrollbar-3dlight-color: transparent; -ms-scrollbar-highlight-color: rgb(0, 0, 0); -ms-scrollbar-darkshadow-color: transparent; -ms-scrollbar-arrow-color: rgb(97, 104, 138); -ms-scrollbar-track-color: rgb(0, 0, 0); background-color: rgb(35, 35, 35);
}
.hb-night .order_book .depth-select ul {
	background-color: rgb(40, 42, 54);
}
.order_book .depth-select .hb-night ul {
	background-color: rgb(40, 42, 54);
}
.hb-night .ex-depth dl dd:hover {
	background-color: rgb(40, 42, 54);
}
.ex-depth dl .hb-night dd:hover {
	background-color: rgb(40, 42, 54);
}
.hb-night .panel :disabled.btn_buy {
	
}
.panel .hb-night :disabled.btn_buy {
	
}
.hb-night .panel :disabled.btn_sell {
	
}
.panel .hb-night :disabled.btn_sell {
	
}
.hb-night body.user_not_login :disabled.logout_button {
	
}
body.user_not_login .hb-night :disabled.logout_button {
	
}
.hb-night .panel button:disabled {
	background: rgba(54, 60, 68, 0.6);
}
.panel .hb-night button:disabled {
	background: rgba(54, 60, 68, 0.6);
}
.hb-night .input_text input {
	background: rgba(54, 60, 68, 0.6);
}
.input_text .hb-night input {
	background: rgba(54, 60, 68, 0.6);
}
.hb-night .input_text .math_price em {
	background-color: rgb(19, 26, 33);
}
.input_text .math_price .hb-night em {
	background-color: rgb(19, 26, 33);
}
.hb-night .mod .mod_hd {
	background-color: rgb(19, 26, 33);
}
.mod .hb-night .mod_hd {
	background-color: rgb(19, 26, 33);
}
.hb-night .order_book .head {
	background-color: rgb(19, 26, 33);
}
.order_book .hb-night .head {
	background-color: rgb(19, 26, 33);
}
.hb-night #huobi-chart {
	background-color: rgb(19, 26, 33);
}
.hb-night .mod_trade .mod_hd {
	background-color: rgb(19, 26, 33);
}
.mod_trade .hb-night .mod_hd {
	background-color: rgb(19, 26, 33);
}
.hb-night .ticker_wrap {
	background-color: rgb(19, 26, 33);
}
.hb-night .estimated_value {
	background-color: rgb(19, 26, 33);
}
.hb-night .cl_title {
	background-color: rgb(19, 26, 33);
}
.hb-night .cl_head {
	background-color: rgb(19, 26, 33);
}
.hb-night .l_notice_top {
	background-color: rgb(19, 26, 33);
}
.hb-night .l_transac_title {
	background-color: rgb(19, 26, 33);
}
.hb-night .desktop {
	background-color: rgb(19, 26, 33);
}
.hb-night .drawer {
	background-color: rgb(19, 26, 33);
}
.hb-night .mod {
	background-color: rgb(19, 26, 33);
}
.hb-night .ex-depth {
	background-color: rgb(19, 26, 33);
}
.hb-night .mod_trade {
	background-color: rgb(19, 26, 33);
}
.hb-night .drawer .coin_table {
	background-color: rgb(19, 26, 33);
}
.drawer .hb-night .coin_table {
	background-color: rgb(19, 26, 33);
}
.hb-night .order_book .depth-select ul li.active {
	background-color: rgb(52, 58, 72);
}
.order_book .depth-select ul .hb-night li.active {
	background-color: rgb(52, 58, 72);
}
.hb-night .order_book .depth-select ul li:hover {
	background-color: rgb(52, 58, 72);
}
.order_book .depth-select ul .hb-night li:hover {
	background-color: rgb(52, 58, 72);
}
.hb-night .drawer .coin_table dl:hover {
	background-color: rgb(52, 58, 72);
}
.drawer .coin_table .hb-night dl:hover {
	background-color: rgb(52, 58, 72);
}
.hb-night .drawer .coin_table dl.cur {
	background-color: rgb(52, 58, 72);
}
.drawer .coin_table .hb-night dl.cur {
	background-color: rgb(52, 58, 72);
}
.hb-night .mod .mod_tab li {
	color: rgb(248, 249, 251);
}
.mod .mod_tab .hb-night li {
	color: rgb(248, 249, 251);
}
.hb-night .order_book .head {
	color: rgb(248, 249, 251);
}
.order_book .hb-night .head {
	color: rgb(248, 249, 251);
}
.hb-night .ex-depth dl dt {
	color: rgb(248, 249, 251);
}
.ex-depth dl .hb-night dt {
	color: rgb(248, 249, 251);
}
.hb-night .ex-depth dl dd {
	color: rgb(248, 249, 251);
}
.ex-depth dl .hb-night dd {
	color: rgb(248, 249, 251);
}
.hb-night .input_text input {
	color: rgb(248, 249, 251);
}
.input_text .hb-night input {
	color: rgb(248, 249, 251);
}
.hb-night .input_text .math_price {
	color: rgb(248, 249, 251);
}
.input_text .hb-night .math_price {
	color: rgb(248, 249, 251);
}
.hb-night .amount_range {
	color: rgb(248, 249, 251);
}
.hb-night .l_notice_top a {
	color: rgb(248, 249, 251);
}
.l_notice_top .hb-night a {
	color: rgb(248, 249, 251);
}
.hb-night .trade_wrap .trade_panel {
	color: rgb(248, 249, 251);
}
.trade_wrap .hb-night .trade_panel {
	color: rgb(248, 249, 251);
}
.hb-night .l_transac_title {
	color: rgb(248, 249, 251);
}
.hb-night .l_transac_title ul li a {
	color: rgb(248, 249, 251);
}
.l_transac_title ul li .hb-night a {
	color: rgb(248, 249, 251);
}
.hb-night .order_book .head .ticker-transform {
	color: rgb(170, 170, 170);
}
.order_book .head .hb-night .ticker-transform {
	color: rgb(170, 170, 170);
}
.hb-night .ex-depth dl dt span {
	color: rgb(170, 170, 170);
}
.ex-depth dl dt .hb-night span {
	color: rgb(170, 170, 170);
}
.hb-night .panel .input_text .label {
	color: rgb(170, 170, 170);
}
.panel .input_text .hb-night .label {
	color: rgb(170, 170, 170);
}
.hb-night .input_text .unit {
	color: rgb(170, 170, 170);
}
.input_text .hb-night .unit {
	color: rgb(170, 170, 170);
}
.hb-night .market_trades dt {
	color: rgb(170, 170, 170);
}
.market_trades .hb-night dt {
	color: rgb(170, 170, 170);
}
.hb-night .drawer .coin_filter i {
	color: rgb(170, 170, 170);
}
.drawer .coin_filter .hb-night i {
	color: rgb(170, 170, 170);
}
.hb-night .mod .mod_tab li.cur {
	color: rgb(216, 103, 103);
}
.mod .mod_tab .hb-night li.cur {
	color: rgb(216, 103, 103);
}
.hb-night .mod .mod_tab li:hover {
	color: rgb(216, 103, 103);
}
.mod .mod_tab .hb-night li:hover {
	color: rgb(216, 103, 103);
}
.hb-night .order_book .depth-select {
	color: rgb(216, 103, 103);
}
.order_book .hb-night .depth-select {
	color: rgb(216, 103, 103);
}
.hb-night .mod_trade .mod_tab li.cur {
	color: rgb(216, 103, 103);
}
.mod_trade .mod_tab .hb-night li.cur {
	color: rgb(216, 103, 103);
}
.hb-night .l_notice_top {
	color: rgb(216, 103, 103);
}
.hb-night .l_transac_title ul li a:hover {
	color: rgb(216, 103, 103);
}
.l_transac_title ul li .hb-night a:hover {
	color: rgb(216, 103, 103);
}
.hb-night .l_transac_title ul li.z_active a {
	color: rgb(216, 103, 103);
}
.l_transac_title ul li.z_active .hb-night a {
	color: rgb(216, 103, 103);
}
.hb-night .drawer .coin_filter span.cur {
	color: rgb(216, 103, 103);
}
.drawer .coin_filter .hb-night span.cur {
	color: rgb(216, 103, 103);
}
.hb-night .drawer .coin_filter i.cur {
	color: rgb(216, 103, 103);
}
.drawer .coin_filter .hb-night i.cur {
	color: rgb(216, 103, 103);
}
.hb-night .drawer .coin_table .coin_list div.market_category {
	color: rgb(216, 103, 103);
}
.drawer .coin_table .coin_list .hb-night div.market_category {
	color: rgb(216, 103, 103);
}
.hb-night .drawer .coin_table .coin_list i.hb_icon_marked {
	color: rgb(216, 103, 103);
}
.drawer .coin_table .coin_list .hb-night i.hb_icon_marked {
	color: rgb(216, 103, 103);
}
.hb-night .drawer .coin_table dl.coin_thead span i.desc .hb_icon_sort_desc {
	color: rgb(216, 103, 103);
}
.drawer .coin_table dl.coin_thead span i.desc .hb-night .hb_icon_sort_desc {
	color: rgb(216, 103, 103);
}
.hb-night .drawer .coin_table dl.coin_thead span i.asc .hb_icon_sort_asc {
	color: rgb(216, 103, 103);
}
.drawer .coin_table dl.coin_thead span i.asc .hb-night .hb_icon_sort_asc {
	color: rgb(216, 103, 103);
}
.hb-night .drawer .coin_table dl.coin_thead span i {
	color: rgb(248, 249, 251);
}
.drawer .coin_table dl.coin_thead span .hb-night i {
	color: rgb(248, 249, 251);
}
.hb-night .color_up {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.hb-night .ex-depth .color-buy {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.ex-depth .hb-night .color-buy {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.hb-night .drawer .coin_table dl .coin_unit span.color-buy {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.drawer .coin_table dl .coin_unit .hb-night span.color-buy {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.hb-night .color_up {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.hb-night .color_up::first-letter {
	text-transform: uppercase;
}
.hb-night .ex-depth .color-buy::first-letter {
	text-transform: uppercase;
}
.ex-depth .hb-night .color-buy::first-letter {
	text-transform: uppercase;
}
.hb-night .drawer .coin_table dl .coin_unit span.color-buy::first-letter {
	text-transform: uppercase;
}
.drawer .coin_table dl .coin_unit .hb-night span.color-buy::first-letter {
	text-transform: uppercase;
}
.hb-night .color_up::first-letter {
	text-transform: uppercase;
}
.hb-night .color_down {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.hb-night .ex-depth .color-sell {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.ex-depth .hb-night .color-sell {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.hb-night .drawer .coin_table dl .coin_unit span.color-sell {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.drawer .coin_table dl .coin_unit .hb-night span.color-sell {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.hb-night .color_down {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.hb-night .color_down::first-letter {
	text-transform: uppercase;
}
.hb-night .ex-depth .color-sell::first-letter {
	text-transform: uppercase;
}
.ex-depth .hb-night .color-sell::first-letter {
	text-transform: uppercase;
}
.hb-night .drawer .coin_table dl .coin_unit span.color-sell::first-letter {
	text-transform: uppercase;
}
.drawer .coin_table dl .coin_unit .hb-night span.color-sell::first-letter {
	text-transform: uppercase;
}
.hb-night .color_down::first-letter {
	text-transform: uppercase;
}
.hb-night .bg_up {
	background-color: rgb(88, 144, 101);
}
.hb-night .ex-depth .color-buy-bg {
	background-color: rgb(88, 144, 101);
}
.ex-depth .hb-night .color-buy-bg {
	background-color: rgb(88, 144, 101);
}
.hb-night .color_buy_bg {
	background-color: rgb(88, 144, 101);
}
.hb-night .bg_up {
	background-color: rgb(88, 144, 101);
}
.hb-night .bg_down {
	background-color: rgb(174, 78, 84);
}
.hb-night .ex-depth .color-sell-bg {
	background-color: rgb(174, 78, 84);
}
.ex-depth .hb-night .color-sell-bg {
	background-color: rgb(174, 78, 84);
}
.hb-night .color_sell_bg {
	background-color: rgb(174, 78, 84);
}
.hb-night .bg_down {
	background-color: rgb(174, 78, 84);
}
.hb-night hr {
	border-width: 0px 0px 1px; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid;
}
.hb-night .panel .hd {
	border-color: rgb(52, 58, 72);
}
.panel .hb-night .hd {
	border-color: rgb(52, 58, 72);
}
.hb-night .desktop dl {
	border-color: rgb(52, 58, 72);
}
.desktop .hb-night dl {
	border-color: rgb(52, 58, 72);
}
.hb-night .drawer .coin_table dl .coin_unit {
	border-color: rgb(52, 58, 72);
}
.drawer .coin_table dl .hb-night .coin_unit {
	border-color: rgb(52, 58, 72);
}
.hb-night .input_text input {
	border-color: rgb(19, 26, 33);
}
.input_text .hb-night input {
	border-color: rgb(19, 26, 33);
}
.hb-night .order_book .depth-select {
	border-color: rgb(122, 152, 247);
}
.order_book .hb-night .depth-select {
	border-color: rgb(122, 152, 247);
}
.hb-night .input_text input:focus {
	border-color: rgb(122, 152, 247);
}
.input_text .hb-night input:focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .input_text input.focus {
	border-color: rgb(122, 152, 247);
}
.input_text .hb-night input.focus {
	border-color: rgb(122, 152, 247);
}
.hb-night .btn {
	border: currentColor; border-image: none;
}
.hb-night .btn.btn-primary {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-night .btn.btn_submit {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-night .btn:hover {
	background-color: rgb(160, 182, 249);
}
.hb-night .btn:active {
	background-color: rgb(122, 135, 247);
}
.hb-night :disabled.btn {
	background-color: rgb(78, 91, 133);
}
.hb-night .with-tooltip .tooltip {
	color: rgb(199, 204, 230); background-color: rgb(35, 35, 35);
}
.hb-night .with-tooltip .tooltip::after {
	background: inherit;
}
.hb-night a {
	transition:0.2s ease-in-out; color: rgb(170, 189, 250); text-decoration: none; cursor: pointer;
}
.hb-night a:hover {
	color: rgb(170, 189, 250);
}
.hb-night .form-group label {
	color: rgb(78, 91, 133);
}
.hb-night .form-group label:last-child {
	color: rgb(122, 152, 247); border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid;
}
.hb-night .form-group label:last-child:disabled {
	color: rgb(97, 104, 138);
}
.hb-night .form-group-selector {
	background-color: rgb(47, 52, 82);
}
.hb-night .form-group-selector dl {
	margin: 0px; color: rgb(97, 104, 138); border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.hb-night .form-group-selector dl:hover {
	color: rgb(122, 152, 247); background-color: rgb(35, 35, 35);
}
.hb-night .form-group [type='text'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(30, 34, 53);
}
.hb-night .form-group [type='password'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(30, 34, 53);
}
.hb-night .form-group [type='text']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-night .form-group [type='password']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-night .table-container {
	border-radius: 3px;
}
.hb-night .table-container .head {
	padding: 0px 30px; height: 48px; color: rgb(199, 204, 230); line-height: 48px; font-size: 16px; background-color: rgb(0, 0, 0);
}
.hb-night .table-container .body {
	padding: 0px 10px; background-color: rgb(0, 0, 0);
}
.hb-night .table-container .body table.table {
	padding: 0px 20px;
}
.hb-night .table-container .pagination {
	margin: 0px 30px; text-align: right; border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night .table-container .pagination .btn-page {
	padding: 0px 10px; width: 60px; color: rgb(199, 204, 230); font-size: 12px; background-color: transparent;
}
.hb-night .table-container.normal table.table th {
	text-align: left;
}
.hb-night .table-container.normal table.table td {
	text-align: left;
}
.hb-night .table-container.normal table.table th:last-child {
	text-align: right;
}
.hb-night .table-container.normal table.table td:last-child {
	text-align: right;
}
.hb-night table.table {
	padding: 0px 30px; width: 100%; border-collapse: separate;
}
.hb-night table.table th {
	height: 40px; text-align: right; color: rgb(97, 104, 138); line-height: 1; font-size: 12px;
}
.hb-night table.table td {
	height: 40px; text-align: right; color: rgb(97, 104, 138); line-height: 1; font-size: 12px;
}
.hb-night table.table th:first-child {
	text-align: left;
}
.hb-night table.table td:first-child {
	text-align: left;
}
.hb-night table.table td {
	color: rgb(199, 204, 230); border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night table.table td .btn.btn-small {
	width: 56px; height: 24px; text-align: center; line-height: 1; font-size: 12px; background-color: transparent;
}
.hb-night table.table td .btn.btn-small.primary {
	width: auto; color: rgb(122, 152, 247); margin-left: 20px;
}
.hb-night table.table td .btn.btn-small.primary:hover {
	color: rgb(170, 189, 250);
}
.hb-night table.table td .btn.btn-small.btn-primary {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-night table.table td .btn.btn-small.link-primary {
	color: rgb(122, 152, 247); padding-right: 15px; position: relative;
}
.hb-night table.table td .btn.btn-small.link-primary::after {
	border-width: 5px; border-style: solid; border-color: rgb(78, 91, 133) transparent transparent; border-image: none; top: 9px; right: 0px; position: absolute; content: "";
}
.hb-night table.table tr:first-child td {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.hb-night table.table .table-inner {
	margin: -4px -20px; border-radius: 3px; position: relative; background-color: rgb(0, 0, 0);
}
.hb-night table.table .table-inner .angle {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; top: -14px; right: 39px; position: absolute;
}
.hb-night table.table .table-inner .angle::after {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; left: -7px; top: -5px; position: absolute; content: "";
}
.hb-night table.table .table {
	margin: -3px 0px; border-radius: 3px; border: 1px solid rgb(0, 0, 0); border-image: none; border-collapse: separate;
}
.hb-night table.table .table th {
	border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night table.table .table td {
	border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night [type='checkbox'] {
	background-color: rgb(35, 35, 35);
}
.hb-night [type='checkbox'] + label::before {
	background: rgb(35, 35, 35); border: 1px solid rgb(78, 91, 133); border-image: none;
}
.hb-night [type='checkbox'] + label::after {
	color: rgb(255, 255, 255);
}
.hb-night [type='checkbox'] + label:hover::before {
	border-color: rgb(122, 152, 247);
}
.hb-night [type='checkbox']:checked + label::after {
	background-color: rgb(122, 152, 247);
}
.hb-night .toast-container {
	height: 40px; min-width: 214px; background-color: rgb(35, 35, 35);
}
.hb-night .toast-container i {
	padding-right: 18px; padding-left: 25px;
}
.hb-night .toast-container .toast-text {
	color: rgb(199, 204, 230);
}
.hb-night input[type='checkbox'].small {
	left: -999999px; width: 14px; height: 14px; position: absolute; box-sizing: border-box;
}
.hb-night input[type='checkbox'].small + label {
	height: 14px; line-height: 1; padding-left: 1.5em; font-size: 14px; display: inline-block; position: relative; cursor: pointer;
}
.hb-night input[type='checkbox'].small + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 14px; height: 14px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-night input[type='checkbox'].small + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 14px; height: 14px; text-align: center; line-height: 1; font-size: 14px; display: inline-block; position: absolute; content: "\2713";
}
.hb-night input[type='checkbox']:not(:checked).small + label::after {
	opacity: 0; transform: scale(0);
}
.hb-night input[type='checkbox']:checked.small + label::after {
	opacity: 1; transform: scale(1);
}
.hb-night input[type='checkbox'].medium {
	left: -999999px; width: 18px; height: 18px; position: absolute; box-sizing: border-box;
}
.hb-night input[type='checkbox'].medium + label {
	height: 18px; line-height: 1; padding-left: 1.5em; font-size: 18px; display: inline-block; position: relative; cursor: pointer;
}
.hb-night input[type='checkbox'].medium + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 18px; height: 18px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-night input[type='checkbox'].medium + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 18px; height: 18px; text-align: center; line-height: 1; font-size: 18px; display: inline-block; position: absolute; content: "\2713";
}
.hb-night input[type='checkbox']:not(:checked).medium + label::after {
	opacity: 0; transform: scale(0);
}
.hb-night input[type='checkbox']:checked.medium + label::after {
	opacity: 1; transform: scale(1);
}
.hb-night input:disabled {
	background-color: rgb(32, 36, 55);
}
.hb-night .table-container .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.table-container .hb-night .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.hb-night .mod .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.mod .hb-night .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.hb-night .l_transac_title {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.hb-night .drawer .coin_filter {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.drawer .hb-night .coin_filter {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.hb-night .qr_code {
	background: url("/static/newbb/loading.svg") no-repeat center / 33%; border: 1px solid rgb(199, 204, 230); border-image: none;
}
.hb-night .qr_code svg {
	background: rgb(199, 204, 230);
}
.hb-night .qr_code svg path {
	fill: #000;
}
.hb-night input:-ms-input-placeholder {
	color: rgb(97, 104, 138);
}
.hb-day {
	border-color: currentColor; color: rgb(35, 42, 74); -ms-scrollbar-base-color: rgba(145, 148, 164, 0.15); -ms-scrollbar-face-color: transparent; -ms-scrollbar-3dlight-color: transparent; -ms-scrollbar-highlight-color: rgb(255, 255, 255); -ms-scrollbar-darkshadow-color: transparent; -ms-scrollbar-arrow-color: rgb(145, 148, 164); -ms-scrollbar-track-color: rgb(255, 255, 255); background-color: rgb(242, 243, 248);
}
.hb-day .order_book .depth-select ul {
	background-color: rgb(242, 243, 248);
}
.order_book .depth-select .hb-day ul {
	background-color: rgb(242, 243, 248);
}
.hb-day .ex-depth dl dd:hover {
	background-color: rgb(242, 243, 248);
}
.ex-depth dl .hb-day dd:hover {
	background-color: rgb(242, 243, 248);
}
.hb-day .panel :disabled.btn_buy {
	background-color: rgb(209, 211, 223);
}
.panel .hb-day :disabled.btn_buy {
	background-color: rgb(209, 211, 223);
}
.hb-day .panel :disabled.btn_sell {
	background-color: rgb(209, 211, 223);
}
.panel .hb-day :disabled.btn_sell {
	background-color: rgb(209, 211, 223);
}
.hb-day body.user_not_login :disabled.logout_button {
	background-color: rgb(209, 211, 223);
}
body.user_not_login .hb-day :disabled.logout_button {
	background-color: rgb(209, 211, 223);
}
.hb-day .panel button:disabled {
	background-color: rgb(255, 255, 255);
}
.panel .hb-day button:disabled {
	background-color: rgb(255, 255, 255);
}
.hb-day .input_text input {
	background-color: rgb(255, 255, 255);
}
.input_text .hb-day input {
	background-color: rgb(255, 255, 255);
}
.hb-day .input_text .math_price em {
	background-color: rgb(209, 211, 223);
}
.input_text .math_price .hb-day em {
	background-color: rgb(209, 211, 223);
}
.hb-day .mod .mod_hd {
	background-color: rgb(255, 255, 255);
}
.mod .hb-day .mod_hd {
	background-color: rgb(255, 255, 255);
}
.hb-day .order_book .head {
	background-color: rgb(255, 255, 255);
}
.order_book .hb-day .head {
	background-color: rgb(255, 255, 255);
}
.hb-day #huobi-chart {
	background-color: rgb(255, 255, 255);
}
.hb-day .mod_trade .mod_hd {
	background-color: rgb(255, 255, 255);
}
.mod_trade .hb-day .mod_hd {
	background-color: rgb(255, 255, 255);
}
.hb-day .ticker_wrap {
	background-color: rgb(255, 255, 255);
}
.hb-day .estimated_value {
	background-color: rgb(255, 255, 255);
}
.hb-day .cl_title {
	background-color: rgb(255, 255, 255);
}
.hb-day .cl_head {
	background-color: rgb(255, 255, 255);
}
.hb-day .l_notice_top {
	background-color: rgb(255, 255, 255);
}
.hb-day .l_transac_title {
	background-color: rgb(255, 255, 255);
}
.hb-day .desktop {
	background-color: rgb(255, 255, 255);
}
.hb-day .drawer {
	background-color: rgb(255, 255, 255);
}
.hb-day .mod {
	background-color: rgb(255, 255, 255);
}
.hb-day .ex-depth {
	background-color: rgb(255, 255, 255);
}
.hb-day .mod_trade {
	background-color: rgb(255, 255, 255);
}
.hb-day .drawer .coin_table {
	background-color: rgb(255, 255, 255);
}
.drawer .hb-day .coin_table {
	background-color: rgb(255, 255, 255);
}
.hb-day .order_book .depth-select ul li.active {
	background-color: rgb(248, 249, 251);
}
.order_book .depth-select ul .hb-day li.active {
	background-color: rgb(248, 249, 251);
}
.hb-day .order_book .depth-select ul li:hover {
	background-color: rgb(248, 249, 251);
}
.order_book .depth-select ul .hb-day li:hover {
	background-color: rgb(248, 249, 251);
}
.hb-day .drawer .coin_table dl:hover {
	background-color: rgb(248, 249, 251);
}
.drawer .coin_table .hb-day dl:hover {
	background-color: rgb(248, 249, 251);
}
.hb-day .drawer .coin_table dl.cur {
	background-color: rgb(248, 249, 251);
}
.drawer .coin_table .hb-day dl.cur {
	background-color: rgb(248, 249, 251);
}
.hb-day .mod .mod_tab li {
	color: rgb(35, 42, 74);
}
.mod .mod_tab .hb-day li {
	color: rgb(35, 42, 74);
}
.hb-day .order_book .head {
	color: rgb(35, 42, 74);
}
.order_book .hb-day .head {
	color: rgb(35, 42, 74);
}
.hb-day .ex-depth dl dt {
	color: rgb(35, 42, 74);
}
.ex-depth dl .hb-day dt {
	color: rgb(35, 42, 74);
}
.hb-day .ex-depth dl dd {
	color: rgb(35, 42, 74);
}
.ex-depth dl .hb-day dd {
	color: rgb(35, 42, 74);
}
.hb-day .input_text input {
	color: rgb(35, 42, 74);
}
.input_text .hb-day input {
	color: rgb(35, 42, 74);
}
.hb-day .input_text .math_price {
	color: rgb(35, 42, 74);
}
.input_text .hb-day .math_price {
	color: rgb(35, 42, 74);
}
.hb-day .amount_range {
	color: rgb(35, 42, 74);
}
.hb-day .l_notice_top a {
	color: rgb(35, 42, 74);
}
.l_notice_top .hb-day a {
	color: rgb(35, 42, 74);
}
.hb-day .trade_wrap .trade_panel {
	color: rgb(35, 42, 74);
}
.trade_wrap .hb-day .trade_panel {
	color: rgb(35, 42, 74);
}
.hb-day .l_transac_title {
	color: rgb(35, 42, 74);
}
.hb-day .l_transac_title ul li a {
	color: rgb(35, 42, 74);
}
.l_transac_title ul li .hb-day a {
	color: rgb(35, 42, 74);
}
.hb-day .order_book .head .ticker-transform {
	color: rgb(145, 148, 164);
}
.order_book .head .hb-day .ticker-transform {
	color: rgb(145, 148, 164);
}
.hb-day .ex-depth dl dt span {
	color: rgb(145, 148, 164);
}
.ex-depth dl dt .hb-day span {
	color: rgb(145, 148, 164);
}
.hb-day .panel .input_text .label {
	color: rgb(145, 148, 164);
}
.panel .input_text .hb-day .label {
	color: rgb(145, 148, 164);
}
.hb-day .input_text .unit {
	color: rgb(145, 148, 164);
}
.input_text .hb-day .unit {
	color: rgb(145, 148, 164);
}
.hb-day .market_trades dt {
	color: rgb(145, 148, 164);
}
.market_trades .hb-day dt {
	color: rgb(145, 148, 164);
}
.hb-day .drawer .coin_filter i {
	color: rgb(145, 148, 164);
}
.drawer .coin_filter .hb-day i {
	color: rgb(145, 148, 164);
}
.hb-day .mod .mod_tab li.cur {
	color: rgb(122, 152, 247);
}
.mod .mod_tab .hb-day li.cur {
	color: rgb(122, 152, 247);
}
.hb-day .mod .mod_tab li:hover {
	color: rgb(122, 152, 247);
}
.mod .mod_tab .hb-day li:hover {
	color: rgb(122, 152, 247);
}
.hb-day .order_book .depth-select {
	color: rgb(122, 152, 247);
}
.order_book .hb-day .depth-select {
	color: rgb(122, 152, 247);
}
.hb-day .mod_trade .mod_tab li.cur {
	color: rgb(122, 152, 247);
}
.mod_trade .mod_tab .hb-day li.cur {
	color: rgb(122, 152, 247);
}
.hb-day .l_notice_top {
	color: rgb(122, 152, 247);
}
.hb-day .l_transac_title ul li a:hover {
	color: rgb(122, 152, 247);
}
.l_transac_title ul li .hb-day a:hover {
	color: rgb(122, 152, 247);
}
.hb-day .l_transac_title ul li.z_active a {
	color: rgb(122, 152, 247);
}
.l_transac_title ul li.z_active .hb-day a {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_filter span.cur {
	color: rgb(122, 152, 247);
}
.drawer .coin_filter .hb-day span.cur {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_filter i.cur {
	color: rgb(122, 152, 247);
}
.drawer .coin_filter .hb-day i.cur {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_table .coin_list div.market_category {
	color: rgb(122, 152, 247);
}
.drawer .coin_table .coin_list .hb-day div.market_category {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_table .coin_list i.hb_icon_marked {
	color: rgb(122, 152, 247);
}
.drawer .coin_table .coin_list .hb-day i.hb_icon_marked {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_table dl.coin_thead span i.desc .hb_icon_sort_desc {
	color: rgb(122, 152, 247);
}
.drawer .coin_table dl.coin_thead span i.desc .hb-day .hb_icon_sort_desc {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_table dl.coin_thead span i.asc .hb_icon_sort_asc {
	color: rgb(122, 152, 247);
}
.drawer .coin_table dl.coin_thead span i.asc .hb-day .hb_icon_sort_asc {
	color: rgb(122, 152, 247);
}
.hb-day .drawer .coin_table dl.coin_thead span i {
	color: rgb(209, 211, 223);
}
.drawer .coin_table dl.coin_thead span .hb-day i {
	color: rgb(209, 211, 223);
}
.hb-day .color_up {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.hb-day .ex-depth .color-buy {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.ex-depth .hb-day .color-buy {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.hb-day .drawer .coin_table dl .coin_unit span.color-buy {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.drawer .coin_table dl .coin_unit .hb-day span.color-buy {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.hb-day .color_up {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.hb-day .color_up::first-letter {
	text-transform: uppercase;
}
.hb-day .ex-depth .color-buy::first-letter {
	text-transform: uppercase;
}
.ex-depth .hb-day .color-buy::first-letter {
	text-transform: uppercase;
}
.hb-day .drawer .coin_table dl .coin_unit span.color-buy::first-letter {
	text-transform: uppercase;
}
.drawer .coin_table dl .coin_unit .hb-day span.color-buy::first-letter {
	text-transform: uppercase;
}
.hb-day .color_up::first-letter {
	text-transform: uppercase;
}
.hb-day .color_down {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.hb-day .ex-depth .color-sell {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.ex-depth .hb-day .color-sell {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.hb-day .drawer .coin_table dl .coin_unit span.color-sell {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.drawer .coin_table dl .coin_unit .hb-day span.color-sell {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.hb-day .color_down {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.hb-day .color_down::first-letter {
	text-transform: uppercase;
}
.hb-day .ex-depth .color-sell::first-letter {
	text-transform: uppercase;
}
.ex-depth .hb-day .color-sell::first-letter {
	text-transform: uppercase;
}
.hb-day .drawer .coin_table dl .coin_unit span.color-sell::first-letter {
	text-transform: uppercase;
}
.drawer .coin_table dl .coin_unit .hb-day span.color-sell::first-letter {
	text-transform: uppercase;
}
.hb-day .color_down::first-letter {
	text-transform: uppercase;
}
.hb-day .bg_up {
	background-color: rgb(3, 192, 135);
}
.hb-day .ex-depth .color-buy-bg {
	background-color: rgb(3, 192, 135);
}
.ex-depth .hb-day .color-buy-bg {
	background-color: rgb(3, 192, 135);
}
.hb-day .color_buy_bg {
	background-color: rgb(3, 192, 135);
}
.hb-day .bg_up {
	background-color: rgb(3, 192, 135);
}
.hb-day .bg_down {
	background-color: rgb(245, 88, 88);
}
.hb-day .ex-depth .color-sell-bg {
	background-color: rgb(245, 88, 88);
}
.ex-depth .hb-day .color-sell-bg {
	background-color: rgb(245, 88, 88);
}
.hb-day .color_sell_bg {
	background-color: rgb(245, 88, 88);
}
.hb-day .bg_down {
	background-color: rgb(245, 88, 88);
}
.hb-day hr {
	border-width: 0px 0px 1px; border-bottom-color: rgb(244, 244, 246); border-bottom-style: solid;
}
.hb-day .panel .hd {
	border-color: rgb(244, 244, 246);
}
.panel .hb-day .hd {
	border-color: rgb(244, 244, 246);
}
.hb-day .desktop dl {
	border-color: rgb(244, 244, 246);
}
.desktop .hb-day dl {
	border-color: rgb(244, 244, 246);
}
.hb-day .drawer .coin_table dl .coin_unit {
	border-color: rgb(244, 244, 246);
}
.drawer .coin_table dl .hb-day .coin_unit {
	border-color: rgb(244, 244, 246);
}
.hb-day .input_text input {
	border-color: rgb(209, 211, 223);
}
.input_text .hb-day input {
	border-color: rgb(209, 211, 223);
}
.hb-day .order_book .depth-select {
	border-color: rgb(122, 152, 247);
}
.order_book .hb-day .depth-select {
	border-color: rgb(122, 152, 247);
}
.hb-day .input_text input:focus {
	border-color: rgb(122, 152, 247);
}
.input_text .hb-day input:focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .input_text input.focus {
	border-color: rgb(122, 152, 247);
}
.input_text .hb-day input.focus {
	border-color: rgb(122, 152, 247);
}
.hb-day .btn {
	border: currentColor; border-image: none;
}
.hb-day .btn.btn-primary {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-day .btn.btn_submit {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-day .btn:hover {
	background-color: rgb(160, 182, 249);
}
.hb-day .btn:active {
	background-color: rgb(122, 135, 247);
}
.hb-day :disabled.btn {
	background-color: rgb(209, 211, 223);
}
.hb-day .with-tooltip .tooltip {
	color: rgb(35, 42, 74); background-color: rgb(242, 243, 248);
}
.hb-day .with-tooltip .tooltip::after {
	background: inherit;
}
.hb-day a {
	transition:0.2s ease-in-out; color: rgb(122, 152, 247); text-decoration: none; cursor: pointer;
}
.hb-day a:hover {
	color: rgb(170, 189, 250);
}
.hb-day .form-group label {
	color: rgb(209, 211, 223);
}
.hb-day .form-group label:last-child {
	color: rgb(122, 152, 247); border-left-color: rgb(244, 244, 246); border-left-width: 1px; border-left-style: solid;
}
.hb-day .form-group label:last-child:disabled {
	color: rgb(145, 148, 164);
}
.hb-day .form-group-selector {
	background-color: white;
}
.hb-day .form-group-selector dl {
	margin: 0px; color: rgb(145, 148, 164); border-bottom-color: rgb(244, 244, 246); border-bottom-width: 1px; border-bottom-style: solid;
}
.hb-day .form-group-selector dl:hover {
	color: rgb(122, 152, 247); background-color: rgb(242, 243, 248);
}
.hb-day .form-group [type='text'] {
	border: 1px solid rgb(209, 211, 223); border-image: none; color: rgb(145, 148, 164); background-color: rgb(255, 255, 255);
}
.hb-day .form-group [type='password'] {
	border: 1px solid rgb(209, 211, 223); border-image: none; color: rgb(145, 148, 164); background-color: rgb(255, 255, 255);
}
.hb-day .form-group [type='text']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-day .form-group [type='password']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-day .table-container {
	border-radius: 3px;
}
.hb-day .table-container .head {
	padding: 0px 30px; height: 48px; color: rgb(35, 42, 74); line-height: 48px; font-size: 16px; background-color: rgb(255, 255, 255);
}
.hb-day .table-container .body {
	padding: 0px 10px; background-color: rgb(255, 255, 255);
}
.hb-day .table-container .body table.table {
	padding: 0px 20px;
}
.hb-day .table-container .pagination {
	margin: 0px 30px; text-align: right; border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day .table-container .pagination .btn-page {
	padding: 0px 10px; width: 60px; color: rgb(35, 42, 74); font-size: 12px; background-color: transparent;
}
.hb-day .table-container.normal table.table th {
	text-align: left;
}
.hb-day .table-container.normal table.table td {
	text-align: left;
}
.hb-day .table-container.normal table.table th:last-child {
	text-align: right;
}
.hb-day .table-container.normal table.table td:last-child {
	text-align: right;
}
.hb-day table.table {
	padding: 0px 30px; width: 100%; border-collapse: separate;
}
.hb-day table.table th {
	height: 40px; text-align: right; color: rgb(145, 148, 164); line-height: 1; font-size: 12px;
}
.hb-day table.table td {
	height: 40px; text-align: right; color: rgb(145, 148, 164); line-height: 1; font-size: 12px;
}
.hb-day table.table th:first-child {
	text-align: left;
}
.hb-day table.table td:first-child {
	text-align: left;
}
.hb-day table.table td {
	color: rgb(35, 42, 74); border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day table.table td .btn.btn-small {
	width: 56px; height: 24px; text-align: center; line-height: 1; font-size: 12px; background-color: transparent;
}
.hb-day table.table td .btn.btn-small.primary {
	width: auto; color: rgb(122, 152, 247); margin-left: 20px;
}
.hb-day table.table td .btn.btn-small.primary:hover {
	color: rgb(170, 189, 250);
}
.hb-day table.table td .btn.btn-small.btn-primary {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-day table.table td .btn.btn-small.link-primary {
	color: rgb(122, 152, 247); padding-right: 15px; position: relative;
}
.hb-day table.table td .btn.btn-small.link-primary::after {
	border-width: 5px; border-style: solid; border-color: rgb(209, 211, 223) transparent transparent; border-image: none; top: 9px; right: 0px; position: absolute; content: "";
}
.hb-day table.table tr:first-child td {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.hb-day table.table .table-inner {
	margin: -4px -20px; border-radius: 3px; position: relative; background-color: rgb(255, 255, 255);
}
.hb-day table.table .table-inner .angle {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(244, 244, 246); border-image: none; top: -14px; right: 39px; position: absolute;
}
.hb-day table.table .table-inner .angle::after {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; left: -7px; top: -5px; position: absolute; content: "";
}
.hb-day table.table .table {
	margin: -3px 0px; border-radius: 3px; border: 1px solid rgb(244, 244, 246); border-image: none; border-collapse: separate;
}
.hb-day table.table .table th {
	border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day table.table .table td {
	border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day [type='checkbox'] {
	background-color: rgb(242, 243, 248);
}
.hb-day [type='checkbox'] + label::before {
	background: rgb(242, 243, 248); border: 1px solid rgb(209, 211, 223); border-image: none;
}
.hb-day [type='checkbox'] + label::after {
	color: rgb(255, 255, 255);
}
.hb-day [type='checkbox'] + label:hover::before {
	border-color: rgb(122, 152, 247);
}
.hb-day [type='checkbox']:checked + label::after {
	background-color: rgb(122, 152, 247);
}
.hb-day .toast-container {
	height: 40px; min-width: 214px; background-color: rgb(242, 243, 248);
}
.hb-day .toast-container i {
	padding-right: 18px; padding-left: 25px;
}
.hb-day .toast-container .toast-text {
	color: rgb(35, 42, 74);
}
.hb-day input[type='checkbox'].small {
	left: -999999px; width: 14px; height: 14px; position: absolute; box-sizing: border-box;
}
.hb-day input[type='checkbox'].small + label {
	height: 14px; line-height: 1; padding-left: 1.5em; font-size: 14px; display: inline-block; position: relative; cursor: pointer;
}
.hb-day input[type='checkbox'].small + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 14px; height: 14px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-day input[type='checkbox'].small + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 14px; height: 14px; text-align: center; line-height: 1; font-size: 14px; display: inline-block; position: absolute; content: "\2713";
}
.hb-day input[type='checkbox']:not(:checked).small + label::after {
	opacity: 0; transform: scale(0);
}
.hb-day input[type='checkbox']:checked.small + label::after {
	opacity: 1; transform: scale(1);
}
.hb-day input[type='checkbox'].medium {
	left: -999999px; width: 18px; height: 18px; position: absolute; box-sizing: border-box;
}
.hb-day input[type='checkbox'].medium + label {
	height: 18px; line-height: 1; padding-left: 1.5em; font-size: 18px; display: inline-block; position: relative; cursor: pointer;
}
.hb-day input[type='checkbox'].medium + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 18px; height: 18px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-day input[type='checkbox'].medium + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 18px; height: 18px; text-align: center; line-height: 1; font-size: 18px; display: inline-block; position: absolute; content: "\2713";
}
.hb-day input[type='checkbox']:not(:checked).medium + label::after {
	opacity: 0; transform: scale(0);
}
.hb-day input[type='checkbox']:checked.medium + label::after {
	opacity: 1; transform: scale(1);
}
.hb-day input:disabled {
	background-color: rgb(249, 247, 253);
}
.hb-day .table-container .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.table-container .hb-day .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.hb-day .mod .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.mod .hb-day .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.hb-day .l_transac_title {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.hb-day .drawer .coin_filter {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.drawer .hb-day .coin_filter {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.hb-day .qr_code {
	background: url("/static/newbb/loading.svg") no-repeat center / 33%; border: 1px solid transparent; border-image: none;
}
.hb-day .qr_code svg {
	background: rgb(255, 255, 255);
}
.hb-day .qr_code svg path {
	fill: #000;
}
.hb-day input:-ms-input-placeholder {
	color: rgb(145, 148, 164);
}
.mod {
	transition:height 0.15s ease-in-out; overflow: hidden; margin-bottom: 10px;
}
.mod .mod_hd {
	height: 48px; line-height: 48px; padding-left: 30px; font-size: 16px; position: relative;
}
.mod .mod_tab {
	clear: both; font-size: 16px;
}
.mod .mod_tab li {
	height: 48px; line-height: 48px; margin-right: 73px; border-bottom-color: transparent; border-bottom-width: 0px; border-bottom-style: solid; float: left; cursor: pointer;
}
.mod .mod_tab li.cur {
	font-weight: bold; border-bottom-color: transparent;
}
.mod .mod_show_btn {
	cursor: pointer;
}
.mod .mod_show_btn button {
	background: none; border: currentColor; transition:0.15s; border-image: none; width: 30px; height: 30px; color: inherit; line-height: 30px; transform: rotate(180deg);
}
.mod .mod_show_btn button i {
	width: 8px; height: 8px; vertical-align: text-top; border-bottom-color: currentColor; border-left-color: currentColor; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; display: inline-block; transform: rotate(-45deg);
}
.mod .mod_bd {
	padding: 0px 30px;
}
.mod.hide {
	height: 48px;
}
.mod.hide .mod_show_btn button {
	transform: rotate(0deg);
}
.otc_info_box {
	padding: 16px; border-radius: 3px; border: 2px solid rgb(78, 91, 133); border-image: none; left: 205px; top: 55px; color: rgb(199, 204, 230); line-height: 1.2; font-size: 12px; display: none; white-space: nowrap; position: absolute; z-index: 2; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); background-color: rgb(35, 35, 35);
}
.otc_info_box::after {
	border-width: 9px; border-style: solid; border-color: transparent transparent rgb(78, 91, 133); border-image: none; left: 9px; top: -20px; position: absolute; content: "";
}
.otc_info_box::before {
	border-width: 9px; border-style: solid; border-color: transparent transparent rgb(78, 91, 133); border-image: none; left: 9px; top: -20px; position: absolute; content: "";
}
.otc_info_box::after {
	border-width: 8px; border-style: solid; border-color: transparent transparent rgb(35, 35, 35); border-image: none; left: 10px; top: -16px; content: "";
}
.otc_info_box .otc_info_inner p {
	margin-top: 8px;
}
.otc_info_box .otc_info_inner .foot {
	width: 188px; text-align: right; margin-top: 16px;
}
.otc_info_box .otc_info_inner a {
	color: rgb(122, 152, 247) !important;
}
.otc_info_box .otc_info_inner a:hover {
	color: rgb(170, 189, 250) !important;
}
.otc_info_box .otc_info_close {
	padding: 6px; top: -6px; right: -4px; position: absolute; cursor: pointer; transform: scale(0.5);
}
.hb_icon_close {
	font-size: 12px;
}
.hb_icon_close::before {
	content: "\F1D0";
}
.order_book {
	width: 100%; overflow: visible;
}
.order_book .head {
	height: 48px; line-height: 48px; padding-left: 30px; position: relative;
}
.order_book .head .title {
	font-size: 14px;
}
.order_book .head .ticker-transform {
	font-size: 12px;
}
.order_book .depth-select {
	height: 100%; padding-right: 15px; font-size: 12px; float: left; position: relative; z-index: 1; cursor: pointer;
}
.order_book .depth-select::after {
	border-width: 5px; border-style: solid; border-image: none; top: 9px; right: 0px; border-top-color: inherit; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; position: absolute; content: "";
}
.order_book .depth-select.slide_down::after {
	transform-origin: 5px 2px; content: ""; transform: rotate(180deg);
}
.order_book .depth-select.slide_down ul {
	display: block;
}
.order_book .depth-select ul {
	padding: 10px 0px; border-radius: 3px; top: 22px; width: 100px; text-align: right; right: 0px; display: none; position: absolute; box-shadow: 0px 2px 6px rgba(0,0,0,0.25);
}
.order_book .depth-select ul li {
	padding: 0px 10px; line-height: 32px;
}
.ex-depth {
	height: 402px;
}
.ex-depth .dl-hr {
	margin: 1px 10px 9px;
}
.ex-depth .dl-hr hr {
	width: 100%;
}
.ex-depth dl {
	padding: 0px 4px; overflow: hidden;
}
.ex-depth dl dt {
	width: 100%; height: 40px; text-align: right; line-height: 40px; position: relative; box-sizing: border-box;
}
.ex-depth dl dd {
	width: 100%; height: 40px; text-align: right; line-height: 40px; position: relative; box-sizing: border-box;
}
.ex-depth dl dt .inner {
	padding: 0px; display: table; position: relative;
}
.ex-depth dl dd .inner {
	padding: 0px; display: table; position: relative;
}
.ex-depth dl dt .title {
	width: 45px; text-align: left;
}
.ex-depth dl dd .title {
	width: 45px; text-align: left;
}
.ex-depth dl dt .title::first-letter {
	text-transform: uppercase;
}
.ex-depth dl dd .title::first-letter {
	text-transform: uppercase;
}
.ex-depth dl dt span {
	width: 33%; text-align: left; padding-left: 20px; font-size: 12px; display: table-cell; white-space: nowrap;
}
.ex-depth dl dd span {
	width: 33%; text-align: left; padding-left: 20px; font-size: 12px; display: table-cell; white-space: nowrap;
}
.ex-depth dl dt {
	padding-right: 6px; table-layout: fixed;
}
.ex-depth dl dt .title {
	min-width: 30px;
}
.ex-depth dl dd {
	height: 24px; line-height: 24px; margin-bottom: 8px; cursor: pointer;
}
.ex-depth dl dd * {
	cursor: pointer;
}
.ex-depth dl dd:hover b {
	visibility: hidden;
}
.ex-depth .color-buy {
	text-transform: lowercase;
}
.ex-depth .color-sell {
	text-transform: lowercase;
}
.ex-depth .color-buy-bg {
	top: 0px; height: 100%; right: 0px; position: absolute; opacity: 0.1;
}
.ex-depth .color-sell-bg {
	top: 0px; height: 100%; right: 0px; position: absolute; opacity: 0.1;
}
.ex-depth .link-group {
	padding: 0px 24px; height: 28px; line-height: 22px;
}
.ex-depth .link-group a {
	font-size: 12px; float: right;
}
.mod_trade {
	width: 100%; height: 450px; overflow: hidden;
}
.mod_trade.mod {
	margin: 0px;
}
.mod_trade .mod_tab {
	overflow: hidden; float: left;
}
.mod_trade .mod_tab li {
	height: 48px; line-height: 48px; font-size: 16px; margin-right: 40px; border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; float: left; cursor: pointer;
}
.mod_trade .mod_tab li.cur {
	border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: solid;
}
.mod_trade .mod_hd {
	padding: 0px 30px; position: relative; z-index: 4; box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
}
.mod_trade .mod_hd dl.show_list dt::after {
	border-width: 0px 5px 5px; border-style: none dashed solid; border-color: currentColor transparent rgba(30, 39, 49, 0.5); border-image: none;
}
.mod_trade .mod_hd dl.show_list dd {
	display: block;
}
.mod_trade .mod_hd .fees_rule {
	line-height: 48px; margin-right: 0px; float: right;
}
.mod_trade .mod_hd .quote_currency {
	top: 0px; width: 110px; right: 0px; position: absolute;
}
.mod_trade .mod_hd .quote_currency dt {
	height: 40px; text-align: right; line-height: 40px; padding-right: 15px; position: relative; cursor: pointer;
}
.mod_trade .mod_hd .quote_currency dt::after {
	top: 17px; right: 0px; border-top-color: rgba(30, 39, 49, 0.5); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: dashed; border-left-style: dashed; position: absolute; content: "";
}
.mod_trade .mod_hd .quote_currency dt b {
	font-weight: 400;
}
.mod_trade .mod_hd .quote_currency dd {
	background: rgb(255, 255, 255); display: none; box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2), 0px 10px 14px 1px rgba(0,0,0,0.14), 0px 4px 18px 3px rgba(0,0,0,0.12);
}
.mod_trade .mod_hd .quote_currency dd i {
	font-size: 12px; margin-right: 8px; display: inline-block; visibility: hidden;
}
.mod_trade .mod_hd .quote_currency dd.quote_btc a:nth-of-type(1) i {
	visibility: visible;
}
.mod_trade .mod_hd .quote_currency dd.quote_cny a:nth-of-type(2) i {
	visibility: visible;
}
.mod_trade .mod_hd .quote_currency dd.quote_usd a:nth-of-type(3) i {
	visibility: visible;
}
.mod_trade .mod_hd .quote_currency a {
	padding: 0px 15px 0px 0px; height: 40px; text-align: right; color: rgb(30, 39, 49); line-height: 40px; display: block; cursor: pointer;
}
.mod_trade .mod_hd .quote_currency a:hover {
	background: rgb(248, 249, 251); color: rgb(30, 39, 49);
}
.mod_trade .mod_bd {
	padding-right: 0px; padding-bottom: 40px; padding-left: 30px;
}
.panel {
	border: 0px solid transparent; border-image: none; width: 50%; margin-top: 0px; margin-right: 0px; float: left; position: relative; z-index: 2;
}
.panel .hd {
	height: 40px; line-height: 40px; margin-right: 20px; border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: solid;
}
.panel .hd span {
	padding-left: 0px; font-size: 14px;
}
.panel .hd b {
	padding-left: 0px; font-size: 14px;
}
.panel .hd a {
	text-decoration: none; margin-right: 20px; float: right; display: inline-block;
}
.panel .hd a.logout {
	margin-right: 0px; float: none;
}
.panel .hd:focus {
	
}
.panel .btn_buy {
	border-radius: 3px;
}
.panel .btn_sell {
	border-radius: 3px;
}
.panel .btn_buy:hover {
	opacity: 0.9;
}
.panel .btn_sell:hover {
	opacity: 0.9;
}
.panel :disabled.btn_buy {
	cursor: not-allowed;
}
.panel :disabled.btn_sell {
	cursor: not-allowed;
}
.panel :disabled.btn_buy:hover {
	opacity: 1;
}
.panel :disabled.btn_sell:hover {
	opacity: 1;
}
.panel .com_tip {
	padding: 13px; width: 235px; right: -9px; bottom: 25px; display: none; position: absolute;
}
.panel .com_tip b {
	padding-left: 20px; font-size: 20px;
}
.panel .com_tip a {
	color: rgb(255, 117, 25); text-decoration: none; margin-right: 20px; float: right; display: inline-block;
}
.panel .bd {
	padding: 18px 20px 0px 0px;
}
.panel .input_text {
	padding-bottom: 18px; margin-top: 0px;
}
.panel .input_text .label {
	height: 26px; font-size: 14px; font-weight: 400; display: block;
}
.panel .input_text_amount {
	padding-bottom: 10px;
}
.panel .total {
	margin-bottom: 10px; -ms-word-wrap: break-word;
}
.panel .total p {
	height: 26px; font-size: 16px;
}
.panel .total p.transform_total {
	color: rgba(30, 39, 49, 0.5); font-size: 14px; display: none;
}
.panel .market_price {
	height: 74px; text-align: center; line-height: 74px; font-size: 14px; margin-top: 4px;
}
.panel .market_price .huobi_pro_info {
	bottom: 12px; color: rgba(30, 39, 49, 0.5); vertical-align: top; position: relative; cursor: pointer;
}
.panel .market_price .huobi_pro_info:hover .com_tip {
	display: block;
}
.panel .btn_buy {
	border: currentColor; border-image: none; width: 100%; height: 40px; color: white; text-transform: uppercase; font-size: 16px; display: inline-block; cursor: pointer; box-sizing: border-box;
}
.panel .btn_sell {
	border: currentColor; border-image: none; width: 100%; height: 40px; color: white; text-transform: uppercase; font-size: 16px; display: inline-block; cursor: pointer; box-sizing: border-box;
}
.panel .btn_buy:focus {
	
}
.panel .btn_sell:focus {
	
}
.panel :disabled.btn_buy {
	cursor: not-allowed;
}
.panel :disabled.btn_sell {
	cursor: not-allowed;
}
.panel .com_tip {
	padding: 13px; width: 235px; text-align: left; right: -9px; bottom: 25px; color: rgb(30, 39, 49); line-height: 20px; font-size: 12px; font-style: normal; display: none; position: absolute; box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.2); background-color: white;
}
.panel .com_tip::after {
	right: 8px; bottom: -6px; border-top-color: white; border-right-color: transparent; border-left-color: transparent; border-top-width: 9px; border-right-width: 9px; border-left-width: 9px; border-top-style: solid; border-right-style: dashed; border-left-style: dashed; position: absolute; content: "";
}
.panel #form_sell_market .amount_range {
	
}
.panel #form_buy_market .amount_range {
	
}
.sell_panel {
	margin-right: 0px;
}
.input_text {
	margin-top: 32px; display: block; position: relative;
}
.input_text label {
	display: block;
}
.input_text input {
	border-radius: 3px; border: 1px solid currentColor; border-image: none; width: 100%; height: 40px; text-indent: 20px; font-size: 16px; box-sizing: border-box;
}
.input_text input:disabled {
	border-color: transparent;
}
.input_text .math_price {
	height: 24px; line-height: 24px; overflow: hidden; font-size: 12px; margin-top: -1px;
}
.input_text .math_price em {
	border-radius: 0px 0px 3px 3px; height: 24px; padding-left: 20px; display: block; opacity: 0.4;
}
.input_text .icon {
	display: inline-block;
}
.input_text .unit {
	display: inline-block;
}
.input_text .msg {
	display: inline-block;
}
.input_text .icon {
	left: 0px; top: 14px; width: 60px; text-align: center; bottom: 14px; color: rgba(30, 39, 49, 0.5); line-height: 32px; font-size: 22px; border-right-color: rgba(30, 39, 49, 0.15); border-right-width: 1px; border-right-style: solid; position: absolute;
}
.input_text :focus + .icon {
	color: rgb(255, 117, 25);
}
.input_text .unit {
	top: 26px; height: 40px; right: 20px; line-height: 40px; position: absolute;
}
.input_text .msg {
	top: 0px; text-align: right; right: 0px; color: rgb(255, 25, 25); font-style: normal; font-weight: 400; vertical-align: middle; display: block; position: absolute;
}
.input_text .msg b {
	line-height: 16px; font-size: 14px; font-weight: 100; vertical-align: middle; display: inline-block;
}
.input_text .msg .icon-exclamation-mark {
	font-size: 16px; font-style: normal; margin-right: 5px; vertical-align: middle; display: inline-block;
}
.input_range {
	height: 14px;
}
.amount_range {
	overflow: hidden; font-size: 12px; margin-top: 6px; margin-bottom: 20px;
}
.amount_range .min {
	float: left;
}
.amount_range .max {
	float: right;
}
.deposit_btn {
	display: none;
}
.ticker_wrap {
	height: 48px; line-height: 48px; padding-left: 10px;
}
.ticker_wrap dt {
	font-size: 20px; font-weight: bold; display: inline-block;
}
.ticker_wrap .ticker_close {
	margin-left: 10px;
}
.ticker_wrap dd {
	font-size: 14px; margin-left: 14px; display: inline-block;
}
.estimated_value {
	height: 48px; line-height: 48px; padding-left: 30px; font-size: 16px;
}
.cl_title {
	height: 48px; line-height: 48px; padding-left: 30px; font-size: 16px;
}
.cl_head {
	height: 40px; line-height: 40px; padding-left: 30px; font-size: 14px;
}
.cl_head ul {
	display: block;
}
.cl_head ul li {
	margin-right: 30px; display: inline-block;
}
.cl_head ul li:last-child {
	float: right;
}
.cl_head ul li .filter_stars_day {
	color: rgb(122, 152, 247);
}
.cl_body {
	padding: 0px 4px;
}
.cl_body table {
	width: 100%; table-layout: fixed;
}
.cl_body table tr {
	height: 40px;
}
.cl_body table th:first-child {
	padding-left: 30px;
}
.cl_body table td:first-child {
	padding-left: 30px;
}
.cl_body .coin_star {
	margin-right: 10px;
}
.cl_body .add_star {
	color: rgb(122, 152, 247);
}
.cl_body .hide_no_star {
	display: none;
}
.cl_sort_icon {
	position: relative;
}
.cl_sort_icon::before {
	border-width: 4px; border-style: solid; border-color: transparent transparent rgb(78, 91, 133); border-image: none; top: 2px; right: -16px; position: absolute; content: "";
}
.cl_sort_icon::after {
	border-width: 4px; border-style: solid; border-color: transparent transparent rgb(78, 91, 133); border-image: none; top: 2px; right: -16px; position: absolute; content: "";
}
.cl_sort_icon::after {
	top: 12px; border-top-color: rgb(78, 91, 133); border-bottom-color: transparent;
}
.cl_sort_icon.cl_up_icon::after {
	display: none;
}
.cl_sort_icon.cl_down_icon::before {
	display: none;
}
* {
	box-sizing: border-box;
}
html {
	width: 100%; height: 100%; position: relative;
}
body {
	width: 100%; height: 100%; position: relative;
}
body.user_is_login .trade_panel_logout {
	display: none !important;
}
body.user_is_login .hd_logout {
	display: none !important;
}
body.user_is_login .logout_button {
	display: none !important;
}
body.user_is_login .logout_limit_buy {
	display: none !important;
}
body.user_is_login .logout_limit_sell {
	display: none !important;
}
body.user_is_login .logout_market_buy {
	display: none !important;
}
body.user_is_login .logout_market_sell {
	display: none !important;
}
body.user_not_login .trade_panel_logout {
	display: none !important;
}
body.user_not_login .hd_login {
	display: none !important;
}
body.user_not_login .login_button {
	display: none !important;
}
body.user_not_login .login_limit_buy {
	display: none !important;
}
body.user_not_login .login_limit_sell {
	display: none !important;
}
body.user_not_login .login_market_buy {
	display: none !important;
}
body.user_not_login .login_market_sell {
	display: none !important;
}
body.user_not_login :disabled.logout_button {
	color: rgb(255, 255, 255);
}
.l_show_btn {
	cursor: pointer;
}
.l_notice_top {
	margin: 10px 10px 0px; padding: 0px 30px; border-radius: 3px; height: 48px; line-height: 48px; font-size: 16px;
}
.l_notice_top a {
	width: 900px; height: 48px; display: inline-block;
}
.l_notice_top a:hover {
	text-decoration: none !important;
}
.l_notice_top span i {
	margin: -3px 10px 0px 0px; width: 14px; font-size: 14px; display: inline-block;
}
.l_notice_top i.hb_icon_close {
	font-size: 14px; float: right; cursor: pointer;
}
.main_doc {
	padding-bottom: 320px; position: relative; z-index: 2; min-height: 100%;
}
.doc_container {
	padding: 10px; width: 100%; margin-bottom: 0px; position: relative; min-height: 100%;
}
.row {
	margin-right: auto; margin-left: auto;
}
.row::after {
	clear: both; display: table; content: "";
}
.sidebar {
	top: 0px; width: 23%; padding-top: 10px; min-height: 100%;
}
.page_content {
	overflow: hidden; padding-bottom: 0px; padding-left: 0px; margin-right: 0px; margin-left: 23%; position: relative;
}
.trading_chart {
	overflow: hidden;
}
.trade_wrap {
	width: 100%; margin-top: 10px; margin-bottom: 10px; display: table;
}
.trade_wrap .trade_panel {
	width: 77.62%; overflow: hidden; padding-right: 10px; display: table-cell;
}
.trade_wrap .order_book {
	overflow: visible; vertical-align: top; display: table-cell;
}
.market_depth {
	width: 100%; margin-right: 10px; float: left; position: relative;
}
.market_depth.mod {
	height: 520px;
}
.market_depth.mod .mod_bd {
	padding-right: 0px;
}
.market_depth_chart .loading {
	height: 100%; display: flex; justify-content: center; align-items: center;
}
.market_depth_chart .loading img {
	width: 64px;
}
.market_trades {
	height: 520px;
}
.market_trades .mod_bd {
	height: 462px; padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; -ms-overflow-y: auto;
}
.market_trades_list {
	display: flex; justify-content: space-between;
}
.market_trades dt {
	height: 40px; line-height: 40px;
}
.market_trades dd {
	height: 20px; line-height: 20px;
}
.market_trades_price dt {
	text-align: right;
}
.market_trades_price dd {
	text-align: right;
}
.market_trades_amount dt {
	text-align: right;
}
.market_trades_amount dd {
	text-align: right;
}
.market_trades_type dd {
	text-transform: lowercase;
}
.market_trades_type dd::first-letter {
	text-transform: uppercase;
}
.layout_foot {
	margin: 0px;
}
.open_orders {
	overflow: hidden; padding-bottom: 10px;
}
.order_history {
	overflow: hidden; padding-bottom: 10px;
}
.open_orders .transac_body {
	padding: 0px; overflow: hidden;
}
.order_history .transac_body {
	padding: 0px; overflow: hidden;
}
.open_orders .transac_body .transac_body_main .transac_table_box .l_th {
	padding-top: 16px; padding-bottom: 16px;
}
.order_history .transac_body .transac_body_main .transac_table_box .l_th {
	padding-top: 16px; padding-bottom: 16px;
}
.hb-day .l_transac_title i {
	border-top-color: rgb(35, 42, 74); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid;
}
.hb-day .l_transac_title i.top {
	border-top-color: rgb(255, 255, 255); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid;
}
.hb-day .l_transac_title ul li.z_active a {
	border-bottom-color: rgb(21, 180, 241); border-bottom-width: 1px; border-bottom-style: solid;
}
.hb-day .l_transac_title ul li.z_active a:hover {
	border-bottom-color: rgb(21, 180, 241); border-bottom-width: 1px; border-bottom-style: solid;
}
.hb-day .l_transac_title ul li a:hover {
	border-bottom-color: rgb(21, 180, 241); border-bottom-width: 1px; border-bottom-style: solid;
}
.l_transac_title {
	padding: 0px 30px; height: 48px; text-align: left; line-height: 48px; font-size: 16px; position: relative; box-shadow: 0px 3px 3px #11141f;
}
.l_transac_title.z_active i {
	transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);
}
.l_transac_title i {
	width: 0px; height: 0px; vertical-align: middle; border-top-color: rgb(183, 191, 230); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: inline-block; position: relative; cursor: pointer; transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
}
.l_transac_title i.top {
	left: -5px; top: -6px; border-top-color: rgb(27, 30, 47); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);
}
.l_transac_title ul {
	font-size: 12px; float: right;
}
.l_transac_title ul li {
	margin-left: 30px; float: left;
}
.l_transac_title ul li a {
	width: 100%; height: 47px; text-decoration: none; display: inline-block;
}
.l_transac_title ul li a:hover {
	text-decoration: none; border-bottom-color: rgb(216, 103, 103); border-bottom-width: 1px; border-bottom-style: solid;
}
.l_transac_title ul li.z_active a {
	text-decoration: none; border-bottom-color: rgb(216, 103, 103); border-bottom-width: 1px; border-bottom-style: solid;
}
.market_depth .mod_bd {
	height: 472px;
}
.market_depth_chart {
	width: 100%; height: 100%;
}
@media only screen and (max-width:1400px)
{
.sidebar {
	width: 280px;
}
.page_content {
	margin-left: 280px;
}
.trade_panel .mod .mod_hd {
	padding: 0px 20px;
}
.trade_panel .mod .mod_bd {
	padding-left: 20px;
}
.trade_panel .panel .bd {
	padding-right: 20px;
}
.order_book.table-container .head {
	padding: 0px 10px !important;
}
.mod_hd {
	padding: 0px 20px;
}
.mod_bd {
	padding: 0px 20px;
}
}
@media only screen and (max-width:1920px) and (min-width:1400px)
{
.sidebar {
	width: 420px;
}
.page_content {
	margin-left: 0px;
}
.trade_panel .mod .mod_hd {
	padding: 0px 30px;
}
.trade_panel .mod .mod_bd {
	padding-left: 30px;
}
.trade_panel .panel .bd {
	padding-right: 30px;
}
.order_book.table-container .head {
	padding: 0px 30px !important;
}
.order_book .ex-depth dl dt {
	padding: 0px;
}
.order_book .ex-depth dl dd {
	padding: 0px;
}
.order_book .ex-depth dl dt .inner {
	
}
.order_book .ex-depth dl dd .inner {
	
}
.order_book .ex-depth .link-group {
	
}
.mod_hd {
	padding: 0px 30px;
}
.mod_bd {
	padding: 0px 30px;
}
}
@media only screen and (min-width:1920px)
{
.trade_panel .mod .mod_hd {
	padding: 0px 40px;
}
.trade_panel .mod .mod_bd {
	padding-left: 40px;
}
.trade_panel .panel .bd {
	padding-right: 40px;
}
.order_book.table-container .head {
	padding: 0px 40px !important;
}
.order_book .ex-depth dl dt {
	padding: 0px;
}
.order_book .ex-depth dl dd {
	padding: 0px;
}
.order_book .ex-depth dl dt .inner {
	padding: 0px;
}
.order_book .ex-depth dl dd .inner {
	padding: 0px;
}
.order_book .ex-depth .link-group {
	padding: 0px 24px;
}
.mod_hd {
	padding: 0px 40px;
}
.mod_bd {
	padding: 0px 40px;
}
}
.desktop {
	padding: 16px 20px 0px; line-height: 1;
}
.desktop dl {
	overflow: hidden; padding-left: 10px; border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: solid;
}
.desktop dt {
	padding-right: 5px; padding-bottom: 16px; float: left; display: inline-block;
}
.desktop dd {
	padding-bottom: 16px; float: left; display: inline-block;
}
.desktop dd i {
	padding-left: 5px; display: inline-block;
}
.desktop.not_login {
	padding-left: 30px;
}
.drawer {
	line-height: 1; overflow: hidden; padding-top: 16px;
}
.drawer strong {
	height: 37px; padding-left: 30px; font-size: 16px; display: block;
}
.drawer .coin_filter {
	width: 100%; height: 27px; text-transform: uppercase; padding-left: 30px; font-size: 0px; position: relative;
}
.drawer .coin_filter span {
	height: 27px; font-size: 14px; margin-right: 40px; border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; cursor: pointer;
}
.drawer .coin_filter span.cur {
	border-color: currentColor; cursor: default;
}
.drawer .coin_filter i {
	top: 0px; right: 30px; font-size: 14px; position: absolute; cursor: pointer;
}
.drawer .coin_table {
	padding: 0px 4px 4px;
}
.drawer .coin_table dl {
	overflow: hidden; cursor: pointer;
}
.drawer .coin_table dl dt {
	width: 20px; margin-right: -20px; float: left; position: relative;
}
.drawer .coin_table dl dd {
	width: 100%; float: right;
}
.drawer .coin_table dl .coin_unit {
	padding: 10px 0px 0px 10px; height: 32px; margin-left: 16px; border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: solid;
}
.drawer .coin_table dl .coin_unit div {
	width: 100%; font-size: 0px;
}
.drawer .coin_table dl .coin_unit span {
	font-size: 12px; display: inline-block;
}
.drawer .coin_table dl .coin_unit span:nth-of-type(1) {
	width: 39%;
}
.drawer .coin_table dl .coin_unit span:nth-of-type(1) i {
	margin-right: 6px; display: inline-block; cursor: pointer;
}
.drawer .coin_table dl .coin_unit span:nth-of-type(2) {
	width: 36%;
}
.drawer .coin_table dl .coin_unit span:nth-of-type(3) {
	width: 25%;
}
.drawer .coin_table dl:last-of-type .coin_unit {
	border: 0px currentColor; border-image: none;
}
.drawer .coin_table .coin_list {
	position: relative;
}
.drawer .coin_table .coin_list div.market_category {
	margin: 0px 16px; height: 40px; line-height: 50px; padding-left: 10px;
}
.drawer .coin_table .coin_list p.market_line {
	width: 100%; height: 0px; overflow: hidden; border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: solid; opacity: 0.15;
}
.drawer .coin_table .coin_list span:nth-of-type(1) {
	text-transform: uppercase;
}
.drawer .coin_table .coin_list span .breathe {
	animation:breathe 1s ease-in-out infinite alternate;
}
.drawer .coin_table .coin_list .loading {
	height: 96px; text-align: center; line-height: 96px;
}
.drawer .coin_table .coin_list .loading img {
	width: 32px; vertical-align: middle; display: inline-block;
}
.drawer .coin_table dl.coin_thead {
	cursor: auto;
}
.drawer .coin_table dl.coin_thead:hover {
	background: none;
}
.drawer .coin_table dl.coin_thead .coin_unit {
	height: 45px; padding-top: 18px;
}
.drawer .coin_table dl.coin_thead span {
	cursor: pointer;
}
.drawer .coin_table dl.coin_thead span i {
	width: 12px; height: 12px; margin-left: 4px; display: inline-block; position: relative;
}
.drawer .coin_table dl.coin_thead span i b {
	left: 0px; top: 2px; position: absolute;
}
@media only screen and (max-width:1400px)
{
.desktop {
	padding: 16px 10px 0px;
}
.desktop dl {
	padding-left: 10px;
}
.desktop.not_login {
	padding-left: 20px;
}
.drawer strong {
	padding-left: 20px;
}
.drawer .coin_filter {
	padding-left: 20px;
}
.drawer .coin_filter i {
	right: 20px;
}
.drawer .coin_table .coin_list div.market_category {
	margin: 0px 6px;
}
.drawer .coin_table .coin_list p.market_line {
	margin-left: 6px;
}
.drawer .coin_table dl dt {
	width: 10px; margin-right: -10px;
}
.drawer .coin_table dl .coin_unit {
	margin-left: 6px;
}
.drawer .coin_table dl .coin_unit span:nth-of-type(1) {
	width: 40%;
}
.drawer .coin_table dl .coin_unit span:nth-of-type(2) {
	width: 34%;
}
.drawer .coin_table dl .coin_unit span:nth-of-type(3) {
	width: 26%;
}
}
.trading_chart {
	position: relative;
}
.chartMask {
	left: 0px; top: 83px; width: 100%; height: 445px; position: absolute;
}
.section {
	
}
.section::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.doc_foot_wrap dd.icons a .qr_wechat::before {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
hr {
	margin: 0px; padding: 0px;
}
figure {
	margin: 0px; padding: 0px;
}
table {
	margin: 0px; padding: 0px;
}
caption {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
button {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
menu {
	margin: 0px; padding: 0px;
}
header {
	display: block;
}
footer {
	display: block;
}
section {
	display: block;
}
article {
	display: block;
}
aside {
	display: block;
}
nav {
	display: block;
}
hgroup {
	display: block;
}
address {
	display: block;
}
figure {
	display: block;
}
figcaption {
	display: block;
}
menu {
	display: block;
}
details {
	display: block;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
caption {
	text-align: left; font-weight: normal;
}
th {
	text-align: left; font-weight: normal;
}
html {
	border: 0px currentColor; border-image: none;
}
body {
	border: 0px currentColor; border-image: none;
}
fieldset {
	border: 0px currentColor; border-image: none;
}
img {
	border: 0px currentColor; border-image: none;
}
iframe {
	border: 0px currentColor; border-image: none;
}
abbr {
	border: 0px currentColor; border-image: none;
}
i {
	font-style: normal;
}
cite {
	font-style: normal;
}
em {
	font-style: normal;
}
var {
	font-style: normal;
}
address {
	font-style: normal;
}
dfn {
	font-style: normal;
}
[hidefocus] {
	outline: 0px;
}
summary {
	outline: 0px;
}
li {
	list-style: none;
}
h1 {
	font-size: 100%;
}
h2 {
	font-size: 100%;
}
h3 {
	font-size: 100%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
}
small {
	font-size: 100%;
}
sup {
	font-size: 83%;
}
sub {
	font-size: 83%;
}
pre {
	font-family: inherit;
}
code {
	font-family: inherit;
}
kbd {
	font-family: inherit;
}
samp {
	font-family: inherit;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
textarea {
	overflow: auto; resize: none;
}
label {
	cursor: default;
}
summary {
	cursor: default;
}
a {
	cursor: pointer;
}
button {
	cursor: pointer;
}
a:focus {
	
}
h1 {
	font-weight: bold;
}
h2 {
	font-weight: bold;
}
h3 {
	font-weight: bold;
}
h4 {
	font-weight: bold;
}
h5 {
	font-weight: bold;
}
h6 {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
b {
	font-weight: bold;
}
del {
	text-decoration: none;
}
ins {
	text-decoration: none;
}
u {
	text-decoration: none;
}
s {
	text-decoration: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
body {
	outline: 0px;
}
textarea {
	outline: 0px;
}
input {
	outline: 0px;
}
button {
	outline: 0px;
}
select {
	outline: 0px;
}
keygen {
	outline: 0px;
}
legend {
	outline: 0px;
}
::-ms-clear {
	display: none;
}
::-ms-reveal {
	display: none;
}
.section {
	
}
.section::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.doc_foot_wrap dd.icons a .qr_wechat::before {
	width: 0px; height: 0px; overflow: hidden; content: "";
}
html {
	margin: 0px; width: 100%; height: 100%; min-width: 1200px;
}
body {
	margin: 0px; width: 100%; height: 100%; min-width: 1200px;
}
html {
	font: 14px/1.4 "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", serif; transition:color 0.3s ease-in, border 0.3s ease-in; font-size-adjust: none; font-stretch: normal;
}
html.ko-kr {
	font-family: "Noto Sans KR", ?????����3??��?, "Nanum Gothic", NanumGothic, "Apple SD Gothic Neo", ?�졮��?���3??��?, "Malgun Gothic", AppleGothic, ???��?�, Dotum, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html.ja-jp {
	font-family: MS PGothic,Arial,Hiragino Kaku Gothic ProN,Osaka,sans-serif;
}
html.ru-ru {
	font-family: Helvetica, Arial, sans-serif;
}
.layout_doc {
	position: relative; min-height: 100%;
}
.layout_body {
	padding: 0px 0px 350px; position: relative; -ms-zoom: 1; min-height: 900px;
}
.layout_foot {
	height: 320px; margin-top: -320px; position: relative; z-index: 2;
}
.section {
	margin: 0px auto; width: 1200px;
}
.container {
	margin: auto; padding: 10px; width: 1200px; box-sizing: border-box;
}
@media screen and (min-width:1200px)
{
.container {
	width: 100%;
}
}
.upper {
	text-transform: uppercase; font-style: normal;
}
.uppercase {
	text-transform: uppercase; font-style: normal;
}
select::-ms-expand {
	display: none;
}
.no_select {
	-ms-user-select: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none;
}
.align_center {
	text-align: center;
}
.doc_head {
	width: 100%; height: 60px; color: rgb(248, 249, 251); font-size: 14px; display: flex; align-items: center; background-color: rgb(19, 20, 26);
}
.doc_head .head_logo {
	padding-left: 30px;
}
.doc_head .head_logo a {
	width: 130px; height: 100%; display: inline-block;
}
.doc_head .head_logo img {
	width: auto; height: 55px; vertical-align: middle;
}
.doc_head .head_nav {
	flex:1 1 0px; padding-right: 30px; display: flex; justify-content: space-between; align-items: center;
}
.doc_head .head_nav > li {
	height: 56px; line-height: 56px; margin-left: 30px; position: relative;
}
.doc_head .head_nav > li.cur a {
	color: rgb(122, 152, 247);
}
.doc_head .head_nav > li a {
	color: rgb(248, 249, 251);
}
.doc_head .head_nav > li a i {
	padding-right: 8px;
}
.doc_head .head_nav > li a:hover {
	color: rgb(170, 189, 250); text-decoration: none;
}
.doc_head .head_nav > li .change_theme {
	background: none; border: currentColor; border-image: none; width: 20px; height: 20px; color: rgb(199, 204, 230); line-height: 14px; font-size: 14px; display: inline-block;
}
.doc_head .head_nav > li .change_theme:hover {
	color: rgb(122, 152, 247);
}
.doc_head .head_nav > li.head-padding {
	flex:1 1 0px;
}
.doc_head .head_nav > li.split {
	margin: 0px 10px; height: 56px; color: rgb(0, 0, 0); line-height: 56px; content: "";
}
.doc_head .head_nav > li.split + li {
	margin-left: 0px;
}
.doc_head .head_nav > li.head-user {
	position: relative; cursor: pointer;
}
.doc_head .head_nav > li.head-user i {
	padding: 0px; display: inline-block; transform: rotate(0deg);
}
.doc_head .head_nav > li.head-user i.hb_icon_caret_down {
	transform-origin: center center; transform: scale(0.6);
}
.doc_head .head_nav > li.head-user span {
	padding: 0px 8px;
}
.doc_head .head_nav > li.head-user:hover {
	color: rgb(122, 152, 247);
}
.doc_head .head_nav > li.head-user:hover i.hb_icon_caret_down {
	transform: scale(0.6) rotate(180deg);
}
.doc_head .head_nav > li.head-user:hover .head-user-list {
	display: block;
}
.doc_head .head_nav > li.head-user .head-user-list {
	background: rgb(0, 0, 0); padding: 10px 0px; top: 56px; width: 100%; display: none; position: absolute; z-index: 8; min-width: 250px; box-shadow: 0px 8px 16px rgba(0,0,0,0.4);
}
.doc_head .head_nav > li.head-user .head-user-list li {
	padding: 0px 20px; height: 40px; font-size: 14px;
}
.doc_head .head_nav > li.head-user .head-user-list li i {
	font-size: 14px;
}
.doc_head .head_nav > li.head-user .head-user-list li:nth-last-of-type(1) a {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.doc_head .head_nav > li.head-user .head-user-list li:hover {
	background: rgb(30, 34, 53);
}
.doc_head .head_nav > li.head-user .head-user-list a {
	padding: 0px; line-height: 40px; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.doc_head .head_nav > li.head-user .head-user-list i {
	padding-right: 14px;
}
.doc_head .select_lang {
	color: rgb(248, 249, 251); line-height: 50px; font-size: 12px; position: relative; z-index: 8; cursor: pointer;
}
.doc_head .select_lang.open {
	color: rgb(122, 152, 247);
}
.doc_head .select_lang.open dt::after {
	color: rgb(122, 152, 247);
}
.doc_head .select_lang.open dd {
	display: block;
}
.doc_head .select_lang:hover {
	color: rgb(80, 172, 245);
}
.doc_head .select_lang:hover dt::after {
	color: rgb(122, 152, 247);
}
.doc_head .select_lang:hover dd {
	display: block;
}
.doc_head .select_lang dt {
	padding: 0px 12px; border: 1px solid currentColor; border-image: none; height: 20px; line-height: 16px; display: inline-block;
}
.doc_head .select_lang dt::after {
	width: 6px; height: 6px; color: rgb(199, 204, 230); margin-top: -5px; margin-left: 8px; vertical-align: middle; border-bottom-color: currentColor; border-left-color: currentColor; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; display: inline-block; content: ""; transform: rotate(-45deg);
}
.doc_head .select_lang dd {
	background: rgb(35, 35, 35); top: 40px; width: 100%; display: none; position: absolute; box-shadow: 0px 8px 16px rgba(0,0,0,0.4);
}
.doc_head .select_lang dd a {
	height: 32px; text-align: center; color: rgb(248, 249, 251); line-height: 32px; display: block;
}
.doc_head .select_lang dd a:hover {
	background: rgb(40, 42, 54); color: rgb(122, 152, 247);
}
.doc_foot {
	background-color: rgb(0, 0, 0);
}
.doc_foot_wrap {
	margin: auto; padding: 60px 30px 0px; width: 1200px; display: flex; box-sizing: border-box;
}
@media screen and (min-width:1200px)
{
.doc_foot_wrap {
	width: 90%;
}
}
.doc_foot_wrap h2 {
	color: rgb(97, 104, 138);
}
.doc_foot_wrap dl {
	margin-left: 100px;
}
.doc_foot_wrap dl h2 {
	height: 40px; line-height: 12px; font-size: 12px; font-weight: 400;
}
.doc_foot_wrap dl:nth-of-type(1) {
	flex:1 1 0px; margin-left: 0px;
}
.doc_foot_wrap dl:nth-of-type(1) dd {
	height: auto;
}
.doc_foot_wrap dl:nth-of-type(1) h1 {
	height: 44px; line-height: 24px; font-size: 24px; font-weight: 400;
}
.doc_foot_wrap dl:nth-of-type(1) h2 {
	height: 80px; line-height: 14px; font-size: 14px;
}
.doc_foot_wrap dl:nth-of-type(1) .copyright {
	color: rgb(97, 104, 138);
}
.doc_foot_wrap dt h1 {
	color: rgb(199, 204, 230);
}
.doc_foot_wrap dd {
	height: 34px; line-height: 14px; font-size: 14px;
}
.doc_foot_wrap dd a {
	color: rgb(199, 204, 230);
}
.doc_foot_wrap dd a:hover {
	color: rgb(122, 152, 247); text-decoration: none;
}
.doc_foot_wrap dd i {
	font-size: 18px;
}
.doc_foot_wrap dd a + a {
	margin-left: 20px;
}
.doc_foot_wrap dd.icons .icons_line {
	height: 34px;
}
.doc_foot_wrap dd.icons a {
	color: rgb(97, 104, 138);
}
.doc_foot_wrap dd.icons a.has_qr {
	position: relative;
}
.doc_foot_wrap dd.icons a:hover {
	color: rgb(122, 152, 247);
}
.doc_foot_wrap dd.icons a:hover .qr_wechat {
	display: block;
}
.doc_foot_wrap dd.icons a .qr_wechat {
	background: url("/assets/images/qr_wechat_60cf29c6.jpg") no-repeat center / 100px 100px rgb(35, 35, 35); left: -44px; top: 24px; width: 110px; height: 110px; display: none; position: absolute;
}
.doc_foot_wrap dd.icons a .qr_wechat::before {
	left: 48px; top: -4px; border-right-color: transparent; border-bottom-color: rgb(35, 35, 35); border-left-color: transparent; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-right-style: dashed; border-bottom-style: solid; border-left-style: dashed; position: absolute;
}
.doc_wrap {
	margin: 0px auto; width: 1200px; height: 40px;
}
.btn {
	border: currentColor; border-image: none;
}
.btn.btn-primary {
	color: white; background-color: rgb(122, 152, 247);
}
.btn:hover {
	background-color: rgb(170, 189, 250);
}
.btn:active {
	background-color: rgb(74, 115, 244);
}
:disabled.btn {
	cursor: not-allowed; background-color: rgb(78, 91, 133);
}
.with-tooltip .tooltip {
	color: rgb(199, 204, 230); background-color: rgb(35, 35, 35);
}
.with-tooltip .tooltip::after {
	background: inherit;
}
a {
	transition:0.2s ease-in-out; color: rgb(122, 152, 247); text-decoration: none; cursor: pointer;
}
a:hover {
	color: rgb(170, 189, 250);
}
.form-group label {
	color: rgb(78, 91, 133);
}
.form-group label:last-child {
	color: rgb(122, 152, 247); border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid;
}
.form-group label:last-child:disabled {
	color: rgb(97, 104, 138);
}
.form-group-selector {
	background-color: rgb(47, 52, 82);
}
.form-group-selector dl {
	margin: 0px; color: rgb(97, 104, 138); border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.form-group-selector dl:hover {
	color: rgb(122, 152, 247); background-color: rgb(0, 0, 0);
}
.form-group [type='text'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(35, 35, 35);
}
.form-group [type='password'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(35, 35, 35);
}
.form-group [type='text']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.form-group [type='password']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.table-container {
	overflow: hidden;
}
.table-container .head {
	padding: 0px 30px; color: rgb(199, 204, 230); font-size: 16px;
}
.table-container .body {
	padding: 0px 10px;
}
.table-container .pagination {
	margin: 0px 30px; text-align: right; border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.table-container .pagination .btn-page {
	padding: 0px 10px; width: 60px; color: rgb(199, 204, 230); font-size: 12px; background-color: transparent;
}
table.table {
	padding: 0px 30px; width: 100%; border-collapse: separate;
}
table.table th {
	height: 40px; text-align: right; color: rgb(78, 91, 133); line-height: 1; font-size: 12px;
}
table.table td {
	height: 40px; text-align: right; color: rgb(78, 91, 133); line-height: 1; font-size: 12px;
}
table.table th:first-child {
	text-align: left;
}
table.table td:first-child {
	text-align: left;
}
table.table td {
	color: rgb(199, 204, 230); border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
table.table td .btn.btn-small {
	width: 56px; height: 24px; text-align: center; line-height: 1; font-size: 12px; background-color: transparent;
}
table.table td .btn.btn-small.primary {
	color: rgb(122, 152, 247);
}
table.table td .btn.btn-small.primary:hover {
	color: rgb(170, 189, 250);
}
table.table td .btn.btn-small.btn-primary {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
table.table td .btn.btn-small.link-primary {
	color: rgb(122, 152, 247); padding-right: 15px; position: relative;
}
table.table td .btn.btn-small.link-primary::after {
	border-width: 5px; border-style: solid; border-color: rgb(78, 91, 133) transparent transparent; border-image: none; top: 9px; right: 0px; position: absolute; content: "";
}
table.table .table-inner {
	margin: -4px -20px; position: relative; background-color: rgb(0, 0, 0);
}
table.table .table-inner .angle {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; top: -14px; right: 39px; position: absolute;
}
table.table .table-inner .angle::after {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; left: -7px; top: -5px; position: absolute; content: "";
}
table.table .table {
	margin: -3px 0px; border: 1px solid rgb(0, 0, 0); border-image: none; border-collapse: separate;
}
table.table .table th {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
table.table .table td {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.toast-container {
	height: 40px; min-width: 214px; background-color: rgb(35, 35, 35);
}
.toast-container i {
	padding-right: 18px; padding-left: 25px;
}
.toast-container .toast-text {
	color: rgb(199, 204, 230);
}
[type='checkbox'] {
	background-color: rgb(35, 35, 35);
}
[type='checkbox'] + label::before {
	background: rgb(35, 35, 35); border: 1px solid rgb(78, 91, 133); border-image: none;
}
[type='checkbox'] + label::after {
	color: rgb(122, 152, 247);
}
[type='checkbox'] + label:hover::before {
	border-color: rgb(122, 152, 247);
}
[type='checkbox']:checked + label::after {
	background-color: rgb(122, 152, 247);
}
input[type='checkbox'].small {
	left: -999999px; width: 14px; height: 14px; position: absolute; box-sizing: border-box;
}
input[type='checkbox'].small + label {
	height: 14px; line-height: 1; padding-left: 1.5em; font-size: 14px; display: inline-block; position: relative; cursor: pointer;
}
input[type='checkbox'].small + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 14px; height: 14px; position: absolute; content: " "; box-sizing: border-box;
}
input[type='checkbox'].small + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 14px; height: 14px; text-align: center; line-height: 1; font-size: 14px; display: inline-block; position: absolute; content: "\2713";
}
input[type='checkbox']:not(:checked).small + label::after {
	opacity: 0; transform: scale(0);
}
input[type='checkbox']:checked.small + label::after {
	opacity: 1; transform: scale(1);
}
input[type='checkbox'].medium {
	left: -999999px; width: 18px; height: 18px; position: absolute; box-sizing: border-box;
}
input[type='checkbox'].medium + label {
	height: 18px; line-height: 1; padding-left: 1.5em; font-size: 18px; display: inline-block; position: relative; cursor: pointer;
}
input[type='checkbox'].medium + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 18px; height: 18px; position: absolute; content: " "; box-sizing: border-box;
}
input[type='checkbox'].medium + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 18px; height: 18px; text-align: center; line-height: 1; font-size: 18px; display: inline-block; position: absolute; content: "\2713";
}
input[type='checkbox']:not(:checked).medium + label::after {
	opacity: 0; transform: scale(0);
}
input[type='checkbox']:checked.medium + label::after {
	opacity: 1; transform: scale(1);
}
.windsMind {
	transition:background 1s;
}
.hb-night {
	border-color: currentColor; color: rgb(248, 249, 251); -ms-scrollbar-base-color: rgba(97, 104, 138, 0.15); -ms-scrollbar-face-color: transparent; -ms-scrollbar-3dlight-color: transparent; -ms-scrollbar-highlight-color: rgb(19, 26, 33); -ms-scrollbar-darkshadow-color: transparent; -ms-scrollbar-arrow-color: rgb(97, 104, 138); -ms-scrollbar-track-color: rgb(19, 26, 33); background-color: rgb(32, 39, 47);
}
.hb-night .transac_body .transac_tab_box .transac_search span input {
	background-color: rgb(35, 35, 35);
}
.transac_body .transac_tab_box .transac_search span .hb-night input {
	background-color: rgb(35, 35, 35);
}
.hb-night .transac_body .transac_tab_box .transac_search span select {
	background-color: rgb(35, 35, 35);
}
.transac_body .transac_tab_box .transac_search span .hb-night select {
	background-color: rgb(35, 35, 35);
}
.hb-night .transac_body .transac_tab_box .transac_search span.m_search {
	background-color: rgb(35, 35, 35);
}
.transac_body .transac_tab_box .transac_search .hb-night span.m_search {
	background-color: rgb(35, 35, 35);
}
.hb-night .mod .mod_hd {
	background-color: rgb(19, 26, 33);
}
.mod .hb-night .mod_hd {
	background-color: rgb(19, 26, 33);
}
.hb-night .transac_body .transac_tab_box {
	background-color: rgb(19, 26, 33);
}
.transac_body .hb-night .transac_tab_box {
	background-color: rgb(19, 26, 33);
}
.hb-night .mod {
	background-color: rgb(19, 26, 33);
}
.hb-night .transac_body .transac_table_box {
	background-color: rgb(19, 26, 33);
}
.transac_body .hb-night .transac_table_box {
	background-color: rgb(19, 26, 33);
}
.hb-night .transac_body .transac_table_box .l_tr .l_drop_down_box .l_drop_down_list {
	background-color: rgb(35, 35, 35);
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .hb-night .l_drop_down_list {
	background-color: rgb(35, 35, 35);
}
.hb-night .mod .mod_tab li {
	color: rgb(199, 204, 230);
}
.mod .mod_tab .hb-night li {
	color: rgb(199, 204, 230);
}
.hb-night .transac_body .transac_body_main .list_prompt {
	color: rgb(199, 204, 230);
}
.transac_body .transac_body_main .hb-night .list_prompt {
	color: rgb(199, 204, 230);
}
.hb-night .transac_body .transac_tab_box .transac_search span select {
	color: rgb(199, 204, 230);
}
.transac_body .transac_tab_box .transac_search span .hb-night select {
	color: rgb(199, 204, 230);
}
.hb-night .transac_body .transac_table_box .l_tr.z_active .drop_down_tr li {
	color: rgb(199, 204, 230);
}
.transac_body .transac_table_box .l_tr.z_active .drop_down_tr .hb-night li {
	color: rgb(199, 204, 230);
}
.hb-night .transac_body .transac_table_box .l_paging ul li a:hover {
	color: rgb(199, 204, 230);
}
.transac_body .transac_table_box .l_paging ul li .hb-night a:hover {
	color: rgb(199, 204, 230);
}
.hb-night .mod .mod_tab li.cur {
	color: rgb(122, 152, 247);
}
.mod .mod_tab .hb-night li.cur {
	color: rgb(122, 152, 247);
}
.hb-night .mod .mod_tab li:hover {
	color: rgb(122, 152, 247);
}
.mod .mod_tab .hb-night li:hover {
	color: rgb(122, 152, 247);
}
.hb-night .transac_body .transac_tab_box ul li.cur {
	color: rgb(122, 152, 247);
}
.transac_body .transac_tab_box ul .hb-night li.cur {
	color: rgb(122, 152, 247);
}
.hb-night .transac_body .transac_tab_box ul li:hover {
	color: rgb(122, 152, 247);
}
.transac_body .transac_tab_box ul .hb-night li:hover {
	color: rgb(122, 152, 247);
}
.hb-night .color_up {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.hb-night .color_up {
	color: rgb(88, 144, 101); text-transform: lowercase;
}
.hb-night .color_up::first-letter {
	text-transform: uppercase;
}
.hb-night .color_up::first-letter {
	text-transform: uppercase;
}
.hb-night .color_down {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.hb-night .color_down {
	color: rgb(174, 78, 84); text-transform: lowercase;
}
.hb-night .color_down::first-letter {
	text-transform: uppercase;
}
.hb-night .color_down::first-letter {
	text-transform: uppercase;
}
.hb-night .bg_up {
	background-color: rgb(88, 144, 101);
}
.hb-night .bg_up {
	background-color: rgb(88, 144, 101);
}
.hb-night .bg_down {
	background-color: rgb(174, 78, 84);
}
.hb-night .bg_down {
	background-color: rgb(174, 78, 84);
}
.hb-night hr {
	border-width: 0px 0px 1px; border-bottom-color: rgb(52, 58, 72); border-bottom-style: solid;
}
.hb-night .transac_body .transac_table_box .l_tr ul {
	border-color: rgb(52, 58, 72);
}
.transac_body .transac_table_box .l_tr .hb-night ul {
	border-color: rgb(52, 58, 72);
}
.hb-night .transac_body .transac_table_box .l_tr .l_drop_down_box .l_drop_down_list {
	border-color: rgb(52, 58, 72);
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .hb-night .l_drop_down_list {
	border-color: rgb(52, 58, 72);
}
.hb-night .transac_body .transac_tab_box .transac_search span select {
	border-color: rgb(78, 91, 133);
}
.transac_body .transac_tab_box .transac_search span .hb-night select {
	border-color: rgb(78, 91, 133);
}
.hb-night .transac_body .transac_tab_box .transac_search span.m_search {
	border-color: rgb(78, 91, 133);
}
.transac_body .transac_tab_box .transac_search .hb-night span.m_search {
	border-color: rgb(78, 91, 133);
}
.hb-night .btn {
	border: currentColor; border-image: none;
}
.hb-night .btn.btn-primary {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-night .btn.btn_submit {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-night .btn:hover {
	background-color: rgb(160, 182, 249);
}
.hb-night .btn:active {
	background-color: rgb(122, 135, 247);
}
.hb-night :disabled.btn {
	background-color: rgb(78, 91, 133);
}
.hb-night .with-tooltip .tooltip {
	color: rgb(199, 204, 230); background-color: rgb(35, 35, 35);
}
.hb-night .with-tooltip .tooltip::after {
	background: inherit;
}
.hb-night a {
	transition:0.2s ease-in-out; text-decoration: none; cursor: pointer;
}
.hb-night a:hover {
	color: rgb(170, 189, 250);
}
.hb-night .form-group label {
	color: rgb(78, 91, 133);
}
.hb-night .form-group label:last-child {
	color: rgb(122, 152, 247); border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid;
}
.hb-night .form-group label:last-child:disabled {
	color: rgb(97, 104, 138);
}
.hb-night .form-group-selector {
	background-color: rgb(47, 52, 82);
}
.hb-night .form-group-selector dl {
	margin: 0px; color: rgb(97, 104, 138); border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.hb-night .form-group-selector dl:hover {
	color: rgb(122, 152, 247); background-color: rgb(0, 0, 0);
}
.hb-night .form-group [type='text'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(30, 34, 53);
}
.hb-night .form-group [type='password'] {
	border: 1px solid rgb(78, 91, 133); border-image: none; color: rgb(97, 104, 138); background-color: rgb(30, 34, 53);
}
.hb-night .form-group [type='text']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-night .form-group [type='password']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-night .table-container {
	border-radius: 3px;
}
.hb-night .table-container .head {
	padding: 0px 30px; height: 48px; color: rgb(248, 249, 251); line-height: 48px; font-size: 16px; background-color: rgb(19, 26, 33);
}
.hb-night .table-container .body {
	padding: 0px 10px; background-color: rgb(0, 0, 0);
}
.hb-night .table-container .body table.table {
	padding: 0px 20px;
}
.hb-night .table-container .pagination {
	margin: 0px 30px; text-align: right; border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night .table-container .pagination .btn-page {
	padding: 0px 10px; width: 60px; color: rgb(199, 204, 230); font-size: 12px; background-color: transparent;
}
.hb-night .table-container.normal table.table th {
	text-align: left;
}
.hb-night .table-container.normal table.table td {
	text-align: left;
}
.hb-night .table-container.normal table.table th:last-child {
	text-align: right;
}
.hb-night .table-container.normal table.table td:last-child {
	text-align: right;
}
.hb-night table.table {
	padding: 0px 30px; width: 100%; border-collapse: separate;
}
.hb-night table.table th {
	height: 40px; text-align: right; color: rgb(97, 104, 138); line-height: 1; font-size: 12px;
}
.hb-night table.table td {
	height: 40px; text-align: right; color: rgb(97, 104, 138); line-height: 1; font-size: 12px;
}
.hb-night table.table th:first-child {
	text-align: left;
}
.hb-night table.table td:first-child {
	text-align: left;
}
.hb-night table.table td {
	color: rgb(199, 204, 230); border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night table.table td .btn.btn-small {
	width: 56px; height: 24px; text-align: center; line-height: 1; font-size: 12px; background-color: transparent;
}
.hb-night table.table td .btn.btn-small.primary {
	width: auto; color: rgb(122, 152, 247); margin-left: 20px;
}
.hb-night table.table td .btn.btn-small.primary:hover {
	color: rgb(170, 189, 250);
}
.hb-night table.table td .btn.btn-small.btn-primary {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-night table.table td .btn.btn-small.link-primary {
	color: rgb(122, 152, 247); padding-right: 15px; position: relative;
}
.hb-night table.table td .btn.btn-small.link-primary::after {
	border-width: 5px; border-style: solid; border-color: rgb(78, 91, 133) transparent transparent; border-image: none; top: 9px; right: 0px; position: absolute; content: "";
}
.hb-night table.table tr:first-child td {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.hb-night table.table .table-inner {
	margin: -4px -20px; border-radius: 3px; position: relative; background-color: rgb(0, 0, 0);
}
.hb-night table.table .table-inner .angle {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; top: -14px; right: 39px; position: absolute;
}
.hb-night table.table .table-inner .angle::after {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: none; left: -7px; top: -5px; position: absolute; content: "";
}
.hb-night table.table .table {
	margin: -3px 0px; border-radius: 3px; border: 1px solid rgb(0, 0, 0); border-image: none; border-collapse: separate;
}
.hb-night table.table .table th {
	border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night table.table .table td {
	border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.hb-night [type='checkbox'] {
	background-color: rgb(35, 35, 35);
}
.hb-night [type='checkbox'] + label::before {
	background: rgb(35, 35, 35); border: 1px solid rgb(78, 91, 133); border-image: none;
}
.hb-night [type='checkbox'] + label::after {
	color: rgb(255, 255, 255);
}
.hb-night [type='checkbox'] + label:hover::before {
	border-color: rgb(122, 152, 247);
}
.hb-night [type='checkbox']:checked + label::after {
	background-color: rgb(122, 152, 247);
}
.hb-night .toast-container {
	height: 40px; min-width: 214px; background-color: rgb(35, 35, 35);
}
.hb-night .toast-container i {
	padding-right: 18px; padding-left: 25px;
}
.hb-night .toast-container .toast-text {
	color: rgb(199, 204, 230);
}
.hb-night input[type='checkbox'].small {
	left: -999999px; width: 14px; height: 14px; position: absolute; box-sizing: border-box;
}
.hb-night input[type='checkbox'].small + label {
	height: 14px; line-height: 1; padding-left: 1.5em; font-size: 14px; display: inline-block; position: relative; cursor: pointer;
}
.hb-night input[type='checkbox'].small + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 14px; height: 14px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-night input[type='checkbox'].small + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 14px; height: 14px; text-align: center; line-height: 1; font-size: 14px; display: inline-block; position: absolute; content: "\2713";
}
.hb-night input[type='checkbox']:not(:checked).small + label::after {
	opacity: 0; transform: scale(0);
}
.hb-night input[type='checkbox']:checked.small + label::after {
	opacity: 1; transform: scale(1);
}
.hb-night input[type='checkbox'].medium {
	left: -999999px; width: 18px; height: 18px; position: absolute; box-sizing: border-box;
}
.hb-night input[type='checkbox'].medium + label {
	height: 18px; line-height: 1; padding-left: 1.5em; font-size: 18px; display: inline-block; position: relative; cursor: pointer;
}
.hb-night input[type='checkbox'].medium + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 18px; height: 18px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-night input[type='checkbox'].medium + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 18px; height: 18px; text-align: center; line-height: 1; font-size: 18px; display: inline-block; position: absolute; content: "\2713";
}
.hb-night input[type='checkbox']:not(:checked).medium + label::after {
	opacity: 0; transform: scale(0);
}
.hb-night input[type='checkbox']:checked.medium + label::after {
	opacity: 1; transform: scale(1);
}
.hb-night input:disabled {
	background-color: rgb(52, 58, 72);
}
.hb-night .table-container .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.table-container .hb-night .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.hb-night .mod .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.mod .hb-night .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.hb-night .qr_code {
	background: url("/static/newbb/loading.svg") no-repeat center / 33%; border: 1px solid rgb(199, 204, 230); border-image: none;
}
.hb-night .qr_code svg {
	background: rgb(199, 204, 230);
}
.hb-night .qr_code svg path {
	fill: #000;
}
.hb-night input:-ms-input-placeholder {
	color: rgb(97, 104, 138);
}
.hb-day {
	border-color: currentColor; color: rgb(35, 42, 74); -ms-scrollbar-base-color: rgba(145, 148, 164, 0.15); -ms-scrollbar-face-color: transparent; -ms-scrollbar-3dlight-color: transparent; -ms-scrollbar-highlight-color: rgb(255, 255, 255); -ms-scrollbar-darkshadow-color: transparent; -ms-scrollbar-arrow-color: rgb(145, 148, 164); -ms-scrollbar-track-color: rgb(255, 255, 255); background-color: rgb(242, 243, 248);
}
.hb-day .transac_body .transac_tab_box .transac_search span input {
	background-color: rgb(242, 243, 248);
}
.transac_body .transac_tab_box .transac_search span .hb-day input {
	background-color: rgb(242, 243, 248);
}
.hb-day .transac_body .transac_tab_box .transac_search span select {
	background-color: rgb(242, 243, 248);
}
.transac_body .transac_tab_box .transac_search span .hb-day select {
	background-color: rgb(242, 243, 248);
}
.hb-day .transac_body .transac_tab_box .transac_search span.m_search {
	background-color: rgb(242, 243, 248);
}
.transac_body .transac_tab_box .transac_search .hb-day span.m_search {
	background-color: rgb(242, 243, 248);
}
.hb-day .mod .mod_hd {
	background-color: rgb(255, 255, 255);
}
.mod .hb-day .mod_hd {
	background-color: rgb(255, 255, 255);
}
.hb-day .transac_body .transac_tab_box {
	background-color: rgb(255, 255, 255);
}
.transac_body .hb-day .transac_tab_box {
	background-color: rgb(255, 255, 255);
}
.hb-day .mod {
	background-color: rgb(255, 255, 255);
}
.hb-day .transac_body .transac_table_box {
	background-color: rgb(255, 255, 255);
}
.transac_body .hb-day .transac_table_box {
	background-color: rgb(255, 255, 255);
}
.hb-day .transac_body .transac_table_box .l_tr .l_drop_down_box .l_drop_down_list {
	background-color: rgb(255, 255, 255);
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .hb-day .l_drop_down_list {
	background-color: rgb(255, 255, 255);
}
.hb-day .mod .mod_tab li {
	color: rgb(35, 42, 74);
}
.mod .mod_tab .hb-day li {
	color: rgb(35, 42, 74);
}
.hb-day .transac_body .transac_body_main .list_prompt {
	color: rgb(35, 42, 74);
}
.transac_body .transac_body_main .hb-day .list_prompt {
	color: rgb(35, 42, 74);
}
.hb-day .transac_body .transac_tab_box .transac_search span select {
	color: rgb(35, 42, 74);
}
.transac_body .transac_tab_box .transac_search span .hb-day select {
	color: rgb(35, 42, 74);
}
.hb-day .transac_body .transac_table_box .l_tr.z_active .drop_down_tr li {
	color: rgb(35, 42, 74);
}
.transac_body .transac_table_box .l_tr.z_active .drop_down_tr .hb-day li {
	color: rgb(35, 42, 74);
}
.hb-day .transac_body .transac_table_box .l_paging ul li a:hover {
	color: rgb(35, 42, 74);
}
.transac_body .transac_table_box .l_paging ul li .hb-day a:hover {
	color: rgb(35, 42, 74);
}
.hb-day .mod .mod_tab li.cur {
	color: rgb(0, 0, 0);
}
.mod .mod_tab .hb-day li.cur {
	color: rgb(0, 0, 0);
}
.hb-day .mod .mod_tab li:hover {
	color: rgb(0, 0, 0);
}
.mod .mod_tab .hb-day li:hover {
	color: rgb(0, 0, 0);
}
.hb-day .transac_body .transac_tab_box ul li.cur {
	color: rgb(0, 0, 0);
}
.transac_body .transac_tab_box ul .hb-day li.cur {
	color: rgb(0, 0, 0);
}
.hb-day .transac_body .transac_tab_box ul li:hover {
	color: rgb(0, 0, 0);
}
.transac_body .transac_tab_box ul .hb-day li:hover {
	color: rgb(0, 0, 0);
}
.hb-day .color_up {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.hb-day .color_up {
	color: rgb(3, 192, 135); text-transform: lowercase;
}
.hb-day .color_up::first-letter {
	text-transform: uppercase;
}
.hb-day .color_up::first-letter {
	text-transform: uppercase;
}
.hb-day .color_down {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.hb-day .color_down {
	color: rgb(245, 88, 88); text-transform: lowercase;
}
.hb-day .color_down::first-letter {
	text-transform: uppercase;
}
.hb-day .color_down::first-letter {
	text-transform: uppercase;
}
.hb-day .bg_up {
	background-color: rgb(3, 192, 135);
}
.hb-day .bg_up {
	background-color: rgb(3, 192, 135);
}
.hb-day .bg_down {
	background-color: rgb(245, 88, 88);
}
.hb-day .bg_down {
	background-color: rgb(245, 88, 88);
}
.hb-day hr {
	border-width: 0px 0px 1px; border-bottom-color: rgb(244, 244, 246); border-bottom-style: solid;
}
.hb-day .transac_body .transac_table_box .l_tr ul {
	border-color: rgb(244, 244, 246);
}
.transac_body .transac_table_box .l_tr .hb-day ul {
	border-color: rgb(244, 244, 246);
}
.hb-day .transac_body .transac_table_box .l_tr .l_drop_down_box .l_drop_down_list {
	border-color: rgb(244, 244, 246);
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .hb-day .l_drop_down_list {
	border-color: rgb(244, 244, 246);
}
.hb-day .transac_body .transac_tab_box .transac_search span select {
	border-color: rgb(209, 211, 223);
}
.transac_body .transac_tab_box .transac_search span .hb-day select {
	border-color: rgb(209, 211, 223);
}
.hb-day .transac_body .transac_tab_box .transac_search span.m_search {
	border-color: rgb(209, 211, 223);
}
.transac_body .transac_tab_box .transac_search .hb-day span.m_search {
	border-color: rgb(209, 211, 223);
}
.hb-day .btn {
	border: currentColor; border-image: none;
}
.hb-day .btn.btn-primary {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-day .btn.btn_submit {
	color: white; background-color: rgb(122, 152, 247);
}
.hb-day .btn:hover {
	background-color: rgb(160, 182, 249);
}
.hb-day .btn:active {
	background-color: rgb(122, 135, 247);
}
.hb-day :disabled.btn {
	background-color: rgb(209, 211, 223);
}
.hb-day .with-tooltip .tooltip {
	color: rgb(35, 42, 74); background-color: rgb(242, 243, 248);
}
.hb-day .with-tooltip .tooltip::after {
	background: inherit;
}
.hb-day a {
	transition:0.2s ease-in-out; color: rgb(80, 172, 245); text-decoration: none; cursor: pointer;
}
.hb-day a:hover {
	color: rgb(170, 189, 250);
}
.hb-day .form-group label {
	color: rgb(209, 211, 223);
}
.hb-day .form-group label:last-child {
	color: rgb(122, 152, 247); border-left-color: rgb(244, 244, 246); border-left-width: 1px; border-left-style: solid;
}
.hb-day .form-group label:last-child:disabled {
	color: rgb(145, 148, 164);
}
.hb-day .form-group-selector {
	background-color: white;
}
.hb-day .form-group-selector dl {
	margin: 0px; color: rgb(145, 148, 164); border-bottom-color: rgb(244, 244, 246); border-bottom-width: 1px; border-bottom-style: solid;
}
.hb-day .form-group-selector dl:hover {
	color: rgb(122, 152, 247); background-color: rgb(0, 0, 0);
}
.hb-day .form-group [type='text'] {
	border: 1px solid rgb(209, 211, 223); border-image: none; color: rgb(145, 148, 164); background-color: rgb(255, 255, 255);
}
.hb-day .form-group [type='password'] {
	border: 1px solid rgb(209, 211, 223); border-image: none; color: rgb(145, 148, 164); background-color: rgb(255, 255, 255);
}
.hb-day .form-group [type='text']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-day .form-group [type='password']:focus {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-day .table-container {
	border-radius: 3px;
}
.hb-day .table-container .head {
	padding: 0px 30px; height: 48px; color: rgb(35, 42, 74); line-height: 48px; font-size: 16px; background-color: rgb(255, 255, 255);
}
.hb-day .table-container .body {
	padding: 0px 10px; background-color: rgb(255, 255, 255);
}
.hb-day .table-container .body table.table {
	padding: 0px 20px;
}
.hb-day .table-container .pagination {
	margin: 0px 30px; text-align: right; border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day .table-container .pagination .btn-page {
	padding: 0px 10px; width: 60px; color: rgb(35, 42, 74); font-size: 12px; background-color: transparent;
}
.hb-day .table-container.normal table.table th {
	text-align: left;
}
.hb-day .table-container.normal table.table td {
	text-align: left;
}
.hb-day .table-container.normal table.table th:last-child {
	text-align: right;
}
.hb-day .table-container.normal table.table td:last-child {
	text-align: right;
}
.hb-day table.table {
	padding: 0px 30px; width: 100%; border-collapse: separate;
}
.hb-day table.table th {
	height: 40px; text-align: right; color: rgb(145, 148, 164); line-height: 1; font-size: 12px;
}
.hb-day table.table td {
	height: 40px; text-align: right; color: rgb(145, 148, 164); line-height: 1; font-size: 12px;
}
.hb-day table.table th:first-child {
	text-align: left;
}
.hb-day table.table td:first-child {
	text-align: left;
}
.hb-day table.table td {
	color: rgb(35, 42, 74); border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day table.table td .btn.btn-small {
	width: 56px; height: 24px; text-align: center; line-height: 1; font-size: 12px; background-color: transparent;
}
.hb-day table.table td .btn.btn-small.primary {
	width: auto; color: rgb(122, 152, 247); margin-left: 20px;
}
.hb-day table.table td .btn.btn-small.primary:hover {
	color: rgb(170, 189, 250);
}
.hb-day table.table td .btn.btn-small.btn-primary {
	border: 1px solid rgb(122, 152, 247); border-image: none; color: rgb(122, 152, 247);
}
.hb-day table.table td .btn.btn-small.link-primary {
	color: rgb(122, 152, 247); padding-right: 15px; position: relative;
}
.hb-day table.table td .btn.btn-small.link-primary::after {
	border-width: 5px; border-style: solid; border-color: rgb(209, 211, 223) transparent transparent; border-image: none; top: 9px; right: 0px; position: absolute; content: "";
}
.hb-day table.table tr:first-child td {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.hb-day table.table .table-inner {
	margin: -4px -20px; border-radius: 3px; position: relative; background-color: rgb(255, 255, 255);
}
.hb-day table.table .table-inner .angle {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(244, 244, 246); border-image: none; top: -14px; right: 39px; position: absolute;
}
.hb-day table.table .table-inner .angle::after {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; left: -7px; top: -5px; position: absolute; content: "";
}
.hb-day table.table .table {
	margin: -3px 0px; border-radius: 3px; border: 1px solid rgb(244, 244, 246); border-image: none; border-collapse: separate;
}
.hb-day table.table .table th {
	border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day table.table .table td {
	border-top-color: rgb(244, 244, 246); border-top-width: 1px; border-top-style: solid;
}
.hb-day [type='checkbox'] {
	background-color: rgb(242, 243, 248);
}
.hb-day [type='checkbox'] + label::before {
	background: rgb(242, 243, 248); border: 1px solid rgb(209, 211, 223); border-image: none;
}
.hb-day [type='checkbox'] + label::after {
	color: rgb(255, 255, 255);
}
.hb-day [type='checkbox'] + label:hover::before {
	border-color: rgb(122, 152, 247);
}
.hb-day [type='checkbox']:checked + label::after {
	background-color: rgb(122, 152, 247);
}
.hb-day .toast-container {
	height: 40px; min-width: 214px; background-color: rgb(242, 243, 248);
}
.hb-day .toast-container i {
	padding-right: 18px; padding-left: 25px;
}
.hb-day .toast-container .toast-text {
	color: rgb(35, 42, 74);
}
.hb-day input[type='checkbox'].small {
	left: -999999px; width: 14px; height: 14px; position: absolute; box-sizing: border-box;
}
.hb-day input[type='checkbox'].small + label {
	height: 14px; line-height: 1; padding-left: 1.5em; font-size: 14px; display: inline-block; position: relative; cursor: pointer;
}
.hb-day input[type='checkbox'].small + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 14px; height: 14px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-day input[type='checkbox'].small + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 14px; height: 14px; text-align: center; line-height: 1; font-size: 14px; display: inline-block; position: absolute; content: "\2713";
}
.hb-day input[type='checkbox']:not(:checked).small + label::after {
	opacity: 0; transform: scale(0);
}
.hb-day input[type='checkbox']:checked.small + label::after {
	opacity: 1; transform: scale(1);
}
.hb-day input[type='checkbox'].medium {
	left: -999999px; width: 18px; height: 18px; position: absolute; box-sizing: border-box;
}
.hb-day input[type='checkbox'].medium + label {
	height: 18px; line-height: 1; padding-left: 1.5em; font-size: 18px; display: inline-block; position: relative; cursor: pointer;
}
.hb-day input[type='checkbox'].medium + label::before {
	border-radius: 2px; left: 0px; top: 0px; width: 18px; height: 18px; position: absolute; content: " "; box-sizing: border-box;
}
.hb-day input[type='checkbox'].medium + label::after {
	border-radius: 2px; transition:0.2s ease-in-out; left: 0px; top: 0px; width: 18px; height: 18px; text-align: center; line-height: 1; font-size: 18px; display: inline-block; position: absolute; content: "\2713";
}
.hb-day input[type='checkbox']:not(:checked).medium + label::after {
	opacity: 0; transform: scale(0);
}
.hb-day input[type='checkbox']:checked.medium + label::after {
	opacity: 1; transform: scale(1);
}
.hb-day input:disabled {
	background-color: rgb(249, 247, 253);
}
.hb-day .table-container .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.table-container .hb-day .head {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.hb-day .mod .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.mod .hb-day .mod_hd {
	position: relative; box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}
.hb-day .qr_code {
	background: url("/static/newbb/loading.svg") no-repeat center / 33%; border: 1px solid transparent; border-image: none;
}
.hb-day .qr_code svg {
	background: rgb(255, 255, 255);
}
.hb-day .qr_code svg path {
	fill: #000;
}
.hb-day input:-ms-input-placeholder {
	color: rgb(145, 148, 164);
}
.mod {
	transition:height 0.15s ease-in-out; overflow: hidden; margin-bottom: 10px;
}
.mod .mod_hd {
	height: 48px; line-height: 48px; padding-left: 30px; font-size: 16px; position: relative;
}
.mod .mod_tab {
	clear: both; font-size: 16px;
}
.mod .mod_tab li {
	height: 48px; line-height: 48px; margin-right: 73px; border-bottom-color: transparent; border-bottom-width: 0px; border-bottom-style: solid; float: left; cursor: pointer;
}
.mod .mod_tab li.cur {
	font-weight: bold; border-bottom-color: transparent;
}
.mod .mod_show_btn {
	cursor: pointer;
}
.mod .mod_show_btn button {
	background: none; border: currentColor; transition:0.15s; border-image: none; width: 30px; height: 30px; color: inherit; line-height: 30px; transform: rotate(180deg);
}
.mod .mod_show_btn button i {
	width: 8px; height: 8px; vertical-align: text-top; border-bottom-color: currentColor; border-left-color: currentColor; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; display: inline-block; transform: rotate(-45deg);
}
.mod .mod_bd {
	padding: 0px 30px;
}
.mod.hide {
	height: 48px;
}
.mod.hide .mod_show_btn button {
	transform: rotate(0deg);
}
.otc_info_box {
	padding: 16px; border-radius: 3px; border: 2px solid rgb(78, 91, 133); border-image: none; left: 205px; top: 55px; color: rgb(199, 204, 230); line-height: 1.2; font-size: 12px; display: none; white-space: nowrap; position: absolute; z-index: 2; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); background-color: rgb(35, 35, 35);
}
.otc_info_box::after {
	border-width: 9px; border-style: solid; border-color: transparent transparent rgb(78, 91, 133); border-image: none; left: 9px; top: -20px; position: absolute; content: "";
}
.otc_info_box::before {
	border-width: 9px; border-style: solid; border-color: transparent transparent rgb(78, 91, 133); border-image: none; left: 9px; top: -20px; position: absolute; content: "";
}
.otc_info_box::after {
	border-width: 8px; border-style: solid; border-color: transparent transparent rgb(35, 35, 35); border-image: none; left: 10px; top: -16px; content: "";
}
.otc_info_box .otc_info_inner p {
	margin-top: 8px;
}
.otc_info_box .otc_info_inner .foot {
	width: 188px; text-align: right; margin-top: 16px;
}
.otc_info_box .otc_info_inner a {
	color: rgb(122, 152, 247) !important;
}
.otc_info_box .otc_info_inner a:hover {
	color: rgb(170, 189, 250) !important;
}
.otc_info_box .otc_info_close {
	padding: 6px; top: -6px; right: -4px; position: absolute; cursor: pointer; transform: scale(0.5);
}
.hb_icon_close {
	font-size: 12px;
}
.hb_icon_close::before {
	content: "\F1D0";
}
.transac_body_box {
	width: 1200px;
}
.transac_body {
	padding: 30px 0px 0px;
}
.transac_body .loading {
	background: url("/static/newbb/loading.svg") no-repeat center / 60px 60px rgba(27, 30, 46, 0.7); width: 100%; height: 100%; text-align: center; line-height: 100%;
}
.transac_body a:hover {
	text-decoration: none !important;
}
.transac_body .transac_body_main {
	margin: 0px auto; overflow: hidden; min-height: 290px; background-color: rgb(19, 26, 33);
}
.transac_body .transac_body_main .list_prompt {
	height: 40px; text-align: center; line-height: 40px; padding-top: 18px; display: none;
}
.transac_body .transac_body_main .list_prompt.m_search {
	display: none;
}
.transac_body .transac_tab_box {
	margin: 0px auto; padding: 0px 10px; border-radius: 3px 3px 0px 0px; height: 48px; overflow: hidden; position: relative; z-index: 1; box-shadow: 0px 3px 3px #11141f;
}
.transac_body .transac_tab_box ul {
	font-size: 16px; float: left;
}
.transac_body .transac_tab_box ul li {
	padding: 13px 20px; float: left; cursor: pointer;
}
.transac_body .transac_tab_box .transac_search {
	padding: 10px 20px 0px 0px; float: right;
}
.transac_body .transac_tab_box .transac_search a {
	margin: 0px 0px 0px 5px; border-radius: 3px; width: 78px; height: 28px; text-align: center; line-height: 28px; overflow: hidden; font-size: 12px; text-decoration: none; vertical-align: middle; display: inline-block;
}
.transac_body .transac_tab_box .transac_search span {
	margin: 0px 4px; display: inline-block; position: relative;
}
.transac_body .transac_tab_box .transac_search span input {
	border: 0px currentColor; border-image: none; width: 100%; height: 27px; line-height: 27px; font-size: 12px;
}
.transac_body .transac_tab_box .transac_search span select::-ms-expand {
	display: none;
}
.transac_body .transac_tab_box .transac_search span select {
	padding: 6px 35px 6px 10px; outline: inherit; border-radius: 3px; border: 1px solid rgb(78, 91, 133); border-image: none; font-size: 12px; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none;
}
.transac_body .transac_tab_box .transac_search span i {
	top: 13px; width: 0px; height: 0px; right: 10px; border-top-color: rgb(78, 91, 133); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute;
}
.transac_body .transac_tab_box .transac_search span i.top {
	border-width: medium 5px 5px; border-style: none solid solid; border-color: currentColor transparent rgb(78, 91, 133); top: 8px;
}
.transac_body .transac_tab_box .transac_search span.m_search {
	padding: 0px 10px; border-radius: 3px; border: 1px solid rgb(78, 91, 133); border-image: none; width: 48px;
}
.transac_body .transac_tab_box .transac_search span.m_search i {
	background: red; border: currentColor; border-image: none; top: 8px; width: 12px; height: 12px; right: 10px;
}
.transac_body .transac_table_box {
	margin: 0px auto; padding: 0px 10px; text-align: left; overflow: hidden; font-size: 12px; display: none; min-height: 91px;
}
.transac_body .transac_table_box ul.l_th {
	background: none; padding: 0px 20px; overflow: hidden;
}
.transac_body .transac_table_box ul.l_th li {
	width: 10%; float: left;
}
.transac_body .transac_table_box ul.l_th li:first-child {
	width: 18%;
}
.transac_body .transac_table_box ul.l_th li:nth-child(2) {
	width: 10%;
}
.transac_body .transac_table_box ul.l_th li:nth-child(3) {
	width: 6%;
}
.transac_body .transac_table_box ul.l_th li:nth-child(4) {
	width: 10%; text-align: right;
}
.transac_body .transac_table_box ul.l_th li:nth-child(5) {
	width: 11.4%; text-align: right;
}
.transac_body .transac_table_box ul.l_th li:nth-child(6) {
	width: 11.4%; text-align: right;
}
.transac_body .transac_table_box ul.l_th li:nth-child(7) {
	width: 11.4%; text-align: right;
}
.transac_body .transac_table_box ul.l_th li:nth-child(8) {
	width: 11.3%; text-align: right;
}
.transac_body .transac_table_box ul.l_th li:nth-child(9) {
	width: 10.5%; text-align: right;
}
.transac_body .transac_table_box .l_tr {
	overflow: hidden;
}
.transac_body .transac_table_box .l_tr ul:hover {
	background: rgb(52, 58, 72);
}
.hb-day .transac_body .transac_table_box .l_tr ul:hover {
	background: rgb(250, 251, 253) !important;
}
.transac_body .transac_table_box .l_tr ul {
	margin: 0px 20px; overflow: hidden; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.transac_body .transac_table_box ul li {
	float: left;
}
.transac_body .transac_table_box .l_tr ul li {
	padding: 8px 0px; line-height: 24px;
}
.transac_body .transac_table_box .l_tr ul li:first-child {
	width: 18%;
}
.transac_body .transac_table_box .l_tr ul li:nth-child(2) {
	width: 10%;
}
.transac_body .transac_table_box .l_tr ul li:nth-child(3) {
	width: 6%;
}
.transac_body .transac_table_box .l_tr ul li:nth-child(4) {
	width: 10%; text-align: right;
}
.transac_body .transac_table_box .l_tr ul li:nth-child(5) {
	width: 11.4%; text-align: right;
}
.transac_body .transac_table_box .l_tr ul li:nth-child(6) {
	width: 11.4%; text-align: right;
}
.transac_body .transac_table_box .l_tr ul li:nth-child(7) {
	width: 11.4%; text-align: right;
}
.transac_body .transac_table_box .l_tr ul li:nth-child(8) {
	width: 11.3%; text-align: right;
}
.transac_body .transac_table_box .l_tr ul li:nth-child(9) {
	width: 10.5%; text-align: right;
}
.transac_body .transac_table_box .l_tr ul li.buy {
	color: rgb(76, 192, 119);
}
.transac_body .transac_table_box .l_tr ul li.sell {
	color: rgb(167, 79, 84);
}
.transac_body .transac_table_box .l_tr ul li a {
	text-decoration: none; display: inline-block;
}
.transac_body .transac_table_box .l_tr ul li a:hover {
	display: inline-block;
}
.transac_body .transac_table_box .l_tr ul li a:first-child:hover {
	border: 1px solid rgba(122, 152, 247, 0.7); border-image: none;
}
.transac_body .transac_table_box .l_tr ul li a:first-child {
	padding: 0px 10px; border-radius: 3px; border: 1px solid rgba(122, 152, 247, 0.5); border-image: none;
}
.transac_body .transac_table_box .l_tr ul li a.btn_details {
	padding: 0px; border: 0px currentColor; border-image: none; position: relative;
}
.transac_body .transac_table_box .l_tr ul li a.btn_details:hover {
	padding: 0px; border: 0px currentColor; border-image: none;
}
.transac_body .transac_table_box .l_tr ul li a.btn_details span {
	background: url("/static/newbb/loading.svg") no-repeat center / 10px 10px; left: -20px; top: -2px; width: 20px; height: 20px; display: none; position: absolute;
}
.transac_body .transac_table_box .l_tr ul li a i {
	transition:0.5s; width: 0px; height: 0px; margin-left: 3px; vertical-align: middle; border-top-color: rgb(78, 91, 133); border-right-color: transparent; border-left-color: transparent; border-top-width: 4px; border-right-width: 4px; border-left-width: 4px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: inline-block; transform: rotate(0.1deg); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -moz-transform: rotate(0.1deg); -webkit-transform: rotate(0.1deg); -o-transform: rotate(0.1deg);
}
.transac_body .transac_table_box .l_tr .l_drop_down_box {
	transition:height 0.22s linear; height: 0px; overflow: hidden; max-height: 297px !important; -webkit-transition: height .22s linear; -moz-transition: height .22s linear; -o-transition: height .22s linear;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .l_drop_down_list {
	border-radius: 3px; border: 1px solid rgb(35, 35, 35); border-image: none; position: relative;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .l_drop_down_list .drop_down_scroll {
	-ms-overflow-y: auto; max-height: 246px;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box i {
	top: -6px; width: 0px; height: 0px; right: 41px; border-right-color: transparent; border-bottom-color: rgb(20, 23, 36); border-left-color: transparent; border-right-width: 6px; border-bottom-width: 6px; border-left-width: 6px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box i.z-border {
	top: -7px; right: 40px; border-right-color: transparent; border-bottom-color: rgb(35, 35, 35); border-left-color: transparent; border-right-width: 7px; border-bottom-width: 7px; border-left-width: 7px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .drop_down_th {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .drop_down_th:hover {
	background: none;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .drop_down_th li {
	text-align: right;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .drop_down_th li:nth-child(1) {
	width: 16%; text-align: left;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .drop_down_th li:nth-child(2) {
	width: 14%;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .drop_down_th li:nth-child(3) {
	width: 23%;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .drop_down_th li:nth-child(4) {
	width: 24%;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box .drop_down_th li:nth-child(5) {
	width: 23% !important;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box ul {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box ul:last-child {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.transac_body .transac_table_box .l_tr .l_drop_down_box ul li:last-child {
	text-align: right;
}
.transac_body .transac_table_box .l_tr.z_active ul {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.transac_body .transac_table_box .l_tr.z_active ul li a i {
	transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
}
.transac_body .transac_table_box .l_tr.z_active .drop_down_tr_hover {
	overflow: hidden;
}
.transac_body .transac_table_box .l_tr.z_active .drop_down_tr_hover:hover {
	background: rgba(30, 34, 53, 0.4);
}
.transac_body .transac_table_box .l_tr.z_active :last-child.drop_down_tr_hover ul {
	border-bottom-color: currentColor !important; border-bottom-width: 0px !important; border-bottom-style: none !important;
}
.transac_body .transac_table_box .l_tr.z_active .drop_down_tr {
	border-bottom-color: rgb(0, 0, 0) !important; border-bottom-width: 1px !important; border-bottom-style: solid !important;
}
.transac_body .transac_table_box .l_tr.z_active .drop_down_tr li {
	text-align: right;
}
.transac_body .transac_table_box .l_tr.z_active .drop_down_tr li:nth-child(1) {
	width: 16%; text-align: left;
}
.transac_body .transac_table_box .l_tr.z_active .drop_down_tr li:nth-child(2) {
	width: 14%;
}
.transac_body .transac_table_box .l_tr.z_active .drop_down_tr li:nth-child(3) {
	width: 23%;
}
.transac_body .transac_table_box .l_tr.z_active .drop_down_tr li:nth-child(4) {
	width: 24%;
}
.transac_body .transac_table_box .l_tr.z_active .drop_down_tr li:nth-child(5) {
	width: 23% !important;
}
.transac_body .transac_table_box.order_history ul.l_th li:first-child {
	width: 16%;
}
.transac_body .transac_table_box.order_history ul.l_th li:last-child {
	width: 10%; text-align: right;
}
.transac_body .transac_table_box.order_history ul.l_th li:nth-child(2) {
	width: 10%;
}
.transac_body .transac_table_box.order_history ul.l_th li:nth-child(3) {
	width: 6%;
}
.transac_body .transac_table_box.order_history ul.l_th li:nth-child(4) {
	width: 10%; text-align: right;
}
.transac_body .transac_table_box.order_history ul.l_th li:nth-child(5) {
	width: 11%; text-align: right;
}
.transac_body .transac_table_box.order_history ul.l_th li:nth-child(6) {
	width: 13%; text-align: right;
}
.transac_body .transac_table_box.order_history ul.l_th li:nth-child(7) {
	width: 12%; text-align: right;
}
.transac_body .transac_table_box.order_history ul.l_th li:nth-child(8) {
	width: 12%; text-align: right;
}
.transac_body .transac_table_box.order_history .l_tr ul li:first-child {
	width: 16%;
}
.transac_body .transac_table_box.order_history .l_tr ul li:last-child {
	padding: 12px 0px; width: 10%; text-align: right;
}
.transac_body .transac_table_box.order_history .l_tr ul li:nth-child(2) {
	width: 10%;
}
.transac_body .transac_table_box.order_history .l_tr ul li:nth-child(3) {
	width: 6%;
}
.transac_body .transac_table_box.order_history .l_tr ul li:nth-child(4) {
	width: 10%; text-align: right;
}
.transac_body .transac_table_box.order_history .l_tr ul li:nth-child(5) {
	width: 11%; text-align: right;
}
.transac_body .transac_table_box.order_history .l_tr ul li:nth-child(6) {
	width: 13%; text-align: right;
}
.transac_body .transac_table_box.order_history .l_tr ul li:nth-child(7) {
	width: 12%; text-align: right;
}
.transac_body .transac_table_box.order_history .l_tr ul li:nth-child(8) {
	width: 12%; text-align: right;
}
.transac_body .transac_table_box.order_history .l_tr .l_drop_down_list ul li {
	width: 22%;
}
.transac_body .transac_table_box.order_history .l_tr .l_drop_down_list ul li:last-child {
	width: 12%;
}
.transac_body .transac_table_box.trade_history ul.l_th li:first-child {
	width: 17%;
}
.transac_body .transac_table_box.trade_history ul.l_th li:last-child {
	width: 18%; text-align: right;
}
.transac_body .transac_table_box.trade_history ul.l_th li:nth-child(2) {
	width: 15%;
}
.transac_body .transac_table_box.trade_history ul.l_th li:nth-child(3) {
	width: 5%;
}
.transac_body .transac_table_box.trade_history ul.l_th li:nth-child(4) {
	width: 13%; text-align: right;
}
.transac_body .transac_table_box.trade_history ul.l_th li:nth-child(5) {
	width: 15%; text-align: right;
}
.transac_body .transac_table_box.trade_history ul.l_th li:nth-child(6) {
	width: 17%; text-align: right;
}
.transac_body .transac_table_box.trade_history .l_tr ul li:first-child {
	width: 17%;
}
.transac_body .transac_table_box.trade_history .l_tr ul li:last-child {
	padding: 12px 0px; width: 18%; text-align: right;
}
.transac_body .transac_table_box.trade_history .l_tr ul li:nth-child(2) {
	width: 15%;
}
.transac_body .transac_table_box.trade_history .l_tr ul li:nth-child(3) {
	width: 5%;
}
.transac_body .transac_table_box.trade_history .l_tr ul li:nth-child(4) {
	width: 13%; text-align: right;
}
.transac_body .transac_table_box.trade_history .l_tr ul li:nth-child(5) {
	width: 15%; text-align: right;
}
.transac_body .transac_table_box.trade_history .l_tr ul li:nth-child(6) {
	width: 17%; text-align: right;
}
.transac_body .transac_table_box.trade_history .l_tr .l_drop_down_list ul li {
	width: 22%;
}
.transac_body .transac_table_box.trade_history .l_tr .l_drop_down_list ul li:last-child {
	width: 12%;
}
.transac_body .transac_table_box .l_paging {
	padding: 14px 20px; text-align: right; overflow: hidden; font-size: 12px;
}
.transac_body .transac_table_box .l_paging ul {
	float: right;
}
.transac_body .transac_table_box .l_paging ul li {
	padding-left: 20px; float: left;
}
.hb-night .transac_body .transac_table_box .l_tr.z_active ul {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.hb-night .transac_body .transac_table_box .l_tr.z_active .drop_down_th {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.hb-night .transac_body .transac_table_box .l_drop_down_box .l_drop_down_list {
	background: rgb(20, 23, 36) !important;
}
.hb-day .transac_body .loading {
	background: url("/static/newbb/loading.svg") no-repeat center / 60px 60px rgba(255, 255, 255, 0.7);
}
.hb-day .transac_body .transac_tab_box {
	box-shadow: 0px 3px 3px #ebebeb;
}
.hb-day .transac_body .transac_tab_box .transac_search span {
	margin: 0px 4px;
}
.hb-day .transac_body .transac_tab_box .transac_search span i {
	border-top-color: rgb(209, 211, 223); border-right-color: transparent; border-left-color: transparent; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid;
}
.hb-day .transac_body .transac_tab_box .transac_search span i.top {
	border-width: medium 5px 5px; border-style: none solid solid; border-color: currentColor transparent rgb(209, 211, 223);
}
.hb-day .transac_body .transac_table_box .l_tr:hover {
	background: rgb(250, 251, 253);
}
.hb-day .transac_body .transac_table_box.order_history .l_tr ul li:last-child a {
	border: 0px currentColor; border-image: none;
}
.hb-day .transac_body .transac_table_box.order_history .l_tr ul li:last-child a:first-child:hover {
	border: 0px currentColor; border-image: none;
}
.hb-day .transac_body .transac_table_box.order_history .l_tr ul li:last-child a:first-child {
	border: 0px currentColor; border-image: none;
}
.hb-day .transac_body .transac_table_box .l_tr ul li a i {
	border-top-color: rgba(164, 186, 255, 0.7); border-top-width: 4px; border-top-style: solid;
}
.hb-day .transac_body .transac_table_box .l_tr .drop_down_tr_hover:hover {
	background: rgba(250, 251, 253, 0.4);
}
.hb-day .transac_body .transac_table_box .l_tr :last-child.drop_down_tr_hover ul {
	border-bottom-color: currentColor !important; border-bottom-width: 0px !important; border-bottom-style: none !important;
}
.hb-day .transac_body .transac_table_box .l_tr .drop_down_tr {
	border-bottom-color: rgb(244, 244, 246) !important; border-bottom-width: 1px !important; border-bottom-style: solid !important;
}
.hb-day .transac_body .transac_table_box .l_tr.z_active ul {
	border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.hb-day .transac_body .transac_table_box .l_tr.z_active .drop_down_tr {
	border-bottom-color: rgb(244, 244, 246) !important; border-bottom-width: 1px !important; border-bottom-style: solid !important;
}
.hb-day .transac_body .transac_table_box .l_tr .l_drop_down_box i {
	top: -6px; width: 0px; height: 0px; right: 41px; border-right-color: transparent; border-bottom-color: rgb(255, 255, 255); border-left-color: transparent; border-right-width: 6px; border-bottom-width: 6px; border-left-width: 6px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute;
}
.hb-day .transac_body .transac_table_box .l_tr .l_drop_down_box i.z-border {
	top: -7px; right: 40px; border-right-color: transparent; border-bottom-color: rgb(244, 244, 246); border-left-color: transparent; border-right-width: 7px; border-bottom-width: 7px; border-left-width: 7px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
}
.clear_fix {
	
}
.clear_fix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.range {
	height: 14px; position: relative; cursor: pointer; -ms-user-select: none; user-select: none; -webkit-user-select: none; -moz-user-select: none;
}
.range .point {
	border-radius: 50%; border: 1px solid currentColor; border-image: none; top: 50%; width: 10px; height: 10px; margin-top: -5px; display: inline-block; position: absolute; z-index: 3; box-sizing: border-box; background-color: white;
}
.range .point:hover {
	margin: -7px 0px 0px; transition:0.1s; width: 14px; height: 14px;
}
.range .path {
	border-radius: 100px; top: 50%; height: 4px; margin-top: -2.5px; position: absolute;
}
.range .progress {
	border-radius: 100px; top: 50%; height: 4px; margin-top: -2.5px; position: absolute;
}
.range .path {
	border: 1px solid currentColor; border-image: none; width: 100%; height: 4px; display: block; z-index: 1; box-sizing: border-box;
}
.range .drag_track {
	width: 100%; height: 100%; display: block; position: relative; z-index: 2;
}
.range .drag_bar {
	border-radius: 50%; border: 2px solid white; border-image: none; top: 50%; width: 14px; height: 14px; margin-top: -7px; display: inline-block; position: absolute; z-index: 4; cursor: col-resize; box-sizing: border-box; box-shadow: 0px 0px 2px rgba(30,39,49,0.5);
}
.range .drag_bar:active {
	
}
.range .progress {
	width: 0px; z-index: 2;
}
.range.overflow .point {
	margin-left: -8px;
}
.range:focus .path {
	border: 1px solid rgba(30, 39, 49, 0.2); border-image: none;
}
.range:focus .drag_bar {
	box-shadow: 0px 0px 2px rgba(30,39,49,0.9);
}
.range_sell .point.cur {
	background: rgb(0, 0, 0);
}
.range_sell .progress {
	background: rgb(69, 180, 80);
}
.range_sell.focus .drag_bar {
	background: rgb(69, 180, 80);
}
.hb-day .range .point {
	border-color: rgb(242, 243, 248); background-color: rgb(242, 243, 248);
}
.hb-day .range .point.cur {
	border-color: rgb(242, 243, 248); background-color: rgb(0, 0, 0);
}
.hb-day .range .progress {
	background-color: rgb(209, 211, 223);
}
.hb-day .range .path {
	border-color: rgb(242, 243, 248); background-color: rgb(242, 243, 248);
}
.hb-day .range .drag_bar {
	background-color: rgb(122, 152, 247);
}
.hb-night .range .point {
	border-color: rgb(35, 35, 35); background-color: rgb(35, 35, 35);
}
.hb-night .range .point.cur {
	border-color: rgb(35, 35, 35); background-color: rgb(0, 0, 0);
}
.hb-night .range .progress {
	background-color: rgb(78, 91, 133);
}
.hb-night .range .path {
	border-color: rgb(35, 35, 35); background-color: rgb(35, 35, 35);
}
.hb-night .range .drag_bar {
	background-color: rgb(122, 152, 247);
}
.pagination {
	height: 37px; text-align: right; line-height: 37px; border-top-color: currentColor; border-top-width: 1px; border-top-style: solid; -ms-user-select: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none;
}
.pagination button {
	background: none; border: currentColor; transition:0.2s ease-in-out; border-image: none; color: white; font-size: 12px; margin-left: 20px; display: inline-block;
}
.pagination button:hover {
	color: white;
}
.hb-day .pagination {
	border-color: rgb(244, 244, 246);
}
.hb-day .pagination button {
	color: rgb(145, 148, 164);
}
.hb-day .pagination button:hover {
	color: rgb(122, 152, 247);
}
.hb-night .pagination {
	border-color: rgb(0, 0, 0);
}
.hb-night .pagination button {
	color: rgb(97, 104, 138);
}
.hb-night .pagination button:hover {
	color: rgb(122, 152, 247);
}