.header {
    width：1400px;
}
.header .market-info{
 
}
.header .market-info .sub-code, .header .market-info .sub-time{
    color: inherit;
}
.header .nav-tab-menu{
    background: url(../img/bg1.png) top center/100% 175px no-repeat;
}
.header .market-info{
    /*background: #2b568c;*/
    height: 125px;
}
.header .market-info .sub-title{
    color: #fff;
}
.header .market-info .sub-trend-value {
    font-size: 28px;
    line-height: 40px;
    font-weight: bold;
}
.header .market-info .sub-trend-arrow {position: absolute;right: 0}
.header .market-info .sub-list-title, .header .market-info .sub-list-trend, .header .market-info .sub-list-detail .sub-value{
    border-right: 1px solid #fff;
    border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='10'%3E%3Cpolygon points='0,2 0,8 1,8 1,2' fill='%23999'/%3E%3C/svg%3E") 0 100%;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.header .market-info .sub-list-detail.end .sub-value, .header .market-info .sub-list-title.end{border-right: none}
.header .market-info .sub-list-detail {padding: 6px 0 6px 15px}
.header .market-info .sub-value{padding-right: 15px}

.header .market-info .sub-trend-size, .header .market-info .sub-trend-trend {
    right: 20px;
    line-height: 24px;
}
.header .market-info .sub-time {
    /*text-align-last: auto;*/
    margin-right: 4px;
}
.site-page{
    background-color: #f5f5f5;
}
.company-page.site-page .tab-list li.active a{background: var(--foreColor)}
.nav-tab-menu .nav-row{
    background: #fff;
    /*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);*/
    box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.nav-tab-menu li.has-child{background: none}
.nav-tab-menu li>a{line-height: 22px}
.nav-tab-menu .level-1{
    /*border-bottom: 1px solid #efefef;*/
    /*background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='2'%3E%3Cpolygon points='0,0 0,2 10,2 10,0' fill='rgba(180,180,180,0.4)'/%3E%3C/svg%3E") 0 100%/100% 1px no-repeat;*/
}
.nav-tab-menu .level-1 li{
    margin: 0 10px;
    padding: 0;
    /*height: 50px;*/
}
.nav-tab-menu .level-1 li.active{
    /*background: transparent;*/
    /*color: inherit;*/
    position: relative;
}
/*.nav-tab-menu .level-1 li.active>a{*/
/*    color: inherit;*/
/*    background: inherit;*/
/*}*/
/*.nav-tab-menu .level-1 li.active.has-child{*/
/*    height: 50px;*/
/*}*/
.nav-tab-menu .level-1 li.active::after{
    content: ' ';
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--foreColor);
    bottom: 0px;
    left: 0%;
}

.nav-tab-menu .level-2 li>a, .nav-tab-menu .level-3 li>a{
    padding: 5px 7px;
    border-radius: 3px;
    /*color: #000;*/
}
.nav-tab-menu .level-2 li.active>a, .nav-tab-menu .level-3 li.active>a{
    color: #fff;
    background: var(--foreColor);
}
/*.nav-tab-menu .level-2{background: transparent}*/
/*.header .nav-tab-menu .level-2 li {color: #000!important}*/
/*.nav-tab-menu .level-2 li a{*/
/*    padding: 7px;*/
/*    border-radius: 3px;*/
/*    !*color: #000;*!*/
/*}*/
/*!*.nav-tab-menu .level-2 li.active {*!*/
/*!*    font-weight: normal;*!*/
/*!*}*!*/
/*.nav-tab-menu .level-2 li.active a{*/
/*    color: #fff;*/
/*    background: var(--foreColor);*/
/*}*/
.box{
    display: flex;
    flex-wrap: wrap;
}
.box .box-header{
    position: relative;
    width: 100%;
}
.box .box-header-title{
    color: #000;
    /*border-left: 5px solid var(--foreColor);*/
    /*border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='10'%3E%3Cpolygon points='0,2 0,8 1,8 1,2' fill='%23ff9800'/%3E%3C/svg%3E") 0 100%;*/
    padding-left: 20px;
}
.box .btn-default{
    color: var(--foreColor);
    border-color: var(--foreColor);
}
.box .btn-primary{
    background: var(--foreColor)!important;
    border-color: var(--foreColor)!important;
}
.box a.download-btn{display: none}
.date-picker .date-picker__shortcut__item.active{border-bottom-color: var(--foreColor)}
.box .box-header-title::after{
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 26px;
    margin-top: 8px;
    background: var(--foreColor);
}
/*.box a.download-btn {*/
/*    border: 1px solid var(--foreColor);*/
/*}*/
.box .pagination > li > a:hover{color: var(--foreColor)}
.box .pagination>.active>a, .box .pagination>.active>a:focus, .box .pagination>.active>a:hover, .box .pagination>.active>span, .box .pagination>.active>span:focus, .box .pagination>.active>span:hover {
    background: var(--foreColor);
    border-color: var(--foreColor);
}
.box .box-table, .box .box-chart{width: 100%}
.box .nav-pills>li{
    background: transparent;
    border-right: 1px solid #ccc;
    border-radius: 0;
    padding: 0 10px;
    margin: 10px 0;
    min-width: auto;
}
.box .nav-pills>li:last-child{border-right: none; padding-right: 0}
.box .nav-pills>li.active {
    color: var(--foreColor);
    font-weight: bold;
    background: transparent;
}
/*.box-header-title{width: auto!important;margin-right: auto}!*部分title宽为100%，全部重置，给nav-pills留出位置*!*/
/*.company-page .unit{width: 100%!important;position: static!important}!*单位全部重置为整行显示*!*/

.box#Top-10-Shareholders .box-header-title, .box#Top-10-Negotiable-Shareholders .box-header-title, .box#Key-Financial-Ratios .box-header-title,
.box#Balance-Sheet .box-header, .box#Income-Statement .box-header, .box#Cash-Flow-Statement .box-header,
.box#Key-Financial-Ratios-chart .box-header-title, .box#Balance-Sheet-chart .box-header, .box#Income-Statement-chart .box-header, .box#Cash-Flow-Statement-chart .box-header{
    width: auto;
    margin: 0 auto 0 0;
}
.box#Top-10-Shareholders .box-tools, .box#Top-10-Negotiable-Shareholders .box-tools, .box#Key-Financial-Ratios .box-tools,
.box#Key-Financial-Ratios-chart .box-tools{
    display:none
}
.box#Balance-Sheet .unit, .box#Income-Statement .unit, .box#Cash-Flow-Statement .unit {
    width: 100%;
    float: none;
    position: static;
}
@media (max-width: 1000px){
    .nav-tab-menu .nav-row>.container{background: #fff}
    .nav-tab-menu .ul-container{box-shadow: none}
}


 .market-info{
    box-shadow: 3px 3px 15px rgba(0,0,0,0.03) inset;
    height: 72px;
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;
    font-size: 14px;
    transition: .2s;
    display: flex;
    align-items: center;
    font-family: '微软雅黑';
  }
  .market-info::-webkit-scrollbar{
    width: 6px;
    height: 6px;
    background-color: transparent;
  }
  .market-info::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.08);
  }
  .market-info .stockdetail{
    display: flex;
  }
  .market-info .sub-list{
    padding: 6px 10px;
    display: inline-block;
    vertical-align: top;
  }
  .market-info .sub-list-detail{
    padding: 6px 20px;
  }
  .market-info .sub-title{
    font-size: 24px;
    line-height: 40px;
    text-align: center;
  }
  .market-info .sub-code{
    color: #989898;
    text-align: center;
  }
  .market-info .sub-trend{
    height: 40px;
    /*width: 135px;*/
    position: relative;
  }
  .market-info .sub-trend-up{
    color: red;
  }
  .market-info .sub-trend-down{
    color: green;
  }
  .market-info .sub-trend-value{
    font-size: 30px;
    line-height: 40px;
    /*position: absolute;*/
    margin-right: 66px;/*留出箭头和变化幅度的位置*/
  }
  .market-info .sub-trend-arrow{
    font-size: 30px;
    line-height: 40px;
    position: absolute;
    right: 50px;
    top: 0;
  }
  .market-info .sub-trend-size{
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .market-info .sub-trend-trend{
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .market-info .sub-time{
    color: #989898;
    text-align: justify;
    text-align-last: justify;
  }
  .market-info .sub-value{
    height: 30px;
    line-height: 30px;
  }
  .market-chart{width: 100%}
  .market-chart .text-tip{min-height: 44px;padding: 8px 0 0 8px}
  .market-chart #k-chart{height: 500px}
  .market-chart #market-price{height: 400px;width: 25%;overflow-x: auto;min-width: 120px}
  .market-chart #market-chart{height: 400px;width: 75%;overflow: auto}