BJ_web_developers / msgovcloud

/* 主题内容 sta */
.model-content{
    height: 100%;
    background: url("../img/indexBG.png") no-repeat;
    background-size: 100% 100%;
    padding-top: 80px;
    padding-bottom: 75px;
    float: left;
    width: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
}
.model-mid{
    overflow: hidden;
    /*width:35%;*/
    flex:1;
    /*min-width: 470px;*/
    height: 100%;
}

.echart_con{
    width: 100%;
    height: calc(100% - 31px);
    height: -webkit-calc(100% - 31px);
    height: -moz-calc(100% - 31px);
    height: -ms-calc(100% - 31px);
    height: -o-calc(100% - 31px);
}
.bar_c_echart{
    padding: 0 20px;
    /*height: 100%;*/
    /*margin-top: -30px;*/
}
/*中间 中部  sta */
.mid-top{
    /*height: calc(100% - 128px);*/
    /*height: -webkit-calc(100% - 128px);*/
    /*height: -moz-calc(100% - 128px);*/
    /*height: -ms-calc(100% - 128px);*/
    /*height: -o-calc(100% - 128px);*/
    height: 80%;
    width: 100%;

}
.mid-foot{
    width: 100%;
    height: 20%;
    display: -webkit-flex; /* Safari */
    display: flex;
    padding: 0 15px;
}
.mid-foot .parkingbox{
    /*min-width: 100px;*/
    flex: 1;
    border: 1px solid #00286a;
    background: #01091f;
}
.marginl15{
    margin-left: 5%;
}
.mid-foot .parkingbox .commombox-top{
    width: 100%;
    height: 60%;
    border-bottom: 1px solid #00286a;
    background: rgba(13,74,250,.2);
    position: relative;
    /*margin-bottom: 20px;*/
}
.parkingbox .commombox-top .boxnum{
    width: 100%;
    /*height: 60px;*/
    /*line-height: 60px;*/
    position: absolute;
    top:50%;
    left:50%;
    margin-top: -19px;
    transform: translateX(-50%);
    /*top: 10px;*/
    /*left: 0;*/
    text-transform: uppercase;
    text-align: center;
    font-size: 28px;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    font-weight: bold;
}

@media  screen and (-webkit-min-device-pixel-ratio:0) {
    .parkingbox .commombox-top .boxnum{
        background: -webkit-linear-gradient(top,#126aee,#b3fcff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}
.commombox-top .commonbox-foot{
    position: absolute;
    bottom: -19px;
    left: 50%;
    height: 20px;
    width:60px;
    background:#05143d;
    margin-left: -30px;
    border-bottom: 1px solid #00286a;
}
.commonbox-foot:before{
    content: "";
    position: absolute;
    top: 1px;
    left: -20px;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-right-color:  #05143d;
    border-top-color:  #05143d;

}
.commonbox-foot:after{
    content: "";
    position: absolute;
    top: 1px;
    left: 59px;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-left-color:  #05143d;
    border-top-color:  #05143d;
}
.commonbox-tit{
    /*height: 35px;*/
    /*line-height: 35px;*/
    height: 40%;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    position: relative;
}
.commonbox-tit span{
    position: absolute;
    left: 50%;
    top:50%;
    margin-top: -10px;
    transform: translateX(-50%);
}
.commombox-top .prakbg{
    height: 16px;
    width: 16px;
    background: url("../img/parkingBG.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2px;
    left: 2px;
}
.commombox-top .placebg{
    height: 16px;
    width: 16px;
    background: url("../img/placeBG.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2px;
    left: 2px;
}
.commombox-top .freebg{
    height: 16px;
    width: 16px;
    background: url("../img/freeBG.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2px;
    left: 2px;
}
.commombox-top .matchbg{
    height: 16px;
    width: 16px;
    background: url("../img/matchBG.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2px;
    left: 2px;
}
/*公共 sta*/
.comtab{
    margin: 0 10px;
    /*flex:1;*/
    width: 30%;
    height: 100%;
}
.modelpub{
    height: calc((100% - 20px)/3);
    height: -webkit-calc((100% - 20px)/3);
    height: -mos-calc((100% - 20px)/3);
    height: -moz-calc((100% - 20px)/3);
    height: -o-calc((100% - 20px)/3);
    width: 100%;
    border: 1px solid #00286a;
    position: relative;
}
.modelpub:before {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 8px;
    height: 8px;
    content: "";
    border-left:1px solid #0241a9 ;
    border-top:1px solid #0241a9 ;
}
.modelpub:after {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 8px;
    height: 8px;
    content: "";
    border-right:1px solid #0241a9 ;
    border-bottom:1px solid #0241a9 ;
}
.margin10{
    margin: 10px 0;
}
.common-tit{
    height: 30px;
    background: #011c4a;
    width:140px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    padding-left: 10px;
}
.common-tit:after {
    content: "";
    position: absolute;
    top: 0;
    left: 140px;
    width: 0px;
    height: 0px;
    border: 15px solid transparent;
    border-left-color:  #011c4a;
    border-top-color:  #011c4a;
}
.modelpub .tilt{
    display: inline-block;
    width: 43px;
    height: 6px;
    border-bottom: 1px solid #00286a;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    position: absolute;
    top:10px;
    left: 140px;
    background: #000209;
}

.menu-bar li:nth-of-type(1) span{
    background: url("../img/line.png") 0 40px no-repeat;
    background-size: 100% 15px;
}
.bar_l_echart,.line_r_echart{
    padding-top: 10px;
}
.bar_l_echart{
    padding-left: 10px;
    padding-right: 10px;
}
/*媒体查询*/
@media screen and (min-width: 3000px) {
    .parkingbox .commombox-top .boxnum{
        font-size: 48px;
    }
    .commonbox-tit{
        font-size: 34px;
    }
}