.m0{
    margin: 0 !important;
}

.p0{
    padding: 0 !important;
}

/*垂直*/
.flex_col{
    display: flex;
    flex-direction: column;
}

/*水平*/
.flex_row{
    display: flex;
    flex-direction:row ;
    align-items:flex-start;
    position: static;
    margin-top: 10px;
}

/*主轴-方向-居中*/
.flex_main_center{
    justify-content: center;
}

/*主轴-方向-两端对齐*/
.flex_main_between{
    justify-content: space-between;
}

/*交叉轴-方向-居中*/
.flex_cross_ceter{
    align-items:center
}

.footer{
    position: absolute;
    bottom: 10px;
    width: 100%
}



@media screen and (max-width:1366px){
    html{font-size: 9px !important;}
    .road_status_info{height: 150px;}
    .business_row{height: 75px;}
    .conserve_row{height: 150px;}
    .disease_row{height: 75px;}
    .section_row{height: 200px;}
    .echarts{width:100%;height: 50%}
    .yh_text{height: 50%;}
    .condition_text{font-size:0.8rem !important;}
}

@media screen and (min-width:1440px){
    .road_status_info{height: 160px;}
    .business_row{height: 80px;}
    .conserve_row{height: 160px;}
    .disease_row{height: 80px;}
    .business_row>div{height: 75px;padding-top: 3px !important;padding-bottom: 3px!important;}
    .disease_img{width: 80%}
    .section_row{height: 255px;}
    .echarts{width:100%;height: 60%}
    .yh_text{height: 40%;}
    .condition_text{font-size: 1rem !important;}
}

@media screen and (min-width:1920px){
    .road_status_info{height: 250px;}
    .business_row{height: 125px;}
    .business_row>div{height: 120px;padding-top: 25px !important;padding-bottom: 25px !important;}
    .disease_img{width: 70%}
    .conserve_row{height: 250px;}
    .disease_row{height: 125px;}
    .section_row{height: 600px;}
    .echarts{width:100%;height: 60%}
    .yh_text{height: 40%;}
    .condition_text{font-size: 1.2rem !important;}
    .condition_but{width: 50px;height: 50px}
    .condition_but>img{height: 100%}
}

.font16{
    font-size: 1.6rem;
}

.font14{
    font-size: 1.4rem;
}

.font12{
    font-size: 1.2rem;
}

.w100{
    width: 100%;
}

.h100{
    height: 100%;
}

/*公路状态*/
.road_status{
    background-color: #F0F0F0;
    padding: 0px;
}

.road_status_info{
    overflow: auto;
    background-color:#ffffff;
    padding: 5px !important;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
}

.title{
    margin:5px 5px 0px 0px;
    padding: 5px;
    background-color: #ffffff
}

.title_no_top{
    margin:0px 5px 0px 0px;
    padding: 5px;
    background-color: #ffffff;

}

.title>p{
    padding: 5px 0px 0px;
}

.title>p>span{
    border-left: 5px solid dodgerblue;
    display: inline-block;
    padding-left: 10px;
    margin-left: 14px;
    color: #5FA4ED;
}

/*业务*/
.card-title{
    color: white;
    font-size: 1.4rem;
    margin: 0px;
    padding-top: 5px;
}

.card-text{
    font-size: 1.6rem;
}

.font_color_w{
    color: white;
}
/*病害*/
.disease_img{
    padding-top: 5px;
}
/*flex布局居中*/
.flex_middle{
    display: flex;
    justify-content: center;
    align-items:center;
}

.partition{
    margin: 5px;
    border-top: 1px solid #E6E6E6;"
}


/*标段*/






.login_button{
    width : 100% !important;
    height : 40px !important;
    border: 0px;
    background-color: #3A4553;
    color: #FDFEFE;
    font-size: 1rem;
}

.flex{
    display: flex;
    flex-direction:column ;
    justify-content:flex-start;
    align-items:center;
    height:90%;
    width: 100%;
}



.flex>form{
    width: 100%;
}

.login_input{
    width : 100% !important;
    height : 30px !important;
    padding-left: 40px !important;
}

.login_img{
    width: 40px;
    height: 40px;
    background-color: #3A4553;
    position: absolute;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    display: inline-block;
    text-align: center;
}

.login_img>img{
    margin-top: 10px;
}

.border_r3{
    border-radius: 3px;
}

.jszc{
    width: 100%;
    font-size: 0.7rem;
    color: #3A4553;
    padding-bottom: 5px;
    font-weight: 600;
}



/*2019-3-28    lzq*/
.container_height{
    height:33.33%;
}
.roadStatus{
    height:100%;
    background-color: #F0F0F0;
    padding: 0px;
}
.title_no_top1{
    height:100%;
}
.text_style{
    height:15%;
}
.middle_flex{
    display: flex;
    align-items: center;
}
.between_flex{
    justify-content: space-between;
}
.span_style{

}
.roadStatusInfo{
    overflow: auto;
    background-color:#ffffff;
    padding: 5px !important;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    height:80%;
}
.businessRow{
    height:40%;
}
.businessRow>div{
    width:50%;
    padding-top: 3px !important;padding-bottom: 3px!important;
}
.businessDiv{
    width:100%;
}
.title1{
    height:100%;
}
.conserveRow{
    height:80%;
    overflow: auto;
}
.diseaseRow{
    height:40%;
}
.vh100{
    height:100vh;
}
.canvasText{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height:100%;
}
.flexRow{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.echarts{
    height:100%;
    width:100%;
    display: flex;
    justify-content:flex-end ;
    align-items:center ;
    flex-direction: column;
}
.flexMiddle{
    display: flex;
    justify-content:center ;
    align-items:center ;
}
.marginTop_5{
    margin-top:10%;
}