:root {
    --main-font: 'Averta', Arial, Helvetica, sans-serif;
}
/* ==================reset=================== */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p,
	blockquote, pre, hr, figure, table, caption, th, td, form, fieldset,
	legend, input, button, textarea, menu {
	margin: 0;
	padding: 0;
}

header, footer, section, article, aside, nav, hgroup, address, figure,
	figcaption, menu, details {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
	font-weight: normal;
}

html, body, fieldset, img, iframe, abbr {
	border: 0;
}

i, cite, em, var, address, dfn {
	font-style: normal;
}

[hidefocus], summary {
	outline: 0;
}

li {
	list-style: none;
}

h1, h2, h3, h4, h5, h6, small {
	font-size: 100%;
}

sup, sub {
	font-size: 83%;
}

pre, code, kbd, samp {
	font-family: inherit;
}

q:before, q:after {
	content: none;
}

textarea {
	overflow: auto;
	resize: none;
}

label, summary {
	cursor: default;
}

a, button {
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6, em, strong, b {
	font-weight: bold;
}

del, ins, u, s, a, a:hover {
	text-decoration: none;
}

body, textarea, input, button, select, keygen, legend {
	font: 12px/1.14 ,arial, \5b8b\4f53;
	color: #D4D4D4;
	outline: 0;
}

body {
	background: #fff;
}

a, a:hover {
	color: white;
}

/* ==================function=================== */
.ng-hide {
    display:none !important;
}
.f-clear:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: ".";
}

.f-clear {
	zoom: 1;
}

.f-dn {
	display: none;
}

.f-fl {
	float: left;
}

.f-fr {
	float:right;
}

.f-rel {
	position: relative;
}

.f-abs {
	position: absolute;
}

.f-rel_zoom {
	position: relative;
	zoom: 1;
}

.f-bold {
	font-weight: bold !important;
}

.f-left {
	text-align: left !important;
}

.f-center {
	text-align: center !important;
}

.f-right {
	text-align: right !important;
}

.f-noborder {
	border: 0 !important;
}

.f-nomargin {
	margin: 0 !important;
}

.red {
	color: #d03981 !important;
}

.green {
	color: #8ec919 !important;
}


.blue {
	color: #20acea !important;
}

.yellow {
	color: #deac37 !important;
}


.btn{display:inline-block;cursor:pointer;font-size:12px;color:#D4D4D4;padding:3px 9px;background:#282828;border:1px solid #000;}
.btn:hover{color:#D4D4D4;}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../res/fonts/iconfont.woff') format('woff'),
  url('../res/fonts/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.font {
  font-family:"iconfont" !important;
  font-size:12px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  margin-right:2px;
  vertical-align:middle;
}

@font-face {
	font-family: "iconfont1";
	src: url('/resources/font/iconfont.eot'); /* IE9*/
	src: url('/resources/font/iconfont.eot?#iefix') format('embedded-opentype'),
	url('../res/fonts/iconfont.woff') format('woff'),
	url('../res/fonts/iconfont.ttf') format('truetype'),
	url('/resources/font/iconfont.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont1" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 5px;
}
.iconfont-shangjiantou:before { content: "\e63f"; }
.iconfont-huoyan:before { content: "\e9fb"; }
.iconfont-xiajiantou:before { content: "\e640"; }
.iconfont-xingxing:before { content: "\e65a"; }
.iconfont-upsj:before {content: "\e60b";}
.iconfont-downsj:before {content: "\e60d";}
.iconfont-downsjsmall:before{ content:"\e63a"}
.iconfont-upsjsmall:before{ content:"\e636"}
.iconfont-warn:before{content:"\e62b"}
.iconfont-sousuo:before { content: "\e638"; }
.iconfont-wallet:before { content: "\e643"; }
.iconfont-wen:before { content: "\e662"; }
.iconfont-diqiu:before { content: "\e64e"; }
.iconfont-touxiang:before { content: "\e634"; }

.font-xinxi:before { content: "\e6a4"; }
.iconfont-up:before { content: "\e62f"; }
.iconfont-down:before { content: "\e630"; }
.iconfont-full:before { content: "\e626"; }
.iconfont-key:before { content: "\e600"; }
.iconfont-offfull:before { content: "\e606"; }
.iconfont-refresh:before { content: "\e604"; }
.iconfont-info:before{ content: "\e954";}
.iconfont-plus:before{ content: "\2b";}
.fas fa-plus:before{ content: "\f067";}
.font-account:before {content: "\e620";}/*account*/
/* 濞达絽娴锋晶妤呭嫉椤掍礁绲圭紒锟介敓锟� */
.ieinfo{width:100%;height:30px;line-height:30px;text-align:center;background:#fff001;color:#7a7a7a;font-size:14px;position:fixed;top:0;left:0;z-index:99999;display:none;}
.ieinfo .container{position:relative;}
.ieinfo .container .iconfont{position:absolute;right:0;color:#333;cursor:pointer;}

.nodata{font-size:14px;text-align:center;color:#ccc;padding:15px 0;}
.nodata .icon-nodata{display:inline-block;width:25px;height:25px;background:url(../Images/nodata.png) no-repeat;vertical-align:middle;margin-right:5px;}

.blur{-webkit-filter:blur(4px);-moz-filter:blur(4px);-ms-filter:blur(4px);filter:blur(4px);}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #666;
    line-height:20px;
}

/*loading 鍔ㄧ敾*/

.spinner {
  width: 100px;
  height: 60px;
  text-align: center;
  font-size: 10px;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
 
.spinner > div {
  background-color: #e8b342;
  height: 100%;
  width: 6px;
  display: inline-block;
  margin:0 5px;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/*bncTrade  start*/
body,
html {
	height: 100%;
	background: #000;
	overflow: hidden;
	min-width:1150px;
	font-family: var(--main-font);
}

.st-sort-ascent:before {
	content: '\25B2';
}

.st-sort-descent:before {
	content: '\25BC';
}

.wrap {
	padding-top: 40px;
	position: relative;

}

#bodyProTradeRootLayout .header {
	width: 100%;
	height: 62px;
	background: #262d33;
	position: absolute;
	top: 0;
	left: 0;
    border:none;
}

.logo1 {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0 0 0px;
    background:#262d33;
}

.logo1 img {

	vertical-align: sub;
	margin-right: 10px;

}


.logo1 a,.logo1 a:visited {
	font-size: 12px;
	color: #1997e5;
	display:inline-block;
	margin-left:6px;
	vertical-align:middle;
}

.login {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	line-height: 40px;

	float:left;
    margin-right:5px;
}
.login a {
    color: #fff;
}
.login_a,
.login_a:visited {
	color: #f3ba2e !important;
    text-decoration:underline !important;
}
.login_a:hover {
	color: #f3ba2e;
}
.login_a .iconfont-touxiang {
	font-size: 12px;
}

.accountid{    border-radius: 2px;
	margin-right: 5px;
	display: inline-block;
	padding: 0 0 3px 0;}
.accountid .font{font-size:14px;cursor:pointer}

.filters {
	padding: 3px;

}

.filters .btn {
	margin-right: 2px;
}

.filters .cur {
	color: #deac37 !important;
}
.font-full{
	margin-right:0px;
}
.blod{font-weight: bold;}
.total{position:absolute;right:18px;top:0;line-height:34px;}
.total span{color:#646464;margin-left:25px;}
.total span strong{font-size:14px;font-weight:normal;margin-left:3px;}
.tradelists .list-table{width:100%;overflow-x:hidden;overflow-y:scroll;min-height:150px;background:#1e1e1e;}
.tradelists table {
	background: #262d33;
	width: 100%;
	min-width: 800px;
}

.tradelists table th,
.tradelists table td {
	color: #999999;
	padding: 8px 4px;
	text-align: right;
	font-size:14px;
}

.tradelists table td {
	padding: 6px 4px;
}

.tradelists table th{
	cursor:pointer;
}

.tradelists table tbody tr:hover td,.tradelists table tbody tr.cur td{
	background: #26272a;
	cursor: pointer;
}

.tradelist-main-bottom {
	padding: 0 505px 0 41px;
	border-top: 1px solid #282828;
	margin-top: 6px;
	background:#262d33;
	height:280px;
	min-height:280px;
}

.tradelist-main-top{background:#262d33;min-height:214px;overflow:hidden;}
.tradelist-main-bottom .handle,.detail-lb .handle {display:inline-block;width:25px;height:5px;background:url(../Images/handle.jpg) no-repeat;
	position:absolute;top:-6px;left:50%;margin-left:-12px;cursor:n-resize;
}

.tradelist-main-bottom .leftmenus,.detail-lb .leftmenus{
	text-align: center;
	width: 40px;
	position: absolute;
	height: 100%;
	background: #282828;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	border-right: 1px solid #000;
}

.tradelist-main-bottom .leftmenus .btn,.detail-lb .leftmenus .btn{
	padding: 5px 0px;
	text-align: center;
	width: 32px;
	line-height: 14px;
	margin: 4px 0;
	border-radius: 4px;
}

.tradelist-main-bottom .leftmenus .btn.cur,.detail-lb .leftmenus .btn.cur{
	background: #131313;
	border-color: #000;
	color:#fff;
}



.paner {
	width: 100%;
	height: 31px;
	background: #131313;
	border-bottom:1px solid #000;
}

.tbody{overflow-y:auto;}
.detail-lb  .tbody{height:84%;min-height:55px;}
.FDSInstrumentsList .tbody{height:75%;min-height:55px;}
.FDSOpenPositionList .tbody{height:75%;min-height:55px;}
.FDSOrderList,.FDSWaitToMatchOrderList,FDSOpenPositionList ,.FDSMatchOrderList,.FDSInstrumentsList ,.FDSOrderStopLimit  {height:100%}
    .FDSOrderList .FDSOrderMainContent {
        height:97%;
    }
.FDSOrderList  .tbody{height:86%;min-height:55px;}
.FDSWaitToMatchOrderList .FDSOrderMainContent ,.FDSOpenPositionList .FDSOrderMainContent,.FDSMatchOrderList .FDSOrderMainContent,.FDSInstrumentsList .FDSOrderMainContent,.FDSOrderStopLimit .FDSOrderMainContent{
    height:97%;
}

FDSWaitToMatchOrderList {
}
.detail-lb .dqwt .tbody{height:160px;min-height:55px;}
.detail-lb .zjcc .tbody{height:160px;min-height:55px;}


.table{width:100%;}
.table th,.table td{text-align:center;padding:2px 3px;line-height:12px;}
/*.table td{color:#D4D4D4;}*/
/* .table tbody tr:hover td{background:#323c45;} */
.tablewrap .table th{border-bottom:0px;border-bottom: 0px;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 18px;
    overflow: hidden;
    height: 28px;
    padding:0px 3px;
}
.tablewrap .filters{background:rgb(47,56,63);padding:3px 5px 3px 5px;/*border-bottom: 1px solid #222222;*/}
.tablewrap .filters .btn{background-color:#323c45}
.tablewrap .filters form{display:inline-block;color:#999999;}
.tablewrap .filters form input.date{display:inline-block;width:95px;padding-left:5px;height:20px;border:1px solid #323c45;background-color:#323c45;margin:0 5px;color:#fff;}
.tablewrap .filters label input{display:none;}

.chartwrap .table th{border-bottom:0px;border-bottom: 0px;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 18px;
    overflow: hidden;
    height: 28px;
    padding:0px 3px;
}
.chartwrap .filters{background:rgb(47,56,63);padding:3px 5px 3px 5px;/*border-bottom: 1px solid #222222;*/}
.chartwrap .filters .btn{background-color:#323c45}
.chartwrap .filters form{display:inline-block;color:#999999;}
.chartwrap .filters form input.date{display:inline-block;width:95px;padding-left:5px;height:20px;border:1px solid #323c45;background-color:#323c45;margin:0 5px;color:#fff;}
.chartwrap .filters label input{display:none;}

/*.table-strip tr:nth-child(odd){background-color:#323c45}*/
.table-strip tr:nth-child(even){background-color:#262d33}

.tab-title{background:#171717;border-bottom:1px solid #000;}
.tab-title li{float:left;font-size:14px;color:#999999;padding:8px 20px;border-right:1px solid #000;cursor:pointer;}
.tab-title li.cur{background:#262d33;border-bottom:1px solid #262d33;margin-bottom:-1px;}
.tab-con{background:#262d33;}
.tab-list{padding:12px 22px;}
.dqwt .table tr th{padding:5px 0;}
.zjcc_total td{border-top:1px solid #000;}

.account{padding:10px 22px;border-bottom:1px solid #000;}
.account li{width:210px;}
.account li span{color:#ccc;font-size:16px;display:inline-block;width:137px;padding-right:5px;}
.account li h4{color:#999999;margin-bottom:5px;}

.orderform .tab .search{position:absolute;top:4px;right:20px;}



/*.orderform .filed.blue-border{border-color:#1997e5;}*/
.orderform .filed.money{background:none;border-style:dashed;}
.orderform .filed.money:hover{border-color:#4d4d4d;}
.orderform form .subbtn{display:inline-block;width:240px;height:28px;border-radius:2px;border:none;cursor:pointer;font-size:14px;color:#fff;}
.orderform form .subbtn.subbtn-red{background:#ea0070;}
.orderform form .subbtn.subbtn-red:hover{background:#ff007a;}
.orderform form .subbtn.subbtn-green{background:#70a800;}
.orderform form .subbtn.subbtn-green:hover{background:#7cb902;}
.orderform form .subbtn.subbtn-green[disabled],
.orderform form .subbtn.subbtn-red[disabled]{
	background:#c2c2c2;
	border-color:#c2c2c2;
	cursor:not-allowed;
}
.orderform .filed .tip{white-space:nowrap ;position:absolute;right:0px;top:29px;z-index:9;height:18px;line-height:18px;padding:0 2px;width:160px;background:#deac37;color:#333;}
.orderform form .subbtn[disabled=disabled]{background:#26272a!important;cursor:not-allowed;color:#5d5d5d}
/*k缁撅拷*/
.detail-main{margin-top:4px;}
.detail-left{margin-right:564px;position:relative;}
.detail-lt{background:#262d33;min-width:580px;overflow:hidden;position:relative;padding-left:0px;}
.detail-lt .leftmenus{position:absolute;left:0;top:0;height:100%;border-right:1px solid #000;width:40px;overflow:hidden;background:#282828;padding-bottom:6px;}
.detail-lt .leftmenus .btn{padding:6px 0;width:33px;margin-top:6px;text-align:center;margin-left:8px;border-radius:4px;line-height:15px;
}
.detail-lt .leftmenus .btn.back{color:#fff;}
.detail-lt .leftmenus .btn.cur{background:#151515;border-color:#000;color:#deac37;}
.detail-lt .filters{border-bottom:1px solid #2d2d2d;font-size: 0;}
.detail-lt .filters .btn{margin-left:4px;margin-right:0;color:#D4D4D4;background-color:#3b4752;border:0px;padding:3px 6px;font-size: 12px;position: relative}
.detail-lt .filters .btn .font{font-size:12px;}
.detail-lb{height:250px;min-height:200px;margin-top:5px;border-top:1px solid #2f2f2f;padding-left:0px;min-width:580px;background:#262d33;position: relative;background-color:#262d33;}
.detail-lb .open-title{padding:4px 6px;color:#a0a1a3;font-size:14px;border-bottom:1px solid #000;position:relative;}
.detail-lb .open-title label{position:absolute;right:10px;top:8px;font-size:12px;}
.detail-lb .open-title label input{vertical-align:middle;margin-right:5px;}
.detail-lb .chart-title{padding:4px 6px;color:#a0a1a3;font-size:14px;border-bottom:1px solid #000;position:relative;}
.detail-lb .chart-title label{position:absolute;right:10px;top:8px;font-size:12px;}
.detail-lb .chart-title label input{vertical-align:middle;margin-right:5px;}
.detail-right{width:560px;position:relative;}
.detail-rt{background:#262d33;overflow:hidden;}
.detail-rt .f-fl{
	width:50%;
	box-sizing:border-box;

	border-right:1px solid #000
}
.detail-rt .f-fr{
	width:47%;
	box-sizing:border-box;

	border-right:1px solid #323c45
}
.detail-rt td{box-sizing: border-box;padding:2px 0px;position: relative;}
.detail-rt td .user-order{position:absolute;left:0;top:6px;z-index:99;}
.detail-rt td span{z-index: 2;position: relative;}
.detail-rt tr td:nth-child(1){padding-left:7px;}
.detail-rt tr td:nth-child(3){padding-right:6px;}

.tradefive-inner tr .zhuzhuang{position: absolute;top:1px;bottom: 0px;right:0 ;width: 0px;z-index: 1}
.tradefive-inner.ask tr .zhuzhuang{background-color:#482f43 !important;}
.tradefive-inner.bid tr .zhuzhuang{background-color:#3c4c37 !important;}
.btn{padding:3px 5px;border:0px}

.detail-rt .table th{padding:4px 6px;}
.tradefive .table tr:hover{cursor:pointer;}
.kline-item{height:26px;line-height:26px;padding:0 6px;}
.kline-item span{display:inline-block;color:#666;margin-right:5px;}
.kline-item span strong{color:#cdcdcd;font-weight:normal;margin-left:5px;}
.kline-item span strong.newprice{font-weight:bold;display:inline-block;width:48px;}
.kline-item span.zhdie{margin-right:0;}
.kline-item span.zhdie strong{display:inline-block;width:110px;text-align:right;margin-right:0;}

.table.para{border-bottom:1px solid #000;margin-bottom:3px;}
.table.para th,.table.para td{padding:6px;}
.table.para th{text-align:left;}
.table.para td{text-align:right;}
.table.para tr:hover td{background:none;}
.tradefive .depthWrong{position:relative;width:20px;}
.tradefive .depthWrong p{opacity:0;
	font-size:12px;
	color:#666;
	padding:4px 10px;
	background:#fff;
	box-shadow:0 0 10px rgba(255,255,255,0.3);
	position:absolute;
	left:50%;
	top:-5px;
	z-index:-1;
	white-space: nowrap;
	-webkit-transform:translate(-50%,-100%);
	-moz-transform:translate(-50%,-100%);
	-o-transform:translate(-50%,-100%);
	-ms-transform:translate(-50%,-100%);
	transform:translate(-50%,-100%);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.tradefive .depthWrong:hover p{opacity:1;z-index:99;}
.tradefive-inner{overflow:hidden;position:relative;font-family:Arial;}
.tradefive-inner .trade-sale{position:absolute;left:0;bottom:0;}
.tradefive-inner .bottom{position: absolute;bottom:0px}
/*.tradefive.iswrong .table td,.tradefive.iswrong .table td:hover span{color:#D4D4D4 !important;font-weight:normal;}*/
.tradefive.iswrong td.magenta,.tradefive.iswrong .magenta{color:rgba(234,0,112,0.8)!important;}
.tradefive.iswrong td.green{color:rgba(112,168,0,0.8)!important;}
.tradefive.iswrong td.green:hover {
    color:#7cb902; font-weight: bold;
}
.tradefive.iswrong td.magenta:hover span {
    color: rgb(255, 27, 135) !important;
    font-weight:bold;
}
.tradefive.iswrong td.green .gray {color:rgba(192,214,163,0.8)!important;}
.tradefive.iswrong .transMoney{color:rgba(232,179,66,0.8)!important;}
.newtrade{  height: 184px;
	overflow: hidden;
	overflow-y: scroll;
	position: relative;
    font-family:Arial;
}
.tablewrap .table th .ng-binding numSpan green {color:rgba(112,168,0,0.8)!important;}
.tablewrap .table th .ng-binding numSpan green:hover {color:#7cb902  !important; font-weight: bold;}
.tablewrap .table th .ng-binding numSpan magenta {color:rgba(234,0,112,0.8)!important;}
.tablewrap .table th .ng-binding numSpan magenta:hover {color: rgb(255, 27, 135) !important;font-weight:bold;}
.newtrade .table tr:hover td,.cjmx .table tr:hover td,#trade-wb tr:hover td,#trade-zt tr:hover td{background:none;}

.newtrade .table  tr:hover td{background-color: #323c45}
.up,.down{display:inline-block;width:12px;height:10px;vertical-align:center;margin-left:5px;}
/*.up{background:url(../Images/up.png) no-repeat center;}
.down{background:url(../Images/down.png) no-repeat center;}*/
.detail-rb{height:42.5%;}
.detail-rb .orderform{position:static;border-left:none;margin-top:5px;}
.search{width:182px;height:22px;border:1px solid #4d4d4d;background:#26272a;}
.orderform .tab .search.focus{border-color:#aaa;}
.search input{height:22px;background:none;border:none;color:#fff;padding:0 6px;line-height:22px;border-right:1px solid #4d4d4d;width:145px;}
.search .font{display:inline-block;width:20px;margin: -2px 0 0 -1px;height:22px;text-align:center;color:#ccc;line-height:24px;font-size:12px;cursor:pointer;}

.detail-rb .orderform-type{background:rgb(47, 56, 63);border-bottom:1px solid #151a1e;}
.detail-rb .orderform-type span{display:inline-block;font-size:14px;color:#ccc;height:30px;line-height:30px;padding:0 20px;cursor:pointer;border-right:1px solid #151a1e;}
.detail-rb .orderform-type span:nth-of-type(3){padding-right:39px;}
.detail-rb .orderform-type span.cur{background:#262d33;color:#f3ba2e;font-weight:bold;margin-bottom:-1px;border-bottom:1px solid #262d33;}
.detail-rb .orderform-type .toolTip{display:inline-block;font-size:12px;color:#808385;margin-left:-36px;cursor:pointer;position:relative;}
.detail-rb .orderform-type .toolTip>div{display:none;font-size:13px;color:#999;position:absolute;top:24px;left:50%;z-index:999;line-height:18px;background:#3b4752;box-shadow:0 0 10px rgba(0,0,0,0.3);padding:10px;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:200px;
word-break:break-word;}
.detail-rb .orderform-type .toolTip>div a{color:#f3ba2e;}

.products-list{background:#151a1e;border:1px solid #000000;margin:0 -1px;z-index:99;}
.products-list li{height:30px;line-height:30px;color:#ccc;cursor:pointer;text-align: center;border-bottom: 1px solid #1f262c}
.products-list .wrap1{margin: 10px;background-color: #1b2125;}
.products-list .tab{text-align: left;border-bottom: 1px solid #323c45;line-height: 30px;position:relative;}
.products-list .tab label{display:inline-block;padding:0px 12px;height:30px;font-size:12px;line-height:30px;}
.products-list .tab label.cur{background-color:#323c45;color:#e8b342;cursor: pointer}
.products-list .tableBody{max-height: 240px;overflow-y: auto;overflow-x:hidden;width:480px;}
.products-list .tab>span{color:#999999;position:absolute;right:3px;top:-2px;}
.products-list .tab .sousuo{position:absolute;top:-2px;right:5px;}
.products-list .sousuo input{color:#d0d0d0;outline: none;border:1px solid #323c45;background-color: #232a30;padding: 3px 6px 3px 22px;font-size: 14px;width: 117px;font-size:12px;}
.products-list .tab .sousuo .iconfont{position:absolute;font-size:12px;color:#999;left:6px;top:2px;}


.filters .curzb span{color:#989898;padding-left:3px;margin-left:5px;cursor:pointer;line-height:16px;font-size: 12px;}
.filters .curzb i{font-size:13px;margin-left:3px;padding:0 6px;line-height:15px;margin-right:-1px;}
.filters .curzb span:hover{border:1px solid #deac37;color:#deac37;}
.filters .curzb span:hover i{background:#deac37;color:#fff;}

.jszb-lists span{display:inline-block;color:#999999;width:93px;margin-bottom:10px;cursor:pointer;font-size: 12px}
.jszb-lists span:hover{color:#deac37;}

/*鏈嶅姟鍣ㄦ椂闂�*/
.servertime{display:inline-block;font-size:14px;color:#999999;margin-top:15px;float:left;margin-left:30px;}

/*閺備即妞堥崗顒�鎲�*/
.newstab-title{margin-bottom:12px;}
.newstab-title span{font-size:12px;color:#999999;line-height:100%;display:inline-block;padding:5px 16px;background:#26272a;cursor:pointer;}
.newstab-title span.cur{background:#1997e5;color:#fff;}
.newstab-con ul li{padding:0 12px;}
.newstab-con li a{display:inline-block;width:100%;padding:12px 0;border-bottom:1px solid #262d33;}
.newstab-con li a h4{font-weight:normal;font-size:12px;color:#999999;margin-bottom:10px;}
.newstab-con li a span{color:#444;}
.newstab-con li a:hover,.newstab-con li:hover{background:#262d33;}
.newstab-con li:hover a h4,.newstab-con li a:hover h4,.newstab-con li:hover a span,.newstab-con li a:hover span{color:#fff;}
/*濠婃艾濮╅弶鈩冪壉瀵拷*/
::-webkit-scrollbar {
	width: 6px;
    height:6px;
}

/* Track */
::-webkit-scrollbar-track {
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  */

	background:#424c55;
}

/* Handle */
::-webkit-scrollbar-thumb {

	background:#71767a;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #71767a;
}
::-webkit-scrollbar-thumb:hover {
	background: #71767a;
}


html,body {
	scrollbar-face-color:#7f7f7f; 
	scrollbar-highlight-color:#fff; 
	scrollbar-shadow-color:#7f7f7f; 
	scrollbar-3dlight-color:#7f7f7f;
	scrollbar-arrow-color:#000; 
	scrollbar-track-color:#282828;
	scrollbar-darkshadow-color:#fff;  }


.table-bold td{
	color:#cccccc;
	font-weight:bold;
	font-size:12px;
}
.detail-rt .table th{
	font-size:13px;
}
.magenta{color:#ff007a !important;}
.magenta .gray{color:#b40056}
.green .gray{color:#619200}
.line-center{border-bottom:1px solid #323c45;padding-top:4px;background-color:#262d33}

.tradefive-inner .table tr td>span:hover

{
	color:#ffffff;font-weight: bold;
}
.depthMerge{float: right;position: relative;text-align: center;font-size: 12px;color:#999999;margin-right: 6px;}
.depthMerge>span{padding: 0px 2px;border:1px solid #43515c;background-color: #323c45;display:inline-block;line-height: 16px;position: relative;cursor: pointer}
.depthMerge span.cur{color:#deac37;}
.units{background-color: #323c45;position: absolute;right:0px;left:0;top:17px;padding:0px;z-index: 3;border:1px solid #43515c;cursor: pointer}
.units span{padding: 5px 0px;display: block}
.units span:hover{background-color:#262d33;}
.table tr td.green span:hover,.table tr td.green span:hover span{color:#aaff00; font-weight: bold;}
.table tr td.magenta span:hover,.table tr td.magenta span:hover span{color:#FF1B87; font-weight: bold;}
.tradefive-inner .table td{padding-top:3px;padding-bottom:1px}
.border-bottom{float: left;margin-top: 6px;white-space: nowrap}
.trade-title{font-size:16px;font-weight:bold;color:#cccccc}
.orderform {
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border-left:6px solid #000;
	background:#262d33;
}
.trade-div{
	padding:5px 20px 0px 20px;
	width: 42.5%;
}
.stopLimitOrder .trade-div{
	padding:0px 20px 0px 20px;
	width: 42.5%;
    margin-top:5px;
}
.bid-div{height:20px;line-height:20px;margin-bottom:6px;color:#cccccc}
.bid-div label{color:#808385}
.orderform .filed input{display:inline-block;background:none;
	border:1px solid #404B55;height:22px;text-align:left;color:#fff;vertical-align:middle;background-color: rgb(47,56,63);
	font-size:12px;padding:0 32px 0 8px;
	position:relative;z-index:3;
	box-sizing: border-box;
	width: 160px;float: right;text-transform: uppercase;

}
.orderform .filed select,.UserInfo select{display:inline-block;
	border:1px solid #404B55  !important;height:22px;text-align:left;color:#fff;vertical-align:middle;
    background-color: rgb(47,56,63) !important;
	font-size:12px;padding:0 32px 0 8px;
	position:relative;z-index:3;
	box-sizing: border-box;
	width: 160px;float: right;
    background: transparent url(../Images/dropdown2.png) no-repeat scroll right;

}
.orderform .marketOrder .filed input[readonly]{background:#2c343b;border-color:#2c343b;}
.orderform .marketOrder .filed input[readonly]:hover{border-color:#2c343b;cursor:not-allowed;}
.orderform .marketTip{color:#cdcdcd;position:absolute;left:69px;top:-1px;z-index:99;}
.orderform .marketOrder .filed.bigright label{right:8px;}
.orderform .marketTip:hover{cursor:not-allowed;}
.orderform .jiantou{position: absolute;top:1px;bottom: 1px;right: 1px;border:1px solid #323b43;color:#d4d4d4;background-color:#3b464f;font-size: 12px;z-index: 10}
.orderform .jiantou i{display: block;padding: 0 5px;margin: 0;height: 11px;line-height: 12px;font-size: 12px;}
.orderform .jiantou i:hover{color:#e8b342;background-color: #424c55}
.orderform .jiantou i:first-child{border-bottom:1px solid #323b43;height: 8px;line-height: 11px;}

.orderform .filed{height:22px;margin-bottom:2px;position:relative;line-height: 22px;}
.orderform .filed input:hover{border-color:#deac37;}
.orderform .filed label{display:inline-block;vertical-align:middle;line-height:28px;color:#808385;position:absolute;right:8px;top:0;cursor: text;z-index: 9}
.orderform .filed.bigright label{right: 28px}
.orderform s{text-decoration:line-through ;color:#999999}
.orderform .field.percent{margin-bottom: 16px;}
.orderform .field.percent .iptwrap{width: 160px;float: right}
.orderform .field.percent .col{display:inline-block;width:37px;height:18px;border:1px dashed #424c55;font-size:12px;color:#D4D4D4;text-align:center;line-height:20px;cursor:pointer;}
.orderform .field.percent .col:last-of-type{margin:0;}
.orderform .field.percent .col:hover{color:#deac37 ;border-color: #deac37 }
.orderform .field.marketGroup{margin-bottom: 1px;}
.orderform .field.marketGroup .iptwrap{width: 200px;float: right}
.orderform .field.marketGroup .col{display:inline-block;float: right;width:37px;height:18px;border:1px dashed #424c55;font-size:12px;color:#D4D4D4;text-align:center;line-height:20px;cursor:pointer;}
.orderform .field.marketGroup .col:last-of-type{margin:0;}
.orderform .field.marketGroup .col:hover{color:#deac37 ;border-color: #deac37 }
.orderform .field:after{content: "";display: inline-block;clear: both}


.filed .lable{
	color: #AFAFAF;
	text-align: right;}
.total-div{color:rgb(175,175,175);font-size:12px;padding-bottom:5px;white-space: nowrap;max-width:240px;text-overflow: ellipsis;overflow: hidden}
.total-div .highLight{color:#cdcdcd;position: relative}
.total-div label{display: inline-block;width: 58px;}
.subbtn-gold{background-color:#deac37}
.jszb-lists{position:absolute;top:25px;z-index:9;padding:20px 15px;padding-bottom:10px;width:190px;background:#3b4752;}

.detail-lb .table td{color:#D4D4D4;}
.gold{color:#deac37;cursor: pointer;}
.gold:hover{color:#dfad26}
.detail-lb .btn{    
    background-color: rgb(47, 56, 63);
    cursor: pointer;
    line-height: 100%;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    border-image: initial;
    padding: 4px 5px;
    margin: 0px 0px;
    outline: 0px;}
.samll{font-size:12px;position: relative;}
.sanjao{position:absolute;font-size:12px;top:-10px}

#chart_container {color: #fff;font-family:"din_light",Arial,sans-serif;padding:0;height:calc(100% - 27px)}
.chart {position:relative;outline: none;}
.chart canvas{position:absolute;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}

#depth {
	width:100%;
	height:100%;

	/*box-shadow: 0 0 10px #000;*/
}
.box-inner:after{display: block;height:100%;clear:both;content:'\020';}
.box-inner{zoom:1;}
#depth canvas {
	position: absolute;
	cursor: none;
	/* Disable user selection of anything */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.box-inner{height:100%;width:100%;}
.selectsym{font-size:13px;text-align:center;line-height:62px;height:62px;color:#fff;float:left; padding:0 2px 0 2px;position: relative;border-left: 1px solid #000;border-right: 1px solid #000}
.selectsym input{font-size:13px;vertical-align:middle;}
.selectsym .products-list li{/*height: 30px;line-height: 30px;*/}
.selectsym .products-list li.cur{background:rgba(244,186,17,.2);font-weight:bold;}
.products *{box-sizing:border-box;}
.products{
	z-index:99;

	right:0px;
	top:40px;
	position:absolute;
	box-shadow: 3px 3px 3px #000;

}
.products .jiantou{
	position: absolute;
	z-index: 2000;
	top:-5px;
	right: 30px;
	line-height: 0;
}
.selectsym:hover{background-color: #151a1e}
.selectsym .products-list{background-color:#151a1e;border:1px solid #000;white-space: nowrap }
.selectsym>span,.selectsym .tab label{cursor: pointer}

.selectsym ul li{cursor:pointer;border-bottom: 1px solid #1d242a;font-size: 12px;}

/**
.selectsym ul li span{display: inline-block}
.selectsym ul li span:nth-child(1){width: 87px;padding-right: 9px;}
.selectsym ul li span:nth-child(2){width: 169px;padding-left: 4px}
.selectsym ul li span:nth-child(3){width: 80px}
.selectsym ul li span:nth-child(4){width: 110px}
**/

.selectsym ul li{display:flex;}
.selectsym ul li span{display: inline-block;float:left;}
.selectsym ul li span:nth-child(1){width: 8%;padding-right: 9px;}
.selectsym ul li span:nth-child(2){width: 27%;padding-left: 4px}
.selectsym ul li span:nth-child(3){width: 25%}
.selectsym ul li span:nth-child(4){width: 20%}
.selectsym ul li span:nth-child(5){width: 20%}

.empty-div{width:50px;height:30px;}
.activeTxtDefault{color:#e4e4e4;font-size:13px;font-weight:normal;/**padding:5px;**/margin-right:0;display:block !important;width:100% !important;}
.activeTxt{color:#e8b342 !important;}

.selectsym ul.tableBody  li:hover{background-color: #2b2c27}
.selectsym ul.tableBody  li:hover span:nth-child(1){color: #deac37}

.pic-sym-yellow {
	background: url(../Images/jiantou_03_03.png)no-repeat center;
	display: inline-block;
	width: 10px;
	height: 16px;

	padding: 2px 2px;
	transition-property:transform;
	transition: 0.5s;
	position: relative;
	top: 5px;
	right: 5px;
	backface-visibility: hidden;

}
.opacity{opacity: 0}

.selectsym.isOpened .rotat{transform:rotate(180deg)}
.selectsym.isOpened{background-color: #151a1e}
/*langs*/
.lang{
	float: left;
	line-height: 74px;
	height: 62px;
	border-left: 1px solid #000;
	/*padding: 0 5px 0 5px;*/
	position: relative;
	font-size: 14px;
}
.langs{
	width: 110px;
	position: absolute;
	left: 0px;
	top: 40px;
	z-index: 1;
}
.lang i{margin-left: 5px;}
.lang.isOpened,.lang:hover{background-color: #151a1e}
.lang.isOpened .rotat{transform:rotate(180deg)}
.lang ul {
	background: #151a1e;
	border: 1px solid #000000;
	margin: 0 -1px;
	z-index: 99;
}
/*.lang ul li {
	height: 30px;
	line-height: 32px;
	color: #ccc;
	cursor: pointer;
	padding: 0 9px;
	border-bottom: 1px solid #1f262c;
}*/
.lang label{margin-right: 3px;}
#langSpanI span label i{margin-right:4px;font-size:16px;}
.open-title .btn.cur{    
    background-color: rgb(47, 56, 63);
    color: rgb(245, 188, 0);
    cursor: pointer;
    line-height: 100%;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(240, 185, 11);
    border-image: initial;
    padding: 4px 5px;
    margin: 0px 2px;
    outline: 0px;}
.chart-title .btn.cur{    
    background-color: rgb(47, 56, 63);
    color: rgb(245, 188, 0);
    cursor: pointer;
    line-height: 100%;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(240, 185, 11);
    border-image: initial;
    padding: 4px 5px;
    margin: 0px 2px;
    outline: 0px;}
/*鐧婚檰灞�*/
.login-box{text-align:center;padding:30px 122px;}
.login-box .error-info{height:30px;line-height:30px;color:#e14d54;text-align:center;}
.login-box .title{position:relative;width:100%;margin-top:22px;}
.login-box .title span{font-size:16px;color:#b1b1b1;padding:0 30px;background:#151a1e;position:relative;z-index:9;}
.login-box .title:after{content:" ";display:inline-block;width:100%;height:1px;background:#1c2227;position:absolute;left:0;top:50%;}
.login-box form .filed{margin:0 auto;margin-bottom:12px;position:relative;width:331px;}
.login-box form .filed .loginicon{position:absolute;left:10px;top:10px;}
.login-box form .filed>input{display:inline-block;vertical-align:middle;width:281px;padding:0 10px 0 40px;;height:38px;border:1px solid #32363d;background:#32363d;color:#fff;font-size:14px;}
.login-box form .filed>input.googleInput{padding-left:10px;width:311px;}
.login-box form .filed>input.smsInput{padding-left:10px;width:189px;}
.login-box form .filed input[type=submit]{border:none;border-radius:0;-webkit-transition:all 0.5s linear;width:333px;height:38px;padding:0;text-align:center;line-height:38px;background:#deac37;color:#fff;font-size:18px;cursor:pointer;}
.login-box form .filed input[type=submit]:hover{background:#deac37;}
.login-box form .filed input[type=submit]:active{box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.login-box form .filed input[type=submit][disabled]{background-color:#1c1c1f;color:#4f4f50;cursor:not-allowed;}
.login-box .side{color:#9b9b9b;margin-top:15px;}
.login-box .side a,.login-box .side a:visited{color:#deac37;}
.login-box .nc_scale{height:40px;background:#26292f;}
.login-box .nc-container .nc_scale span{font-size:16px;height:38px;line-height:38px;background:#32373e;border-color:#393e46;}
.login-box .nc_iconfont.btn_slide{height:38px!important;background:#32363d;border-color:#393e46;}
.login-box .nc-container .imgCaptcha{top:41px;}
.login-box .nc-container .nc_scale .nc_ok, .login-box .nc-container .nc_scale .nc_bg{background:#66bb6a;color:#fff;font-size:14px;}
.login-box .nc-container .nc_scale .scale_text2{font-size:14px;color:#fff;text-align:center;}
.login-box .nc_iconfont.btn_slide.btn_warn{color:#ff0000;background:#393e46;}
.login-box .nc-container .nc_scale .imgCaptcha{padding:10px;width:313px;border:none;}
.login-box .nc-container .imgCaptcha .imgCaptcha_text{height:auto;margin:0;line-height:40px;}
.login-box .nc-container .imgCaptcha .imgCaptcha_text input{height:36px;margin:0;padding:0 10px;line-height:36px;border:none;color:#333;border:1px solid #d4d4d4;}
.login-box .nc-container .imgCaptcha .nc_scale_submit{height:40px;width:100%;line-height:40px;background:#e8b342;margin-top:10px;}
.login-box .nc-container .imgCaptcha .imgCaptcha_btn{margin:0;padding:0;}
.login-box .nc-container .imgCaptcha .imgCaptcha_btn{width:100%;}
.login-box .nc-container .imgCaptcha .imgCaptcha_img{height:38px;margin:0;}
.login-box .nc_iconfont.nc_btn_1{top:20px;right:10px;}
.login-box .nc-container .nc_captcha_img_text{color:red;padding-bottom:0}
.login-box .nc-container .imgCaptcha .imgCaptcha_text input:focus{color:#333;}
.verify{width:330px; margin:0 auto;text-align:center;}
.verify .filed{margin-bottom:0!important;}
.verify .title{margin-bottom:30px!important;}

.verify .Validform_checktip{height:20px;line-height:20px;}
.verify .ipt{width:308px;height:38px;line-height:38px;padding:0 10px;border:1px solid #d4d4d4;}
.verify .ipt[readonly]{background:#f3f3f3;color:#999;}
.verify .label{font-size:12px;color:#666;line-height:1.8;}
.verify .btns{margin-bottom:14px;width:100%;}
.verify .btn{padding:0 12px;height:40px;line-height:40px;vertical-align:middle;}
.verify .btns .btn{padding:0;width:166px;box-sizing:border-box;height:40px;line-height:40px;text-align:center;margin-left:-1px;vertical-align:middle;}
.verify .btn.btn-grey{background:#32363d;width:115px;padding:0;border-radius:0;}
.verify .btns .btn.cur{background:#e8b342;color:#fff;}
.loginicon{display:inline-block;width:19px;height:19px;background:url("../Images/login-icons.png")no-repeat;}
.loginicon.icon-email{background-position:-1px 3px;}
.loginicon.icon-pwd{background-position:-4px -50px;}
/*杈撳叆妗嗙殑 閿欒鏍峰紡*/
[name=price].ng-dirty.ng-invalid-required,[name=price].ng-dirty.ng-invalid-pattern{border-color:#f24957 !important;border-width:1px;border-style:solid;background: #151a1e;}

#pageLoading{background-color: #000;width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 10000}
.showHand{
	cursor:auto !important;
}

.layui-layer.confirm-class {
	background: rgba(53,54,58,0.7);
	color: #fff;
	border: none;
	border-radius: 4px;
}

.font-close {
	position: absolute;
	top: 10px;
	right: 6px;
	cursor: pointer;
	color: #c4c4c4;
}

#zjcc_con tr{cursor: pointer;}

.date{line-height: 62px;font-size: 12px;    color: #D4D4D4;}

.layui-layer-page .layui-layer-content{overflow: visible !important;}

.netbad{
	position: absolute;
	width:100%;
	height:30px;
	line-height:30px;
	background-color: #fff100;
	color:#7a7a7a;
	font-size:14px;
	z-index:100;
	top: 0;
	left: 0;
	text-align: center;
}
.refresh-span{
	color:#17afed;
	cursor:pointer;
}
.center-a{
	display: inline-block;
	margin-top: -5px;
}
.layui-layer{width: auto !important;}
.bnbdiscount{position: absolute;background-color: #151a1e;padding: 10px;right: 10px;bottom:24px;z-index: 333;width: 250px;box-shadow:#000 3px 3px 3px;line-height:16px;text-align:left;}
.bnbpayment-div{color:#eeeeee;text-align: right;position: relative;padding: 10px 0;}
.bnbpayment-div .bnbdiscount{padding: 8px }
.border-bottom .table tr th,.border-bottom .table tr td{padding:1px 7px;}
.zjcc  .table tr th:nth-last-child(1),.zjcc .table tr td:nth-last-child(1){padding-right: 13px;}
.error{padding-top: 2px;}
#klinecon{    background: #262d33;}

.flag{display:inline-block;width:18px;height:12px;background-image:url('../Images/flags.png');    vertical-align: middle;}
.flag-cn{background-position:0 0;}
.flag-en{background-position:0 -21px;}
.flag-kr{background-position:0 -42px;}
.flag-ru{background-position:0 -63px;}
.flag-jp{background-position:0 -84px;}
.flag-es{background-position:0 -105px;}
.flag-de{background-position:0 -146px;}
.flag-th{background-position:0 -126px;}
.flag-fr{background-position:0 -167px;}
.gray{color:#999999}
.grayEven{color:#454545}
.orderTop{color:#fff;text-align: right;border-bottom: 1px solid #323c45;height: 33px;line-height: 33px;margin: 0 10px;}

.depthbg{background-color:#2e363d}
.depthctrl{height: 24px;line-height: 24px;}
.depthctrl:after{content: "";display: block;clear: both}
.depthctrl label{display: inline-block;width: 26px;height: 18px;margin-top: 3px;margin-left: 5px;cursor:pointer}
.depthctrl .sellbuy{background: url('../Images/buysell_03.jpg')}
.depthctrl .sellbuy.cur{background: url('../Images/buysell-1_03.jpg')}
.depthctrl .buy{background: url('../Images/buy_03.jpg')}
.depthctrl .buy.cur{background: url('../Images/buy-1_03.jpg')}
.depthctrl .sell{background: url('../Images/sell_03.jpg')}
.depthctrl .sell.cur{background: url('../Images/sell-1_03.jpg')}

.tradefive .ask table{position: absolute;bottom: 0;left: 0;width: 100%}
.tradefive .cur table,.depths .other table{position: absolute}
.tradefive .depths-wrap {
	transition: height .3s;
	-moz-transition: height .3s;
	-webkit-transition: height .3s;
	-o-transition: height .3s;
}
.tradefive .depths-wrap table tr {
	height:14px;
}
.tradefive .depths-wrap.cur {
	overflow-y: auto;
	overflow-x: hidden;
	height:calc(100% - 76px) !important;
	display: block;
}
.tradefive .depths-wrap.cur table tr {
	height:25px
}
.tradefive .depths-wrap.other {
	height: 0 !important;
}
.transMoney{color:#e8b342;font-size: 18px;}


.filters .iconfont-upsjsmall,.filters .iconfont-downsjsmall{font-size: 12px;vertical-align: middle;margin-right: 0}
.filters ul{position: absolute;left:0px;top:23px;z-index: 110;background-color: black;color: #d4d4d4;white-space: nowrap;box-shadow: 1px 1px 10px rgba(0,0,0,0.35)}
.filters ul li{list-style-type:none;padding: 4px 10px;text-align: left;min-width: 32px;font-weight:400;}
.filters ul li:hover{background-color: #2f3841;}
.filters span label{cursor: pointer}
.detail-lt .filters ul {
    background-color:black;
}
.selectedPro{background:rgba(244,186,17,.2);font-weight:bold;}
#divLoading{background-color:rgba(38,45,51,0.8);position: absolute;width: 100%;height: 100%;top:0;left: 0}
#divLoading .spinner {height: 30px;}
#divLoading .spinner > div {
	height: 100%;
	width: 3px;
	margin: 0 2px;

}
th.cancels .btn{border:1px solid #465461;}
th.cancels .iconfont-downsjsmall{position:relative;display:inline-block;width:10px;height:12px;line-height:12px;vertical-align:bottom;margin:0;}
th.cancels .iconfont-downsjsmall .cancelType{position:absolute;top:18px;right:-1px;min-width:120px;z-index:-1;opacity:0;padding-top:2px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
th.cancels .iconfont-downsjsmall:hover .cancelType{opacity:1;z-index:99;}

.cancelType ul{background:#3b4752;box-shadow:2px 2px 4px rgba(0,0,0,0.5);}
.cancelType ul li{padding:0 10px;font-size:12px;color:#999;text-align:center;line-height:22px;border:1px solid #465461;border-top:none;}
.cancelType ul li:first-of-type{border-top:1px solid #465461;}
.cancelType ul li:hover{background:#2b2c27;}
.color-white {color:#fff}

/*btnTrade*/

.green {
	color: #8ec919 !important;
}
green:hover {
	color:#7cb902 !important; font-weight: bold; 
}


.blue {
	color: #20acea !important;
}

.yellow {
	color: #deac37 !important;
}
.magenta{
	color:#ff007a !important;
}

.importantInfo p{color:#fff;margin-top:24px;margin-bottom:6px;}
.importantInfo p .iconfont{font-size:16px;vertical-align:text-top;color:#ff0000;}
.color-white{color: #fff}
.duigou{display:inline-block;width:13px;height:10px;background:url(../Images/duigouTm.png);position: absolute;top: 11px;left: 5px;}
.lang ul li {
    height: 30px;
    line-height: 32px;
    color: rgb(212,212,212);
    cursor: pointer;
    position:relative;
    padding-left: 23px;
    border-bottom: 1px solid #1f262c;
}
    .lang ul li a {
        color: rgb(212,212,212);
    }

.orderform .filed .legalMoney{padding:4px 6px;font-size:12px;color:#fff;border-radius:3px;display:none;    
	position: absolute;
	top:-44px;
	left:95px;
	z-index:99999;
    border: 1px solid rgba(0,0,0,1);
    background: #424c55;
}
.orderform .filed .legalMoney:before{
	content:" ";
	border: 6px solid transparent;
	border-top-color:#424c55;
	position:absolute;
	bottom:-12px;
	left:50%;
	margin-left:-5px;
	z-index:999;
}
.orderform .filed .legalMoney:after{
	content:" ";
	border: 6px solid transparent;
	border-top-color:rgba(0, 0, 0, 1);
	position:absolute;
	bottom:-13px;
	left:50%;
	margin-left:-5px;
	z-index:99;
}
.orderform .filed input:focus+.legalMoney{display:block;}
.geetestLoading{width:100%;height:38px;padding:0;text-align:center;line-height:38px;font-size:14px;color:#fff;background:#1c1c1f;}

/*myCustom*/
.formcustom {
    top: 1px;
    bottom: 1px;
    right: 1px;
    border: 1px solid rgb(64,75,85) !important;
    color: #fff !important;
    background-color: rgb(50,60,69);
    font-size: 12px;
    z-index: 10;
    height:22px !important;
}
.display_none
{
    display:none;
}
.FDSOpenPositionList-tbody {
    overflow-x:auto;
    overflow-y:hidden;
}
.f-14 {
    font-size:14px;
}
.tableTradeBox {
    background: rgb(32, 38, 43);
    border-bottom: 1px solid rgb(0, 0, 0);
    border-top: 1px solid rgb(0, 0, 0);
}
    .tableTradeBox tr th,.tableTradeBox tr td {
         border-right: 1px solid rgb(0, 0, 0);
             /* max-width: 100%; */
        /*white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle;
        padding:7px 0px;*/
    }
.tableTradeTFoot {
    background: rgb(32, 38, 43);
    border-bottom: 1px solid rgb(0, 0, 0);
    border-top: 1px solid rgb(0, 0, 0);
}
    .tableTradeTFoot tr th,.tableTradeTFoot tr td {
         border-right: 1px solid rgb(0, 0, 0);   
         font-size:14px;         
    }
.detail-rb .f-fl.trade-div {
    border-right:1px solid rgb(64,75,85);
}
.UserInfo *{box-sizing:border-box;}
.UserInfo{
	z-index:99;
    background: #151a1e;
    border: 1px solid #000;
	right:0px;
	top:40px;
	position:absolute;
    padding:5px 10px;
    width:340px;

}
    .UserInfo .products-list {
        background: #1b2125;
        border:none !important;
    }
.UserInfo .jiantou{
	position: absolute;
	z-index: 2000;
	top:-5px;
	right: 30px;
	line-height: 0;
}
    .UserInfo p {
        color:#ccc;
        text-align:left;
    }
.tbodyTradeBox tbody tr {
    height: 27px;
    left: 0px;
    /* position: absolute; */
    top: 0px;
    width: 847px;
    pointer-events: auto;
    overflow: hidden;
    padding-right: 0px;
    cursor: pointer;
    border-bottom: 1px solid rgb(0, 0, 0);
}
    .tbodyTradeBox tbody tr td {
        text-overflow: ellipsis;
        white-space: normal;
        max-width: 18px;
        overflow: hidden;
    }
.translog .hitCeil {
    color: #f0f !important;
    border:none;
    font-size:12px;
}
.translog .gainer {
    color: #8ec919;
    border:none;
    font-size:12px;   
}
.translog .unchange {
        color: #e8b342;
        border:none;
        font-size:12px;
}
.translog .loser {
     color: rgb(190, 0, 86) !important;
     border:none;
     font-size:12px;
}
.translog .hitFloor {
        color: #6cf !important;
        border:none;
        font-size:12px;
}
.translog .none_color {
    color: #D4D4D4 !important;
    border:none;
    font-size:12px;
}
.translog .loser:hover {
    color: rgb(255, 27, 135) !important;
    font-weight:bold;
}
.translog .hitFloor:hover {
        color: #48CCFF !important;
        font-weight:bold;
}
.translog .hitCeil:hover {
    color: rgb(230, 0, 255) !important;
    font-weight:bold;
}
.translog .gainer:hover {
    color: rgb(122, 201, 25) !important;
    font-weight:bold;
   
}
.translog .unchange:hover {
        color: #e8b342 !important;
        font-weight:bold;
}
.translog .none_color:hover {
    color: #fff !important;
    border:none;
    font-size:12px;
}
#tblTransLog tr td {
    font-size:12px;
}
.detail-lb .subbtn-green{background:#70a800;}
.detail-lb .subbtn-red{background:#ea0070;}
.color999 {
    color: #999999 !important;
}
.icon-help{display:inline-block;background:url(../Images/ic_userguide@1x.png);}
/*---------------Begin Modern -----------------*/
.Modern .translog .hitCeil {
    color: #f0f !important;
    border:none;
    font-size:12px;
}
.Modern .translog .gainer {
    color: #8ec919 !important;
    border:none;
    font-size:12px;   
}
.Modern .translog .unchange {
        color: #e8b342 !important;
        border:none;
        font-size:12px;
}
.Modern .translog .loser {
     color: rgb(190, 0, 86) !important;
     border:none;
     font-size:12px;
}
.Modern .translog .hitFloor {
        color: #6cf !important;
        border:none;
        font-size:12px;
}
.Modern .translog .none_color {
    color: #D4D4D4 !important;
    border:none;
    font-size:12px;
}
.Modern .translog .loser:hover {
    color: rgb(255, 27, 135) !important;
    font-weight:bold;
}
.Modern .translog .hitFloor:hover {
        color: #48CCFF !important;
        font-weight:bold;
}
.Modern .translog .hitCeil:hover {
    color: rgb(230, 0, 255) !important;
    font-weight:bold;
}
.Modern .translog .gainer:hover {
    color: rgb(122, 201, 25) !important;
    font-weight:bold;   
}
.Modern .translog .unchange:hover {
        color: #e8b342 !important;
        font-weight:bold;
}
.Modern .translog .none_color:hover {
    color: #fff !important;
    border:none;
    font-size:12px;
}
.Modern .tradefive .depthWrong{position:relative;width:20px;}
.Modern .tradefive .depthWrong p{opacity:0;
	font-size:12px;
	color:#666;
	padding:4px 10px;
	background:#fff;
	box-shadow:0 0 10px rgba(255,255,255,0.3);
	position:absolute;
	left:50%;
	top:-5px;
	z-index:-1;
	white-space: nowrap;
	-webkit-transform:translate(-50%,-100%);
	-moz-transform:translate(-50%,-100%);
	-o-transform:translate(-50%,-100%);
	-ms-transform:translate(-50%,-100%);
	transform:translate(-50%,-100%);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.Modern .tradefive .depthWrong:hover p{opacity:1;z-index:99;}
.Modern .tradefive-inner{overflow:hidden;position:relative;font-family:Arial;}
.Modern .tradefive-inner .trade-sale{position:absolute;left:0;bottom:0;}
.Modern .tradefive-inner .bottom{position: absolute;bottom:0px}
/*.tradefive.iswrong .table td,.tradefive.iswrong .table td:hover span{color:#D4D4D4 !important;font-weight:normal;}*/
.Modern .tradefive.iswrong td.magenta,.tradefive.iswrong .magenta{color:rgba(234,0,112,0.8)!important;}
.Modern .tradefive.iswrong td.green{color:rgba(112,168,0,0.8)!important;}
.Modern .tradefive.iswrong td.green:hover {
    color:#7cb902; font-weight: bold;
}
.Modern .tradefive.iswrong td.magenta:hover span {
    color: rgb(255, 27, 135) !important;
    font-weight:bold;
}
.Modern .tradefive.iswrong td.green .gray {color:rgba(192,214,163,0.8)!important;}
.Modern .tradefive.iswrong .transMoney{color:rgba(232,179,66,0.8)!important;}
/*---------------End Modern -----------------*/
/*---------------Begin Classic -----------------*/
.Classic .translog .hitCeil {
    color: #ff00ff !important;
    border:none;
    font-size:12px;
}
.Classic .translog .gainer {
    color: #8ec919 !important;
    border:none;
    font-size:12px;   
}
.Classic .translog .unchange {
        color: #e8b342 !important;
        border:none;
        font-size:12px;
}
.Classic .translog .loser {
     color: rgb(190, 0, 86) !important;
     border:none;
     font-size:12px;
}
.Classic .translog .hitFloor {
        color: #6cf !important;
        border:none;
        font-size:12px;
}
.Classic .translog .none_color {
    color: #D4D4D4 !important;
    border:none;
    font-size:12px;
}
.Classic .translog .loser:hover {
    color: rgb(255, 27, 135) !important;
    font-weight:bold;
}
.Classic .translog .hitFloor:hover {
        color: #48CCFF !important;
        font-weight:bold;
}
.Classic .translog .hitCeil:hover {
    color: rgb(230, 0, 255) !important;
    font-weight:bold;
}
.Classic .translog .gainer:hover {
    color: rgb(122, 201, 25) !important;
    font-weight:bold;
   
}
.Classic .translog .unchange:hover {
        color: #e8b342 !important;
        font-weight:bold;
}
.Classic .translog .none_color:hover {
    color: #fff !important;
    border:none;
    font-size:12px;
}
.Classic .tradefive .depthWrong{position:relative;width:20px;}
.Classic .tradefive .depthWrong p{opacity:0;
	font-size:12px;
	color:#666;
	padding:4px 10px;
	background:#fff;
	box-shadow:0 0 10px rgba(255,255,255,0.3);
	position:absolute;
	left:50%;
	top:-5px;
	z-index:-1;
	white-space: nowrap;
	-webkit-transform:translate(-50%,-100%);
	-moz-transform:translate(-50%,-100%);
	-o-transform:translate(-50%,-100%);
	-ms-transform:translate(-50%,-100%);
	transform:translate(-50%,-100%);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.Classic .tradefive .depthWrong:hover p{opacity:1;z-index:99;}
.Classic .tradefive-inner{overflow:hidden;position:relative;font-family:Arial;}
.Classic .tradefive-inner .trade-sale{position:absolute;left:0;bottom:0;}
.Classic .tradefive-inner .bottom{position: absolute;bottom:0px}
/*.tradefive.iswrong .table td,.tradefive.iswrong .table td:hover span{color:#D4D4D4 !important;font-weight:normal;}*/
.Classic .tradefive.iswrong td.magenta,.tradefive.iswrong .magenta{color:rgba(234,0,112,0.8)!important;}
.Classic .tradefive.iswrong td.green{color:rgba(112,168,0,0.8)!important;}
.Classic .tradefive.iswrong td.green:hover {
    color:#7cb902; font-weight: bold;
}
.Classic .tradefive.iswrong td.magenta:hover span {
    color: rgb(255, 27, 135) !important;
    font-weight:bold;
}
.Classic .tradefive.iswrong td.green .gray {color:rgba(192,214,163,0.8)!important;}
.Classic .tradefive.iswrong .transMoney{color:rgba(232,179,66,0.8)!important;}
/*---------------End Classic -----------------*/
.dialogDivPB {
    top:120px;
}
.dialogDivNoPB {
    top:10px;
}
#ConfirmAuthenticateAcc a:hover {
    color: #f3ba2e;
    text-decoration: underline;
}
.span_none {
    display: inline-block;
    font-size: 14px;
    color: #ccc;
    height: 30px;
    line-height: 30px;
    padding: 0px !important;
    cursor: pointer;
    border-right: none !important;
}
    .span_none a:hover {
        color: #f3ba2e;
        text-decoration:underline;
    }
.tooltipfds {
  position: relative;
  display: inline-block;  
  text-align:right;
  width:17px;
}
.SearchAddSymbol {
    text-transform:uppercase;
    width: 73%;
    padding: 0.6rem 1rem;
    font-size: 12px;
    color: #fff !important;
    background-clip: padding-box;    
    border-radius: 0.25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
    /*rgb(47,56,63)*/
    background-color: #303030;
    border: 1px solid #404B55 !important;
}
.ShowHidePriceboard { 
    /*width: 136px;*/   
    font-size: 12px;
    padding-top:5px !important;
    color: #fff !important;
    background-clip: padding-box;    
    border-radius: 0.25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
    /*rgb(47,56,63)*/
    background-color: #303030;
    border: 1px solid #404B55 !important;
}
.tooltipfds .tooltiptext {
  visibility: hidden;
  width: 230px;
  background-color: whitesmoke;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  top: 95%;
  margin-left: -70px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 999999 !important;
}
.tooltipfds:hover .tooltiptext {
  visibility: visible;
}
.detail-lt.fullChart {
   height: 106% !important;
    width: 100%;
    margin-top: -39px;
}

#tv_chart_container iframe {
    height:100% !important;
}
#tv_chart_VN30_container iframe {
    height:100% !important;
}

#tv_chart_VN100_container iframe {
    height:100% !important;
}

#bodyProTradeRootLayout .button6 {
    background-color: #70a800;
    border: 1px solid #70a800;
}
#bodyProTradeRootLayout .button6:hover, #bodyProTradeRootLayout .button2:focus {
        background: #70a800;
    }

   #bodyProTradeRootLayout .button6:disabled {
        cursor: not-allowed!important;
        background: #70a800;
    }

   #bodyProTradeRootLayout .btnSubmitBuy {
    background: #70a800;
    border: 1px solid #70a800;
}
  #bodyProTradeRootLayout .btnSubmitBuy:hover, #bodyProTradeRootLayout .btnSubmitBuy:focus {
        background: #70a800;
        border: 1px solid #70a800;
    }

   #bodyProTradeRootLayout .btnSubmitBuy:disabled {
        background: #70a800;
        border: 1px solid #70a800;
    }
#bodyProTradeRootLayout .btnSubmitSell {
    background: #ff007a;
    border: 1px solid #ff007a;
}
#bodyProTradeRootLayout .btnSubmitSell:hover, #bodyProTradeRootLayout .btnSubmitSell:focus {
    background: #ff007a;
    border: 1px solid #ff007a;
}

#bodyProTradeRootLayout .btnSubmitSell:disabled {
    background: #ff007a;
    border: 1px solid #ff007a;
}
#bodyProTradeRootLayout .btnXLS {
    background: #70a800;
    border: 1px solid #70a800;
}

#bodyProTradeRootLayout .btnXLS:hover,#bodyProTradeRootLayout .btnXLS:focus {
    background: #70a800;
    border: 1px solid #70a800;
}
#bodyProTradeRootLayout .fdsborderbottombuy {
    border-bottom-color: #70a800 !important;
}

#bodyProTradeRootLayout .fdsborderbottomsell {
    border-bottom-color: #ff007a !important;
}
#bodyProTradeRootLayout .btnGreen {
    background: #70a800;
    border: 1px solid #70a800;
}

#bodyProTradeRootLayout .btnGreen:hover,#bodyProTradeRootLayout .btnGreen:focus {
        background: #70a800;
        border: 1px solid #70a800;
    }
#bodyProTradeRootLayout .btnRed {
    background: #ea0070;
    border: 1px solid #ea0070;
}

#bodyProTradeRootLayout .btnRed:hover,#bodyProTradeRootLayout .btnRed:focus {
        background: #ea0070;
        border: 1px solid #ea0070;
}
#bodyProTradeRootLayout .btnReset {
    font-weight:400;
    height: 22px;
    text-transform:none;
}

#bodyProTradeRootLayout h1 {
    border-top:none;
}
#DropdownStatusOrderList {
    display: inline-block;
    border: 1px solid #f3ba2e !important;
    height: 23px;
    text-align: left;
    color: #fff;
    vertical-align: middle;
    background-color: rgb(47,56,63) !important;
    font-size: 12px;
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    width: 90px;
    float: right;
    background: transparent url(../Images/dropdown2.png) no-repeat scroll right;
}
#ul_tab_stopLimitOrder li {
    padding:0px 10px;
}
.orderform .filed input:disabled {
    cursor: not-allowed;
}
.trade-div-custom{
	padding:5px 20px 0px 20px;
	width: 42.5%;
}
#BBBuyOrderForm .trade-div-custom {
        border-right: none !important;
}
#tab_BBBuyOrderForm ,#tab_BBSellOrderForm{
    vertical-align: sub;
    margin: 10px 17px;
    margin-right: 7px;
}
#tab_BBBuyOrderForm:checked + label,#tab_BBSellOrderForm:checked + label {
    color:#f3ba2e;
}
#Dialog_Alert {
    background: rgb(40, 40, 40);
}
#Dialog_Alert .ui-dialog .ui-dialog-content {
    background: #282828;
}
#Dialog_Alert .ui-dialog .ui-dialog-title {
    /*2AB884*/
    color:#faa51d;
     padding-left:13px !important;
}
#Dialog_Alert .ui-dialog-titlebar {
    border-bottom: 2px solid #faa51d !important;
}
#Dialog_Alert .buttonOK, .ui-dialog-buttonset button {
    background: transparent;
    border: none;
    float: right;
    color: #70a800;
}

.divindex {
    float: right; 
    border-right: 1px solid #000; 
    margin-right: 30px;
    height:62px;    
}
.divindex table {
    font-size: 12px;
    margin-top:14px;
}
.linkultil {
    text-decoration:none !important;
    line-height:62px
}
.divlinkultil {
    float: right; 
    cursor: pointer; 
    border-left: 1px solid #000; 
    padding: 0px 4px;
    height:62px;
    line-height:62px;
}
.Reload {
    float: right; 
    cursor: pointer;     
    padding: 10px 4px;
    height:29px;    
}

.divstockinfor table {
    margin-top:12px
}
.divdatetime {
    line-height: 18px; text-align: center;margin-top:12px;
}
.QttyMatch {
    font-family: Arial;
}
.numSpan {
    display: inline-block;
    width: 100%;
    text-align: right;
}
.numActive {
    padding-left: 1px;
    /*padding-top: 4px;*/
    font-weight: normal;
    background: url("../Images/plus2.png");
    cursor: pointer;
    width:14px;
    text-align: right;
}

span.numSpan:hover {
    font-weight:bold
}
input[type="password"] {color: #333}
#priceBoardView table tr td, #priceBoardView table tr th {
    border:1px solid #505050!important;
}

@media screen and (max-width: 1280px) {
    .FDSOpenPositionList .customsymbol {
        width:8% !important;
    }
    .FDSOrderList .customsymbol {
        width:5% !important;
    }
    .FDSWaitToMatchOrderList .customsymbol {
        width:6% !important;
    }
    .FDSMatchOrderList .customsymbol {
        width:9% !important;
    }
    .FDSOrderStopLimit .customsymbol {
        width:6% !important;
    }
}
.hoverForm {
    position:relative;
    top:1px;
    left:1px;
}

.tooltipForm {
  top:-1px;
  background-color:black;
  color:white;
  border-radius:5px;
  opacity:0;
  position:absolute;
  -webkit-transition: opacity 0.5s;
  -moz-transition:  opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition:  opacity 0.5s;
  transition:  opacity 0.5s;
}

.hoverForm:hover .tooltipForm {
    opacity:1;
}

#noticeYSOTP a:hover {
    text-decoration:underline;
    color: red;
}

#noticeYSOTP a {
    color: red;
    border:none;
}

#noticeInstallPlugin p {
    margin:0px;
}

.btnDownload {
    background: #faa51d !important;
    border: 1px solid #faa51d !important;
    padding: 0.25rem 1rem;
    cursor:pointer;
    border-radius: 0.25rem !important;
    height:30px;
    font-weight: normal;
    text-transform:uppercase;
    width: 200px;
    color:white !important;
    font-weight:bold;
}
.btnDownload:hover {
    background-color:#E07A00 !important;
}

a:focus-visible {
outline: none;
}

/* Scale for medium screens */
@media (min-width: 601px) and (max-width: 1024px) {
    .LoginF_banner {
        padding-top: 10px;
    }
        .LoginF_banner img {
            width: 23%;
        }
    .footer_new_item {
        margin-top: 5px;
    }
    .newui_divinput2 {
        margin-top:0px;
    }
    .newui_wrapper {
        margin-bottom: 20px;
    }
    .newui_generaldiv {
        margin-top: 25px;
    }
   .newui_wrapper_resepass .newui_generaldiv {
        margin-top: 60px;
        margin-bottom:20px;
    }
}