VisualInspection/VisualInspection/css/statistics/total_company_statistics.css

.container-right{
    width:98%;
    padding-bottom: 0px;
    margin:15px auto;
    border:1px solid #d9d9d9;
    font-family: '宋体';
    border-radius: 4px;
    font-size: 15px;
}
.div-month input{
    width:80px;
    height:30px;
    /*margin-top: 9px;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}
.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;
}
.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-month select{
    width: 80px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 4px; 
    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: #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;
}
.border-line{
    /* width:100%; */
    height: 442px;
    margin:15px auto;
    border:0px solid #328dc7;
    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: #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;
}