VisualInspection/VisualInspection/css/statistics/road_manage_statistics.css

.container-right{
    width:98%;
    padding-bottom: 0px;
    margin:15px auto;
    border:1px solid #d9d9d9;
    font-family: '宋体';
    border-radius: 4px;
    font-size: 12px;
}
.row-1{
    width:100%;
    height:35px;
    background-color: #f5f5f5;
}

.row-1 span{
    margin-left: 20px;
    line-height: 35px;
}
.line-1{
    width:100%;
    height: 1px;
    background-color: #d9d9d9;
}

.row-2{
    width:100%;
    height:50px;
}
.row-2 div:eq(0){
   width:300px;
   height:50px; 
   line-height: 50px;

}
.div-month {
    width:80px;
    height:50px;
    float:left;
    margin-left: 20px;
    line-height: 50px;
}
.div-roadManage{
    width:80px;
    height:50px;
    float:left;
    margin-left: 20px;
    line-height: 50px;
}
.div-roadManage select{
    width:80px;
    height:30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    font-size: 14px;
}

.div-button{
    width:80px;
    height:50px;
    float:left;
    margin-left: 20px;
}

.div-button button{
    width:80px;
    height:30px;
    color: #fff;
    background-color: #3280fc;
    border-color: #1970fc;
    border:1px solid transparent;
    border-radius: 4px;
    margin-top: 10px;
}
.row-3,.row-4,.row-6,.row-7{
    width:100%;
    height:40px;
    background-color: #328dc7;
    color: white;
}
.row-3 div,.row-6 div{
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}
.row-4 span{
    line-height: 40px;
    margin-left: 20px;
}
.row-4 a{
    line-height: 40px;
    margin-left: 84%;
}
.col-1{
    width:49%;
    height:40px;
    float:left;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}
.line-2{
    width:1px;
    height:40px;
    background-color: #d9d9d9;
    float:left;
}
.line-3{
    width:1px;
    height:400px;
    background-color: #d9d9d9;
    float:left;
}
.row-8{
    height: 100%;
    height:400px;
    background-color: #f5f5f5;
}.container-right{
    width:98%;
    padding-bottom: 0px;
    margin:15px auto;
    border:1px solid #d9d9d9;
    font-family: '宋体';
}
.row-1{
    width:100%;
    height:35px;
    background-color: #f5f5f5;
}

.row-1 span{
    margin-left: 20px;
    line-height: 35px;
}
.line-1{
    width:100%;
    height: 1px;
    background-color: #d9d9d9;
}
.row-2{
    width:100%;
    height:50px;
}

.select-scope{
    width:95px;
    height:20px; 
    line-height: 50px;
    float:left;
    margin-left: 20px;
}

.select-all{
   width:80px;
   height:20px; 
   line-height: 50px;
   float:left;
   margin-left: 5px;
}

.select-month{
   width:80px;
   height:20px; 
   line-height: 50px;
   float:left;
   margin-left: 20px;
}
.div-month select{
    width: 80px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 4px; 
    font-size: 14px;
}
.query-total{
   width:70px;
   height:20px; 
   line-height: 50px;
   float:right;
   margin-right: 20px;
}
.row-7{
    width:100%;
    height:40px;
}
.col-1{
    width:49%;
    height:40px;
    float:left;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}
.line-2{
    width:1px;
    height:40px;
    background-color: #d9d9d9;
    float:left;
}
.line-3{
    width:1px;
    height:400px;
    background-color: #328dc7;
    float:left;
}
.row-8{
    height: 100%;
    height:400px;
    background-color: #f5f5f5;
}
.border-line{
    width:100%;
    height: 442px;
    margin:15px auto;
    border:1px solid #328dc7;
}