VisualInspection/VisualInspection/css/statistics/toll_station_statistics.css

.container-right{
    width:98%;
    padding-bottom: 0px;
    margin:15px auto;
    border:1px solid #d9d9d9;
    font-family: '宋体';
    border-radius: 4px;
    font-size: 15px;
}
.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:140px; */
    /* height:50px; */
    float:left;
    margin-left: 20px;
    line-height: 50px;
}
.div-station{
    /* width:120px; */
    /* height:50px; */
    float:left;
    margin-left: 20px;
    line-height: 50px;
}
.div-roadManage select{
    /* width:140px; */
    height:30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}
.div-station select{
    /* width:110px; */
    height:30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}
.div-month select{
    width:80px;
    height:30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}
.div-month input{
    width:80px;
    height:30px;
    /*margin-top: 9px;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}
.div-button{
    /* width:80px; */
    /* height:50px; */
    float:left;
    margin-left: 10px;
}

.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;*/
}
.btn-change{
    width:60px;
    height:40px;
    float:right;
}
.view_change{
    width:60px;
    height:40px;
    background: url("/images/up.png?time=2017725152349") no-repeat center center ;
    cursor: pointer;
    background-size: 30%;
}

.view_change.active{
    background: url("/images/back.png?time=2017725152349") no-repeat center center ;
    background-size: 30%;
}

.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;
    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: #fff;
}.container-right{
    width:98%;
    padding-bottom: 0px;
    margin:15px auto;
    border:1px solid #d9d9d9;
    font-family: '宋体';
}
.row-1{
    width:100%;
    height:35px;
    background-color: #fff;
}

.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;
}
.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: #fff;
}

/* span{
    font-family: '宋体';
    font-size:15px;
} */
.border-line{
    /* width:100%; */
    height: 442px;
    margin:15px auto;
    border:0px solid #328dc7;
    background-color: #fff;
    /* background-color: #ecf0f5; */
    /* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */
     /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);  */
}
.border-no{
    /* width:100%; */
    height: 442px;
    /* margin:15px 5px; */
    border:0px solid #328dc7;
    background-color: #fff;
    /* background-color: #ecf0f5; */
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    /* background-color: #ecf0f5; */
    /* box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.16), 1px 1px 5px 0 rgba(0, 0, 0, 0.12);  */
    text-align: center;
}

.title-div{
    background-color: #529AC5;
    text-align: center;
    padding: 5px;
}
.title-div span{
    color:#fff;
    margin-left: 20px;
    line-height: 35px;
    font-size: 20px;
}