.hsgt-container{background:#fff;width:1000px;margin:0 auto}.hsgt-container .hsgt-header{position:relative;height:64px;text-align:center;padding-top:24px;font-size:18px;color:#333}.hsgt-container .hsgt-header .text{font-weight:500}.hsgt-container .hsgt-charts{height:319px}.hsgt-container .hsgt-box-header{height:25px;background:#ebeff3;line-height:25px}.hsgt-container .box-title-inactive{font-size:14px;color:#666;cursor:pointer;text-align:center;display:inline-block;width:100px;float:left}.hsgt-container .hsgt-box-title{display:inline-block;width:100px;text-align:center;color:#fff;background:#335d80;font-size:14px}.hsgt-container .north-chart,.hsgt-container .south-chart{width:50%;float:left;position:relative}.hsgt-container .north-chart .time,.hsgt-container .south-chart .time{position:absolute;font-size:12px;color:#999;top:55px;left:50px}.hsgt-container .north-chart .charts,.hsgt-container .south-chart .charts{border-right:1px solid #ebeff3}.hsgt-container .north-chart .no-br,.hsgt-container .south-chart .no-br{border-right:none}.hsgt-container .chart-title{font-size:12px;padding:5px 8px;color:#666}.hsgt-container .chart-title .desp{float:left;max-width:450px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hsgt-container .chart-title .bz{float:right;color:#999}.hsgt-container .charts{height:267px}.hsgt-container .hsgt-more{float:right;margin-right:10px;color:#09f;font-size:12px;cursor:pointer}.hsgt-container .hsgt-rank{border:1px solid #ebeff3;height:552px}.hsgt-container .tabs{position:relative}.hsgt-container .tabs .sep{position:absolute;width:1px;height:20px;top:3px;left:200px;background:#ccd7df}.hsgt-container .atohk,.hsgt-container .hktoa{height:263px;padding:5px 0}.hsgt-container .atohk{border-bottom:1px solid #ebeff3}.hsgt-container .hktosh,.hsgt-container .shtohk{border-right:1px dashed #f0f0f0}.hsgt-container .rank-container{height:100%;width:50%;float:left}.hsgt-container .rank-container .title{height:29px;padding:4px 0 6px;text-align:center;font-size:14px;color:#333}.hsgt-container .rank-container .table{white-space:nowrap;text-align:right;color:#333}.hsgt-container .rank-container .table .header{height:17px;background:#f2f5f8;line-height:17px;font-size:12px}.hsgt-container .rank-container .table .body{font-size:14px;padding-top:3px}.hsgt-container .rank-container .table .body .item{line-height:20px;height:20px;cursor:pointer}.hsgt-container .rank-container .table .body .item:hover{background:#fbf2f3}.hsgt-container .rank-container .table .red{color:#d4332f}.hsgt-container .rank-container .table .green{color:#258d01}.hsgt-container .rank-container .table .num{width:75px;padding-left:16px;text-align:left;float:left}.hsgt-container .rank-container .table .num .num-item{width:24px;text-align:center}.hsgt-container .rank-container .table .name{width:100px;text-align:left;float:left}.hsgt-container .rank-container .table .price{width:90px;float:left}.hsgt-container .rank-container .table .rate{width:114px;float:left}.hsgt-container .rank-container .table .sum{width:103px;float:left}.search-box{position:absolute;top:20px;right:0;width:266px;height:30px;border:1px solid #dcdcdc;text-align:left}.search-box .search-box-inp{font-size:14px;width:225px;height:100%;vertical-align:3px;padding:0 8px}.search-box .search-box-inp::-webkit-input-placeholder{color:#999}.search-box .search-box-inp:-ms-input-placeholder{color:#999}.search-box .search-box-inp::-moz-placeholder{color:#999}.search-box .search-box-inp::-ms-input-placeholder{color:#999}.search-box .search-box-inp::placeholder{color:#999}.search-box .search-box-icon{position:absolute;top:6px;right:12px;width:18px;height:19px}