.desktop-container {
    font-family: 微软雅黑;
    color: #000000;
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.container-head {
    width: 100%;
    height: 60px;
    background-color: #3a3c3c;
}

.desktop-title {
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    background-color: #3a3c3c;
    color: #fff;
    cursor: pointer;
    height: 100%;
}

.navList li {
    float: left;
}

.navList li a {
    font-size: 16px;
    padding: 5px 15px;
    color: #fff;
    line-height: 60px;
    text-decoration: none;
}

.highLight {
    background-color: #ff3366;
    border-radius: 0px;
}

.toolbar-contianner {
    padding: 5px 0;
    font-size: 14px;
}

.toolbar-item-holder {
    display: inline-block;
    margin-right: 20px;
    margin-top: 10px;
}

.toolbar-item-select {
    width: 120px;
    height: 28px;
    padding: 4px 10px;
    margin-right: 1px;
    border-radius: 4px;
    text-align: center;
}

.toolbar-start-time, .toolbar-end-time {
    width: 130px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #B7B7B7;
    border-radius: 4px;
    padding: 0 10px 0 5px;
}

.toolbar-func-btns {
    margin-top: 5px;
}

.toolbar-func-btn {
    display: inline-block;
    width: 90px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 2px 2px 10px 0px rgba(45, 135, 249, 0.3);
    cursor: pointer;
    background: rgba(54, 132, 251, 1);
}

.icons {
    color: #ffffff;
    font-size: 14px;
}

#clear-condition {
    display: inline-block;
    width: 48px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    font-weight: 500;
    color: rgba(54, 132, 251, 1);
    cursor: pointer;
}

.home-content {
    height: 557px;
}

.web-desktop-container {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 5px;
    background-color: #f3f3f4;
    overflow: auto;
}

.search {
    padding: 0px;
    width: 150px;
    border: 1px solid #dcdcdc;
}

.search input {
    height: 28px;
    width: 100%;
    padding: 10px;
    float: left;
    border: none;
}

.title-btn {
    position: absolute;
    float: right;
    width: 80px;
    height: 30px;
    text-align: right;
    line-height: 26px;
    font-size: 14px;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
}

.table-add {
    font-size: 14px;
    line-height: 20px;
    padding: 15px 15px 15px 0px;
    float: left;
    cursor: pointer;
}

ul {
    list-style: none;
}

.radioList li a {
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 3px;
    text-align: center;
    width: 100%;
    text-decoration: none;
    font-size: 14px;
    color: white;
    background-color: #625e5e;
}

left-menu {
    min-height: 1000px;
    padding-top: 25px;
}

.left-menu a {
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 3px;
    text-align: center;
    width: 100%;
    text-decoration: none;
    font-size: 14px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: white;
    background-color: #625e5e;
}

/*违章建筑主面板*/
.construction-container {
    width: 100%;
    height: 100%;
}

.construction-side {
    width: 15%;
    height: 100%;
    float: left;
    border-right: 2px solid #D8D8D8;
}

.construction-side-menu {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.construction-content {
    width: 85%;
    height: 100%;
    float: left;
}

.construction-content-tabs {
    width: 100%;
    height: 100%;
}

/*tab内容区*/
.construction-common {
    width: 100%;
    height: 100%;
}

.construction-common-one {
    position: relative;
    width: 100%;
    height: 100%;
}

.construction-common-left {
    width: 68%;
    height: 100%;
    float: left;
    position: relative;
}

.construction-common-right {
    width: 32%;
    height: 100%;
    float: left;
    position: relative;
}

.construction-common-left2 {
    width: 60%;
    height: 100%;
    float: left;
    position: relative;
}

.construction-common-right2 {
    width: 40%;
    height: 100%;
    float: left;
    position: relative;
}

.construction-common-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 32px;
    overflow-y: auto;
}

.construction-common-title {
    width: 90%;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    border-bottom: 1px solid #D8D8D8;
}

.construction-common-row {
    width: 100%;
    padding-top: 8px;
    padding-left: 20px;
    overflow: hidden;
}

.construction-common-row2 {
    width: 100%;
    padding-top: 8px;
    padding-left: 15px;
    overflow: hidden;
}

.construction-common-marginleft {
    margin-left: 30px;
}

.construction-common-marginleft2 {
    margin-left: 20px;
}

.construction-common-marginleft3 {
    margin-left: 15px;
}

.construction-common-label {
    float: left;
    width: 75px;
    height: 25px;
    line-height: 25px;
}

.construction-common-label2 {
    float: left;
    width: 95px;
    height: 25px;
    line-height: 25px;
}

.construction-common-label3 {
    float: left;
    height: 25px;
    line-height: 25px;
    padding-right: 5px;
}

.construction-common-label4 {
    float: left;
    width: 60px;
    height: 25px;
    line-height: 25px;
}

.construction-common-input {
    float: left;
    width: 150px;
    height: 25px;
}

.construction-common-input2 {
    float: left;
    width: 155px;
    height: 25px;
}

.construction-common-input3 {
    float: left;
    width: 380px;
    height: 25px;
}

.construction-common-input4 {
    float: left;
    width: 435px;
    height: 25px;
}

.construction-common-input5 {
    float: left;
    width: 200px;
    height: 25px;
}

.construction-common-input6 {
    float: left;
    width: 505px;
    height: 25px;
}

.construction-common-input7 {
    float: left;
    width: 405px;
    height: 25px;
}

.construction-common-input8 {
    float: left;
    width: 100px;
    height: 25px;
}

.construction-common-input9 {
    float: left;
    width: 495px;
    height: 25px;
}

.construction-common-border {
    border: 1px solid #B7B7B7;
    border-radius: 3px;
    line-height: 25px
}

.construction-common-textarea {
    float: left;
    width: 435px;
}

.construction-common-grid {
    width: 100%;
    position: absolute;
    top: 80px;
    bottom: 35px;
}

.construction-common-grid2 {
    width: 100%;
    position: absolute;
    top: 73px;
    bottom: 35px;
}

.construction-common-grid3 {
    width: 100%;
    position: absolute;
    top: 145px;
    bottom: 35px;
}

.construction-common-grid5 {
    width: 100%;
    position: absolute;
    top: 170px;
    bottom: 40px;
}

.construction-common-grid6 {
    width: 100%;
    position: absolute;
    top: 30px;
    bottom: 0;
}

.construction-common-pager {
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0;
}

.construction-common-pager .app-pager {
    float: right;
}

.construction-baseInfo {
    height: 100%;
    overflow-y: scroll;
}

.construction-common-baseInfo {
    height: 100%;
}

.construction-deal-common-buttons {
    width: 100%;
    height: 32px;
    bottom: 0px;
    right: 0;
    position: absolute;
}

.construction-common-buttons {
    width: 100%;
    height: 36px;
    margin-top: 15px;
}

.construction-common-buttons2 {
    height: 32px;
    left: 0px;
    bottom: 0px;
    right: 10px;
    position: absolute;
}

.construction-common-buttons-svg {
    float: right;
    margin-left: 10px;
    cursor: pointer;
}

.construction-btn {
    margin: 0px 5px 0px 5px;
    width: 50px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.construction-btn-float {
    width: 25px;
}

.construction-btn-view {
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: url(../../urban/common/css/images/icon/recbox-icon.png) -171px 0px no-repeat;
}

.construction-btn-upload {
    margin: 0 3px;
    cursor: pointer;
    width: 18px;
    height: 20px;
    background: url(../../urban/common/css/images/icon/upload.png) no-repeat;
}

.construction-maps-container {
    width: 100%;
    height: 100%;
}

.construction-media {
    position: relative;
    width: 380px;
    height: 380px;
    margin: 0 auto;
}

.construction-media-register {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.construction-media-panel {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-media-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-media-show,
.construction-media-vedio,
.construction-media-audio {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 42px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.construction-media-show-container,
.construction-media-vedio-container,
.construction-media-audio-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-media-show-next,
.construction-media-vedio-next,
.construction-media-audio-next {
    background-color: red;
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: 0%;
    width: 30%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
}

.construction-media-show-prev,
.construction-media-vedio-prev,
.construction-media-audio-prev {
    background-color: red;
    position: absolute;
    cursor: pointer;
    left: 0px;
    top: 0%;
    width: 30%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
}

.construction-media-text {
    cursor: pointer;
    padding-top: 2px;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 3px;
}

.construction-media-changeimgvideo {
    height: 24px;
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding-right: 5px;
}

.construction-media-changeimgvideo .select {
    border-bottom: 2px solid white;
}

.construction-media-vedio-next, .construction-media-vedio-prev,
.construction-media-audio-next, .construction-media-audio-prev {
    height: 50%;
    top: 25%;
}

.construction-media-show-zoom {
    position: absolute;
    cursor: pointer;
    bottom: 1px;
    right: 1px;
    width: 18px;
    height: 18px;
    background: url("../../urban/common/css/images/icon/recbox-icon.png") -171px 0px no-repeat;
    z-index: 1;
}

.construction-media-upload {
    margin: 0 3px;
    float: right;
    cursor: pointer;
    width: 18px;
    height: 20px;
    background: url("../../urban/common/css/images/icon/upload.png") no-repeat;
}

.construction-media-download {
    margin: 0 2px;
    float: right;
    cursor: pointer;
    width: 18px;
    height: 20px;
    background: url("../../urban/common/css/images/icon/download.png") no-repeat;
}

.construction-media-showimg {
    margin-top: 2px;
    margin-right: 10px;
    float: right;
    cursor: pointer;
    width: 18px;
    height: 20px;
    background: url("../../urban/common/css/images/icon/image.png") no-repeat;
}

.construction-media-showvideo {
    margin-top: 2px;
    margin-right: 5px;
    float: right;
    cursor: pointer;
    width: 18px;
    height: 20px;
    background: url("../../urban/common/css/images/icon/video.png") no-repeat;
}

.construction-media-showaudio {
    margin-top: 2px;
    margin-right: 5px;
    float: right;
    cursor: pointer;
    width: 18px;
    height: 20px;
    background: url("../../urban/common/css/images/icon/audio.png") no-repeat;
}

.construction-media-shower-form-row {
    width: 100%;
    padding-top: 12px;
    clear: both;
}

.construction-media-shower-form .input {
    float: left;
    width: 200px;
    font-size: 13px;
    padding-left: 4px;
}

.construction-media-shower-form .label {
    float: left;
    width: 100px;
    height: 16px;
    padding-left: 4px;
    padding-top: 4px;
    font-weight: normal;
    margin-left: 20px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.construction-media-shower-form .uploadbtn {
    float: left;
    margin-left: 5px;
    width: 70px;
    height: 26px;
    vertical-align: middle;
    line-height: 26px;
}

.construction-media-shower-form .uploadbtn.okbtn {
    margin-left: 28px;
    margin-right: 0px;
    margin-top: 10px;
}

.construction-media-shower-form .uploadbtn.cancelBtn {
    margin-left: 5px;
    margin-top: 10px;
}

.construction-media-shower-uploadtips {
    width: 50%;
    height: 20px;
    float: left;
    margin-top: 10px;
    position: relative;
}

.construction-shower-upload-btn-redColor {
    background-color: red;
}

.construction-shower-container {
    width: 100%;
    height: 100%;
}

.construction-shower-container .selected {
    border: 2px solid #FFFFFF;
}

.construction-shower-small-container {
    height: 80px;
    overflow: hidden;
    padding: 0px 5px;
    position: absolute;
    top: 15px;
    left: 10px;
    right: 10px;
}

.construction-shower-nav-item {
    float: left;
    height: 80px;
    width: 70px;
    cursor: pointer;
    margin-left: 17px;
    position: relative;
}

.construction-shower-nav-item .shower-nav-item-img {
    width: 80%;
    height: 80%;
}

.construction-shower-nav-item .nav-item-label {
    width: 100%;
    height: 20px;
}

.construction-shower-image-container {
    overflow: hidden;
    padding: 5px;
    position: absolute;
    top: 100px;
    bottom: 60px;
    left: 20px;
    right: 20px;
}

.construction-shower-img-item {
    width: 100%;
    height: 100%;
}

.construction-shower-image-label {
    height: 20px;
    position: absolute;
    bottom: 40px;
    left: 20px;
    right: 20px;
    text-align: center;
}

.construction-shower-btn-container {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 35px;
    overflow: hidden;
}

.construction-shower-btn-container .construction-shower-btn-center {
    overflow: hidden;
    float: left;
}

.construction-shower-btn-container .iconBtn2 {
    float: left;
    margin: 0px 1px;
    color: #214267;
    margin-left: 15px;
    width: 30px;
    cursor: pointer;
}

.construction-shower-btn-container .icon {
    top: 1px;
    left: 5px;
    width: 27px;
    height: 27px;
    float: left;
    background-image: url(../../urban/common/css/images/icon/media-tool-icon-2.png);
}

.construction-shower-btn-container .small-icon-left-rotate {
    background-position: -31px -33px;
}

.construction-shower-btn-container .small-icon-right-rotate {
    background-position: -61px -33px;
}

.construction-shower-btn-container .small-icon-save-image {
    background-position: -121px -33px;
}

.construction-shower-btn-container .small-icon-delete-image {
    background-position: -91px -33px;
}

.construction-shower-btn-container .small-icon-upload-image {
    background-position: -211px -33px;
}

.construction-detail-info-table {
    width: 100%;
}

.construction-detail-info-table td {
    border: 0;
    padding: 3px 5px;
}

.construction-detail-info-table .illegal-field {
    width: 80px;
}

.construction-detail-process-div {
    padding-left: 10px;
    line-height: 25px;
}

.construction-form-row {
    padding: 10px;
}

.construction-form-textarea {
    width: 100%;
    height: 180px;
}

.construction-form-process {
    float: left;
    line-height: 25px;
    width: 405px;
    height: 100px;
    overflow-y: auto;
}

.small-icon-verifypublish {
    background-position: -57px -19px
}

.small-icon-verifypublish0 {
    background-position: -57px -19px
}

.small-icon-verifypublish1 {
    background-position: -76px -19px
}

.small-icon-verifypublish2 {
    background-position: -95px -19px
}

.small-icon-verifypublish3 {
    background-position: -114px -19px
}

.small-icon-verifypublish4 {
    background-position: -133px -19px
}

.small-icon-checkpublish {
    background-position: -57px -19px
}

.small-icon-checkpublish0 {
    background-position: -57px -19px
}

.small-icon-checkpublish1 {
    background-position: -76px -19px
}

.small-icon-checkpublish2 {
    background-position: -95px -19px
}

.small-icon-checkpublish3 {
    background-position: -114px -19px
}

.small-icon-checkpublish4 {
    background-position: -133px -19px
}

.small-icon-operateflag {
    background-position: -57px -19px
}

.small-icon-operateflag0 {
    background-position: -114px -19px
}

.small-icon-operateflag1 {
    background-position: -133px -19px
}

.construction-necessary-field {
    color: red;
    display: block;
    float: left;
    margin-left: -20px;
    margin-top: 5px;
}

.construction .app-panal {
    box-shadow: 0 0 5px #ccc;
}

.construction-head {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ffffff;
    background: linear-gradient(270deg, rgba(51, 137, 254, 1) 0%, rgba(73, 97, 229, 1) 100%);
}

.construction-logo-container {
    width: 400px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.construction-logo {
    background: url("images/logo.png") no-repeat center;
    background-size: 87%;
    width: 45px;
    height: 100%;
    float: left;
    margin: 0 9px 0 47px;
}

.construction-logo-text {
    padding-left: 10px;
    width: 565px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: 2px;
}

.construction-nav-container {
    margin-left: 520px;
    margin-right: 220px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 16px;
}

.construction-nav {
    float: right;
    margin-right: 50px;
    line-height: 50px;
    color: #B8E7FF;
    cursor: pointer;
}

.construction-nav-home {
    background: url("images/home.png") no-repeat left;
    padding-left: 34px;
}

.construction-nav-home.selected {
    background-image: url("images/home-selected.png");
    color: #FFFEFE;
}

.construction-nav-montior {
    background: url("images/map.png") no-repeat left;
    padding-left: 34px;
}

.construction-nav-montior.selected {
    background-image: url("images/map-selected.png");
    color: #FFF;
}

.construction-nav-rec {
    background: url("images/rec.png") no-repeat left;
    padding-left: 30px;
}

.construction-nav-rec.selected {
    background-image: url("images/rec-selected.png");
    color: #FFF;
}

.construction-nav-data {
    background: url("images/rec.png") no-repeat left;
    padding-left: 30px;
}

.construction-nav-data.selected {
    background-image: url("images/rec-selected.png");
    color: #FFF;
}

.construction-nav-stat {
    background: url("images/stat.png") no-repeat left;
    padding-left: 34px;
}

.construction-nav-stat.selected {
    background-image: url("images/stat-selected.png");
    color: #FFF;
}

.construction-human-message {
    position: absolute;
    right: 60px;
    top: 0;
    width: 135px;
    line-height: 50px;
    color: white;
    white-space: nowrap;
    text-align: center
}

.construction-human-message > div {
    display: inline-block
}

.construction-human-message > div:first-child {
    width: 34px;
    height: 34px;
    margin-right: 5px;
    vertical-align: middle;
}

.construction-human-message > div:last-child {
    line-height: 16px;
    font-size: 14px;
    vertical-align: middle;
    text-align: left
}

.construction-human-message-name {
    font-family: PingFangSC-Medium;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.construction-human-message-unit {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.construction-logout {
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    border-left: 2px solid #589ede;
}

.construction-logout > div {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 15px
}

.construction-logo-weather {
    right: 244px;
    height: 50px;
    top: 0;
    position: absolute;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.construction-logo-time {
    color: white;
    width: 160px;
    height: 100%;
    position: absolute;
    margin-left: 400px;
    margin-top: 30px;
}

.construction-pannel {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-color: #E6EAED;
    padding-top: 50px;
}

.construction-bgcolor {
    background-color: #fff;
    text-align: center;
}

.construction-bgcolor2 {
    background-color: #fff;
}

.construction-nodata {
    width: 100%;
    height: 100%;
    color: #333131;
    text-align: center;
}

.construction-table-pager {
    left: 0;
    right: 0;
    top: 0;
    bottom: 35px;
    padding-top: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.construction-table-nopager {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 5px;
    overflow-x: hidden;
    overflow-y: auto;
}

.construction-table-fix {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 230px;
    padding-top: 5px;
    overflow-x: hidden;
    overflow-y: auto;
}

.construction-table-fix-chart {
    position: absolute;
    left: 0;
    right: 0;
    top: 230px;
    bottom: 0;
}

.construction-table {
    width: 100%;
    table-layout: fixed;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    color: #333131;
    font-family: AdobeInvisFont;
}

.construction-table-title {
    cursor: default;
    background-color: #BAE0F5;
    border-top: 1px solid #DCD8D8;
    border-bottom: 1px solid #DCD8D8;
}

.construction-table-odd {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4px;
    cursor: default;
    background-color: #FFF;
    border-bottom: 1px solid #DCD8D8;
}

.construction-table-even {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4px;
    cursor: default;
    background-color: #EFF2F4;
    border-bottom: 1px solid #DCD8D8;
}

.construction-pager {
    position: relative;
    height: 35px;
    color: #333131;
    margin-left: 10px;
    /*height: 9%;*/
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.construction-pager .construction-pager-first,
.construction-pager .construction-pager-last,
.construction-pager .construction-pager-go {
    text-decoration: underline;
}

.construction-pager .construction-pager-previous,
.construction-pager .construction-pager-next {
    color: #40AEE7;
}

.construction-pager .construction-pager-jump {
    float: right;
}

.construction-pager .construction-pager-jump input {
    text-align: center;
    border: 1px solid #CAC6C6;
    width: 40px;
    height: 20px;
    margin: 7px;
}

.construction-pager .construction-pager-link {
    margin: 0 5px;
    float: right;
    line-height: 35px;
    cursor: pointer;
}

.construction-pager .construction-pager-disabled {
    cursor: auto;
    color: #B8C0C4;
}

.construction-pager .construction-pager-msg {
    float: right;
    line-height: 35px;
    white-space: nowrap;
    margin-left: 5px;
}

.construction-general {
    width: 100%;
    height: 36%;
    position: relative;
}

.construction-hard {
    position: relative;
    width: 100%;
    height: 60%;
    margin-top: 4%;
}

.construction-status {
    width: 100%;
    height: 47%;
    position: relative;
}

.construction-eval {
    position: relative;
    width: 100%;
    height: 50%;
    margin-top: 2%;
}

.construction-street {
    position: relative;
    width: 100%;
    height: 57%;
}

.construction-trend {
    position: relative;
    width: 100%;
    height: 39%;
    margin-top: 4%;
}

.construction-block-container {
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
}

.construction-block-title {
    background-image: url(images/desktop-head.png);
    background-size: 100%;
    height: 28px;
    border-radius: 5px 5px 0 0;
}

.construction-block-title-text {
    float: left;
    margin-left: 15px;
    line-height: 28px;
    font-weight: bold;
    font-size: 15px;
}

.construction-block-title-type {
    float: right;
    margin-right: 15px;
    line-height: 28px;
    color: #B8E7FF;
}

.construction-block-title-type-item {
    text-decoration: underline;
    float: right;
    cursor: pointer;
}

.construction-block-title-type-item.selected {
    color: #FFF;
}

.construction-block-title-type-split {
    float: right;
    width: 1px;
    height: 16px;
    border-left: 1px solid #FFF;
    margin: 6px 10px;
}

.construction-block-content {
    overflow-y: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 28px;
    bottom: 0;
    border-radius: 0 0 5px 5px;
    text-align: center;
}

.construction-block-content.padding {
    padding: 10px 20px;
}

.construction-block-content.chart {
    bottom: 0px;
}

.construction-block-content-table {
    width: 100%;
    height: 100%;
    text-align: center;
}

.construction-block-content .construction-block-content-table {
    font-family: SimHei;
    font-size: 15px;
    color: #333131;
}

.construction-general .construction-block-content-table {
    font-size: 15px;
    font-weight: bold;
    color: #54595C;
    font-family: AdobeInvisFont;
}

.construction-block-content-text2 {
    color: #3CCFFF;
    font-size: 30px;
    font-family: LcdD;
    font-weight: 500;
}

.construction-block-content-text3 {
    color: #333131;
    text-align: left;
}

.construction-block-content-hard-item {
    height: 110px;
    border-bottom: 1px solid #DCD8D8;
}

.construction-block-content-hard-item-noborder {
    border-bottom: none;
}

.construction-block-content-hard-item-image {
    width: 40%;
    height: 100%;
    float: left;
    padding: 15px;
}

.construction-block-content-hard-item-image .image {
    width: 100%;
    height: 100%;
}

.construction-block-content-hard-item-info {
    width: 60%;
    height: 100%;
    float: left;
    padding: 15px 15px 15px 0;
}

.construction-block-content-status-data {
    border-bottom: 1px solid #DCD8D8;
    overflow: hidden;
    padding: 5px 0;
}

.construction-block-content-status-data-item {
    float: left;
    width: 16.6%;
    text-align: center;
}

.construction-block-content-status-data-num {
    line-height: 30px;
    color: #3CCFFF;
    font-size: 30px;
    font-family: LcdD
}

.construction-block-content-status-data-text {
    line-height: 30px;
    color: #333131;
    font-size: 15px;
    padding-top: 10px
}

.construction-block-content-status-chart {
    position: absolute;
    left: 0;
    right: 0;
    top: 81px;
    bottom: 5px;
}

.construction-block-content-status-chart-item {
    width: 50%;
    height: 100%;
    float: left;
}

.construction-sub-menu-container {
    position: absolute;
    right: 20px;
    bottom: 20px;
    border: 1px solid #CAC6C6;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
}

.construction-sub-menu-item {
    color: #36A2E4;
    width: 60px;
    cursor: pointer;
    padding-top: 40px;
}

.construction-sub-menu-item-eye {
    background: url("images/eye.png") no-repeat center 35%;
}

.construction-sub-menu-item-region {
    background: url("images/region.png") no-repeat center 30%;
}

.construction-sub-menu-item-hard {
    background: url("images/hard.png") no-repeat center 30%;
}

.construction-sub-menu-item-dispose {
    background: url("images/dispose.png") no-repeat center 30%;
}

.construction-sub-menu-item-trace {
    background: url("images/trace.png") no-repeat center 30%;
}

.construction-sub-menu-item-query {
    background: url("images/ibquery.png") no-repeat center 30%;
}

.construction-sub-menu-item-stat {
    background: url("images/ibstat.png") no-repeat center 30%;
}

.construction-sub-menu-item-back {
    background: url("images/back.png") no-repeat center;
    border-top: 1px solid #CAC6C6;
    margin-top: 10px;
}

.construction-eye-point {
    cursor: pointer;
    background: url("images/eye-point.png") no-repeat;
}

.construction-search-querybtn {
    cursor: pointer;
    background: url("images/construction-search.png") no-repeat center;
}

.construction-register {
    position: relative;
    width: 335px;
    height: 100%;
}

.construction-compare {
    position: absolute;
    left: 335px;
    right: 0;
    top: 0;
    bottom: 0;
}

.construction-remark {
    float: left;
    width: 200px;
    height: 120px;
}

.construction-remark2 {
    float: left;
    width: 235px;
    height: 150px;
}

.construction-mapbar {
    position: absolute;
    top: 60px;
    background-color: #FFF;
    border: 1px solid #CAC6C6;
    border-radius: 5px;
}

.construction-recstage {
    float: left;
    margin-left: 20px;
    line-height: 50px;
    color: #333131;
    font-size: 14px;
    cursor: default;
}

.construction-recnum {
    float: left;
    margin: 0 20px;
    line-height: 40px;
    color: #2cb7ff;
    font-size: 40px;
    font-family: LcdD;
    cursor: pointer;
}

.construction-recsplit {
    float: left;
    margin: 10px 0;
    height: 30px;
    border-left: 1px solid #DCD8D8;
}

/*----------construction-attachrec 案卷附件------------*/
.construction-attachrec-container {
    position: absolute;
    top: 25px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.construction-attachrec-grid {
    position: absolute;
    left: 0px;
    right: 0px;;
    top: 0px;
    bottom: 50px;
}

.construction-attachrec-botton {
    position: absolute;
    bottom: 10px;
    right: 7px;
}

.construction-attachrec-upload-row {
    width: 100%;
    padding-top: 12px;
    clear: both;
}

.construction-attachrec-uploadbtn {
    float: left;
    margin-left: 5px;
    width: 70px;
    height: 26px;
    vertical-align: middle;
    line-height: 26px;
}

.construction-attachrec-upload-row input,
.construction-attachrec-upload-row textarea {
    float: left;
    width: 200px;
    font-size: 13px;
    padding-left: 4px;
}

.construction-attachrec-upload-row .label {
    float: left;
    width: 100px;
    height: 16px;
    padding-left: 4px;
    padding-top: 4px;
    font-weight: normal;
    margin-left: 20px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-ideograph;
}

/***********界面位置调整**************/
.construction-panal-left {
    width: 27%;
    /* position: absolute; */
    margin-left: 1%;
    height: 100%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    display: inline-block;
    float: left;
}

.construction-panal-middle {
    width: 42%;
    /* position: absolute; */
    margin-left: 1%;
    height: 100%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    display: inline-block;
    float: left;

}

.construction-panal-right {
    width: 27%;
    /* position: absolute; */
    margin-right: 1%;
    height: 100%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    display: inline-block;
    float: right;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

/*.construction-common{*/
/*color:#54595C;*/
/*font-family: AdobeInvisFont;*/
/*}*/

/*-----------------vehiclefence-----------------*/
.construction-vehicle-fence-container {
    color: grey;
}

.construction-vehicle-fence-container .tree-node-hover {
    background: #83c2ff;
    color: #ffffff;
}

.construction-vehicle-fence-container .tree-node-selected {
    background-color: #83c2ff;
    color: #ffffff;
}

.construction-vehicle-fence-content {
    display: inline-block;
}

.construction-vehicle-fence-tree {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.construction-vehicle-button-container {
    display: none;
    position: fixed;
    padding-top: 2px;
}

.construction-vehicle-fence-button {
    cursor: pointer;
    margin-left: 2px;
}

/*-----------------builder-----------------*/
.construction-tab-container {
    width: 100%;
    height: 100%;
}

.construction-builder-box {
    width: 100%;
    height: 100%;
    display: inline-block;
    justify-content: space-between;
}

.construction-builder-box-left {
    width: 20%;
    height: 100%;
    padding-right: 5px;
}

.construction-builder-box-left .construction-builder-container {
    overflow-y: auto;
}

.construction-builder-box-right {
    width: 80%;
    height: 100%;
    padding-left: 5px;
}

.construction-builder-box-right-top {
    width: 100%;
    height: 10%;
}

.construction-builder-box-right-bottom {
    width: 100%;
    height: 95%;
}

.construction-builder-container {
    width: 100%;
    height: 100%;
    border: 1px solid #95B8E7;
    border-radius: 5px;
}

.construction-builder-container-top {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: none;
    border-bottom: 1px solid #95B8E7;
    border-radius: 0;
}

.construction-builder-container-bottom {
    border: none;
    border-radius: 0;
    padding-top: 5px;
}

.construction-builder-button {
    justify-content: flex-end;
}

.construction-builder-content {
    width: 100%;
    height: 100%;
}

.construction-builder-tree {
    width: 100%;
    height: 100%;
}

.construction-config-role-container-top {
    border: none;
    border-bottom: 1px solid #95B8E7;
    border-radius: 0;
}

/*-----------------builder-----------------*/
.construction-content {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.construction-content-none {
    position: absolute;
    width: 100%;
    height: 30px;
    top: 25%;
}

.construction-content-none .nodata {
    text-align: center;
    height: 100%;
}

.construction-content-table {
    position: absolute;
    top: 0;
    width: 100%;
    height: 45%;
}

.construction-content-chart {
    position: absolute;
    top: 45%;
    bottom: 0;
    width: 100%;
    margin-top: 5px;
    border: 1px solid #95B8E7;
}

.construction-chart {
    width: 100%;
    height: 100%;
}

der-box-right-top.construction-panel-content {
    width: 100%;
    height: 100%;
}

.construction-stat-panel {
    width: 100%;
    height: 100%;
    position: relative;
}

.construction-list-panel {
    width: 100%;
    height: 100%;
    position: relative;
}

.construction-list-panel-title {
    position: absolute;
    height: 30px;
    left: 10px;
    font-size: 15px;
}

.construction-list-panel-button {
    position: absolute;
    right: 5px;
    width: 30px;
    height: 30px;
    text-decoration: underline;
    cursor: pointer;
}

.construction-list-container {
    position: absolute;
    top: 30px;
    bottom: 0px;
    width: 100%;
}

.construction-list-content {
    width: 100%;
    height: 100%;
}

.construction-list-content .app-pager .app-pager-msg {
    width: 100%;
    float: none;
}

.construction-panel-iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    z-index: 0;
    frameborder: 0;
    border: 0;
    marginwidth: 0;
    marginheight: 0
}

.construction-query {
    width: 100%;
    padding-bottom: 5px;
    display: inline-block;
    justify-content: space-between;
}

.construction-region-nav {
    position: relative;
    width: 100%;
    height: 32px;
    padding-top: 5px;
    overflow: auto;
}

.construction-nav-clickstyle {
    cursor: pointer;
    text-decoration: underline;
}

.construction-nav-default {
    display: none;
    float: left;
}

.construction-builder-form {
    background-color: #FFF;
    padding: 13px 14px 10px 14px;
    overflow-y: scroll;
    height: 100%;
}

.construction-builder-vehicle-border {
    border: 1px solid #B7C7CD;
    border-radius: 4px;
}

.construction-builder-vehicle-title {
    height: 36px;
    background: #EFF4F6;
    border-bottom: 1px solid #B7C7CD;
    color: #4C4C4C;
    padding: 0 0 0 10px;
}

.construction-builder-vehicle-info {
    height: 400px;
}

.construction-builder-vehicle-title-span {
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
}

.construction-builder-vehicle-title-button {
    display: flex;
    position: relative;
    top: 5px;
    display: inline-block;
    float: right;
}

.construction-cell-margin {
    margin-bottom: 10px;
}

.construction-builder-cell-input {
    padding-left: 5px;
    color: #707070;
    width: 100%;
}

.construction-builder-cell-text {
    font-size: 12px;
    color: #707070;
    width: 100px;
    float: left;
}

.construction-builder-cell-text-hp-statis {
    width: 160px;
    padding-top: 4px;
    font-size: 12px;
    color: #707070;
}

.construction-builder-cell-holder {
    flex: auto;
}

.construction-builder-cell-input-statis {
    padding-left: 5px;
    color: #707070;
    background: #ffffff;
}

.construction-builder-cell-unit {
    margin-left: 5px;
    color: #000000;
}

.construction-builder-cell-div {
    /*padding: 0 80px 0 100px;*/
    width: 70%;
}

.construction-builder-vehicle-driver-click:hover {
    background-color: #DDD;
    cursor: pointer;
}

.construction-builder-vehicle-driver-click {
    width: 60px;
    height: 60px;
    text-align: center;
}

.construction-builder-vehicle-driver {
    background: url("images/icon/driver.png");
    width: 13px;
    height: 14px;
    float: left;
    margin: 0 5px;
}

.construction-builder-vehicle-driver-upload {
    width: 210px;
    height: 142px;
    background: #F8F8F8;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: center;
}

.construction-builder-vehicle-driver-upload-span {
    color: #2F4865;
    font-size: 57px;
    line-height: 60px;
}

.construction-builder-vehicle-driver-div {
    width: 200px;
    height: 200px;
    margin: 0 20px 20px 0;
    display: inline-block;
}

.construction-builder-vehicle-driver-title-red {
    width: 210px;
    height: 32px;
    background-color: #E06363;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    align-items: center;
    padding: 10px;
    line-height: 16px;
}

.construction-builder-vehicle-driver-title-blue {
    width: 210px;
    height: 32px;
    background-color: #46D5B1;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    align-items: center;
    padding: 10px;
    line-height: 16px;
}

#construction-builder-unit-tree > li {
    padding-bottom: 60px;
}

#construction-builder-vehicle-tree > li {
    padding-bottom: 60px;
}

.construction-builder-vehicle-driver-content-red {
    border: 1px solid #E06363;
    width: 210px;
    padding: 10px;
    color: #707070;
}

.construction-builder-vehicle-driver-content-blue {
    border: 1px solid #46D5B1;
    width: 210px;
    padding: 10px;
    color: #707070;
}

.construction-builder-vehicle-delete {
    background: url("images/icon/delete.png");
    width: 10px;
    height: 14px;
    cursor: pointer;
    float: right;
    margin-left: 10px;
}

.construction-builder-vehicle-modify {
    background: url("images/icon/modify.png");
    width: 13px;
    height: 14px;
    cursor: pointer;
    float: right;
}

.construction-builder-add-driver-line {
    display: flex;
    font-family: PingFangSC-Regular;
    color: #707070;
    margin-bottom: 10px;
}

.construction-builder-add-driver-title {
    width: 150px;
    text-align: right;
}

.construction-builder-add-driver-content-div {
    width: 360px;
    margin-left: 8px;
}

.construction-builder-add-driver-content-input {
    width: 100%;
    height: 26px;
    color: #707070;
    border: 1px solid #B7C7CD;
    line-height: 12px;
    padding: 0 5px;
}

.construction-button {
    cursor: pointer;
    width: 70px;
    height: 28px;
    line-height: 28px;
    padding-left: 24px;
    margin-left: 5px;
    background: no-repeat left center;
    display: inline-block;
}

.construction-button-query {
    background-image: url(images/button/query.png);
}

.construction-button-reset {
    background-image: url(images/button/reset.png);
    width: 100px
}

.construction-button-add {
    background-image: url(images/button/add.png);
}

.construction-button-delete {
    background-image: url(images/button/delete.png);
}

.construction-button-modify {
    background-image: url(images/button/modify.png);
}

.construction-button-save {
    background-image: url(images/button/modify.png);
}

.construction-button-export {
    background-image: url(images/button/export.png);
}

.construction-button-download {
    background-image: url(images/button/download.png);
    width: 120px
}

.construction-img-left {
    background-image: url(images/icon/left.png);
    width: 30px;
    height: 30px;
}

.construction-img-right {
    background-image: url(images/icon/right.png);
    width: 30px;
    height: 30px;
}

.construction-nav-extend {
    background-image: url(images/icon/extend.png);
    width: 20px;
    height: 20px;
}

.construction-nav-close {
    background-image: url(images/icon/close.png);
    width: 20px;
    height: 20px;
}

.construction-table {
    width: 100%;
    height: 100%;
}

.construction-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.construction-row {
    display: flex;
    width: 100%;
    padding: 5px;
}

.construction-cell {
    width: 100%;
    display: flex;
    height: 25px;
}

.construction-cell-title {
    width: 14%;
    padding-left: 10px;
    float: left
}

.construction-cell-text {
    width: 90%;
    padding-left: 5px;
}

.check-simCardNum {
}

.construction-row-half {
    flex: 50%;
    display: flex;
    align-items: center;
}

.construction-row-half .construction-cell-title {
    width: 20%;
}

.construction-row-half .construction-cell-text {
    width: 70%;
}

.construction-row-half .construction-cell-text-unit {
    width: 35%;
    float: left
}

/*-----------------selectize-----------------*/
.selectize-dropdown {
    padding: 0;
    background-color: #f5fafd !important;
    color: #495c68 !important;
}

.selectize-dropdown .active {
    background-color: silver !important;
    color: #ffffff !important;
}

.selectize-control {
    padding: 0;
}

/*-----------------list--------------*/
.construction-list-datagroup-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: left;
    overflow-y: auto;
    scrollbar-arrow-color: #eeeeee;
    scrollbar-face-color: #eeeeee;
    scrollbar-3dlight-color: #000000;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-darkshadow-color: #eeeeee;
    scrollbar-track-color: #ffffff;
    scrollbar-base-color: #ffffff;
}

.construction-list-query-container {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    height: 30px;
}

.construction-list-query-input {
    width: 100%;
    height: 100%;
}

.construction-list-item-container {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 1px;
    border: 1px solid silver;
    border-radius: 5px;
}

.construction-list-item-info-content {
    flex-grow: 1;
}

.construction-list-item-info-row {
    line-height: 20px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.construction-list-item-alarm-button {
    width: 40px;
    height: 16px;
    background: url("images/alarm/unalarm.png") center center no-repeat;
}

.construction-list-item-alarm-button.active {
    background-image: url("images/alarm/alarm.png")
}

.construction-list-datagroup-pager {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 30px;
    display: none;
}

.construction-list-datagroup-pager .app-pager {
    width: 100%;
    margin-top: 5px;
}

.construction-group-alarm-close-open {
    background-image: url("images/alarm/alarm-close-open.png");
    width: 170px;
    height: 90px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    display: none;
    z-index: 100000;
}

.construction-alarm-total {
    font-family: PingFangSC-Regular;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 90px;
    width: 70px;
    height: 90px;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

.construction-alarm-detail {
    width: 75px;
    height: 90px;
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0;
    line-height: 18px;
}

.construction-alarm-need {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #F4A94E;
    letter-spacing: 0;
    text-align: center;
    line-height: 12px;
    margin-left: 5px;
}

.construction-alarm-already {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #0091F0;
    letter-spacing: 0;
    text-align: center;
    line-height: 12px;
    margin-left: 5px;
}

.alarm-socket-common {
    padding: 9px 20px;
}

.alarm-socket-title {
    display: inline-block;
    width: 60px;
    font-weight: bold;
}

.alarm-socket-content {
    display: inline-block;
}

/*--------------------detail-------------------*/
.construction-detail-content {
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow-y: auto;
}

.construction-detail-row {
    width: 100%;
    height: 28px;
    display: block;
}

.construction-detail-row:nth-child(2n+1) {
    background-color: #e7eef8;
}

.construction-detail-cell {
    float: left;
    width: 50%;
    line-height: 28px;
}

.construction-detail-cell-header {
    color: #005aa0;
    display: inline;
}

.construction-detail-cell-content {
    color: #333333;
    display: inline;
}

.construction-person-detail-nav {
    width: 15%;
    height: 100%;
    padding: 5px;
    float: left;
}

.construction-person-detail-nav-item {
    width: 100%;
    height: 28px;
    line-height: 28px;
    margin-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

.construction-person-detail-content {
    width: 85%;
    height: 100%;
    padding: 5px;
    float: right;
}

.construction-person-detail-content-item {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.construction-person-detail-content-basic {
    display: block;
}

.construction-person-detail-content-family {
    display: none;
}

.construction-person-detail-content-dynamic {
    display: none;
}

/*---------------------homepage---------------------*/
.icon-homepage-SiteMgr {
    background: url('./images/homepage/SiteMgr.png');
    width: 42px;
    height: 46px;
}

.icon-homepage-consumptiveMgr {
    background: url('./images/homepage/consumptive.png');
    width: 37px;
    height: 47px;
}

.icon-homepage-BusinessMgr {
    background: url('./images/homepage/unit.png');
    width: 56px;
    height: 49px;
}

.icon-homepage-checkMgr {
    background: url('./images/homepage/check.png');
    width: 44px;
    height: 49px;
}

.icon-homepage-NavicertMgr {
    background: url('./images/homepage/navicert.png');
    width: 53px;
    height: 37px;
}

.icon-homepage-DisposalcertMgr {
    background: url('./images/homepage/disposalcert.png');
    width: 40px;
    height: 47px;
}

.icon-homepage-ViolationMgr {
    background: url('./images/homepage/violation.png');
    width: 45px;
    height: 45px;
}

.icon-homepage-AccidentMgr {
    background: url('./images/homepage/accident.png');
    width: 48px;
    height: 35px;
}

.icon-homepage-VideoMontior {
    background: url('./images/homepage/vehiclemonitor.png');
    width: 53px;
    height: 43px;
}

.icon-homepage-VehicleMontior {
    background: url('./images/homepage/monitor.png');
    width: 42px;
    height: 45px;
}

.icon-homepage-VehicleDustMontior {
    background: url('./images/homepage/vehicleycdata.png');
    width: 42px;
    height: 38px;
}

.icon-homepage-smartvehiclemanager {
    background: url('./images/homepage/intelligentmonitor.png');
    width: 51px;
    height: 53px;
}

.icon-homepage-statistics {
    background: url('./images/homepage/statistics.png');
    width: 21px;
    height: 20px;
}

.icon-homepage-info {
    background: url('./images/homepage/info.png');
    width: 20px;
    height: 20px;
}

.icon-homepage-vehiclequery {
    background: url('./images/homepage/vehicleycdata.png');
    width: 44px;
    height: 40px;
}

.icon-homepage-VehicleAlarm {
    background: url('./images/homepage/VehicleAlarm.png');
    width: 29px;
    height: 29px;
}

.icon-homepage-unitAuthority {
    background: url('./images/homepage/unitAuthority.png');
    width: 52px;
    height: 50px;
}

.icon-homepage-configMgr {
    background: url('./images/homepage/configMgr.png');
    width: 52px;
    height: 50px;
}

.icon-homepage-hpstatisMgr {
    background: url('./images/homepage/hpstatisMgr.png');
    width: 52px;
    height: 50px;
}

.homepage-bg {
    background: url('./images/homepage/BG.png') no-repeat;
}

.homepage-icon-layout {
    float: left;
    margin: 0 10px 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: url('./images/homepage/modulebg.png');
}

/*---------------------home---------------------*/
.construction-home-content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #f4f4f4;
    padding: 60px 10px 10px;
}

.construction-home-switch {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 65px;
    background: url("images/home/map.png") center center no-repeat;
    cursor: pointer;
}

.construction-home-switch:hover {
    background: url("images/home/map-click.png") center center no-repeat;
}

.construction-home-box {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.construction-home-left-box {
    width: 25%;
    height: 100%;
    padding-right: 5px;
}

.construction-home-right-box {
    width: 75%;
    height: 100%;
    padding-left: 5px;
}

.construction-home-left-container {
    width: 100%;
    height: 100%;
}

.construction-home-left-top-box {
    width: 100%;
    height: 45%;
    padding-bottom: 5px;
}

.construction-home-left-bottom-box {
    width: 100%;
    height: 55%;
    padding-top: 5px;
}

.construction-home-right-container {
    width: 100%;
    height: 100%;
}

.construction-home-right-top-box {
    width: 100%;
    height: 45%;
    padding-bottom: 5px;
}

.construction-home-right-bottom-box {
    width: 100%;
    height: 55%;
    padding-top: 5px;
}

.construction-home-quarter-container {
    display: inline-block;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid #d2d5d8;
    border-radius: 5px;
}

.construction-home-title-box {
    display: inline-block;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #d9e1e8;
}

.construction-home-title-half-box {
    display: inline-block;
    justify-content: center;
    width: 50%;
    height: 100%;
}

.construction-home-title-tab-box {
    display: inline-block;
    flex-direction: row;
    justify-content: center;
    width: 100px;
    height: 100%;
    cursor: pointer;
}

.construction-home-title-tab-box:hover {
    border-bottom: 2px solid #85c3ef;
}

.construction-home-title-tab-box:hover .construction-home-title-tab-container {
    color: #85c3ef;
}

.construction-home-title-tab-box.active {
    border-bottom: 2px solid #85c3ef;
}

.construction-home-title-tab-box.active .construction-home-title-tab-container {
    color: #85c3ef;
}

.construction-home-title-container {
    display: inline-block;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    font-size: 16px;
    color: #484a4c
}

.construction-home-title-tab-container {
    padding: 0;
}

.construction-home-content-box {
    display: inline-block;
    flex: 1;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

.construction-home-content-half-box {
    display: inline-block;
    width: 50%;
    height: 100%;
}

.construction-home-chart-container {
    display: inline-block;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.construction-home-content-basicstat {
    display: inline-block;
    width: 50%;
    height: 33.3%;
}

.construction-home-content-basicstat.left {
    border-right: 1px solid #d9e1e8;
}

.construction-home-content-basicstat.medium {
    border-top: 1px solid #d9e1e8;
    border-bottom: 1px solid #d9e1e8;
}

.construction-home-content-basicstat-left {
    display: inline-block;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 100%;
    padding-right: 10px;
}

.construction-home-content-basicstat-left-center {
    display: inline-block;
    justify-content: flex-end;
}

.construction-home-content-basicstat-icon {
    width: 32px;
    height: 32px;
    background-position: center center;
    background-repeat: no-repeat;
}

.construction-home-content-basicstat-right {
    display: inline-block;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 100%;
    padding-left: 5px;
}

.construction-home-content-basicstat-value {
    padding-bottom: 3px;
    font-size: 24px;
    font-family: LcdD;
    cursor: pointer;
}

.construction-home-content-basicstat-text {
    padding-top: 3px;
    font-size: 15px;
    color: #4f555b;
}

.construction-home-content-basicstat-icon.station {
    background-image: url("images/home/station.png");
}

.construction-home-content-basicstat-value.station {
    color: #3c96ea;
}

.construction-home-content-basicstat-icon.sweeper {
    background-image: url("images/home/sweeper.png");
}

.construction-home-content-basicstat-value.sweeper {
    color: #9e7ff9;
}

.construction-home-content-basicstat-icon.trash {
    background-image: url("images/home/trash.png");
}

.construction-home-content-basicstat-value.trash {
    color: #3ebf8a;
}

.construction-home-content-basicstat-icon.sprinkler {
    background-image: url("images/home/sprinkler.png");
}

.construction-home-content-basicstat-value.sprinkler {
    color: #ffa820;
}

.construction-home-content-basicstat-icon.camera {
    background-image: url("images/home/camera.png");
}

.construction-home-content-basicstat-value.camera {
    color: #ff6a7c;
}

.construction-home-content-basicstat-icon.worker {
    background-image: url("images/home/worker.png");
}

.construction-home-content-basicstat-value.worker {
    color: #4ab0f1;
}

/*------------------------vehicle---------------------------*/
.construction-vehicle-query-select-title {
    font-weight: bold;
}

.construction-vehicle-query .select-item {
    width: 50px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.construction-vehicle-query .selected-item {
    float: left;
    margin: 0 5px;
    cursor: pointer;
}

.construction-vehicle-query .active {
    border-radius: 2px;
}

.construction-vehicle-query-clear {
    float: right;
    cursor: pointer;
}

.construction-vehicle-query-button {
    margin: 0 5px;
    float: right;
    cursor: pointer;
}

.construction-vehicle-query-selected {
    height: 21px;
}

.construction-vehicle-content {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.construction-vehicle-content-table {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50%;
}

.construction-vehicle-table {
    position: relative;
    width: 100%;
    height: 100%;
}

.construction-vehicle-content-chart {
    position: absolute;
    top: 50%;
    width: 100%;
    bottom: 0px;
    margin-top: 10px;
    border: 1px solid silver;
}

.construction-vehicle-chart {
    position: relative;
    width: 100%;
    height: 100%;
}

/*-----------------vehicleregion-----------------*/
.construction-vehicle-region-container {
    color: grey;
}

.construction-vehicle-region-container input {
    border: 1px solid #ffffff;
}

.construction-vehicle-region-container select {
    border: 1px solid #ffffff;
}

.construction-vehicle-region-container .tree-node-hover {
    background: #83c2ff;
    color: #ffffff;
}

.construction-vehicle-region-container .tree-node-selected {
    background-color: #83c2ff;
    color: #ffffff;
}

.construction-vehicle-region-container .construction-vehicle-query {
    margin-top: 3px;
}

.construction-vehicle-region-content {
    top: 36px;
    overflow-y: auto;
}

.construction-vehicle-info {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.construction-vehicle-info-left {
    width: 30%;
    height: 100%;
    display: inline-block;
    justify-content: center;
}

.construction-vehicle-photo {
    width: 67%;
    height: 70%;
}

.construction-vehicle-info-right {
    width: 67%;
    height: 100%;
    display: inline-block;
    flex-direction: column;
    justify-content: space-around;
}

.sconstruction-vehicle-info-oprate {
    display: inline-block;
    justify-content: flex-end;
}

.sconstruction-vehicle-info-oprate a {
    cursor: pointer;
    text-decoration: underline;
    margin: 0 5px;
}

/*-----------------vehiclequery-----------------*/
.construction-vehicle-query {
    display: flex;
    justify-content: space-between;
}

.construction-vehicle-query-text {
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
}

.construction-vehicle-query-top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
}

.construction-vehicle-date {
    display: flex;
}

.construction-vehicle-date-picker {
    width: 80px;
    padding-left: 5px;
}

.construction-common-intype {
    padding-left: 5px;
}

.construction-vehicle-query-bottom {
    display: flex;
    justify-content: space-between;
}

.vehicle-alarm-list-container {
    top: 60px;
}

/*-----------------vehiclealarm-----------------*/
.construction-vehicle-alarm-query {
    flex-direction: column;
}

.construction-alarm-0 {
    background: url('./images/alarm/alarm-0.png');
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 40px;
}

.construction-alarm-1 {
    background: url('./images/alarm/alarm-1.png');
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 40px;
}

.construction-alarm-alarmTypeSiteNoise {
    background: url('./images/alarm/alarm-alarmTypeSiteNoise.png');
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 40px;
}

.construction-alarm-2 {
    background: url('./images/alarm/alarm-2.png');
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 40px;
}

.construction-alarm-3 {
    background: url('./images/alarm/alarm-3.png');
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 40px;
}

.construction-alarm-4 {
    background: url('./images/alarm/alarm-4.png');
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 40px;
}

.construction-alarm-5 {
    background: url('./images/alarm/alarm-5.png');
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 40px;
}

.construction-alarm-7 {
    background: url('./images/alarm/alarm-7.png');
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 40px;
}

.construction-alarm-8 {
    background: url('./images/alarm/alarm-8.png');
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 40px;
}

.construction-alarm-62 {
    background: url('./images/alarm/alarm-62.png');
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 40px;
}

.construction-alarm-selected {
    background: url('./images/alarm/selected.png');
    width: 20px;
    height: 10px;
    cursor: pointer;
}

.construction-alarm-unselected {
    background: url('./images/alarm/unselected.png');
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.construction-alarm-left {
    background: url('./images/alarm/left.png');
    width: 12px;
    height: 19px;
    cursor: pointer;
    position: relative;
    top: 100px;
}

.construction-alarm-right {
    background: url('./images/alarm/right.png');
    width: 12px;
    height: 19px;
    cursor: pointer;
    position: relative;
    top: 100px;
}

.construction-alarm-list {
    background: url('./images/alarm/list.png');
    width: 16px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.construction-alarm-close {
    background: url('./images/alarm/close.png');
    width: 5px;
    height: 8px;
    cursor: pointer;
}

.construction-alarm-expand {
    background: url('./images/alarm/expand.png');
    width: 8px;
    height: 5px;
    cursor: pointer;
}

.alarm-body-content {
    padding: 20px 10px 10px 10px;
    display: flex;
}

.alarm-change-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.alarm-list {
    width: 770px;
    height: 176px;
    padding: 0 40px;
}

.construction-alarm-query-div {
    width: 100%;
    padding: 3px 0 10px 20px;
}

.construction-alarm-query-input {
    border: 1px solid #B1B1B1;
    border-radius: 6px;
    color: #999999;
    width: 85px;
    height: 26px;
    color: #999;
    font-family: PingFangSC-Regular;
    padding: 0 4px 0 4px;
}

.alarm-icon-div {
    width: 140px;
    height: 88px;
    float: left;
    position: relative;
}

.alarm-deal-button {
    cursor: pointer;
    width: 60px;
    background: #0091F0;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}
.alarm-menu-button {
    cursor: pointer;
    font-size: 12px;
    color: rgba(51,51,51,1);
    height: 30px;
    line-height: 30px;
}

.alarm-menu-button:hover {
    background-color: rgb(229, 244, 253);
}
.alarm-menu-button:active {
    background-color: rgb(210, 230, 253);
}

.alarm-menu-attach {background: url("images/icon/alarm-menu-attach.png") no-repeat;background-size: contain;display: inline-block;width: 16px;height: 16px;line-height: 0.3rem}
.alarm-menu-deal {background: url("images/icon/alarm-menu-deal.png") no-repeat;background-size: contain;display: inline-block;width: 16px;height: 16px;line-height: 0.3rem}
.alarm-menu-rec {background: url("images/icon/alarm-menu-rec.png") no-repeat;background-size: contain;display: inline-block;width: 16px;height: 16px;line-height: 0.3rem}

.alarm-operate-button {
    cursor: pointer;
    width: 60px;
    background: #0091F0;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

.alarm-rec-button {
    cursor: pointer;
    width: 60px;
    background: red;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

.alarm-already-deal-button {
    cursor: pointer;
    width: 60px;
    background: grey;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

.construction-vehicle-tree-input {
    border: 1px solid #B1B1B1;
    line-height: 26px;
    border-radius: 6px;
    padding: 0px 20px 0px 5px;
    height: 26px;
    color: #ABABAB;
}

.alarm-selected {
    border: 2px solid #0091F0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.40);
}

.alarm-type-icon {
    text-align: center;
    font-size: 14px;
    color: #333333;
}

.alarm-number-show {
    border-radius: 50%;
    background-color: #FF5A5A;
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    top: -5px;
    right: 30px;
    color: #fff;
    font-size: 10px;
    text-align: center;
}

.alarm-export {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #1e8ad0;
    border-radius: 4px;
    padding: 1px 5px;
    background: #0091f0;
    color: #fff;
}

.alarm-stat {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #1e8ad0;
    border-radius: 4px;
    padding: 1px 5px;
    background: #0091f0;
    color: #fff;
}

.alarm-export:hover {
    background: #2da3f1;
}

/*-----------------taskplan-----------------*/
.construction-task-plan-content {
    display: inline-block;
}

.construction-task-plan-content-top {
    width: 100%;
    height: 18%;
    display: inline-block;
    flex-direction: column;
    justify-content: space-around;
}

.construction-task-plan-content-bottom {
    width: 100%;
    height: 82%;
}

.construction-task-plan-content-top-box {
    width: 100%;
    height: 30%;
    display: inline-block;
}

.construction-task-plan-content-button-box {
    justify-content: flex-end;
}

.construction-task-plan-query-condition {
    width: 33%;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    justify-content: space-around;
}

.construction-task-plan-query-condition-bottom {
    width: 50%;
}

.construction-task-plan-title {
    width: 25%;
    text-align: center;
}

.construction-task-plan-title-bottom {
    width: 16.5%;
}

.construction-task-plan-title-left {
    text-align: left;
}

.construction-task-plan-text {
    width: 75%;
    padding-left: 5px;
}

.construction-task-plan-text-bottom {
    width: 40%;
}

.construction-task-plan-button {
    cursor: pointer;
    margin-left: 5px;
    width: 60px;
    padding-left: 24px;
    line-height: 28px;
    background: no-repeat left center;
}

.construction-task-plan-query {
    background-image: url(images/button/query.png);
}

.construction-task-plan-reset {
    background-image: url(images/button/reset.png);
}

.construction-task-plan-add {
    background-image: url(images/button/add.png);
}

.construction-task-plan-delete {
    background-image: url(images/button/delete.png);
}

.construction-task-plan-modify {
    background-image: url(images/button/modify.png);
}

/*-----------------taskplanadd-----------------*/
.construction-task-plan-add-content {
    display: inline-block;
    flex-direction: column;
    justify-content: space-between;
}

.construction-task-plan-add-content-top {
    width: 100%;
    height: 80%;
    display: inline-block;
    flex-direction: column;
    justify-content: space-around;
}

.construction-task-plan-add-content-item {
    display: inline-block;
    justify-content: center;
}

.construction-task-plan-add-content-item-title {
    width: 25%;
}

.construction-task-plan-add-content-item-text {
    width: 65%;
    padding-left: 5px;
}

.construction-task-plan-add-content-bottom {
    width: 100%;
    height: 15%;
    display: inline-block;
    justify-content: flex-end;
}

.construction-task-plan-add-button {
    width: 60px;
    height: 24px;
    margin: 0 5px;
}

/*-----------------taskplanrelation-----------------*/
.construction-task-plan-relation-content {
    display: inline-block;
    flex-direction: column;
    justify-content: space-between;
}

.construction-task-plan-relation-content-top {
    width: 100%;
    height: 60%;
    display: inline-block;
    flex-direction: column;
    justify-content: space-around;
}

.construction-task-plan-relation-content-item {
    display: inline-block;
    justify-content: center;
}

.construction-task-plan-relation-content-item-title {
    width: 25%;
}

.construction-task-plan-relation-content-item-text {
    width: 65%;
    padding-left: 5px;
}

.construction-task-plan-relation-content-bottom {
    width: 100%;
    height: 20%;
    display: inline-block;
    justify-content: flex-end;
}

.construction-task-plan-relation-button {
    width: 60px;
    height: 24px;
    margin: 0 5px;
}

/*-----------------taskplanpoint-----------------*/
.construction-task-plan-point-content {
    display: inline-block;
}

.construction-task-plan-point-content-left {
    width: 42%;
    height: 100%;
    padding-right: 5px;
    display: inline-block;
    flex-direction: column;
    overflow-y: auto;
}

.construction-task-plan-point-content-left-top {
    width: 100%;
    height: 90%;
}

.construction-task-plan-point-content-left-bottom {
    width: 100%;
    height: 10%;
    display: inline-block;
    flex-direction: column;
    justify-content: center;
}

.construction-task-plan-point-button-content {
    display: inline-block;
    justify-content: flex-end;
}

.construction-task-plan-point-button {
    width: 60px;
    height: 24px;
    margin-left: 10px;
}

.construction-task-plan-point-content-right {
    width: 58%;
    height: 100%;
    padding-left: 5px;
}

.construction-task-plan-content-none {
    top: 50%;
}

/*-----------------plancheck-----------------*/
.construction-plan-check-tabs {
    position: absolute;
    width: 100%;
}

/*-----------------home-----------------*/
.construction-home.home-grid-border, .construction-home .home-grid-border {
    border: 4px solid #EFEFEF;
    /*padding: 4px;*/
}

.construction-home .stat-grid > div {
    float: left;
    width: 50%;
    height: 50%;
}

.construction-home .border-t {
    border-top: 1px solid #EFEFEF;
}

.construction-home .border-r {
    border-right: 1px solid #EFEFEF;
}

.construction-home .border-b {
    border-bottom: 1px solid #EFEFEF;
}

.construction-home .border-l {
    border-left: 1px solid #EFEFEF;
}

.construction-home .stat-grid .item {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.construction-home .stat-grid .img {
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.construction-home .stat-grid .title, .construction-home .rec-list .title {
    font-weight: bold;
    font-size: 14px;
    color: #131313;
}

.construction-home .stat-grid .detail, .construction-home .rec-list .detail {
    font-size: 12px;
    line-height: 12px;
    margin-top: 3px;
    color: #686868;
}

.construction-home .stat-grid .item .data {
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
}

.construction-home .title-bar {
    height: 40px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 40px;
    padding-right: 20px;
}

.construction-home .title-bar .square {
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    vertical-align: top;
}

.construction-home .title-bar .right {
    display: inline-block;
    float: right;
    color: #197ef2;
}

.construction-home .title-bar .right .square {
    margin-right: 0;
}

.construction-home .switch {
    display: inline-block;
    font-size: 0;
    -webkit-text-size-adjust: none;
    height: 20px;
    line-height: 20px;
}

.construction-home .switch > .item {
    display: inline-block;
    padding: 0 15px;
    background-color: white;
    border: 1px solid #d8d8d8;
    border-left: none;
    color: #4F5458;
    font-size: 12px;
}

.construction-home .switch > .item.selected {
    background-color: #efefef;
    color: #292E31;
}

.construction-home .switch .left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #d8d8d8;
}

.construction-home .switch .right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #d8d8d8;
    border-left: none;
}

.construction-home .rec-list {
    overflow-y: hidden;
    padding: 10px;
}

.construction-home .rec-list .item {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    height: 80px;
}

.construction-home .rec-list .img {
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: top;
    margin-right: 10px;
}

.construction-home .rec-list .data {
    display: inline-block;
}

.construction-home .grid-item {
    position: relative;
}

.construction-home .grid-item-content {
    position: absolute;
    top: 40px;
    bottom: 0;
    width: 100%;
}

.construction-home .icon-day-volume {
    background: url('./images/home_icon_day_volume.png')
}

.construction-home .icon-area-site {
    background: url('./images/home_icon_area_stat.png')
}

.construction-home .icon-date {
    background: url('./images/home_icon_date.png')
}

.construction-home .icon-hot-site {
    background: url('./images/home_icon_hot_site.png')
}

.construction-home .icon-map {
    background: url('./images/home_icon_map.png')
}

.construction-home .icon-rec {
    background: url('./images/home_icon_rec.png')
}

.construction-home .icon-trend-analysis {
    background: url('./images/home_icon_trend_analysis.png')
}

.construction-home .icon-dropdown {
    background: url('./images/home_icon_dropdown.png')
}

.construction-home .icon-site {
    background: url('./images/home_site_active.png')
}

.construction-home .icon-vehicle-info {
    background: url('./images/home_vehicle_info_active.png')
}

.construction-home .icon-mintor {
    background: url('./images/home_mintor_active.png')
}

.construction-home .icon-company-info {
    background: url('./images/home_company_info_active.png')
}

.construction-home .icon-consumptive-info {
    background: url('./images/home_consumptive_info_active.png')
}

.construction-nav-container {
    font-size: 0px
}

.construction-nav-container .main-nav-item {
    display: inline-block;
    cursor: pointer;
    line-height: 50px;
    position: relative;
    width: 100px;
    font-size: 14px;
    text-align: center
}

.construction-nav-container .main-nav-item-title {
    color: white;
    margin-left: 10px
}

.construction-nav-container .main-nav-item .main-nav-item-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    position: relative;
    top: 15px;
}

.construction-nav-container .main-nav-item > div:first-child {
    height: 100%;
    width: 100%;
    display: inline-block
}

.construction-nav-container .main-nav-item > div.active {
    background: #1578B5
}

.construction-nav-container .main-nav-item .sub-nav-item-container {
    position: absolute;
    white-space: nowrap;
    top: 50px;
    left: 0;
    width: 190px
}

.construction-nav-container .main-nav-item .sub-nav-item-container .sub-nav-item:hover {
    background-color: #1578b5
}

.construction-nav-container .main-nav-item .sub-nav-item-container .sub-nav-item {
    text-align: left;
    color: white;
    background-color: #214564;
    font-size: 14px;
    width: 100%;
    padding-left: 50px;
    border-top: 1px solid #4D6A83;
    line-height: 44px;
    height: 44px;
    cursor: pointer
}

.right-divider:after {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 33%;
    bottom: 33%
}

.main-nav-item.right-divider:last-child:after {
    display: none
}

.icon-construction-main {
    background: url("images/icon/icon-main.png");
    background-size: cover;
}

.icon-construction-main.active {
    background: url("images/icon/icon-main-active.png");
    background-size: cover;
}

.icon-construction-datamgr {
    background: url("images/icon/icon-datamgr.png");
    background-size: cover;
}

.icon-construction-datamgr.active {
    background: url("images/icon/icon-datamgr-active.png");
    background-size: cover;
}

.icon-construction-recmgr {
    background: url("images/icon/icon-recmgr.png");
    background-size: cover;
}

.icon-construction-recmgr.active {
    background: url("images/icon/icon-recmgr-active.png");
    background-size: cover;
}

.icon-construction-montiormgr {
    background: url("images/icon/icon-montiormgr.png");
    background-size: cover;
}

.icon-construction-montiormgr.active {
    background: url("images/icon/icon-montiormgr-active.png");
    background-size: cover;
}

.icon-construction-statisticalanalysis {
    background: url("images/icon/icon-statisticalanalysis.png");
    background-size: cover;
}

.icon-construction-statisticalanalysis.active {
    background: url("images/icon/icon-statisticalanalysis-active.png");
    background-size: cover;
}

.icon-construction-exit {
    background: url("images/icon/icon-exit.png");
    background-size: cover;
}

.icon-construction-head {
    background: url("images/icon/icon-head.png");
    background-size: cover;
}

/*-----------------sitebutton-----------------*/
.construction-site-map {
    background: url("images/icon/site-map-icon.png");
    width: 20px;
    height: 20px;
}

.construction-site-add {
    background: url("images/site-add.png");
    background-size: cover;
}

.construction-site-edit {
    background: url("images/icon/icon_edit.png");
    background-size: cover;
}

.construction-site-disposalcert-edit {
    background: url("images/site-edit.png");
    background-size: cover;
}

.construction-site-aduit {
    background: url("images/site-aduit.png");
    background-size: cover;
}

.construction-site-delete {
    background: url("images/icon/icon_delete.png");
    background-size: cover;
}

.construction-site-search {
    background: url("images/site-search.png");
    background-size: cover;
}

.construction-site-detail {
    background: url("images/button/detail.png");
    background-size: cover;
}

.construction-site-navicert-detail {
    background: url("images/site-detail.png");
    background-size: cover;
}

.construction-site-navicert-edit {
    background: url("images/site-edit.png");
    background-size: cover;
}

.construction-site-monitor {
    background: url("images/icon/icon_monitor.png");
    background-size: cover;
}

.construction-site-emission {
    background: url("images/icon/icon_license.png");
    background-size: cover;
}

.construction-site-loading {
    background: url("images/loading.gif");
    background-size: cover;
}

.construction-site-point {
    background: url("images/site-point.png");
    background-size: cover;
}

.construction-site-area {
    background: url("images/site-area.png");
    background-size: cover;
}

.construction-consumptive-area {
    background: url("images/site-consumptive.png");
    background-size: cover;
}

.construction-site-choose-file {
    background: url("images/site-choose-file.png");
    background-size: cover;
}

.construction-site-upload-file {
    background: url("images/site-choose-file.png");
    background-size: cover;
}

.construction-site-audit-pass {
    background: url("images/site-audit-pass.png");
    background-size: cover;
}

.construction-site-audit-reject {
    background: url("images/site-audit-reject.png");
    background-size: cover;
}

.construction-site-close {
    background: url("images/site-close.png");
    background-size: cover;
}

.construction-site-save {
    background: url("images/site-save.png");
    background-size: cover;
}

.construction-site-in {
    background: url("images/site-in.png");
    background-size: cover;
}

.construction-site-out {
    background: url("images/site-out.png");
    background-size: cover;
}

.construction-site-update {
    background: url("images/site-update.png");
    background-size: cover;
}

.construction-site-print {
    background: url("images/site-print.png");
    background-size: cover;
}

.construction-site-export {
    background: url("images/site-export.png");
    background-size: cover;
}

.construction-site-douwn-file {
    background: url("images/down-file-templete.png");
    background-size: cover;
}

.construction-site-clear-search {
    background: url("images/construction-clear.png");
    background-size: cover;
}

.webuploader-container {
    position: relative;
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.webuploader-pick {
    line-height: 50px;
    font-size: 60px;
    height: 60px;
    width: 60px;
    vertical-align: middle;
    text-align: center;
}

.webuploader-pick-hover {
    background: #ddd;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events: none;
}

.fileContainer a {
    text-decoration: underline;
}

.aAddAttach_link {
    width: 12px;
    height: 12px;
    background-image: url("images/addAttach_link.gif");
}

.fileInput {
    width: 120px;
    height: 20px;
    border: 1px solid #a0acba;
}

.imagestyle {
    width: 300px;
    height: 250px;
    display: block;
}

.noimagestyle {
    width: 300px;
    height: 250px;
    display: none;
}

.attachment :hover {

}

#picker .attachment {
    line-height: 50px;
    font-size: 60px;
    color: #ccc;
    border: 3px dotted #ccc;
    height: 60px;
    width: 60px;
    vertical-align: middle;
    text-align: center;
}

#attlist .item {
    padding: 20px 20px 20px 20px;
    float: left;
    width: 100px;
    height: 100px;
}

.construction-vehicle-chooser-container-all {
    width: 100%;
    height: 350px;
    padding: 10px;
}

.construction-vehicle-chooser-leftPanal {
    float: left;
    height: 100%;
    width: 43%;
    border: 1px solid;
}

.construction-vehicle-chooser-leftTitle {
    border-bottom: 1px solid;
    width: 100%;
    height: 30px;
    padding: 3px 0 0 5px;
}

.construction-vehicle-chooser-patrol-list {
    width: 100%;
    height: 290px;
    position: relative;
}

.construction-vehicle-choose-btnPanal {
    float: left;
    width: 35px;
    height: 35px;
    margin-top: 150px;
    margin-left: 18px;
    cursor: pointer;
}

.construction-vehicle-chooser-rightPanal {
    float: right;
    height: 100%;
    width: 43%;
    border: 1px solid;
}

.construction-vehicle-chooser-rightBottom {
    width: 100%;
    height: 290px;
    position: relative;
    overflow: auto;
}

.construction-vehicle-chooser-btn {
    position: absolute;
    bottom: 5px;
    right: 0px;
}

.construction-common-side {
    height: 100%;
}

.construction-common-search-container {
    position: absolute;
    top: 10px;
    bottom: 0px;
    overflow: auto;
    left: 8px;
    right: 9px;
}

.construction-common-search {
    width: 100%;
}

.construction-common-side .construction-common-tree-container {
    position: absolute;
    top: 40px;
    bottom: 0px;
    left: 8px;
    right: 9px;
    overflow: auto;
}

.text.list {
    height: 100%;
    width: 33.3%;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.text.list.active {
    color: #197ff2;
}

.underlinespan {
    height: 100%;
    display: inline-block;
}

.underlinespan.active {
    border-bottom: 2px solid #197ff2;
}

.construction-auditWarn {
    position: absolute;
    bottom: 100px;
    right: 320px;
    cursor: pointer;
    z-index: 100001;
}

.construction-auditWarn-triangle {
    background: url("images/triangle.png");
    background-size: cover;
    height: 32px;
    width: 25px;
}

.construction-auditWarn-content {
    position: absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
    width: 320px;
    height: 250px;
    background-color: white;
    z-index: 100000;
}

.construction-auditWarn-logo {
    background: url("images/time.png") no-repeat center;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    position: absolute;
    margin-top: 3px;
}

.construction-auditWarn-back {
    background: url("images/icon/icon-exit.png") no-repeat center;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 3px;
}

.construction-cell input {
    height: 26px;
}

.basedata-phrase-trigger {
    position: absolute;
    right: 20px;
    margin-top: 5px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    z-index: 999999999;
    background: url(images/icon/phrase-icon.png) no-repeat scroll 0 0 transparent;
    background-size: 100% 100%;
}

#picker1 .attachment {
    line-height: 50px;
    font-size: 60px;
    color: #ccc;
    border: 3px dotted #ccc;
    height: 60px;
    width: 60px;
    vertical-align: middle;
    text-align: center;
}

#attlist1 .item {
    padding: 20px 20px 20px 20px;
    float: left;
    width: 100px;
    height: 100px;
}

#picker2 .attachment {
    line-height: 50px;
    font-size: 60px;
    color: #ccc;
    border: 3px dotted #ccc;
    height: 60px;
    width: 60px;
    vertical-align: middle;
    text-align: center;
}

#attlist2 .item {
    padding: 20px 20px 20px 20px;
    float: left;
    width: 100px;
    height: 100px;
}

/*-----------------violationbutton-----------------*/
.construction-violation-choose-file {
    background: url("images/site-choose-file.png");
    background-size: cover;
}

.construction-form .form-row {
    width: 100%;
    padding-top: 12px;
    clear: both;
}

.construction-vehicle-content-top {
    width: 100%;
    height: 30px;
    display: flex;
    margin-top: 10px;
}

.construction-vehicle-content-middle {
    width: 100%;
    height: 30px;
    margin-top: 10px;
}

.construction-vehicle-content-bottom {
    width: 100%;
    height: calc(100% - 90px);
    margin-top: 10px;
}

/*-----------------vehicletreebutton-----------------*/
.construction-vehicle-have-check {
    background-image: url("images/addCheck.png");
    background-size: 15px;
    height: 15px;
    width: 15px;
    margin-right: 7px;
}

.construction-vehicle-no-check {
    background-image: url("images/vehicle-no-check.png");
    background-size: 15px;
    height: 15px;
    width: 15px;
    margin-right: 7px;
}

.construction-region-add-check {
    background-image: url("images/region-add-check.png");
    height: 15px;
    width: 15px;
    margin-right: 70px;
}

.construction-region-export-check {
    background-image: url("images/region-export-check.png");
    height: 15px;
    width: 15px;
    margin-right: 7px;
}

.construction-violation-down-tem {
    background: url("images/down-file-templete.png");
    background-size: cover;
}

/*-----vehicleMonitor---*/
.construction-vehicle-monitor-consumptive {
    background-image: url("images/icon/consumptive.png");
    height: 32px;
    width: 32px;
}

.construction-vehicle-monitor-consumptive-pos {
    background-image: url("images/icon/consumptive-pos.png");
    height: 22px;
    width: 32px;
}

.construction-vehicle-monitor-site {
    background-image: url("images/icon/site.png");
    height: 32px;
    width: 32px;
}

.construction-vehicle-monitor-site-pos {
    background-image: url("images/icon/site-pos.png");
    height: 22px;
    width: 32px;
}

.construction-vehicle-monitor-route {
    background-image: url("images/icon/route.png");
    height: 32px;
    width: 32px;
}

.construction-vehicle-monitor-video {
    background-image: url("images/icon/video.png");
    height: 32px;
    width: 32px;
}

.construction-vehicle-executor {
    background-image: url("images/icon/executor.png");
    height: 32px;
    width: 32px;
    background-size: 100% 100%;
}

.construction-vehicle-monitor-div2 {
    width: 387px;
    height: 77px;
    background-color: #FFF;
    border: 1px solid #E1E1E1;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.20);
    position: absolute;
    top: 60px;
    left: 48%;
}

.construction-vehicle-monitor-nav {
    height: 77px;
    box-sizing: border-box;
    position: absolute;
    opacity: 0.86;
    border-radius: 6px;
    z-index: 1;
    margin: auto;
    margin-top: 25px;
    display: flex;
    background-color: #FFF;
    border: 1px solid #E1E1E1;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.20);
    top: 60px;
    left: 45%;
    font-size: 14px;
    cursor: pointer;
}

.construction-vehicle-monitor-nav-div {
    position: relative;
    display: flex;
    width: 100px;
    height: 100%;
    padding: 10px 0px 10px 0px;
    justify-content: center;
    align-items: center;
}

.construction-vehicle-monitor-icon {
    margin-right: 10px;
    line-height: 46px;
    text-align: right;
}

.construction-vehicle-monitor-info {
    vertical-align: top;
    width: 50%;
    height: 100%;
    display: inline-block;
}

.construction-vehicle-monitor-selected {
    background-color: #EEF2F6;
}

.construction-nav-time {
    vertical-align: middle;
    position: absolute;
    right: 53px;
    padding-top: 3px;
    top: 0;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.construction-nav-common {
    height: 18px;
    width: 18px;
    display: none;
    cursor: pointer;
    float: right;
    margin: 15px 6px;
}

.construction-nav-left {
    background-image: url("images/nav/left.png");
}

.construction-nav-right {
    background-image: url("images/nav/right.png");
}

.construction-nav-cloudy {
    background-image: url("images/nav/cloudy.png");
    height: 25px;
    width: 32px;
}

.construction-nav-rain {
    background-image: url("images/nav/rain.png");
    height: 25px;
    width: 28px;
}

.construction-nav-snow {
    background-image: url("images/nav/snow.png");
    height: 26px;
    width: 30px;
}

.construction-nav-sunny {
    background-image: url("images/nav/sunny.png");
    height: 28px;
    width: 28px;
}

/*-----下载模板样式------*/
.construction-form .form-row .input {
    float: left;
    width: 200px;
    font-size: 13px;
    padding-left: 6px;
}

.app-button.uploadbtn {
    float: left;
    margin-left: 5px;
    width: 70px;
    height: 26px;
    vertical-align: middle;
    line-height: 26px;
}

.construction-file-upload {
    overflow: auto !important;
}

/*---------------------map-float---------------------*/
.map-float-container {
    width: 100%;
    height: 100%;
}

.map-float-item {
    width: 33%;
    cursor: pointer;
    float: left;
}

.map-float-item-split {
    width: 0;
    height: 60%;
    border: 1px solid #97cdff;
    margin-top: 10px;
    float: left;
}

.map-float-item-left {
    width: 60%;
    height: 100%;
    float: left;
}

.map-float-item-right {
    width: 40%;
    height: 100%;
    float: left;
}

.map-float-item-text {
    font-size: 16px;
    margin-top: 15px;
    margin-left: 10px;
    font-family: LcdD;
    color: #ffffff;
    float: left;
}

.map-float-item:hover .map-float-item-text {
    color: #ffd56f;
}

.map-float-item.selected .map-float-item-text {
    color: #ffd56f;
}

.map-float-item-icon {
    width: 32px;
    height: 32px;
    margin-top: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}

.map-float-item-value {
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: LcdD;
    color: #ffffff;
}

.map-float-item:hover .map-float-item-value {
    color: #ffd56f;
}

.map-float-item.selected .map-float-item-value {
    color: #ffd56f;
}

.map-float-item.company .map-float-item-icon {
    background-image: url("images/float/unit.png");
}

.map-float-item.company:hover .map-float-item-icon {
    background-image: url("images/float/unit-selected.png");
}

.map-float-item.company.selected .map-float-item-icon {
    background-image: url("images/float/unit-selected.png");
}

.map-float-item.vehicle .map-float-item-icon {
    background-image: url("images/float/vehicle.png");
}

.map-float-item.vehicle:hover .map-float-item-icon {
    background-image: url("images/float/vehicle-selected.png");
}

.map-float-item.vehicle.selected .map-float-item-icon {
    background-image: url("images/float/vehicle-selected.png");
}

.map-float-item.vehicleAll .map-float-item-icon {
    background-image: url("images/float/vehicle.png");
}

.map-float-item.vehicleAll:hover .map-float-item-icon {
    background-image: url("images/float/vehicle-selected.png");
}

.map-float-item.vehicleAll.selected .map-float-item-icon {
    background-image: url("images/float/vehicle-selected.png");
}

/*-----------------siteButton-----------------*/
.construction-site-choose-file {
    background: url("images/site-choose-file.png");
    background-size: cover;
}

.construction-site-down-tem {
    background: url("images/down-file-templete.png");
    background-size: cover;
}

/*-----------------consumptiveButton-----------------*/
.construction-consumptive-choose-file {
    background: url("images/site-choose-file.png");
    background-size: cover;
}

.construction-consumptive-down-tem {
    background: url("images/down-file-templete.png");
    background-size: cover;
}

.construction-button-export-img {
    background-image: url(images/button/exportimg.png);
    background-size: cover;
}

/*常州大屏*/
@media screen and (min-width: 1440px) and (max-width: 2040px) {
    .construction-home .stat-grid .item .data {
        right: 13%;
    }

    .construction-home .stat-grid .data .detail {
        font-size: 22px;
        line-height: 30px;
    }

    .construction-home .stat-grid .data .title {
        font-size: 18px;
    }

    .alarm-body-content {
        padding: 24px 10px 0px 10px;
    }

    .alarm-number-show {
        right: 27px;
    }

    .construction-home-left {
        right: 70%;
    }

    .construction-home-right {
        left: 30%
    }
}

@media screen and (max-width: 1440px) {
    .construction-home-left {
        right: 64%;
    }

    .construction-home-right {
        left: 36%
    }
}

.construction-home .stat-grid .alarm {
    width: 47%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.construction-home .iconStyle {
    background-repeat: no-repeat;
    background-position: center center;
}

.alarm-body-content-alarm {
    padding: 10px 10px 0px 10px;
    display: flex;
    height: 94%;
}

.alarm-list-alarm {
    width: 100%;
    height: 100%;
}

.alarm-icon-div-alarm {
    width: 25%;
    height: 50%;
    float: left;
    position: relative;
}

.construction-alarm-256 {
    background: url('./images/alarm/alarm-256.png') no-repeat center;
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin: 0 auto;
    border: 1px solid #BFD3DE;
}

#site-side {
    padding-right: 0;
    border-right: 2px solid #D8D8D8;
    height: 100%;
    width: 17%;
    float: left;
    position: relative;
}

#site-side #site-side-menu {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    background: #ffffff;
}

#site-content {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 83%;
    height: 85%;
    float: left;
    background: rgba(241, 245, 247, 1);
}

.app-panal-head-spe {
    background: linear-gradient(270deg, rgba(51, 137, 254, 1) 0%, rgba(73, 97, 229, 1) 100%);
}

.appr-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #EFF2F4;
}

.appr-top {
    flex-basis: 100px;
}

.appr-middle {
    flex: 1;
    overflow: hidden;
}

.appr-bottom {
    flex-basis: 90px;
}

.process-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #ffffff;
}

.process-box {
    display: flex;
    align-items: center;
}

.process-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #1890FF;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    background: #1890FF;
}

.process-divider {
    width: 120px;
    height: 1px;
    margin: 0 5px;
    background: #cccccc;
}

.white-btn {
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    border: 1px solid #348EFA;
    border-radius: 4px;
    box-shadow: 2px 2px 10px 0 rgba(45, 135, 249, 0.3);
    cursor: pointer;
    color: #348EFA;
    text-align: center;
    background: #ffffff;
}

.blue-btn {
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    border: 1px solid #348EFA;
    border-radius: 4px;
    box-shadow: 2px 2px 10px 0 rgba(45, 135, 249, 0.3);
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    background: #348EFA;
}

.field-space-vertical {
    margin-top: 20px;
}

.next-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-top: 1px solid #cccccc;
    box-shadow: -1px -1px 5px #888888;
    background: #ffffff;
}

.next-btn, .pre-btn {
    width: 300px;
    height: 48px;
    line-height: 48px;
    margin-left: 20px;
    border-radius: 6px;
    box-shadow: 2px 2px 10px 0 rgba(45, 135, 249, 0.3);
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    background: #466AE6;
}

.vehicle-list {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.vehicle-list-header {
    display: flex;
    align-items: center;
    text-align: center;
    height: 50px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
    list-style-type: none;
    color: #000;
    font-weight: 600;
    background: #F7F7F7;
}

.vehicle-content-wrapper {
    height: 100%;
    overflow: auto;
}

.vehicle-content ul {
    display: flex;
    align-items: center;
    text-align: center;
    height: 50px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#vehicle-input-line {
    display: none;
    align-items: center;
    text-align: center;
    height: 50px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #ffffff
}

.vehicle-num, .sim-card-num, .vehicle-frame, .nuclear-load-weight, .obturator, .operate {
    flex: 1;
}

.operate a {
    text-decoration: none;
    font-weight: 700;
}

.operate .delete:hover {
    color: #bd4252;
    cursor: pointer;
}

.operate .supply:hover {
    color: #239075;
    cursor: pointer;
}

.operate-btn-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    padding: 5px 10px;
    box-shadow: -1px -1px 5px #F7F7F7;
    background: #ffffff;
}

.operate-btn {
    width: 90px;
    height: 36px;
    line-height: 36px;
    margin-left: 20px;
    border-radius: 4px;
    box-shadow: 2px 2px 10px 0 rgba(45, 135, 249, 0.3);
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    background: #466AE6;
}

.text-input-space {
    text-align: right;
    padding-right: 8px;
}

.construction-site-delete-site {
    background: url("images/icon/icon_delete-site.png");
    background-size: cover;
}

/**new-icon***/
.construction-site-newicon-add {
    background: url("images/newIcon/add.png");
    background-size: cover;
}

#consumptive-content {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 83%;
    height: 93%;
    float: left;
    background: rgba(241, 245, 247, 1);
}

#consumptive-side {
    padding-right: 0;
    border-right: 2px solid #D8D8D8;
    height: 100%;
    width: 17%;
    float: left;
    position: relative;
}

#consumptive-side #consumptive-side-menu {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    background: #ffffff;
}

.construction-table.construction-tab-container {
    border: none !important;
}

.construction-builder-container-top-vehiclecheck {
    border: none;
    border-bottom: 1px solid #95B8E7;
    border-radius: 0;
}

.my-control-label {
    text-align: right;
    margin-bottom: 0;
}

.upload-entrance {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin-left: 10px;
    border: 1px dashed #a5a5a4;
    background: #FBFBFB;
}

.upload-entrance-click {
    width: 60px;
    height: 60px;
    text-align: center;
}

.upload-entrance-icon {
    color: #2F4865;
    font-size: 60px;
    line-height: 60px;
}

#hpstatis-content {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 83%;
    height: 100%;
    float: left;
    background: rgba(241, 245, 247, 1);
}

#hpstatis-side {
    padding-right: 0;
    border-right: 2px solid #D8D8D8;
    height: 100%;
    width: 17%;
    float: left;
    position: relative;
}

#hpstatis-side #hpstatis-side-menu {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    background: #ffffff;
}

#disposalcert-content {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 83%;
    height: 100%;
    float: left;
    background: rgba(241, 245, 247, 1);
}

#disposalcert-side {
    padding-right: 0;
    border-right: 2px solid #D8D8D8;
    height: 100%;
    width: 17%;
    float: left;
    position: relative;
}

#disposalcert-side #disposalcert-side-menu {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    background: #ffffff;
}

.uploader-list .item {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    text-align: center;
}

#constructionConfiguration-container {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

#configuration-side {
    padding-right: 0;
    border-right: 2px solid #D8D8D8;
    height: 100%;
    width: 17%;
    float: left;
    position: relative;
}

#configuration-side #configuration-side-menu {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
}

#configuration-content {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 83%;
    height: 100%;
    float: left;
}

#configuration-content-tabs {
    position: absolute;
    width: 100%;
    height: 100%
}

/*渣土应用配置*/
#construction-sysconfig-pages {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    overflow-x: hidden;
    height: 96%;
}

#construction-sysconfig-pages .misbuilder-config-form-row {
    margin: 0 0 10px 0;
}

#construction-sysconfig-pages .misbuilder-config-form-row .label {
    float: left;
    width: 290px;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    white-space: normal;
    line-height: 16px;
}

#construction-sysconfig-pages .misbuilder-config-form-row .input {
    float: left;
    width: 370px;
}

#construction-sysconfig-pages .misbuilder-config-form-row .remark {
    float: left;
    width: 400px;
}

#construction-sysconfig-pages .misbuilder-config-form-row input,
#construction-sysconfig-pages .misbuilder-config-form-row select,
#construction-sysconfig-pages .misbuilder-config-form-row textarea {
    width: 280px;
}

#construction-sysconfig-pages .misbuilder-config-form-row textarea {
    height: 50px;
}

.route-btn{
    position: relative;
    left: -18px;
    line-height: 34px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 2px 2px 10px 0 rgba(45, 135, 249, 0.3);
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    background: #348EFA;
}

.route-btn:hover{
    background: #4466EA;
}

.site-route-title {
    font-size: 18px;
    font-weight: 600;
    color: #4466EA;
    line-height: 30px;
}

.site-route-btn {
    flex: 1;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 16px;
    background: #4466EA;
}

.bind-vehicle-btn {
    display: block;
    width: 80%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 16px;
    background: #4466EA;
    cursor: pointer;
}

#icon-site-info {
    width: 26px;
    height: 26px;
    background: url("images/icon/icon_basic_info.png") center center no-repeat;
    background-size: 26px 26px;
}

#icon-site-vehicle {
    width: 20px;
    height: 20px;
    background: url("images/icon/icon_vehicle.png") center center no-repeat;
    background-size: 26px 26px;
}

#icon-vehicle-unit {
    width: 20px;
    height: 20px;
    background: url("images/icon/icon_unit.png") center center no-repeat;
}

#icon-site-enter {
    width: 20px;
    height: 20px;
    background: url("images/icon/icon_site_enter.png") center center no-repeat;
    background-size: 26px 26px;
}

.company-uploader-list .item {
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
}

.vehicle-uploader-list .item {
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
}

.consumptive-uploader-list .item {
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
}

.deal-uploader-list .item {
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
}

.media-list .item {
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
}

.is-agree-radio {
    width: 16px;
    height: 16px;
}

.select-vehicle-btn {
    width: 80px;
    height: 36px;
    line-height: 36px;
    border-radius: 6px;
    color: #ffffff;
    background: #4466EA;
}

.select-vehicle-count {
    font-size: 18px;
    font-weight: 600;
    color: #4466EA;
    line-height: 30px;
}

.select-vehicle-list-container {
    height: 400px;
    margin-top: 10px;
    padding: 10px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
    background: #ffffff;
    overflow: auto;
}

.select-vehicle-list-container ul {
    margin: 0;
    padding: 0;
}

.select-vehicle-list-container ul li {
    height: 36px;
    line-height: 36px;
}

.select-vehicle-list-head, .select-vehicle-list-item {
    display: flex;
    align-items: center;
    text-align: center;
}

.select-vehicle-list-head .select, .select-vehicle-list-item .select {
    flex: 1;
}

.select-vehicle-list-head .vehicle-num, .select, .select-vehicle-list-item .vehicle-num {
    flex: 2;
}

.select-vehicle-list-head .company-name, .select-vehicle-list-item .company-name {
    flex: 2;
}

.select-result-holder {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    /*padding: 0 10px;*/
}

.selected-vehicle {
    display: inline-block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #3A91F7;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px #517AFF;
    text-align: center;
    color: #3A91F7;
    font-size: 16px;
    font-weight: 500;
    background: #FFFFFF;
}

.vehicle-delete {
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 17px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    background: #EA6A7A;
    cursor: pointer;
}

.selected-enter {
    display: inline-block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #3A91F7;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px #517AFF;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #3A91F7;
    font-size: 14px;
    font-weight: 500;
    background: #FFFFFF;
}

.enter-delete {
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 17px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    background: #EA6A7A;
    cursor: pointer;
}

.my-wdate {
    background: transparent url(images/datePicker.png) no-repeat 98% 50% !important;
    background-color: #FBFBFB !important;
}

.dialog-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #EFF2F4;
}

.dialog-middle {
    flex: 1;
    overflow: hidden;
}

.dialog-bottom {
    flex-basis: 60px;
}

/*----------recbox----------*/
.construction-recbox-panel {
    width: 100%;
    height: 100%;
}

.construction-recbox-map {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 70%;
    bottom: 0px;
}

.construction-recbox-map-content {
    width: 100%;
    height: 100%;
    padding: 2px;
    border: 0px;
}

.construction-recbox-list {
    position: absolute;
    left: 0px;
    top: 10px;
    right: 0px;
    bottom: 20%;
}

.construction-recbox-detail {
    position: absolute;
    left: 0px;
    top: 50%;
    right: 0px;
    bottom: 0px;
}

.construction-recbox-list-panel {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-list-main {
    position: absolute;
    width: 100%;
    top: 10px;
    bottom: 0px;
}

.construction-recbox-list-tab {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-list-content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px
}

.construction-recbox-list-menu {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 0px;
    height: 30px;
}

.construction-recbox-list-menu-rec {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 20px;
    right: 80px;
    float: left;
    overflow: hidden;
}

.construction-recbox-list-menu-setting {
    position: absolute;
    top: 3px;
    bottom: 3px;
    width: 80px;
    right: 0px;
}

.construction-recbox-list-table {
    position: absolute;
    top: 30px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.construction-recbox-list-table .unreadRec {
    font-weight: bold;
}

.construction-recbox-list-table-pager {
    position: absolute;
    height: 25px;
    width: 450px;
    bottom: 0px;
    right: 5px;
}

.construction-recbox-list-table-mask {
    display: block;
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    text-align: center;
    border-radius: 0 0 5px 5px;
}

.construction-recbox-list-table-mask .mask-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 30px;
    width: 140px;
    margin-top: -15px;
    margin-left: -70px;
    font-size: 18px;
    font-weight: bold;
    z-index: 1;
}

.construction-recbox-list-search-content {
    width: 140px;
    height: 23px;
    padding-left: 5px;
}

.construction-recbox-list-search-content:-ms-input-placeholder {
    color: rgba(191, 191, 191, 1);
}

.construction-recbox-list-search-content::-ms-clear {
    display: none;
}

.construction-recbox-list-search {
    position: absolute;
    right: 0px;
    top: 3px;
    cursor: pointer;
}

.construction-recbox-list-search-left {
    position: absolute;
    left: 122px;
    top: 3px;
    cursor: pointer;
}

.bizbase-common-search {
    width: 100%;
}

.construction-recbox-map-splitter {
    position: absolute;
    left: 30%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-left: -8px;
    cursor: pointer;
    z-index: 1000;
}

.construction-recbox-detail-splitter {
    position: absolute;
    right: 50%;
    bottom: 50%;
    width: 8px;
    height: 8px;
    margin-right: -10px;
    margin-bottom: -10px;
    cursor: pointer;
    z-index: 1000;
}

.construction-recbox-splitter {
    display: none;
}

.construction-recbox-detail-panel {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-detail-main {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
}

.construction-recbox-detail-media {
    position: absolute;
    left: 0px;
    right: 70%;
    top: 0px;
    bottom: 2px;
}

.construction-recbox-detail-content {
    position: absolute;
    left: 30%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin-top: 10px;
}

.construction-recbox-detail-content-tab {
    width: 100%;
    height: 100%;
}

.construction-recbox-detail-media-check {
    position: absolute;
    left: 0px;
    right: 70%;
    top: 0px;
    bottom: 2px;
}

.construction-recbox-detail-media-panel {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-detail-media-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-list-media-show,
.construction-recbox-list-media-vedio {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 42px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.construction-recbox-list-media-audio {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 47px;
    height: 85px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.construction-recbox-list-media-show-container,
.construction-recbox-list-media-vedio-container,
.construction-recbox-list-media-audio-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-list-media-show-next,
.construction-recbox-list-media-vedio-next,
.construction-recbox-list-media-audio-next {
    background-color: red;
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: 0%;
    width: 30%;
    height: 80%;
    filter: alpha(opacity=0);
    opacity: 0;
}

.construction-recbox-list-media-show-prev,
.construction-recbox-list-media-vedio-prev,
.construction-recbox-list-media-audio-prev {
    background-color: red;
    position: absolute;
    cursor: pointer;
    left: 0px;
    top: 0%;
    width: 30%;
    height: 80%;
    filter: alpha(opacity=0);
    opacity: 0;
}

.construction-recbox-list-media-text {
    cursor: pointer;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 28px;
    bottom: 0px;
    overflow: hidden;
    line-height: 12px;
}

.construction-recbox-list-media-changeimgvideo {
    height: 22px;
    position: absolute;
    bottom: 24px;
    width: 100%;
    padding-right: 5px;
}

.construction-recbox-list-media-vedio, .construction-recbox-list-media-audio {
    display: none;
}

.construction-recbox-list-media-vedio-next, .construction-recbox-list-media-vedio-prev,
.construction-recbox-list-media-audio-next, .construction-recbox-list-media-audio-prev {
    height: 50%;
    top: 25%;
}

.construction-recbox-detail-process-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px;
}

.construction-recbox-detail-process-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-detail-process-info {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px 0 5px 0;
    overflow: auto;
}

.construction-recbox-detail-process-info .humaninfo {
    margin-left: 10px;
}

.construction-recbox-detail-info-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px;
}

.construction-recbox-detail-message-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px;
}

.construction-recbox-detail-info-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-detail-info-content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px 5px 5px 5px;
    overflow: auto;
}

.construction-recbox-detail-subtypeex-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px;
}

.construction-recbox-detail-subtypeex-content {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto
}

.construction-recbox-detail-subtypeex-form {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.construction-recbox-detail-more-message-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px;
}

.construction-recbox-detail-more-message-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-detail-returnvisit-log-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px;
}

.construction-recbox-detail-returnvisit-log-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-detail-convenient-process-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px;
}

.construction-recbox-detail-convenient-process-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-detail-110-info-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px;
}

.construction-recbox-detail-110-info-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-list-fieldsetting-panel {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-list-fieldsetting-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-list-fieldsetting-content {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 50px;
}

.construction-recbox-list-fieldsetting-content-leftpane {
    position: absolute;
    left: 0px;
    width: 42%;
    height: 100%;
    border-radius: 5px;
}

.construction-recbox-list-fieldsetting-content-btnpane {
    position: absolute;
    left: 42%;
    width: 16%;
    height: 100%;
}

.construction-recbox-list-fieldsetting-content-rightpane {
    position: absolute;
    right: 0px;
    width: 42%;
    height: 100%;
    border-radius: 5px;
}

.construction-recbox-list-fieldsetting-content-panetitle {
    position: absolute;
    top: 0px;
    height: 30px;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
}

.construction-recbox-list-fieldsetting-content-panetitle-text {
    position: absolute;
    top: 0px;
    height: 30px;
    line-height: 30px;
    left: 10px;
    right: 10px;
    text-align: middle;
}

.construction-recbox-list-fieldsetting-content-leftfileds {
    position: absolute;
    top: 60px;
    bottom: 5px;
    width: 100%;
    overflow: auto;
}

.construction-recbox-list-fieldsetting-content-rightfileds {
    position: absolute;
    top: 60px;
    bottom: 5px;
    width: 100%;
    overflow: auto;
}

.construction-recbox-list-fieldsetting-content-btnpane-rightbtn {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 30px;
    margin-left: -20px;
    margin-top: -75px;
    border-radius: 5px;
}

.construction-recbox-list-fieldsetting-content-btnpane-leftbtn {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 30px;
    margin-left: -20px;
    margin-top: -35px;
    border-radius: 5px;
}

.construction-recbox-list-fieldsetting-content-btnpane-rightallbtn {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 30px;
    margin-left: -20px;
    margin-top: 5px;
    border-radius: 5px;
}

.construction-recbox-list-fieldsetting-content-btnpane-leftallbtn {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 30px;
    margin-left: -20px;
    margin-top: 45px;
    border-radius: 5px;
}

.construction-recbox-list-fieldsetting-content-field {
    padding-left: 5px;
}

.construction-recbox-list-fieldsetting-content-fieldblur {
    background-color: #CDCDC1;
}

.construction-recbox-list-fieldsetting-content-fieldselected {
    background-color: #8F8F8F;
}

.construction-recbox-list-fieldsetting-button {
    position: absolute;
    left: 10px;
    right: 100px;
    bottom: 0px;
    height: 35px;
}

.construction-recbox-list-fieldsetting-rightpanebtn {
    position: absolute;
    width: 80px;
    right: 10px;
    bottom: 10px;
    height: 25px;
}

.construction-recbox-list-fieldsetting-rightpanebtn-item {
    cursor: pointer;
    width: 14px;
    height: 16px;
    float: right;
    margin-left: 6px;
}

.construction-recbox-list-filter-panel {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-list-filter-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-list-filter-content {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 50px;
    overflow: auto;
}

.construction-recbox-list-filter-button {
    position: absolute;
    right: 10px;
    bottom: 0px;
    height: 35px;
}

.construction-recbox-list-filter-content-table {
    position: absolute;
    left: 10px;
    right: 0px;
    top: 0px;
    bottom: 15px;
}

.construction-recbox-list-filter-content-table .td-title {
    width: 100px;
    height: 33px;
}

.construction-recbox-list-filter-content-table .td-cop {
    width: 100px;
    height: 33px;
}

.construction-recbox-list-filter-content-table .td-cop select {
    width: 80px;
    height: 25px;
    line-height: 25px;
}

.construction-recbox-list-filter-content-table .td-filterstring {
    width: 220px;
    height: 33px;
}

.construction-recbox-list-filter-content-table .td-filterstring input {
    width: 220px;
    height: 25px;
    line-height: 20px;
    padding-left: 8px;
}

.construction-recbox-list-filter-content-table .td-filterstring select {
    width: 220px;
    height: 25px;
    line-height: 25px;
}

.construction-recbox-list-filter-content-table .td-cop .selectize-control {
    width: 80px;
    height: 25px;
}

.construction-recbox-list-filter-content-table .td-cop .selectize-dropdown-content {
    max-height: 145px;
    max-width: 80px;
}

.construction-recbox-list-filter-content-table .td-filterstring .selectize-control {
    width: 220px;
    height: 25px;
}

.construction-recbox-list-filter-content-table .td-filterstring .selectize-dropdown-content {
    max-height: 145px;
    max-width: 220px;
}

.construction-recbox-list-filter-content-table .selectize-control .selectize-input {
    line-height: 25px;
    padding: 0px 8px
}

.construction-recbox-list-filter-content-table .selectize-dropdown-content .option-reaize {
    height: 24px;
}

.construction-recbox-detail-edit-container {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px;
}

.construction-recbox-detail-edit-form-container {
    position: absolute;
    top: 0px;
    bottom: 30px;
    width: 100%;
    overflow-y: scroll
}

.construction-recbox-detail-edit-form-container .construction-recbox-detail-edit-form-container {
    overflow: scroll
}

.construction-recbox-detail-edit-form-tool-container {
    position: absolute;
    bottom: 0px;
    width: 100%
}

.construction-recbox-detail-edit-container .mis-module-tool-bar button {
    border: none
}

.construction-recbox-detail-edit-container .mis-module-tool-bar button:disabled {
    background-color: silver;
    color: #FFFFFF;
}

.construction-recbox-detail-edit-container .mis-rec-register-tools {
    line-height: 24px;
    height: 24px;
    margin: 0px 5px 0px 5px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.construction-recbox-detail-humaninfo-panel {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-detail-humaninfo-main {
    position: absolute;
    width: 100%;
    height: 100%;
}

.construction-recbox-detail-humaninfo-row {
    width: 100%;
    padding-top: 12px;
    clear: both;
}

.construction-recbox-detail-humaninfo-row .label {
    float: left;
    width: 60px;
    height: 16px;
    font-weight: normal;
    margin-left: 20px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.construction-recbox-detail-humaninfo-row .text {
    float: left;
    width: 200px;
    height: 16px;
    font-size: 13px;
    padding-left: 15px;
    font-weight: normal
}

.slickGrid_cell-center {
    text-align: center;
}

.choose-address-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    box-shadow: -1px -1px 5px #888888;
    background: #ffffff;
}

.choose-address-btn {
    width: 80px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    box-shadow: 2px 2px 10px 0 rgba(45, 135, 249, 0.3);
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    background: #348EFA;
}

.assist-btn, .assist-btn:hover {
    color: #348EFA;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.assist-btn:hover {
    color: #4278ED;
    font-weight: bold;
    cursor: pointer;
}

.route .selectize-input {
    height: 100%;
    min-height: 40px;
    max-height: 100px;
    overflow: auto;
    background: #FBFBFB !important;
}

/*渣土字典表的配置样式*/
.construction-common-side-container {
    position: absolute;
    left: 0px;
    width: 22%;
    height: 100%;
    padding-left: 8px;
    padding-right: 8px;
    border-right: 2px solid #D8D8D8;
}

.construction-common-content {
    position: absolute;
    left: 22%;
    width: 78%;
    height: 100%;
}

.construction-common-container {
    position: absolute;
    width: 100%;
    top: 25px;
    bottom: 0px;
}

.construction-common-container invalid {
    background-color: #aaaaaa;
    color: #aaaaaa
}

.construction-common-container .necessary-field {
    color: red;
    margin-left: 2px;
}

.construction-common-container .legend {
    font-size: 14px;
    color: #fff;
    padding-left: 5px;
}

.construction-common-info-container {
    position: absolute;
    top: 57px;
    bottom: 0px;
    width: 100%;
    padding-left: 10px;
}

.construction-table .form-row {
    width: 100%;
    padding-top: 12px;
    clear: both;
}

.construction-table .form-row .label {
    float: left;
    width: 80px;
    height: 16px;
    padding-left: 4px;
    padding-top: 2px;
    font-weight: normal;
    margin-left: 20px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.construction-table .form-row .input {
    float: left;
    width: 200px;
    font-size: 13px;
    padding-left: 6px;
}

.construction-table .form-row div.input {
    padding-left: 0px;
}

.construction-table .form-row .textarea {
    float: left;
    width: 542px;
    font-size: 13px;
    padding-left: 6px;
}

.construction-table .form-row .input.selectize-control {
    padding-left: 0;
}

.construction-table .form-row .textarea.selectize-control {
    padding-left: 0;
}

.construction-table .form-row .longlabel {
    float: left;
    width: 120px;
    height: 16px;
    padding-left: 4px;
    padding-top: 2px;
    font-weight: normal;
    margin-left: 20px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.construction-table .form-row .input-checkbox {
    float: left;
    font-size: 13px;
    padding-left: 6px;
}

.construction-table .form-row .pollutant-longcheckbox {
    margin-right: 185px;
}

.construction-table .form-row .longerlabel {
    float: left;
    width: 240px;
    height: 16px;
    padding-left: 4px;
    padding-top: 2px;
    font-weight: normal;
    margin-left: 20px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.construction-table .form-row .longerinput {
    float: left;
    width: 240px;
    font-size: 13px;
    padding-left: 0;
}

.construction-table .form-row input {
    height: 25px;
}

.construction-table .form-row input[type=radio] {
    vertical-align: middle;
}

.construction-table .form-row input[type=checkbox] {
    vertical-align: middle;
}

.construction-table .form-row select {
    height: 25px;
}

.construction-table .form-row .selectize-control {
    height: 25px;
}

/*调整字典表顺序*/
.construction-order-toolbar {
    height: 30px;
    clear: both;
    padding-right: 16px;
}

.construction-order-toolbar > div {
    float: right;
    margin-right: 8px;
    font-size: 17px;
    width: 22px;
    height: 22px;
}

.construction-order-toolbar .up-one {
    background: url("images/order/up-one.png") no-repeat;
}

.construction-order-toolbar .up-top {
    background: url("images/order/up-top.png") no-repeat;
}

.construction-order-toolbar .down-one {
    background: url("images/order/down-one.png") no-repeat;
}

.construction-order-toolbar .down-bottom {
    background: url("images/order/down-bottom.png") no-repeat;
}

.global-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #EFF2F4;
}

.content-container {
    flex: 1;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}

.operate-container {
    flex-basis: 90px;
}

.content-left-container {
    flex: 70%;
    height: 100%;
}

.content-right-container {
    flex: 30%;
    height: 100%;
}

.process-human-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: transparent url(images/icon/icon_human_head.png) no-repeat 50% 50%
}

.process-title {
    width: 120px;
    height: 36px;
    line-height: 36px;
    padding-left: 15px;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    background: #348EFA;
}

.site-list ul, .consumptive-list ul {
    display: flex;
    align-items: center;
    text-align: center;
    height: 50px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.word-noraml {
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.word-animate-loop {
    display: inline-block;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    animation: 10s wordsLoop linear infinite normal;
}

@keyframes wordsLoop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

.navbar-blue {
    border: none;
    background: linear-gradient(270deg, rgba(51, 137, 254, 1) 0%, rgba(73, 97, 229, 1) 100%);
}

.navbar-blue .navbar-nav li a {
    color: white !important;
    font-size: 14px;
    font-weight: 600;
    color: white;
    display: block;
}

.navbar-blue .navbar-nav li a i {
    margin-right: 8px;
    font-size: 18px;
}

.navbar-blue .navbar-nav li a:hover {
    color: white;
    background-color: rgb(102, 143, 243) !important;
}

.navbar-blue .navbar-nav li a:focus {
    color: white;
    background-color: rgb(102, 143, 243) !important;
}

.menuactive {
    color: white;
    background-color: rgb(102, 143, 243);
}

.input-xs {
    height: 20px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}

#statisticPage .nav-tabs li a {
    font-weight: 600;
    border-radius: 0px;
}

.tabactive {
    border-top: 3px solid rgb(51, 136, 255);
    background-color: white;
    color: rgb(51, 136, 255);
    font-weight: bold;
}

.tabunactive {
    padding-top: 3px;
    font-weight: bold;
}

.btn-blue {
    background-color: rgb(59, 135, 247);
    color: white !important;
}

.btn-blue:hover {
    background-color: rgb(30, 100, 247);
}

.btn-red {
    background-color: rgb(255, 118, 118);
    color: white !important;
}

.m-t-md {
    margin-top: 20px;
}

.m-t-sm {
    margin-top: 10px;
}

.m-t-xs {
    margin-top: 5px;
}

.m-l-md {
    margin-left: 20px;
}

.m-l-sm {
    margin-left: 10px;
}

.m-l-xs {
    margin-left: 5px;
}

#statisticPage table tbody {
    display: block;

    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#statisticPage table td, #statisticPage table th {
    text-align: center;
}

#statisticPage table tbody::-webkit-scrollbar {
    display: none;
}

#statisticPage table thead,
#statisticPage table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#statisticPage .easyui-pagination table tbody {
    height: 30px;
    display: block;
}

#statisticPage .easyui-pagination table tbody tr {
    display: block;
    width: 100%;
    table-layout: fixed;
}

.font-bold {
    font-size: 12px;
    font-weight: 600;
}

.vehicle-attach-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
    box-shadow: -1px 1px 1px 1px #cccccc;
    background: #ffffff;
    transition: width .3s linear;
    -webkit-transition: width .3s linear;
}

.constructionSite-label {
    width: 30%;
    text-align: center;
}

.constructionSite-input {
    vertical-align: middle;
    display: inline-block !important;
    width: 66% !important;
}

.constructionSite-div {
    width: 50%;
    padding: 3px;
}

/*渣土页面字段应用配置*/
#construction-constructionSiteColumnConfig-pages {
    margin-left: 0;
    margin-right: 0;
    width: 92%;
    overflow-x: hidden;
    height: 96%;
}

.construction-form-builder .form-row {
    width: 100%;
    padding-top: 12px;
    clear: both;
}

.construction-form-builder .form-row .label {
    display: inline;
    float: left;
    width: 200px;
    height: 16px;
    padding-left: 4px;
    padding-top: 2px;
    font-weight: normal;
    margin-left: 20px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.construction-form-builder .form-row .input {
    float: left;
    width: 200px;
    font-size: 13px;
    padding-left: 6px;
}

.construction-form-builder .form-row div.input {
    padding-left: 0px;
}

.construction-form-builder .form-row .textarea {
    float: left;
    width: 542px;
    font-size: 13px;
    padding-left: 6px;
}

.construction-form-builder .form-row .input.selectize-control {
    padding-left: 0;
}

.construction-form-builder .form-row .textarea.selectize-control {
    padding-left: 0;
}

.construction-form-builder .form-row .longlabel {
    float: left;
    width: 120px;
    height: 16px;
    padding-left: 4px;
    padding-top: 2px;
    font-weight: normal;
    margin-left: 20px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.construction-form-builder .form-row .input-checkbox {
    float: left;
    font-size: 13px;
    padding-left: 6px;
}

.construction-form-builder .form-row .misbuilder-longcheckbox {
    margin-right: 185px;
}

.construction-form-builder .form-row .longerlabel {
    float: left;
    width: 240px;
    height: 16px;
    padding-left: 4px;
    padding-top: 2px;
    font-weight: normal;
    margin-left: 20px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.construction-form-builder .form-row .longerinput {
    float: left;
    width: 240px;
    font-size: 13px;
    padding-left: 0;
}

.construction-form-builder .form-row input {
    height: 25px;
}

.construction-form-builder .form-row input[type=radio] {
    vertical-align: middle;
}

.construction-form-builder .form-row input[type=checkbox] {
    vertical-align: middle;
}

.construction-form-builder .form-row select {
    height: 25px;
}

.construction-form-builder .form-row .selectize-control {
    height: 25px;
}

.construction-form-builder .form-sep-line {
    clear: both;
    height: 10px
}

.construction-form-builder .form-row .area-title {
    font-size: 13px;
    font-weight: bold
}

.construction-form-builder .form-row .input-padding {
    padding-left: 5px;
    padding-right: 5px
}

.construction-form-builder .form-row .short-label {
    float: left;
    width: 50px;
    height: 16px;
    padding-left: 4px;
    padding-top: 2px;
    font-weight: normal;
    margin-left: 20px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.construction-form-builder .form-row .short-label-center {
    float: left;
    width: 56px;
    height: 16px;
    padding-left: 4px;
    padding-top: 2px;
    font-weight: normal;
    margin-left: 10px;
    font-size: 13px;
    text-align: center;
    text-justify: inter-ideograph;
}

.construction-form-builder .form-row .label-center {
    float: left;
    width: 85px;
    height: 16px;
    padding-left: 4px;
    padding-top: 2px;
    font-weight: normal;
    margin-left: 10px;
    font-size: 13px;
    text-align: center;
    text-justify: inter-ideograph;
}

.construction-form-builder .form-row .center-radio-label {
    text-align: center;
    cursor: pointer
}

.construction-form-builder .form-row .clear-radio {
    margin: 0;
    height: 13px
}

.pre-button, .cancel-button {
    width: 300px;
    height: 48px;
    line-height: 48px;
    margin-left: 20px;
    border: 1px solid #466AE6;
    cursor: pointer;
    text-align: center;
    color: #466AE6;
    background: #ffffff;
}

.next-button, .ok-button {
    width: 300px;
    height: 48px;
    line-height: 48px;
    margin-left: 20px;
    border: 1px solid #466AE6;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    background: #466AE6;
}

.construction-approval-tabs .app-tabs-item-noactive-spe {
    background: #348EFA;
}

.clearcert-add-wrapper {
    height: 100%;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #FFFFFF;
}

.clearcert-add-divider {
    display: flex;
    align-items: center;
    height: 46px;
    padding-left: 10px;
    border: 1px solid #e8e8e8;
    color: #262626;
    font-size: 18px;
    font-weight: 400;
    background: #f9f9f9
}

#disposalcert-wrapper, #unit-wrapper, #vehicle-wrapper{
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    background: #FFFFFF;
 }

.disposalcert-item,.unit-item,.vehicle-item{
    position: relative;
    display: inline-block;
    height: 40px;
    margin: 10px;
    padding: 0 5px;
    border: 1px solid #91D5FF;
    border-radius: 4px;
    color: #1890FF;
    font-size: 16px;
    cursor: pointer;
}

.disposalcert-item-icon,.unit-item-icon,.vehicle-item-icon {
    position: absolute;
    top: -5px;
    right: -3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #ffffff;
    background-image: url("images/icon/icon_selected.png");
    background-color: #1890FF;
}

.blue-div-btn{
    width: 50px;
    height: 32px;
    line-height: 32px;
    border:1px solid #1890FF;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center;
    color: #ffffff;
    font-family:PingFangSC-Regular;
    font-size: 16px;
    font-weight:400;
    background: #348EFA;
    cursor: pointer;
}

.white-div-btn{
    width: 50px;
    height: 32px;
    line-height: 32px;
    border:1px solid #1890FF;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center;
    color: #1890FF;
    font-size: 16px;
    font-weight:400;
    cursor: pointer;
}

.clearcert-list-header,.clearcert-list-item{
    display: flex;
    align-items: center;
    height: 40px;
    margin:0;
    padding:0;
    text-align: center;
}

.clearcert-list-item:hover{
    background: #000;
}

.clearcert-list-index{
    flex:1;
}

.clearcert-list-starttime{
    flex:2;
}

.clearcert-list-endtime{
    flex:2;
}

.clearcert-list-number{
    flex:2;
}

.clearcert-list-site{
    flex:2;
}

.clearcert-list-consumptive{
    flex:2;
}

.clearcert-list-unit{
    flex:3;
}

.clearcert-list-vehicle{
    flex:2;
}

.clearcert-list-driver{
    flex:2;
}

.clearcert-list-route{
    flex:3;
}

.label-noraml {
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.label-animate-loop {
    display: inline-block;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    animation: 8s labelLoop linear infinite normal;
}

@keyframes labelLoop {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

.app-box-head-spe{
    background: #1890FF;
}

.app-box-content-spe{
    opacity:1.0!important;
    background-color: #ffffff;
}

.app-box-message{
    color: #000000!important;
}

.clearcert-field-wrapper{
    display: flex;
    align-items: center;
    margin: 10px 0;
    font-size: 16px;
}

.clearcert-field-left{
    flex: 1;
    text-align: right;
}

.clearcert-field-right{
    flex: 4;
    margin-left: 20px;
}

.clearcert-search{
    margin-left:20px;
    padding: 5px;
    border-radius:3px;
    color: #FFFFFF;
    background: #1890FF;
    cursor: pointer;
}

.clearcert-search:hover{
    background: #4671e9;
}

.approval-process{
    position: relative;
    padding: 10px 10px 10px 30px;
    border-left: 1px solid #E7E7E7;
    font-size: 14px;
}

.approval-process .time{
    color: #999999;
}

.approval-process .title{
    font-size:16px;
    font-weight:bolder;
    color:#444444;
    vertical-align:middle;
    line-height:35px;
}

.approval-process .left{
    color: #666666;
}

.approval-process .right{
    color: #333333;
}

.approval-process .ring{
    position: absolute;
    top: 13px;
    left: -8px;
}

.approval-process .ring .outer{
    display: flex;
    align-items:center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: 2px solid #348EFA;
    border-radius: 50%
}

.approval-process .ring .inner{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #348EFA;
}

.text-one-line{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.construction-form .form-row .longlabel{
    float:left;
    width:120px;
    height:16px;
    padding-left:4px;
    padding-top:2px;
    font-weight: normal;
    margin-left:20px;
    font-size: 13px;
    text-align:justify;
    text-justify:inter-ideograph;
}

.construction-approvalcert-print {
    background: url("./images/site-print.png");
    background-size: cover;
}

.construction-approvalcert-detail {
    background: url("images/site-detail.png");
    background-size: cover;
}

.construction-approvalcert-edit {
    background: url("images/site-edit.png");
    background-size: cover;
}

.construction-approvalcert-delete {
    background: url("images/site-delete.png");
    background-size: cover;
}

.construction-icon-upload {
    background-image: url("images/icon/icon_upload.png");
    height: 0.32rem;
    width: 0.32rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.construction-icon-download {
    background-image: url("images/icon/icon_download.png");
    height: 0.32rem;
    width: 0.32rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.construction-text-upload, .construction-text-download{
    width:0.64rem;
    height:0.24rem;
    margin-left: 0.06rem;
    font-size:0.16rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(34,51,85,1);
    line-height:0.24rem;
}

.construction-text-upload:hover, .construction-text-download:hover{
    color:rgba(34,51,160,1);
    cursor: pointer;
}

.construction-icon-nodata{
    display: inline-block;
    background-image: url("images/icon/icon_nodata.png");
    width:0.48rem;
    height:0.48rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.construction-text-nodata{
    margin-left:0.1rem;
    color:#223355;
    font-size:0.16rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
}

.exameval-lists {
    position: relative;
    height: calc(100% - 0.6rem);
    box-sizing: border-box;
    overflow: hidden;
}

.exameval-lists .header {
    height: 0.4rem;
    border-bottom: 1px solid #E4E4E4;
    text-align: left;
    background: #F2F2F2;
}

.exameval-lists .content {
    height: 100%;
}

.exameval-lists .content .item {
    height: 0.6rem;
    border-bottom:1px solid #E4E4E4;
    text-align: left;
}

.exameval-header-text{
    height: 0.6rem;
    line-height:0.6rem;
    color: #000;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-size: 0.16rem;
    font-weight: 600;
}

.exameval-text{
    height: 0.6rem;
    line-height:0.6rem;
    font-size:0.16rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#223355;
}

.exameval-rank-no1{
    width: 0.42rem;
    height: 0.44rem;
    background: url("images/icon/icon_no1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.exameval-rank-no2{
    width: 0.42rem;
    height: 0.44rem;
    background: url("images/icon/icon_no2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.exameval-rank-no3{
    width: 0.42rem;
    height: 0.44rem;
    background: url("images/icon/icon_no3.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.table-row-striped > tbody > tr:nth-of-type(even) {
    background-color: rgba(238,238,238,1);
}


.dust-apply-content{
    position: absolute;
    top: 1.2rem;
    bottom: 0;
    left: 0.06rem;
    right: 0;
}

@media screen and (min-width: 1680px) {
    .dust-apply-content{
       top: 0.6rem
    }
}

.dust-apply-tabs {
    display: flex;
    align-items: center;
    height: 0.5rem;
}

.dust-apply-tab {
    flex-basis: 1.5rem;
    height: 100%;
    line-height: 0.5rem;
    text-align: center;
    border-radius: 5px 5px 0 0;
    font-size: 0.16rem;
    cursor: pointer;
}

.dust-apply-tab-rest{
    flex: auto;
    height: 100%;
    border-bottom: 1px solid #DDDDDD;
}

.dust-apply-tab-selected{
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.dust-apply-tab-unselected{
    border-bottom: 1px solid #DDDDDD;
}

.dust-apply-tab-unselected:hover{
    background: #EEEEEE;
}

#dust-apply-content{
    height: calc(100% - 0.5rem);
    padding: 0.1rem;
}

.text-single-line{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.eval-rank-no1{
    width: 0.2rem;
    height: 0.2rem;
    background: url("images/order/icon_no1.png") no-repeat;
    background-size: 100% 100%;
}

.eval-rank-no2{
    width: 0.2rem;
    height: 0.2rem;
    background: url("images/order/icon_no2.png") no-repeat;
    background-size: 100% 100%;
}

.eval-rank-no3{
    width: 0.2rem;
    height: 0.2rem;
    background: url("images/order/icon_no3.png") no-repeat;
    background-size: 100% 100%;
}
.videoButton .video-report-screen-common{
    background-repeat: no-repeat;
    background-size: 90%;
    background-position-x: center;
    background-position-y: center;
    width: 33px;
    height: 33px;
    margin: 0.5vw;
    cursor: pointer;
}
.videoButton .video-report-tools-snap{
    background-image:url(images/icon/snap.png);
}
.videoButton .video-report-tools-playback{
    background-image:url(images/icon/play_back2.png);
}
.construction-record-container{
    width: 100%;
    height: 100%;
    padding: 5px;
}
.videoButton .video-report-tools-record {
    background-image: url(images/icon/video-stop.png);
}
.videoButton .video-report-tools-list{
    background-image:url(images/icon/icon_show.png);
}
.construction-video-file-download-icon{
    background: url('images/icon/download.png') no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    margin-top: 8px;
}

.apply-blue{
    display: inline-block;
    background-color: #3388FF;
    border-radius: 5px;width: 10px;height: 10px;
}

.apply-green{
    display: inline-block;
    background-color: #00cc00;
    border-radius: 5px;width: 10px;height: 10px;
}

.apply-red{
    display: inline-block;
    background-color: #802420;
    border-radius: 5px;width: 10px;height: 10px;
}

.deviceList .col-md-4:first-child {
    padding-left: 0;
}
.deviceList .col-md-4:last-child {
    padding-right: 0;
}

/*准运证重点工程标识，不是重点工程则显示空白*/
.new-column-icon-constr_site_keyproject{height:24px;width:24px !important;background: url("images/new-recbox/recbox-icon-new.png") no-repeat -193px -120px;display: inline-block;vertical-align: middle;}
.new-small-icon-constr_site_keyproject0{background-position: -300px 0px}
.new-small-icon-constr_site_keyproject1{background-position: -49px 0px}