hhqtest/public/static/head_office/head_office.css

@font-face
{
    font-family: digifaw;
}
body{
    width: 1920px;
    height: 1080px;
    background-image: url("/static/head_office/imgs/bg.png");
    background-repeat:repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    /*background-size:cover;*/
    margin: 0 auto;
}

.nav-header{
    width: 1920px;
    height: 94px;
    margin: 0 auto;
    /*margin-top: 10rem;*/
    background-image: url("/static/head_office/imgs/nav-head.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    position: relative;
}
.nav-left{
    width: 550px;
    height: 94px;
    display: inline-block;
    padding-left: 90px;
    padding-top: 24px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 1px;
    float: left;
}
.nav-title{
    width: 820px;
    height: 100%;
    display: inline-block;
    font-size: 36px;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #FFFFFF;
    letter-spacing: 2px;
    text-align: center;
    padding-top: 20px;
}
.nav-right{
    width: 550px;
    height: 94px;
    display: inline-block;
    color: #FFFFFF;
    letter-spacing: 2px;
    float: right;
    text-align: right;
    padding-right: 90px;
    padding-top: 24px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
}
.main{
    width: 1920px;
    height: 986px;
    padding: 31px 30px 50px 30px;
}
.main1{
    width: 1860px;
    height: 516px;
    background-image: url("/static/head_office/imgs/frame.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
}
.main1-left{
    width: 502px;
    height: 100%;
    display: inline-block;
    position: relative;
}
.main1-left1{
    width: 462px;
    height: 222px;
    margin: 20px;
    display: inline-block;
    background-image: url("/static/head_office/imgs/data-frame.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    /*position: absolute;*/
}
.left1-one{
    width: 155px;
    height: 100px;
    display: inline-block;
    float: left;
}
.left1-num{
    width: 100%;
    height: 57px;
    line-height: 75px;
    display: inline-block;
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    padding-left: 37px;
}
.left1-title{
    width: 100%;
    height: 37px;
    display: inline-block;
    font-size: 1px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #83ACFF;
    padding-left: 37px;
    letter-spacing: 1px;
}
.left1-two{
    width: 125px;
    height: 128px;
    display: inline-block;
    margin-top: 48px;
    margin-left: 15px;
}
.box-chart-text{
    width: 125px;
    height: 128px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #ffffff;
    /*padding-top: 85px;*/
    /*margin-left: 169px;*/
    padding-top: 105px;
    margin-left: 187px;
}
.box-chart-text-title{
    font-size: 10px;
}
.box-chart-text-count{
    font-size: 30px;
}
.left1-there{
    width: 155px;
    height: 100px;
    display: inline-block;
    float: right;
}
.left1-four{
    width: 155px;
    height: 100px;
    display: inline-block;
    float: left;
    margin-top: -50px;
}
.left1-five{
    width: 155px;
    height: 100px;
    display: inline-block;
    float: right;
    margin-top: -50px;
}
.main1-left2{
    width: 462px;
    height: 250px;
    display: inline-block;
    margin-left: 20px;
}
.main1-left2 .title{
    width: 217px;
    height: 40px;
    line-height: 40px;
    background-image: url("/static/head_office/imgs/title-frame.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    padding-left: 49px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
}
.userData{
    width: 100%;
    height: 210px;
}
.main1-center{
    width: 856px;
    height: 514px;
    display: inline-block;
    position: relative;
}
.main1-center .title{
    width: 217px;
    height: 39px;
    line-height: 39px;
    position: absolute;
    padding-left: 21px;
    margin-top: 21px;
    background-image: url("/static/head_office/imgs/title-frame.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    z-index: 10;
    margin-left: 20px;
}
.orgRanking{
    width: 210px;
    height: 152px;
    position: absolute;
    z-index: 10;
    background-image: url("/static/head_office/imgs/small-box.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    bottom: 0px;
    right: 0px;
    margin-right: 21px;
    margin-bottom: 20px;
}
.orgRanking .org-title{
    width: 100%;
    height: 39px;
    line-height: 39px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    padding-left: 25px;
}
.orgRanking .org-name{
    width: 100%;
    height: 113px;
    padding-left: 25px;
    overflow: hidden;
}
.orgRanking .org-name .org-name-one{
    width: 100%;
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    overflow: hidden;
}
.main1-right{
    width: 498px;
    height: 514px;
    display: inline-block;
    float: right;
}
.main1-right1{
    width: 100%;
    height: 242px;
}
.main1-right1 .waste-all{
    width: 100%;
    height: 39px;
    line-height: 39px;
    margin-top: 22px;
    padding-left: 20px;
}
.waste-all .waste-title{
    width: 217px;
    height: 39px;
    display: inline-block;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("/static/head_office/imgs/title-frame.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    text-align: center;
    float: left;
}
.waste-all .waste-date{
    width: 260px;
    height: 39px;
    text-align: right;
    display: inline-block;
    float: right;
}
.waste-date .month{
    width: 44px;
    height: 28px;
    line-height: 28px;
    /*background-color: #002D89;*/
    border: 1px solid #83ACFF;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    text-align: center;
    margin-right: 10px;
}
.waste-date .year{
    width: 44px;
    height: 28px;
    line-height: 28px;
    /*background: #002D89;*/
    border: 1px solid #83ACFF;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    text-align: center;
    margin-right: 10px;
}
.waste-data{
    width: 100%;
    height: 202px;
}
.main1-right2{
    width: 100%;
    height: 242px;
}
.main1-right2 .escort-all{
    width: 100%;
    height: 39px;
    line-height: 39px;
    padding-left: 20px;
}
.escort-all .escort-title{
    width: 217px;
    height: 39px;
    display: inline-block;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("/static/head_office/imgs/title-frame.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    text-align: center;
    float: left;
}
.escort-all .escort-date{
    width: 260px;
    height: 39px;
    text-align: right;
    display: inline-block;
    float: right;
}
.escort-date .month{
    width: 44px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #83ACFF;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    text-align: center;
    margin-right: 10px;
}
.escort-date .year{
    width: 44px;
    height: 28px;
    line-height: 28px;
    /*background: #002D89;*/
    border: 1px solid #83ACFF;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    text-align: center;
    margin-right: 10px;
}
.escort-data{
    width: 100%;
    height: 202px;
}
.main2{
    width: 1860px;
    height: 370px;
    margin-top: 20px;
}
.main2-left{
    width: 500px;
    height: 370px;
    background-image: url("/static/head_office/imgs/frame2.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    display: inline-block;
    float: left;
}
.todo-count-title{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 10px;
}

.main2-left .main-body{
    width: 100%;
    height: 310px;
    padding: 5px;
    overflow: hidden;
}
.main2-center{
    width: 818px;
    height: 370px;
    display: inline-block;
    margin-left: 20px;
    background-image: url("/static/head_office/imgs/frame3.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    position: relative;
}
.center-title{
    width: 400px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 10px;
    display: inline-block;
    position: absolute;
    z-index: 10;
}
.org-todo-data-count{
    width: 100%;
    height: 100%;
    padding-top: 10px;
}
.main2-right{
    width: 498px;
    height: 370px;
    display: inline-block;
    float: right;
    background-image: url("/static/head_office/imgs/frame4.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
}
.xc-img{
    width: 100%;
    height: 102px;
    overflow: hidden;
}
.xc-img img{
    width: 102px;
    height: 102px;
    margin-left: 15px;
}
.patrol{
    width: 100%;
    height:200px;
    margin-top: 8px;
}

.tablebox {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
    /*background-color: rgba(6,26,103,1);*/
    /*background: rgba(2, 177, 255, 0.1);*/
}

.tbl-header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.tbl-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.tablebox table {
    width: 100%;
}

.tablebox table th,
.tablebox table td {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 35px;
    text-align: center;
}

.tablebox table tr th {
    /*background-color: rgba(152, 75, 216, 1);*/
    background-color: #001B43;
    /*color: #675078;*/
    cursor: pointer;
}

.tablebox table tr td {
    background-color: transparent;
}

.tbl-body tr:nth-child(even) td,.tbl-body1 tr:nth-child(even) td {
    background-color: rgba(0,27,67, 0.2);
}

.tablebox table tr td span,
.tablebox table tr td span {
    font-size: 16px;
}