/********************************* common *********************************/
html {
  -webkit-text-size-adjust: none;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 {line-height: 1.1em; font-weight: normal; }
address, cite, dfn, em, var {font-style: normal; }
code, kbd, pre, samp {font-family: courier new,courier,monospace; }
ul, ol {list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0;     -webkit-padding-start: 0;}
a {text-decoration: none; }
a:hover {text-decoration: none; }
legend {color: #000; }
fieldset,
img {
  border: 0;
  border: none;
 /* width:100%;*/
  display:block;
}
i{
    font-style:normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
button{
    -webkit-appearance: none;
    appearance:none;
    outline: none;
    border: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input {
  display: inline-block;
  height: 22px;
}
blockquote:before,
blockquote:after{
  content: '';
  content: none;
}
th,
td {
  margin: 0;
  padding: 0; 
  text-align: left;
  vertical-align: middle;
}
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
a:link , a:visited {
    text-decoration: none;
}
body {
  background: rgb(242, 242, 242);
  color: #333;
  line-height: 18px;
}
label , input{
    margin:0;
    font-weight:normal;
}
.clearfix {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  zoom: 1;
}
.clear:before,
.clear:after {
  display: table;
  line-height: 0;
  content: '';
}
.clear:after {
  clear: both;
}
.wrap-history{
    width:1000px;
    height:100%;
    margin:0 auto;
}
.his-common{
    font:12px arial, verdana, 宋体;
    color:#999;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
/*tophead-nav 微调 index.html中的头部样式*/
.sitelist{
    width: 100%;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    background: #061d3e;
}
.wrap_site_list{
    width: 1000px;
    margin: 0 auto;
    background: #061d3e;
}
.site_left{
float: left;
}
.site_right{
float: right;
}
.homeicon{
    display: block;
    float: left;
    margin-top: 9px;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    background: url(../image/icon/home.png);
}
.xinfeng{
    display: inline-block;
    /* float: left; */
    margin-top: 9px;
    margin-right: 10px;
    /* padding-left: 10px; */
    width: 13px;
    height: 10px;
    background: url(../image/icon/xinfeng.png);
}
.site_left a{
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:0 4px;
}
.site_left a:first-child{
    padding-left:10px;
}
.site_left>a:hover {
    text-decoration: underline;
}
.helloAuther{
    width: 92px;
    white-space: nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
}
.messagebox-new{
    top:30px!important;
}
.site_right>a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 0 21px;
    width: 92px;
    white-space: nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    /*overflow:hidden;*/
    /* display: inline-block; */
    border-right: 1px solid #384a65;
    /* height: 25px; */
    /* line-height: 30px; */
    /* margin: 0; */
    /* text-align: center; */
    /* height: 30px; */
}
.site_right>a:hover {
    text-decoration: underline;
}
.common-ad-wrap{
    width:100%;
    background: #fff;
}
/*tophead-导航栏*/
.head-logo{
    width:100%;
    min-width:1000px;
    height:75px;
    background-color:#fff;
    margin-top:30px;
}
.his-logo{
    position:relative;
}
.wrap-logo{
    float:left;
    left:0;
    width:auto;
    height:100%;
}
.hq-history-logo{
    width:282px;
    height:36px;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-20px;
}
.wrap-adv{
    float:right;
}
.adv-1{
    width:450px;
    height:60px;
    float:left;
    margin:7.5px 1px 0 0;
    overflow:hidden;
}
.adv-2{
    width:240px;
    height:60px;
    float:right;
    margin:7.5px 0 0 0;
    overflow:hidden;
}
.adv-1 >a img ,.adv-2 >a  img{
    width:100%;
    height:100%;
    display:block;
}
.matal{
    width: 100%;
    min-width:1000px;
    background-color:#fdfdfd;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
 }
.matal-category{
    width: 1000px;
    margin: 0 auto;
    padding:10px 0;
}
.matal-category li{
    list-style: none;
}
.matal-category>ul{
    overflow:hidden;
}
.matal-category li a{
    list-style: none;
    float: left;
    font-style: normal;
    font-size: 12px;
    line-height: 20px;
    width: 50px;
    border-right: 1px solid #e1e1e1;
    text-align: center;
    text-decoration: none;
    color: #333;
}
.matal-category li a:hover{
    color: #D7000f;
}
.his-crumbs{
    margin:20px 0;
    position:relative;
}
.his-crumbs>a, .his-backHref>a{
    color:#999;
    font-weight:lighter;
}
.his-crumbs>a:hover , .his-backHref>a:hover{
    text-decoration: underline;
}
.his-crumbs:before{
    content:"您的所在位置：";
}
.his-content{
    background:#fff;
    font-weight:lighter;
    padding:20px;
    min-height:412px;
}
.his-content-nav{
    margin:-20px -20px 0 -20px;
}
.his-nav-ul{
    font-size:14px; 
    color:#666;
    line-height:1.5;
    display: -webkit-box;
    display: -ms-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    background:rgb(252, 252, 252);
    width: 100%;
}
.his-nav-ul>li{
    -moz-box-flex:1; 
    -webkit-box-flex:1; 
    -o-box-flex:1;
    box-flex:1;
    border-bottom:1px solid #e1e1e1;
    text-align:center;
    width:100px\9;
    float:left\9;
}
.his-nav-ul>li>a{
    display:block;
    width:100%;
    color:#666;
    padding:10px 0;
    position:relative;
}
.borderR{
    position:absolute;
    top:0;
    right:0;
    margin-top:10px;
    width:1px;
    height:20px;
    background-color:#e1e1e1;
}
.his-nav-ul li:last-child .borderR{
    display:none;
}
.his-nav-ul>li>a:hover , 
.his-nav-ul>li.active a{
    color:#d7000f;
}
.his-nav-ul>li>a:hover .borderB ,
.his-nav-ul>li.active .borderB{
    display:block;
}
.borderB{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:3px; 
    background-color:#d7000f;
    display:none;
}
.history-date{
    font-size:12px;
    color:#333;
    height:30px;
    overflow:hidden;
    margin-right:30px;
}
.his-date{
    width:130px;
    background-color:#fff;
    color:#333;
    margin-bottom:0;
    position:relative;
}
.his-date:first-child{
    padding-left:60px;
    width:190px;
}
.his-date:first-child:before{
    content:"历史价格：";
    position:absolute;
    top:0;
    left:0;
    line-height:30px;
    font-weight:700;
}
.metal_weight{
    width:100%;
    height:18px;
}
/*.input-group{
    width:130px!important;
}*/
.his-date:last-child{
    padding-left:0;
    width:130px;
}
.his-date:last-child:before{
    content:"";
}
.form-control{
    height:30px;
}
.recently-btn{
    color:#333;
}
.recently-btn:before{
    content:"最近：";
}
.recently-btn:after{
    content:"＊历史数据保留最近3年";
    font-size:12px;
    color:#999;
}
.mysettlement-recently:after{
    content:"＊历史数据保留最近3年";
    font-size:12px;
    color:#999;
}
.recently-btn>span{
    display:inline-block;
    color:#999;
    width:80px;
    height:30px;
    text-align:center;
    line-height:26px;
    border:2px solid #d8d8d8;
    margin-right:10px;
    cursor: pointer;
}
.history-pdt{
    margin:20px 0;
    position:relative;
}
.history-pdt:before{
    content:"产品：";
    color:#333;
    display:inline-block;
    width:60px;
    text-align:left;
    margin:5px 0 0;
    font-weight:700;
    height:18px;
    line-height:18px;
    position:absolute;
    top:0;
    left:0;
}
.his-pdt-ul{
    width:960px;
    /*overflow-y:auto;*/
    padding-left:60px;
    position:relative;
    min-height:30px;
}
.pdt-nav-content.pdt-hide li{
    display:none;
    list-style-type: none;
}
.his-pdtall{
    max-height:155px;
    overflow:auto;
}
.history-pdt li{
    width:240px;
    float:left;
    display:inline-block;
    height:18px;
    margin:5px 0;
}
.his-pdt-ul .his-pdtall>li{
    width:25%;
    float:left;
    list-style-type:none;
}
.his-pdt-ul label{
    height:18px;
    width:95%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-weight:lighter;
}
.his-pdt-ul input[type="checkbox"]{
    vertical-align:middle;
    margin:-1px 5px 0 0;
}
.input-group-addon{
    padding:6px;
    font-size:12px;
}
.form-control{
    padding:6px;
}
.search_time , .input-group-addon{
    border-radius:0;
}
.input-group{
    /*margin-bottom:0!important;*/
}
.history-content-search{
    margin:30px 0;
    overflow:hidden;
}
.date-text{
    width:10px;
    height:1px;
    margin:14px 10px 0;
    background-color:#999;
}
.btn-red{
    display:inline-block;
    width:80px;
    height:30px;
    text-align:center;
    line-height:30px;
    background-color:#d7000f;
    color:#fff;
}
.btn-red:hover{
    background-color:#d82733;
}
.button-box{
    margin:20px 0 0 60px;
}
.button-box>p{
    margin:0 0 10px 0;
}


/*历史行情table*/
.his-tablebox{
    width:100%;
    max-height:650px;
    /*border:1px solid #e1e1e1;*/
    border-top:0;
    font-size:12px;
    color:#666;
    overflow-y: hidden\9;
    border:1px solid #ddd\9;
    background:#fafafa\9;
    overflow-x:auto\9;
}
.fixed-table-header th[data-field="field0"] {
    color:#e1e1e1;
}
.his-tablebox table tr:nth-child(2n-1){
    background-color:#fafafa;
}
.table-fixed{
    /*width:170px;*/
    width:17%;
    height:100%;
    top:0;
    left:0;
    position:relative;
}
/*.tableBorder{
    position:absolute;
    width:1px;
    height:100%;
    background-color:#e1e1e1;
    right:0;
    top:0;
}*/
.table-fixed>table{
    width:100%;
    border-top:3px solid #d7000f;
}
.table-fixed>table div{
    text-align:left!important;
    text-indent:10px;
}
.his-tablebox table td{
    height:34px;
    vertical-align: middle!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.fixed-table-header th>div{
    padding:8px 0!important;
}
.fixed-table-header th:last-child>div , .fixed-table-body td:last-child{
    padding:8px 8px 8px 0!important;
}
.container_ie .table_print tr , .container_ie .table_print td{
    padding-right:20px;
}
.his-tablebox table>tr:first-child , .table-settlement thead tr:first-child{
    font-weight:bold;
}
.his-tablebox table>tr:first-child{
    background-color:#e1e1e1!important;
    border-bottom:1px solid #e1e1e1;
}
.his-tablebox table div{
    min-width:170px;
    width:auto!important;
    /*text-align:right;*/
    position:relative;
}
.fixed-table-container thead th{
    border-left:0!important;
}
.table-fixed table div{
     width:100%;
}
.tableWrap{
    width:83%;
    /*max-height:560px;*/
    overflow-x:auto;
}
.table-content{
    min-width:100%;
    overflow-y:auto;
}
.table-content>table{
    min-width:100%;
    border-top:3px solid #d7000f;
}
.table-content>table tr:first-child , .table-fixed tbody tr:first-child{
    background:#e1e1e1;
}
.table-fixed tbody tr{
    border-right:1px solid #e1e1e1;
}
.table-fixed tbody tr:first-child{
    border-right:none;
}
.chart{
    display:inline-block;
    width:14px;
    height:11px;
    position:absolute;
    top:50%;
    right:0;
    margin-right:40px;
    margin-top:-6px;
    background:url(../image/hq_history/chart.png) no-repeat;
    background-size:100% 100%;
}
.container_ie{
    min-width:100%;
}
.container_ie tr>td{
    vertical-align:middle!important;
    text-align:right;
}
.his-tablebox .container_ie td{
    height:70px!important;
    width:170px!important;
}
.container_ie td>div{
    /*padding-right:20px;*/
    width:170px!important;
}
.container_ie .table-settlement thead tr:first-child{
    background-color:none!important;
}
.container_ie .table-content{
    padding:0 0 20px 0;
}
 .fixed-table-container thead th .th-inner{
    /*padding:8px 15px 8px 8px!important;*/
    text-align:right;
 }
 .fixed-table-container thead th:first-child .th-inner{
    padding:8px 15px 8px 8px!important;
 }
 .fixed-table-header-columns th div{
    text-align:left!important;
 }
/*.fixed-table-header-columns{
    width:100px!important;
}*/
 .fixed-table-header{
    background:#e1e1e1;
    margin-right:0!important;
    padding:0 10px 0 0;
 }
 .fixed-table-header div{
    float:right;
    right:5px;
 }
.chart~span{
    cursor:pointer;
    color:#5A99E0;
}

.his-table{
    margin:20px 0 0;
}
.his-tool{
    margin:20px 0 0px;
    height:22px;
    height:32px\9;
    line-height:22px;
}
.btn-load{
    display:inline-block;
    width:20px;
    height:20px;
    background:url(../image/hq_history/load.png) no-repeat;
    background-size:100% 100%;
    width:32px\9;
    height:32px\9;
    margin-left:10px;
}
.btn-print{
    display:inline-block;
    width:20px;
    height:20px;
    background:url(../image/hq_history/print.png) no-repeat;
    background-size:100% 100%;
    width:32px\9;
    height:32px\9;
    margin-left:10px;
}
.his-rule{
    font-size:12px;
    color:#999;
    margin-top:10px;
}
.his-rule p{
    padding-left:70px;
    position:relative;
    font-weight:lighter;
}
.his-rule p:before{
    position:absolute;
    top:0;
    left:0;
    content:"＊法律声明：";
}
.smm-foot{
    margin:40px auto 80px;
}
.smm-foot>p{
    font-size:12px;
    color:#999;
    text-align:center;
}
.his-chose-pdt{
    line-height:30px;
    position:relative;
    padding:0 60px;
    margin:15px 0 30px;
}
.his-chose-pdt:before{
    content:"结算商品：";
    font-size:12px;
    color:#333;
    font-weight:700;
    position:absolute;
    top:0;
    left:0;
}
.icon-edit{
    display:inline-block;
    font-size:12px;
    color:#999;
    padding-right:20px;
    background:url(../image/hq_history/edit.png) no-repeat top 7px right 0;
    background:url(../image/hq_history/edit.png) no-repeat\9;
    padding-left:20px\9;
    line-height:20px\9;
    margin-top:5px\9;
    background-size:18px 14px;
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
}
.his-active>span{
    display:inline-block;
    border:2px solid #e1e1e1;
    padding:0 7px;
    font-size:12px;
    color:#666;
    height:30px;
    line-height:26px;
    cursor:pointer;
}
.his-active>span.active{
    border:2px solid #d7000f;
    color:#333;
    background:url(../image/hq_history/redicon.png) no-repeat bottom 0 right 0;
    background-size:12px 12px;
}
.his-edit{
    min-height:30px;
}
.his-edit>span{
    margin:0 5px 5px 0;
}
.his-pdt-name{
    font-size:14px;
    color:#333;
    height:20px;
    line-height:20px;
}
.his-cycle-date{
    position:relative;
    padding-left:120px;
}
.his-cycle-date>span{
    display:inline-block;
    vertical-align:top;
}
/*结算周期*/
.cyclebox{
    height:30px;
    line-height:30px;
    overflow:hidden;
    margin:15px 0 0;
    position:relative;
}
.cycle-right{
    position:relative;
    padding-left:60px;
}
.cycle-right:before{
    content:"结算周期：";
    position:absolute;
    top:0;
    left:0;
    line-height:30px;
    font-weight:700;
    color:#333;
    font-size: 12px;
}
.cycle-fastbtn>span{
    display:inline-block;
    width:80px;
    height:30px;
    text-align:center;
    line-height:26px;
    border:2px solid #d8d8d8;
    margin-right:10px;
    cursor: pointer;
}
.cycle-left{
    position:relative;
    padding-left:60px;
}
.cycle-left:before{
    content:"结算周期:";
    color:#333;
    font-size:12px;
    font-weight:700;
    position:absolute;
    top:0;
    left:0;
}
.cycle-data-input{
    width:50px;
    height:25px;
    color:#333;
}
.cycle-date>select{
    width:55px;
    height:22px;
}
.cycle-date>span{
    color:#333;
}
.cycle-borderB{
    height:15px;
    width:1px;
    background-color: #e1e1e1;
    margin:7.5px 30px;
}
.cycle-date{
    margin-left:15px;
}
/*结算编辑*/
.history-edit>div{
    border:1px solid #e1e1e1;
    width:300px;
    height:200px;
}
.history-edit>div>ul{
    width:100%;
    height:100%;
    overflow-y: auto;
}
.history-edit>div>ul>li{
    cursor:pointer;
    padding:0 10px;
}
.history-edit>div>ul>li.active{
    background-color:#e1e1e1;
}
.history-edit>div>ul>li:hover{
    background-color:#f2f2f2;
}
.history-edit>div.edit-left{
    width:200px;
    margin-right:10px;
}
.edit-left {
    position: relative;
}
.edit-left li{
    position:relative;
}
.edit-left li:after{
    content:">";
    position:absolute;
    top:50%;
    margin-top:-15px;
    right:20px;
}
.edit-right li{
    position:relative;
}
.edit-right li:after{
    content:"";
    width:12px;
    height:12px;
    background:url(../image/delete.png) no-repeat;
    background-size:100% 100%;
    margin:0 0 0 5px;
    position:absolute;
    top:50%;
    right:0;
    margin:-6px 30px 0 0;
    display:none;
}
.edit-right li:hover:after{
    display:inline-block;
}
.edit-middle ul li[data-status="0"]{
    display:none;
}
.history-edit>div.exchange{
    width:40px;
    height:200px;
    position:relative;
    border:0;
}
.exchange>span{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-15px;
    font-size:12px;
    color:#666;
    background:url(../image/hq_history/exchange.png) no-repeat left 0 bottom 0;
    background:url(../image/hq_history/exchange.png) no-repeat\9;
    padding-top:10px\9;
    background-size:19px 14px;
    padding-bottom:10px;
}
.history-edit{
    width:900px;
    display:none;
}
.edit-limit{
    margin-left:550px;
}
/*产品*/
.pdt-nav{
    width:100px;
    overflow:hidden;
    background-color:rgb(242, 242, 242);
    position:absolute;
    top:0;
    left:60px;
    border:1px solid #e1e1e1;
    min-height:182px;
}
.pdt-nav>span{
    width:100px;
    height:30px;
    line-height:30px;
    display:block;
    text-align:center;
    border:0;
    border-bottom:1px solid rgb(225, 225, 225);
    border:1px solid rgba(225, 225, 225);
    padding:0;
    margin:0!important;
    cursor:pointer;
}
.pdt-nav>span:last-child{
    border-bottom:0;
}
.pdt-nav-content{
    margin-left:110px;
    padding:0 20px;
    overflow-y: auto;
}
.pdt-nav-content .div-weight , .div-weight >ul{
    overflow:hidden;
}
.his-pdt-ul-nav{
    position:relative;
    min-height:182px;
}
.his-active.pdt-nav>span.active{
    background-color:#fff;
    border:0;
    background-image:none;

}
.tool-date>select{
    height:22px;
}
.disNone{
    display:none!important;
}
.pdt-single>span{
    display:inline-block;
    height:30px;
    line-height:26px;
    padding:0 10px;
    border:2px solid #e1e1e1;
    margin:0 5px 5px 0;
}
.tool-nav>span{
    font-size:14px;
    color:#666;
    display:inline-block;
    padding:10px 20px;
    cursor: pointer;
    border-bottom:2px solid transparent;
    margin-top:-10px;
}
.tool-nav>span:hover , .tool-nav>span.active{
    color:#333;
    border-bottom:2px solid #d7000f;
}
/*.dropdown-menu{
    left:250px!important;
    top:300px!important;
}
*/
.disClick{
    pointer-events: none;
    cursor: default;
}
.status-box{
    width:100%;
    height:300px;
    border:1px solid #e1e1e1;
    font-size:14px;
    color:#666;
    text-align:center;
    line-height:300px;
    margin-top:19px;
    background:#fafafa;
}
.status-box>p>a{
    color:#5A99E0;
    cursor:pointer;
}
.loading{
    width:100%;
    display:none;
}
.loading>img{
    width:240px;
    height:160px;
    margin:40px auto;
}
.export-year{
    padding-left:60px;
    position:relative;
}
.export-year:before{
    position:absolute;
    top:0;
    left:0;
    content:"年份：";
    font-size:12px;
    color:#333;
    line-height:30px;
}
.dateYear{
    height:30px;
}
.his-backHref{
    position:absolute;
    top:0;
    right:0;
}
.tool-dateYear{
    height:22px;
}
.container_ie .table-settlement{
    overflow-x:auto\9;
    max-height:630px\9;
}
.table-settlement , .table-settlement>table{
    width:100%;
    text-indent:20px;
}
.table-settlement tbody tr:first-child{
    background:#fafafa;
}
.his-tool , .his-tablebox , .his-rule , .settlement-status-login , .settlement-status-noneDate , .history-datebox , .history-pdt , .cyclebox , .his-chose-pdt , .export-year , .settlement-status-choose , .settlement-status-overdue , .loadingbox , .history-chart-metal{
    display:none;
}
.settlement-status-noneDate{
    margin-top:-20px;
}
.modal-dialog{
    margin-top:25%!important;
}
.edit-left .loading{
    position:absolute;
    top:0;
    left:0;
}
.loadingbox img , .product_loading img{
    margin:0 auto;
}
.his-pdt-ul .loading , .pdt-nav .loading , .product_loading{
    display:none;
}
.chartbox{
    float:right;
    right:5px;
}
.highchart{
    width:800px;
    height:580px;
    position:fixed;
    top:50%;
    left:50%;
    margin:-290px 0 0 -400px;
    background-color:#fff;
}
.close-location{
    margin:10px;
}
.highchartbox{
    width:800px;
    height:580px;
    padding:50px 30px 30px;
}
.sanjiao {
    position: absolute;
    top: 24px;
    left: 30px;
    width: 8px;
    height: 6px;
    display: none;
    background: url(../image/hq_history/duobianxing.png);
}
.messagebox:hover .sanjiao , .messagebox:hover .messagebox-new{
    display:block;
}
.fixed-table-body td{
    text-align:right;
    padding:8px 0!important;
}
.th-inner{
    width:170px;
    overflow:hidden;
}
.fht-cell{
    display:none!important;
    width:0!important;
    height:0!important;
}
.fixed-table-header-columns{
    z-index:10;
}
.fixed-table-header-columns tr th:first-child{
    z-index:10;
    background:#fafafa;
}
.fixed-table-header-columns  .th-inner {
    text-align:left;
}
@media (min-width: 1200px){
    .container {
        width: 960px;
    }
}
@media (min-width: 768px){
    .container {
        width: 960px;
    }
}
.keep-open , .toolbar.form-inline , .fixed-table-header-columns th:last-child {
    display:none!important;
}
.fixed-table-body-columns{
    height: 405px;
    top:44px!important;
    z-index:10;
    width:170px!important;
}
.scroll-system-mac{
    height:558px!important;
}
.bootstrap-table .table>thead>tr>th{
    border-bottom:0!important;
}
.fixed-table-header-columns table{
    border-right:1px solid #ddd;
}
#table td:first-child{
    text-align:left;
    text-indent:8px;
}
.fixed-table-body{
    border-bottom:1px solid #ddd;
}
.fixed-table-header tr , .fixed-table-header-columns th{
    background:#e1e1e1!important;
}
.fixed-table-header th:first-child > div{
    float:left!important;
}
.fixed-table-header , .fixed-table-header-columns{
    border-top:3px solid #d7000f!important;
}
.form-control{
    display:none;
}
.his-tablebox>.container{
    padding:0;
}
.fixed-table-container{
    height:600px!important;
}
.fixed-table-container thead th .both{
    background:url(../image/hq_history/list.png) no-repeat top 10px right 0!important;
}
.fixed-table-container thead th .asc{
    background:url(../image/hq_history/list_hover.png) no-repeat top 10px right 0!important;
}
.table>thead>tr>th , .bootstrap-table .table>thead>tr>th{
    border-bottom:0;
}
.dropdown-menu{
    margin-left:100px!important;
}
.fixed-table-container{
    border-bottom:0!important;
}
.btn-remove{
    display:inline-block;
    width:80px;
    height:30px;
    text-align:center;
    line-height:30px;
    border:1px solid #e1e1e1;
    color:#999;
    background:none;
}
.btn-remove:hover{
    border:1px solid #e1e1e1;
    color:#fff;
    background:#999;
}
.history-chart-metal{
    margin:30px -20px 0;
    padding-bottom:30px;
    border-bottom:2px solid #e1e1e1;
}
.select-metal{
    height:30px;
    min-width:70px;
    margin:0 10px 0 0;
}
.chart-price{
    height:30px;
    line-height:30px;
}
.chart-price input{
    vertical-align:middle;
    position:absolute;
    top:50%;
    left:0;
    margin:-11px 0 0 0;
}
.chart-price label{
    margin:0 10px 0 0;
    padding-left:15px;
    position:relative;
    display:inline\9;
    zoom:1;
}
.history-chart-metal > .history-datebox{
    margin:0 20px;
}
.chart-title:before{
   content:'走势图：'!important; 
}
.table-printbox{
    width:100%;
    position:relative;
}
.glyphicon-calendar{
    width:14px;
    height:14px;
    display:inline-block;
    background:url(../image/hq_history/cal.png) no-repeat\9;
    background-size:100% 100%\9;
}





.btn-icon{
    margin:0 10px;
    padding-left:18px;
    background:url(../image/hq_history/icon_blue.png) no-repeat top 3px left 0;
    background:url(../image/hq_history/icon_blue.png) no-repeat\9;
    background-size:16px 16px;
    display:inline-block;
    line-height:22px;
}
.explainbox{
   position:relative; 
}
.explain{
    display:none;
    position:absolute;
    bottom:0;
    left:50%;
    width:300px;
    margin:0 0 20px -160px;
    border:1px solid #ddd;
    box-shadow: 0 2px 5px #ccc;
    background:#fff;
    z-index:100;
    cursor:default;
}
.explainTitle{
    padding:10px;
    background:#e1e1e1;
    position:relative;
}
.explainTitle h4{
    font-size:14px;
    color:#333;
}
.explainTitle .explainclose{
    display: inline-block;
    width:16px;
    height:16px;
    background:url(../image/hq_history/close.png) no-repeat;
    background-size:100% 100%;
    position:absolute;
    top:50%;
    right:0;
    margin-top: -8px;
    margin-right:10px;
    cursor:pointer;
}
.explainContent{
    padding:10px;
    font-size:12px;
    line-height:1.5;
    color:#666;
    font-weight: normal;
}
.explainContent >p {
    margin-bottom:5px;
    text-align: justify;
}
.btn-opennew{
    color:#999;
    padding-right:18px;
    padding-right:0\9;
    background:url(../image/hq_history/hqprint.png) no-repeat top 2px right 0;
    background-size:16px 16px;
}
.btn-opennew:hover{
    color:#999;
}
@media print{
    body{
        color:#fff;
        background:#fff;
    }
    a::after{
        content:none!important;
    }
    .sitelist{
        position:initial;
    }
    .fixed-table-header-columns ,.fixed-table-header-columns>table , .fixed-table-header>table ,.fixed-table-body-columns>table , .fixed-table-loading{
        display:none;
    }
    .fixed-table-body , .fixed-table-container , .bootstrap-table ,#table , .his-tablebox , .table_printbox{
        height:520px!important;
        overflow:hidden;
    }
    
}