#lhkexw-turnover div {
    position: relative;
    float: left;
}
#lhkexw-turnover .upval {
    color: #54AC7A;
}
#lhkexw-turnover .downval {
    color: #F4364C;
}
#lhkexw-turnover .oddrow {
    background-color: #F2F6F8;
}
#lhkexw-turnover  {
    height: 330px;
    background-color: #FFFFFF;
    color: #10416c;
    font-size: 0.875rem;
}
#lhkexw-turnover .titlerow {
	background-color: #ffffff;
    width: 100%;
    height: 47px;
    float:none;
}
#lhkexw-turnover .titlerow .colorStroke {
    width: 4px;
    height: 100%;
    background-color: #E72742;
}
#lhkexw-turnover .titlerow .title {
	color:#10416c;
    height: 47px;
    line-height: 47px;
    font-weight: 700;
    font-size: 1rem;
    padding-left: 26px;
}
#lhkexw-turnover .update {
	color:#777777;
	line-height: 12px;
	position: absolute;
	bottom:6px;
	left:30px;
	display: none;
}
#lhkexw-turnover .conpane{float:none ;}
#lhkexw-turnover .leftpane {
    width: 40%;
    height: 283px;
    border-right: 1px solid #D1DDE6;
}
#lhkexw-turnover .leftpane .boardbox {
    width: 100%;
    padding: 30px 20px 10px 20px;
}
#lhkexw-turnover .leftpane .boardbox .mainboard {
    width: 50%;
}
#lhkexw-turnover .leftpane .boardbox .gemboard {
    width: 50%;
}
#lhkexw-turnover .leftpane .boardbox .label {
    width: 100%;
    text-align: center;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}
#lhkexw-turnover .leftpane .boardbox .tnover {
    width: 100%;
    text-align: center;
    font-size: 1.125rem;
}
#lhkexw-turnover .leftpane .boardbox .tnover .unit {
    font-weight: normal;
}
#lhkexw-turnover .leftpane .boardbox .tnover .value {
    font-weight: bold;
}
#lhkexw-turnover .leftpane .marketbox {
    margin-top: 5px;
    position: initial;
}
#lhkexw-turnover .leftpane .marketbox .headerrow {
    width: 100%;
    padding: 0 10px;
    color: #626262;
    line-height: 25px;
    margin-bottom:5px;
}
#lhkexw-turnover .leftpane .marketbox .datarow {
    width: 100%;
    padding: 6px 10px;
    height: 45px;
    line-height: 18px;
}
#lhkexw-turnover .leftpane .marketbox .market {
    width: 34%;
}
#lhkexw-turnover .leftpane .marketbox .headerrow .day .label {
    float: right;
    line-height: 16px;
}
#lhkexw-turnover .leftpane .marketbox .headerrow .night .label {
    float: right;
    line-height: 16px;
}
#lhkexw-turnover .leftpane .marketbox .day {
    width: 33%;
    text-align: right;
}
#lhkexw-turnover .leftpane .marketbox .headerrow .day .icon {
    float: right;
    width: 10px;
    height: 10px;
    background: url('../images/Sun.png') no-repeat center center;
/*    background-size: cover;*/
    margin: 19px 3px 0 0;
}
#lhkexw-turnover .leftpane .marketbox .night {
    width: 33%;
    text-align: right;
}
#lhkexw-turnover .leftpane .marketbox .headerrow .night .icon {
    float: right;
    width: 10px;
    height: 10px;
    background: url('../images/Moon.png') no-repeat center center;
/*    background-size: cover;*/
    margin: 19px 3px 0 0;
}
#lhkexw-turnover .leftpane .marketbox .value.market {
    font-weight: bold;
}
#lhkexw-turnover .leftpane .marketbox .value .contracts {
    font-weight: bold;
}
#lhkexw-turnover .leftpane .marketbox .value .unit {
}

#lhkexw-turnover .leftpane .lastupdate {
    height: 45px;
    line-height: 45px;
    padding: 0 19px;
    font-size: 0.6875rem;
    color: #5C5C5C;
    display:none;
}
#lhkexw-turnover .rightpane {
    width: 60%;
    height:283px;
}
#lhkexw-turnover .titlestock{padding:20px 0 0 10px;}
#lhkexw-turnover .titlestock .titlesct{font-weight: bold;}
#lhkexw-turnover .rightpane .connectbox {
    width: 100%;
    height: 78px;
    border-bottom: 2px solid #E8EEF2;
    padding: 28px 20px 0px 20px;
    line-height: 20px;
}
#lhkexw-turnover .rightpane .connectbox .connecttab {
    width: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 1.125rem;
    height: 49px;
    color: #777777;
}
#lhkexw-turnover .rightpane .connectbox .connecttab.selected {
    border-bottom: 4px solid #F4364C;
    color: #13426B;
}
#lhkexw-turnover .rightpane .ssconnectbox {
    width: 100%;
    position: initial;
}
#lhkexw-turnover .rightpane .ssconnectbox .header {
    width: 100%;
    height: 50px;
    padding-top: 15px;
    border-bottom: 2px solid #E8EEF2;
}
#lhkexw-turnover .rightpane .ssconnectbox .header .title {
	font-size:0.85rem;
    font-weight: bold;
    padding: 0 10px;
    line-height: 30px;
}
#lhkexw-turnover .rightpane .ssconnectbox .header .legend {
    float: right;
    line-height: 30px;
    padding: 0 10px;
}
#lhkexw-turnover .rightpane .ssconnectbox .header .legend .col_buy,.col_sell {
    width: 9px;
    height: 9px;
    margin-top: 10px !important;
}
#lhkexw-turnover .rightpane .ssconnectbox .header .legend .col_buy {
    background-color: #24803D;
}
#lhkexw-turnover .rightpane .ssconnectbox .header .legend .col_sell {
    background-color: #E72742;
}
#lhkexw-turnover .rightpane .ssconnectbox .header .legend div {
    margin: 0 0 0 6px;
}
#lhkexw-turnover .rightpane .ssconnectbox .detail {
    width: 100%;
    padding: 0 10px;
}
#lhkexw-turnover .rightpane .ssconnectbox .detail .row {
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#lhkexw-turnover .rightpane .ssconnectbox .detail .row .type{
}
#lhkexw-turnover .rightpane .ssconnectbox .detail .row .bound {
	width:105px;
}
#lhkexw-turnover .rightpane .ssconnectbox .detail .row .value {
	width:115px;
}
#lhkexw-turnover .rightpane .ssconnectbox .detail .row .sb_pers{
	width:calc(100% - 240px);
}
#lhkexw-turnover .rightpane .szconnectbox {
    width: 100%;
}
#lhkexw-turnover .rightpane .szconnectbox .header {
    width: 100%;
    height: 50px;
    padding-top: 15px;
    border-bottom: 2px solid #E8EEF2;
}
#lhkexw-turnover .rightpane .szconnectbox .header .title {
	font-size:0.85rem;
    font-weight: bold;
    float:none;
    padding: 0 10px;
    line-height: 30px;
}
#lhkexw-turnover .rightpane .szconnectbox .detail {
    width: 100%;
    padding: 0 10px;
}
#lhkexw-turnover .rightpane .szconnectbox .detail .row {
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#lhkexw-turnover .rightpane .szconnectbox .detail .row .type{
}
#lhkexw-turnover .rightpane .szconnectbox .detail .row .bound {
	width:105px;
}
#lhkexw-turnover .rightpane .szconnectbox .detail .row .value {
	width:115px;
}
#lhkexw-turnover .rightpane .szconnectbox .detail .row .sb_pers{
	width:calc(100% - 240px);
}

/* trueover */
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
body { background-color:#d1dde6;}
ul,li{ list-style-type:none; padding:0; margin:0;}

/* turnover */
#lhkexw-turnover .leftpane .lastupdate span{ display:none;}
#lhkexw-turnover .rightpane .connectbox .connecttab{ cursor:pointer;}
#lhkexw-turnover .rightpane .titlerow{height:80px;}
#lhkexw-turnover .rightpane .titlerow .titlesct{font-weight: bold;margin:60px 0 0 20px;}
#lhkexw-turnover .lastdate{color:#777777;font-size: 0.7rem;padding:0 10px;position: absolute;bottom:3px;}
.rp_title{ display:none;}
.topal{ display:none;}
.topal.selected{ display:block;}
.perval{ width:45px;}
.loading{ background:#eee;width: 130px;height: 10px;margin-top:10px; position:relative;}
.progress{height: 10px; position:absolute; left:0;
	background: -webkit-linear-gradient(left, #FCDB2B,#FBB533); 
	background:-moz-linear-gradient(0deg, #FCDB2B, #FBB533); 
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FCDB2B,endcolorstr=#FBB533,gradientType=1); 
	background: -o-linear-gradient(#FCDB2B,#FBB533); 
}
.pers{color:#F4364C;margin-right:5px;}
.perb{color:#7ED321;}
.loading_sb{ width:100%; height: 8px;margin-top:10px; position: relative !important;}
.loading_sb .linecenter{ background: #000; width:1px; height:15px; position: absolute; left:50%;top:-3px; z-index: 6; transform: translate(-50%,0);}
.loading_sb .centerarea{width:40%; height:8px; position: absolute !important; left:50%;top:0; z-index: 5; transform: translate(-50%,0);}
.loading_sb .centerbox{width:100%; position: absolute !important;left:50%;}
.loading_sb .sell,.loading_sb .buy{ background:#E72742; float:none !important; height: 8px; position: absolute !important;left:0;}
.loading_sb .buy{ background:#24803D; float:none !important; height: 8px; position: absolute !important;;left:0;}
.loading_sb .sell span{ float:left; position: relative;}
.loading_sb .buy span{float:right; position: relative;}
.loading_sb .sell span abbr{color:#E72742;font-size: 0.6875rem;line-height:10px; position: absolute;top:0; right: 5px;}
.loading_sb .buy span abbr{color:#24803D;font-size: 0.6875rem;line-height:10px; position: absolute; left: 5px;}

@media screen and (max-width: 1000px) {
	/* turnover */
	#lhkexw-turnover{width:660px; margin: 0 auto;}
	#lhkexw-turnover .titlerow { background: #10416c;}
	#lhkexw-turnover .titlerow .title{color:#ffffff;}
	#lhkexw-turnover .titlerow .update{color:#ffffff;left:24px;}
	#lhkexw-turnover .leftpane { width: 282px;}
	#lhkexw-turnover .leftpane .lastupdate{ line-height:140%; padding-top:5px;}
	#lhkexw-turnover .leftpane .lastupdate span{ display:block;}
	#lhkexw-turnover .rightpane {width: 378px;}
}
@media screen and (max-width: 767px) {	
	/* turnover */
	#lhkexw-turnover{width:100%;}
        #lhkexw-turnover .titlerow .title{padding-left: 18px;}
	#lhkexw-turnover .leftpane{background:#fff; width:100%; height:auto; border-right:0;}
	#lhkexw-turnover .leftpane .boardbox {padding: 20px 20px 10px 20px;}
	#lhkexw-turnover .leftpane .lastupdate{ text-align:center; display:none; width:100%; position:absolute; bottom:-485px; z-index:5;}
	#lhkexw-turnover .rightpane{width:100%;height:auto;padding-bottom:10px;}
	#lhkexw-turnover .rightpane{ background:#fff;width:100%;}
	#lhkexw-turnover .rightpane .connectbox{ line-height:140%; height:55px; padding:15px 10px 0px 10px;}
	#lhkexw-turnover .rightpane .connectbox .connecttab{ font-size:0.6875rem; height:40px;}
	#lhkexw-turnover .rightpane .ssconnectbox .detail{ padding:0 10px;}
	#lhkexw-turnover .rightpane .ssconnectbox .header{ height:auto; padding:10px; border:0;}
	#lhkexw-turnover .rightpane .ssconnectbox .header .title{ line-height:16px; text-align:center; width:100%; padding:0 10px;}
	#lhkexw-turnover .rightpane .ssconnectbox .header .legend{ font-size:0.6875rem; line-height:14px; text-align:center; width:100%; padding:0 10px;}
	#lhkexw-turnover .rightpane .ssconnectbox .header .legend div{ display:inline-block; float:none;}
	#lhkexw-turnover .rightpane .ssconnectbox .detail .row{ text-align: center; height:auto;}
	#lhkexw-turnover .rightpane .ssconnectbox .detail .row .bound{ display: inline-block; float:none !important;width:auto;}
	#lhkexw-turnover .rightpane .ssconnectbox .detail .row .value{ display: inline-block; float:none !important;width:auto;}
	#lhkexw-turnover .rightpane .ssconnectbox .detail .row .sb_pers{width:100%;}
	#lhkexw-turnover .rightpane .szconnectbox .header{ height:auto; padding-top:15px; border:0;}
	#lhkexw-turnover .rightpane .szconnectbox .header .title{ text-align:center; width:100%; padding:0 10px;}
	#lhkexw-turnover .rightpane .szconnectbox .detail{ padding:0 10px;}
	#lhkexw-turnover .rightpane .szconnectbox .detail .row{text-align: center; height:auto;}
	#lhkexw-turnover .rightpane .szconnectbox .detail .row .bound{ display: inline-block; float:none !important;width:auto;}
	#lhkexw-turnover .rightpane .szconnectbox .detail .row .value{ display: inline-block; float:none !important;width:auto;}
	#lhkexw-turnover .rightpane .szconnectbox .detail .row .sb_pers{width:100%;}
	#lhkexw-turnover .rightpane .titlestock{float:none;height:auto;padding:0;}
	#lhkexw-turnover .rightpane .titlestock .titlesct{ text-align: center;float:none;padding:0;margin:20px 0 0 0;}
	#lhkexw-turnover .lastdate{text-align: center;width:100%;padding:5px 0;position: initial;}
	.loading_sb{width:100%;margin-left:0;}
	.sb_nr{ text-align:center; width:100%;}
	.sb_nr div{ display:inline-block; float:none !important;}
	.sb_pers{ text-align:center; width:100%;}
	.sb_pers .pers{display:inline-block; float:none !important;}
	.sb_pers .perb{display:inline-block; float:none !important;}
	.sb_pers .loading_sb{display:inline-block; float:none !important;}
	.dqr_pers{ text-align:center; width:100%;}
	.dqr_pers .perval{display:inline-block; float:none !important;}
	.dqr_pers .loading{display:inline-block; float:none !important;}
	.rp_title{ font-size:0.6875rem; font-weight:bold; text-align:center; display:block; float:none !important; width:100%; padding-top:20px;}
}