/*指数*/
.index {
    background-color: #fafbfc;
    margin-top:20px;
    padding:0px 0px 20px 0px;
}
.index-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 30px;
    line-height: 30px;
    /*border: 1px solid red;*/
    padding: 10px 10px 10px 20px;
    background-color: #fafbfc;
}
    .index-header .index-title {
        font-size: 16px;
        border-left: 5px solid #ab1c22;
        padding-left: 15px;
        height: 20px;
        line-height: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-weight:600;
    }
    .index-header .index-right {
        padding: 0 10px 0px 0px;
    }
.index-refreshbtn {
    background-color: #108ee9;
    color: #ffffff;
    padding: 2px 10px 2px 28px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 9px center;
    background-image: url(../../../../images/icon/white-refresh.svg);
    background-size: 15px;
}
.index-tabwrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 600px;
    /*margin-top:15px;*/
}
.index-tabs {
    /*border: 1px solid red;*/
    flex: 0 0 180px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.index-tab {
    padding: 23.8px 0px;
    width: 100%;
}
    .index-tab.active {
        background-color:#ffffff;
    }
.index-tab-title {
    text-align: center;
    font-size: 16px;
    background-repeat: no-repeat;
    background-position: 42px center;
    padding-left: 30px;
    pointer-events:none;
    font-weight:600;
}
/**西本报价*/
.index-tab.xbbj .index-tab-title {
    background-image: url(../../../../images/icon/blue-offer.svg);
    background-size: 30px 100%;
}
/**工程需求*/
.index-tab.gcxq .index-tab-title {
    background-image: url(../../../../images/icon/blue-demand.svg);
    background-size: 30px 100%;
}
/**库存地图*/
.index-tab.kcdt .index-tab-title {
    background-image: url(../../../../images/icon/blue-inventory.svg);
    background-size: 30px 110%;
}
/**历史报价*/
.index-tab.lsbj .index-tab-title {
    background-image: url(../../../../images/icon/blue-history.svg);
    background-size: 30px 100%;
}
.index-tab-subtitle {
    text-align: center;
    margin-top: 16px;
    color: #999999;
    pointer-events: none;
}
    /**涨幅*/
    .index-tab-subtitle .pricerange {
        margin-left:10px;
    }
    /**涨*/
    .index-tab-subtitle .pricerange.rise {
        color: #ab1c22;
    }
        .index-tab-subtitle .pricerange.rise:before {
            content: "▲";
        }
    /**涨*/
    .index-tab-subtitle .pricerange.fall {
        color: #32741f;
    }
        .index-tab-subtitle .pricerange.fall:before {
            content: "▼";
        }
/**钢厂利润*/
.index-tab.gclr .index-tab-title {
    background-image: url(../../../../images/icon/blue-profit.svg);
    background-size: 30px 100%;
}

.index-contents {
    /*border: 1px solid blue;*/
    flex-grow: 1;
}
.index-content {
    height: 100%;
    display: none;
    margin-right:20px;
}
    .index-content.active {
        background-color: #ffffff;
        display: flex;
        flex-direction:column;
        justify-content:flex-start;
    }

.index-content-row {
    display:flex;
    flex-direction:row;
}
.index-content-indexwrap {
    justify-content: space-between;
    background-color: #fafbfc;
    flex: 0 0 63px;
    overflow: hidden;
}
.index-content-index {
    flex-grow: 1;
   /* color: #ffffff;*/
    padding: 10px 15px;
}
    .index-content-index.active {
        background-color: rgba(0,0,0,0.05);
    }
    .index-content-index.textlinkcanselect {
        opacity: inherit;
    }
.index-content-index:last-child {
    border-right:none;
}
.index-content-index-title {
    pointer-events: none;
    font-size:15px;
}
.index-content-index-content {
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 23px;
    line-height: 23px;
    pointer-events: none;
    font-size: 17px;
}
.index-content-index-num {
    width: 60px;
    overflow:hidden;
}
.index-content-index-sign {
    margin-left: 10px;
    color: #ab1c22;
    font-weight: 600;
    padding-right: 18px;
    background-repeat:no-repeat;
    background-position:right center;
}
    .index-content-index-sign.rise {
        background-image: url(../../../../images/icon/market-rise.svg);
        background-size: 12px 100%;
    }
        .index-content-index-sign.rise:before {
            content: "+"
        }
    .index-content-index-sign.flat {
        background-image: url(../../../../images/icon/market-flat.svg);
        background-size: 12px 100%;
    }
    .index-content-index-sign.fall {
        background-image: url(../../../../images/icon/market-fall.svg);
        background-size: 12px 100%;
    }
.index-content-row index-content-row2 {

}
/*西本报价*/
#xbbj-header {
    margin-top:10px;
}
#xbbjcontent .index-content-row2 {
    flex-grow: 1;
}
#xbbjcontent .index-content-left {
    flex: 0 0 700px;
    height: 100%;
    /*border: 1px solid red;*/
}
#xbbj-indexmap {
    width:100%;
    height:99%;
}
#xbbjcontent .index-content-right {
    flex-grow: 1;
}
#xbbj-indexlist {
    height: 318px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin-top:10px;
}
    #xbbj-indexlist .header {
        width: 100%;
        flex: 0 0 35px;
        justify-content: space-between;
        font-weight: 600;
        height: 35px;
        line-height: 35px;
        background-color: #fafbfc;
    }
   /* #xbbj-indexlist .body {
        flex-grow: 1;
        width: 100%;
    }*/
    #xbbj-indexlist .col {
        flex: 0 0 25%;
        overflow: hidden;
        text-align: center;
    }

    #xbbj-indexlist li {
        height: 35px;
        line-height: 35px;
        background-color: inherit;
    }

        #xbbj-indexlist li .index-content-row {
            height: 35px;
            line-height: 35px;
            background-color: #fafbfc;
        }
        #xbbj-indexlist li:nth-child(2n) .index-content-row {
            background-color: inherit;
        }

/*工程需求*/
#gcxqcontent {
    flex-direction:row;
}
    #gcxqcontent .index-content-left {
        flex: 0 0 670px;
        /*border: 1px solid red;*/
    }
    #gcxqcontent .index-content-right {
        flex-grow:1;
        display:flex;
        flex-direction:column;
    }
    #gcxqcontent .index-content-top {
        flex: 0 0 160px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #gcxqcontent .index-content-bottom {
        flex-grow: 1;
    }
.gcxq-header {
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:center;
    margin: 10px 0px 25px 0px;
}

#gcxq-title {
    font-size: 14px;
    font-weight: 600;
    width: 200px;
    text-align: right;
}
.gcxq-header-right {
    font-size: 12px;
    text-align:right;
    color:#999999;
    padding-right:15px;
}
#gcxq-dashboard {
    width: 100%;
    height: 140px;
}

#gcxq-7daystrend {
    width: 100%;
    height: 90%;
    padding:15px 0px 0px 0px;
}
#gcxq-projectsupplymap {
    width: 100%;
    height: 100%;
}
/*库存地图需求*/
#kcdtcontent {
    flex-direction: row;
    background-color: #ffffff;
}

    #kcdtcontent .index-content-left {
        flex: 0 0 730px;
      /*  border: 1px solid red;*/
    }

    #kcdtcontent .index-content-right {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

#kcdt-projectsupplymap {
    width:100%;
    height:100%;
}

.kcdt-wrap {
    flex-grow: 1;
    background-color: #fafbfc;
    padding: 20px 20px 10px 20px;
    margin: 10px 20px 10px 10px;
    width: 200px;
    display: flex;
    flex-direction: column;
}
.kcdt-title {
    flex:0 0 30px;
    line-height: 30px;
    font-weight:600;
}
.kcdt-originchange {
    margin-top: 10px;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.kcdt-originchangeitem, .kcdt-originchangeitem-more {
    width: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 0px 10px;
    color: #999999;
}

    .kcdt-originchangeitem a, .kcdt-originchangeitem-more a {
        text-align: center;
    }

    .kcdt-originchangeitem.active {
        background-color: #e4ecfb;
    }
.kcdt-tipwrap {
}

.kcdt-tiprow {
}

    .kcdt-tiprow .kcdt-tiplabel {
        font-weight: 600;
    }

/*历史报价*/
#lsbjcontent {
    flex-direction: row;
    background-color: #ffffff;
}

    #lsbjcontent .index-content-left {
        flex: 0 0 750px;
     /*   border: 1px solid red;*/
    }

    #lsbjcontent .index-content-right {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
#lsbj-linechart {
    width:100%;
    height:100%;
}

.lsbj-wrap {
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin: 10px;
    background-color: #fafbfc;
}
.lsbj-title, .lsbj-showprice-title {
    height: 30px;
    line-height: 30px;
    font-weight: 600;
}
.lsbj-showprice-title {
    background-image: url(../../../../images/icon/blue-price.svg);
    background-size: 20px 110%;
    background-position: left 2px;
    background-repeat: no-repeat;
    padding-left: 26px;
    color: #268ADF;
}
.lsbj-showhistory {
    color:#999999;
}
.lsbj-wrap:first-child{
   flex:0 0 50px;
}
.lsbj-wrap:last-child {
    margin: 0px 10px 10px 10px;
    flex-grow: 1;
}
.lsbj-citychange {
    margin-top: 10px;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.lsbj-citychangeitem, .lsbj-citychangeitem-more {
    width: 45px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 0px 10px;
    color: #999999;
}
    .lsbj-citychangeitem a, .lsbj-citychangeitem-more a {
        text-align: center;
    }
    .lsbj-citychangeitem.active {
        background-color: #e4ecfb;
    }
/*钢厂利润*/
#gclrcontent {
    flex-direction: row;
    background-color: #ffffff;
}
    #gclrcontent .index-content-left {
        /*flex: 0 0 750px;*/
        flex-grow: 1;
        /*border: 1px solid red;*/
    }
#gclr-linechart {
    width: 100%;
    height: 100%;
}

/**工程需求地图-提示信息样式*/
.supplytip {
    min-width: 145px;
    padding: 0px 5px;
}
.supplytip-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
    .supplytip-row .title {
        font-weight:600;
    }
    .supplytip-row .label {
        flex: 0 0 85px;
        text-align-last: justify;
        text-align: justify;
    }
    .supplytip-row .text {
        flex-grow: 1;
    }