*{
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: "title-font";
    src:url(../fonts/HYLXTJ.eot),url(../fonts/HYLXTJ.svg),url(../fonts/HYLXTJ.ttf),url(../fonts/HYLXTJ.woff),url(../fonts/HYLXTJ.woff2)
}
@font-face {
    font-family: "number-font";
    src:url(../fonts/PUTHIAfont.eot),url(../fonts/PUTHIAfont.svg),url(../fonts/PUTHIAfont.ttf),url(../fonts/PUTHIAfont.woff),url(../fonts/PUTHIAfont.woff2)
}
body{
    width:1920px;
    height: 1080px;
    background:#010117;
    color: #ffffff;
    font-size: 16px;
}
body::-webkit-scrollbar{
    width: 0px;
    height: 0px;
}
p,label,ul{
    margin: 0;
    font-weight: 400;
}
table{
    width: 100%;
}
.anchorBL {
    display:none;
}
[v-cloak] {
    display: none;
}
/*背景视频*/
.background_video video{
    width:1920px;
    height: 1080px;
    position: absolute;
}
.screen-content-max{
    position: absolute;
    width:1920px;
    height: 1080px;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}
.screen-content{
    padding: 10px 15px;
}
/*head*/
.head-title{
    height: 70px;
    background: url("../images/head_title.png") no-repeat center/100% 65px;
    display: flex;
}
.head-title-label{
    width: 22%;
    font-size: 28px;
    position: relative;
    padding-left: 15px;
    padding-top: 15px;
    font-family: "title-font";
    background-image:-webkit-linear-gradient(bottom,#3da2ff,#3ea4ff,#96f3ff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.head-title-tab{
    width: 40% ;
    padding-top: 23px;
    display: flex;
}
.head-title-select{
    padding-top: 23px;
    width: 12% ;
    position: relative;
}
.head-title-date{
    padding-top: 15px;
    width: 15% ;
    display: flex;
    align-items: center;
}
.head-nav{
    width: 105px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #6383aa;
    cursor: pointer;
    background: url("../images/title_tab.png") no-repeat center/100% 100%;
}
.head-nav.active{
    background: url("../images/title_tab_active.png") no-repeat center/100% 100%;
    color: #ffffff;
}
.head-nav:hover{
    color: #86b2e3;
}
.head-nav.active:hover{
    color: #ffffff;
}
.head-select{
    height: 35px;
    padding-left: 25px;
    padding-right: 30px;
    background: url("../images/head_select.png") no-repeat center/100% 100%;
}
.head-select input{
    height: 100%;
    width: 100%;
    border: 0;
    outline: 0;
    background:0;
    color: #1ce7ff;
    cursor: pointer;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.head-select input::-webkit-input-placeholder{
    color: #6ca5b1;
}
.header-screen-ul{
    list-style: none;
    width: 90%;
    position: absolute;
    max-height: 600px;
    border: 1px solid #05556b;
    left: 5%;
    background: #00092a;
    overflow: auto;
    color: #02a6ff;
    border-radius: 3px;
    z-index: 99999;
}
.header-screen-ul::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
.header-screen-ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #192c64;
}
.header-screen-ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #010b2d;
}
.header-screen-ul li{
    padding: 10px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-screen-ul li:hover{
    background: #031348;
    color: #1ce7ff;
}
.head-title-time{
    width: 45%;
    text-align: center;
}
.head-title-weather{
    width: 55%;
    display: flex;
    align-items: center;
}
.head-title-weather img{
    width: 30px;
    height: 30px;
}
.head-title-weather span{
    padding: 0 5px;
}
.head-title-date-con{
    font-size: 12px;
    color: #63baff;
}
.head-title-time-con{
    font-size: 20px;
    font-weight: bold;
    color: #63baff;
}
/*红色head*/
.head-title.red-head{
    background: url("../images/head_title_red.png") no-repeat center/100% 65px;
}
.red-head .head-title-label{
    background-image:-webkit-linear-gradient(bottom,#bc3833,#fb9e97,#ffffff);
}
.red-head .head-nav{
    color: #ff9b96;
    background: url("../images/title_tab_red.png") no-repeat center/100% 100%;
}
.red-head .head-nav.active{
    background: url("../images/title_tab_active_red.png") no-repeat center/100% 100%;
    color: #ffffff;
}
.red-head .head-nav:hover{
    color: #fcc0bd;
}
.red-head .head-nav.active:hover{
    color: #ffffff;
}
.red-head .head-select{
    background: url("../images/head_select_red.png") no-repeat center/100% 100%;
}
.red-head .head-select input{
    color: #ffffff;
}
.red-head .head-select input::-webkit-input-placeholder{
    color: #fd7569;
}
.red-head .header-screen-ul{
    border: 1px solid #da8f89;
    background: #901c14;
    color: #fbcbc9;
}
.red-head .header-screen-ul::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
.red-head .header-screen-ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #c34a3f;
}
.red-head .header-screen-ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #901c14;
}
.red-head .header-screen-ul li{
    padding: 10px;
    cursor: pointer;
}
.red-head .header-screen-ul li:hover{
    background: #9a3b33;
    color: #ffffff;
}
.red-head .head-title-date-con{
    color: #ffffff;
}
.red-head .head-title-time-con{
    color: #ffffff;
}

/*设备概况*/
.survey_title{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 30px 15px;
}
.survey_title_btn{
    position: relative;
    width: 33.33%;
    color: #7f9ebd;
}
.survey_title_btn_min{
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: auto;
    cursor: pointer;
    background: url("../images/survey_btn.png") no-repeat center/100% 100%;
}
.survey_title_btn_min:hover{
    color: #ffffff;
}
.survey_title_btn_min.active{
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background: url("../images/survey_btn_active.png") no-repeat center/100% 100%;
}
.survey_content{
    display: flex;
    align-items: center;
    justify-content: center;
}
.survey_content_img{
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    position: relative;
    background: url("../images/survey_total_icon.png") no-repeat bottom/90px 60px;
}
@keyframes icon {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, 15px); /* 可配置跳动方向 */
    }
    100% {
        transform: translate(0px, 0px);
    }
}
.survey_content_img img,.survey_content_img svg{
    width: 40px;
    height: 40px;
    animation: icon 3s infinite;
    -webkit-animation: icon 3s infinite;
}
.survey_content_number{
    padding-left: 15px;
    color: #cbdaff;
    font-size: 16px;
}
.survey_content_number p{
    padding-bottom: 15px;
}
.survey_content_value span{
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
    color: #87e3fa;
    padding-right: 5px;
}
.survey_text{
    width: 120px;
    height: 28px;
    margin: auto;
    animation:myfirst 2s;
    -webkit-animation:myfirst 2s infinite; /* Safari and Chrome */
}
@keyframes myfirst {
    0%   {opacity:0.4;}
    25%  {opacity:0.7;}
    50%  {opacity:1;}
    75%  {opacity:0.7;}
    100% {opacity:0.4;}
}
.survey_text_zy{
    background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%;
}
.survey_text_zl{
    background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%;
}
.survey_text_fb{
    background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%;
}
.survey_text_value{
    position: absolute;
    top: 0;
    height: 28px;
    color: #cbdaff;
    line-height: 28px;
    padding-left: 45px;
    display: flex;
    align-items: center;
}
.survey_text_value span{
    color: #00aaff;
    font-size: 16px;
    padding-left: 10px;
    font-weight: bold;
}
/*当日预警信息*/
.warning-info{
    padding: 0 15px;
}
.warning-info-title{
    padding: 15px 0;
    display: flex;
}
.warning-info-title div{
    color: #69839e;
    padding: 0 20px 0 12px;
    cursor: pointer;
}
.warning-info-title .active{
    color: #51b5ff;
    background: url("../images/check_icon.png") no-repeat left/8px 15px;
}
.warning-info-title div:hover{
    color: #51b5ff;
}

/*操作证情况*/
.czz-number{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 30px 10px;
}
.czz-number-content{
    display: flex;
}
.czz-number-img{
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 80px;
}
.czz-number-img-blue{
    background: url("../images/circle_blue.gif") no-repeat center/100% 100%;
}
.czz-number-img-green{
    background: url("../images/circle_green.gif") no-repeat center/100% 100%;
}
.survey_content_value_color_green span{
    color: #5bf8b5;
}

/*管理人员情况*/
.glr-max{
    padding:30px 10px;
}
.glr-min{
    padding:0 10px;
}
.glr-title{
    background: url("../images/check_icon.png") no-repeat left/10px 20px;
    padding-left: 15px;
}
.people-number-con{
    padding: 35px 0;
    display: flex;
    align-items: center;
}
.people-number-con div{
    width: 30px;
    height: 45px;
    background: url("../images/number_bgd.png") no-repeat center/100% 100%;
    margin-right: 10px;
    text-align: center;
    line-height: 45px;
    font-size: 30px;
    font-family: 'number-font';
}
.glr-login-rate{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px 8px 15px;
    background: url("../images/title_icon.png") no-repeat left/10px 15px;
    color: #cbdaff;
}
.glr-rate-value span{
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}
.glr-rate-red-value span{
    color: #f23644;
}
.glr-login-number-max{
    position: relative;
    padding: 22px 0;
}
.glr-login-number-bgd{
    height: 30px;
    background: url("../images/text_bgd.png") no-repeat center/100% 30px;
    animation:myfirst 2s;
    -webkit-animation:myfirstbgd 2s infinite;
}
.glr-login-number-red-bgd{
    background: url("../images/text_red_bgd.png") no-repeat center/100% 30px;
}
@keyframes myfirstbgd {
    0%   {opacity:0.4;}
    25%  {opacity:0.7;}
    50%  {opacity:1;}
    75%  {opacity:0.7;}
    100% {opacity:0.4;}
}
.glr-login-number{
    position: absolute;
    width: 95%;
    top: 25px;
    padding:0 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.glr-login-number img{
    margin-right: 5px;
}

/*打卡管控提示*/
.table-head{
    text-align: center;
    color: #45e9ff;
    height: 40px;
    line-height: 40px;
}

.table-body{
    height: 180px;
    overflow: auto;
}
.table-body::-webkit-scrollbar{
    width: 0px;
    height: 0px;
}
.table-tr{
    height: 60px;
    line-height: 60px;
    background: url("../images/table_tr.png") no-repeat center/100% 50px;
}
.table-td{
    padding: 0 5px;
    text-align: center;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color: #cbdaff;
}

/*中国地图*/

.indicators-chart{
    padding: 10px;
}
.indicators-chart-max{
    position: relative;
}
.indicators-chart-bgd{
    background: url("../images/text_bgd.png") no-repeat left/100% 100%;
    height: 40px;
    animation:myfirst 2s;
    -webkit-animation:textbgd 2s infinite;
}
@keyframes textbgd {
    0%   {opacity:0.4;}
    25%  {opacity:0.7;}
    50%  {opacity:1;}
    75%  {opacity:0.7;}
    100% {opacity:0.4;}
}
.indicators-chart-title{
    display: flex;
    align-items: center;
    padding: 0 15px;
    width: 100%;
    position: absolute;
    top: 9px;
}
.indicators-chart-title img{
    width: 10px;
    height: 20px;
}
.indicators-chart-text{
    padding: 0 10px;
    color: #cbdaff;
}
.indicators-chart-text span{
    font-size: 16px;
    color: #ffffff;
}
.indicators-chart-content{
    display: flex;
    align-items: center;
}
.indicators-chart-min{
    width: 20%;
}
/*设备运行动态*/
.chart-gif{
    width: 110px;
    height: 110px;
    position: absolute;
    top: 57px;
    left: 172px;
    background: url("../images/run_circle.png") no-repeat center/100% 100%;
}
.chart-gif{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(360deg)}
    to{-webkit-transform: rotate(0deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(359deg)}
    to{-moz-transform: rotate(0deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(359deg)}
    to{-o-transform: rotate(0deg)}
}
@keyframes rotate{from{transform: rotate(359deg)}
    to{transform: rotate(0deg)}
}


/*打卡管控提示*/
.warning-info-table .el-table__body-wrapper::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.warning-info-table .el-table .cell{
    padding: 0 5px;
}
.warning-info-table .el-table{
    background: none;
}
.warning-info-table .el-table th, .el-table tr{
    background: none;
}
.warning-info-table .el-table th{
    height: 50px;
    text-align: center;
    color: #1ce7ff;
}
.warning-info-table .el-table td{
    height: 60px;
    text-align: center;
    padding: 0;
}
.warning-info-table .el-table td, .el-table th.is-leaf{
    border: 0;
}
.warning-info-table .el-table .el-table__row{
    background: url("../images/text_red_safe_bgd.png") no-repeat center/100% 40px;
}
.warning-info-table .el-table--enable-row-hover .el-table__body tr:hover>td{
    background: none !important;
}
.warning-info-table .el-table::before{
    background: none;
}

/*分类及工时情况*/
.classify-situation{
    height: 57px;
}
.classify-title{
    padding-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.classify-title-text{
    color: #a2c8f9;
}
.classify-title-text span{
    background: url("../images/up.png") no-repeat left/10px 8px;
    padding: 0 12px 0 15px;
    color: #fcbc02;
    font-style: italic;
}
.classify-value{
    display: flex;
    align-items: center;
}
.classify-total{
    padding-right: 10px;
    color: #a2c8f9;
}
.classify-total span{
    padding-right: 5px;
    font-weight: bold;
    font-size: 16px;
}
.classify-value-data{
    color: #a2c8f9;
}
.classify-value-data span{
    font-size: 16px;
    font-weight: bold;
    padding: 0 5px;
}
.classify-data-1{
    color: #1ce7ff;
}
.classify-data-2{
    color: #4670fa;
}
.classify-chart-max{
    padding-top: 10px;
}
.classify-chart{
    height: 6px;
    background: #031f47;
    display: flex;
}
.classify-chart-left{
    height: 6px;
    background: #1ce7ff;
}
.classify-chart-right{
    height: 6px;
    background: #3367df;
}

/*机械项目级*/
/*地图滚动条*/
.china-map::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
.china-map::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #192c64;
}
.china-map::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #010b2d;
}

/*设备概况*/
.survey-oil-max{
    padding:0 20px;
}
.survey-oil-min{
    padding: 8px  0;
}
.survey-oil-title{
    position: relative;
    padding: 20px 0;
}
.survey-oil-hr{
    border-bottom: 1px dashed #1d3d56;
}
.survey-oil-text{
    position: absolute;
    top: 10px;
    font-size: 14px;
    padding: 0 15px;
    color: #c0dafb;
    background: #000b25 url("../images/check_icon.png") no-repeat left/8px 15px;
}
.survey-oil-data{
    padding: 10px;
    color: #a2c8f9;
}
.survey-oil-hour{
    height: 30px;
    line-height: 30px;
}
.survey-oil-hour span{
    font-size: 20px;
    color: #52afff;
    font-weight: bold;
    padding-right: 5px;
}
.survey-oil-label{
    height: 30px;
    line-height: 30px;
    background: url("../images/right.png") no-repeat left/8px 15px;
    padding-left: 15px;
}
.survey-oil-prop{
    height: 30px;
    line-height: 30px;
    text-align: right;
}
.survey-oil-prop span{
    font-weight: bold;
    font-size: 20px;
    padding-right: 5px;
}
.color-white{
    color: #ffffff;
}
.color-yellow{
    color: #fde463;
}
.color-green{
    color: #25bb4d;
}
/*利用率*/
.rank-max{
    padding: 0 20px;
}
.rank-min{
    padding-bottom: 15px;
}
.rank-con{
    background: #01244c;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 5px;
}
.rank-con-title{
    display: flex;
    align-items: center;
}
.rank-con-title img{
    width: 40px;
    height: 40px;
    margin-right: 8px;
}
.rank-con-try{
    color: #00f1fc;
}
.rank-con-data{
    width: 100px;
    height: 40px;
    background: url("../images/ratio_bgd.png") no-repeat center/100% 100%;
    text-align: right;
    line-height: 40px;
    padding-right: 10px;
    color: #a2c8f9;
}
.rank-con-data span{
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}
.rank-chart{
    padding: 0 15px;
    color: #c0dafb;
}
.rank-chart-title{
    height: 40px;
    line-height: 40px;
    padding-left: 35px;
    background: url("../images/utilization.png") no-repeat left/30px 40px;
    font-size: 16px;
    border-bottom: 1px solid #2c4e74;
}
/*平均工时*/
.time-study-max{
    padding:0 20px;
}
.time-study-title{
    padding: 15px 0;
}
.time-study-value{
    padding:5px  10px;
    text-align: center;
}
.time-study-value p{
    padding: 15px 0;
    font-size: 16px;
}
.time-study-value-num{
    color: #a2c8f9;
}
.time-study-value-num span{
    font-size: 22px;
    color: #59affa;
    font-weight: bold;
}
/*油耗分析*/
.average-oil label{
    color: #ffffff;
}
.average-oil span{
    font-size: 16px;
    color: #59affa;
    padding: 0 5px;
    font-weight: bold;
}
/*闲置列表*/
.idle-list{
    padding:20px 15px;
}
.idle-list .el-table__body-wrapper::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.idle-list .el-table .cell{
    padding: 0 5px;
}
.idle-list .el-table{
    background: none;
}
.idle-list .el-table th, .el-table tr{
    background: none;
}
.idle-list .el-table th{
    height: 40px;
    color: #ffffff;
    background: #193854;
    padding: 0;
}
.idle-list .el-table td{
    height: 40px;
    padding: 0;
    color:  #a2c8f9;
}
.idle-list .el-table td, .el-table th.is-leaf{
    border: 0;
}
.idle-list .el-table--enable-row-hover .el-table__body tr:hover>td{
    background: none !important;
}
.idle-list .el-table::before{
    background: none;
}

.idle-list-color{
    color: #f05e35;
}

/*预警分析*/
.analyse-max{
    padding: 10px;
}
.analyse-min{
    height: 260px;
}
.analyse-title{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background: url("../images/analyse_title.png") no-repeat left/100% 100%;
}
.analyse_title_blue{
    background: url("../images/analyse_title_blue.png") no-repeat left/100% 100%;
}
.analyse-text{
    line-height: 40px;
    font-size: 16px;
}
.analyse-equipment{
    background: url("../images/analyse_icon.png") no-repeat right/15px 20px;
    padding-right: 20px;
    font-size: 20px;
    letter-spacing: 2px;
    -webkit-animation: Glow 1s ease infinite alternate;
    animation: Glow 1s ease infinite alternate;
}
@-webkit-keyframes Glow {
    from {
        text-shadow: 0 0 10px #097fca,
        0 0 20px #097fca,
        0 0 30px #097fca,
        0 0 40px #097fca,
        0 0 70px #097fca,
        0 0 80px #097fca,
        0 0 100px #097fca,
        0 0 150px #097fca;
    }
    to {
        text-shadow: 0 0 5px #097fca,
        0 0 10px #097fca,
        0 0 15px #097fca,
        0 0 20px #097fca,
        0 0 35px #097fca,
        0 0 40px #097fca,
        0 0 50px #097fca,
        0 0 75px #097fca;
    }
}
.analyse-num{
    color: #a2c8f9;
}
.analyse-num span{
    font-size: 25px;
    color: #f73647;
    font-weight: bold;
}
.analyse-number-max{
    padding-right: 20px;
    height: 164px;
    overflow: auto;
}
.analyse-number-max::-webkit-scrollbar {
    width: 0px;
    height: 1px;
}
.analyse-number-max::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #192c64;
}
.analyse-number-max::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #010b2d;
}


.analyse-num-max{
    padding: 12px 0;
}
.analyse-login-numbe{
    top: 15px;
}
.afoot-content{
    padding: 15px 15px 0;
}
.afoot-overflow{
    height: 653px;
    overflow: auto;
}
.afoot-overflow::-webkit-scrollbar {
    width: 0px;
    height: 1px;
}
.afoot-overflow::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #192c64;
}
.afoot-overflow::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #010b2d;
}
.afoot-con-for{
    margin-bottom: 20px;
}
.afoot-con-for.active{
    background: url("../images/zzfs_bgf.png") no-repeat center/100% 100%;
}
.afoot-machinery-nam{
    font-size: 16px;
    font-weight: bold;
    padding:10px 0 15px;
}
.afoot-machinery-info{
    display: flex;
    margin-bottom: 10px;
}
.afoot-machinery-img{
    width: 70px;
    height: 70px;
    background: url("../images/logo_bgd.png") no-repeat center/100% 100%;
}
.afoot-machinery-img img{
    width: 100%;
    height: 100%;
}
.afoot-machinery-data{
    padding-left: 15px;
    width: calc(100% - 90px);
}
.afoot-machinery-state{
    color: #f73647;
    font-size: 18px;
    height: 50px;
    overflow: hidden;
}
.afoot-machinery-time{
    color: #7f99ba;
}
.afoot-machinery-project{
    color: #7f99ba;
    padding-top: 10px;
}
.afoot-machinery-map{
    margin-top: 15px;
    height: 200px;
    border: 1px solid #054e85;
}


/*foot*/
.foot-max{
    position: fixed;
    left: 0;
    bottom: -90px;
    width: 100%;
    height: 115px;
    z-index: 5;
    background: url("../images/foot_open.png") no-repeat bottom/100% 100%;
    transition: bottom 0.2s;
}
.foot-min{

}
.foot-content{
    width: 75%;
    margin: auto;
}
.foot-mouse{
    width: 200px;
    height: 40px;
    margin: auto;
}
.foot-content-left{
    width: 30px;
    height: 50px;
    margin: auto;
    cursor: pointer;
    background: url("../images/foot_left.png") no-repeat center/20px 40px;
}
.foot-content-right{
    width: 30px;
    height: 50px;
    margin: auto;
    cursor: pointer;
    background: url("../images/foot_right.png") no-repeat center/20px 40px;
}
.foot-content-tabs{
    width: 1250px;
    height: 50px;
    overflow: auto;
    margin: auto;
    position: relative;
}
.foot-content-tabs::-webkit-scrollbar{
    width: 0px;
    height: 0px;
}
.foot-content-tabs-min{
    display: flex;
    align-items: center;
    padding-top: 3px;
    position: absolute;
    transition: left 1s;
}
.foot-tabs{
    width: 250px;
    text-align: center;
}
.foot-tabs-bgd{
    margin: auto;
    width: 160px;
    height: 40px;
    line-height: 40px;
    color:#a2c8f9;
    cursor: pointer;
    background:url("../images/foot_btn.png") no-repeat center/100% 100%;
}
.foot-tabs-bgd.active{
    width: 200px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #ffffff;
    background:url("../images/foot_btn_active.png") no-repeat center/100% 100%;
}

/*劳务用工 公司级*/

/*劳务人员概况*/
.labour-survey_content_number{
    color: #cbdaff;
    font-size: 16px;
    text-align: center;
    padding-top: 25px;
    padding-left: 0;
}
.labour-survey_content_number p{
    padding: 15px;
}
/*工种占比*/
.chart-work-gif{
    width: 110px;
    height: 110px;
    position: absolute;
    top: 85px;
    left: 48px;
    background: url("../images/run_circle.png") no-repeat center/100% 100%;
}
.labour-education{
    display: flex;
    justify-content: space-between;
}
.labour-education_bgd{
    background: url("../images/education_bgd.png") no-repeat bottom/90px 60px;
}
/*预警分析*/
.labour-warning-title{
    padding: 15px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.labour-warning-img{
    height: 60px;
    width: 80px;
    text-align: center;
    background: url("../images/labour_warning_bgd.png") no-repeat center/100% 100%;
}
.labour-warning-bgd{
    padding-top: 15px;
}
.labour-warning-bgd img{
    animation: scale 1.5s infinite cubic-bezier(0, 0, .2, .2);
}
@keyframes scale {
    0% { transform: scale(1); opacity: 0.4  }
    25%{ transform: scale(1.25);opacity: 0.7  }
    50%{transform: scale(1.5); opacity: 1  }
    75%{ transform: scale(1.25);opacity: 0.7 }
    100% {transform: scale(1);opacity: 0.4}
}
.labour-warning-data{
    text-align: center;
    color: #cbdaff;
    font-size: 16px;
}
.labour-warning-number{
    padding-top: 10px;
}
.labour-warning-number span{
    color: #f73647;
    font-weight: bold;
    font-size:25px;
    font-style:italic
}

/*劳务 预警分析*/
.labour-warning-table{
    padding: 0 10px;
}
.labour-warning-table-color{
    color: #f73647;
    font-size: 16px;
    font-weight: bold;
}
.labour-warning-table .el-table__body-wrapper::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.labour-warning-table .el-table .cell{
    padding: 0 5px;
}
.labour-warning-table .el-table{
    background: none;
}
.labour-warning-table .el-table th, .el-table tr{
    background: none;
}
.labour-warning-table .el-table th{
    height: 35px;
    text-align: center;
    color: #cbdaff;
    padding: 0;
}
.labour-warning-table .el-table td{
    height: 50px;
    text-align: center;
    padding: 0;
    color: #ffffff;
}
.labour-warning-table .el-table td, .el-table th.is-leaf{
    border: 0;
}
.labour-warning-table .el-table .el-table__row{
    background: url("../images/text_red_bgd.png") no-repeat center/100% 35px;
}
.labour-warning-table .el-table--enable-row-hover .el-table__body tr:hover>td{
    background: none !important;
}
.labour-warning-table .el-table::before{
    background: none;
}
.return-company-btn{
    position: absolute;
    top: 30px;
    left: 30px;
    background: url("../images/return_btn_bgd.png") no-repeat center/100% 100%;
    width: 120px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #5677a2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 99;
}
.return-company-btn:hover{
    color: #cbdaff;
    background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
}
.return-company-btn:active{
    color: #5677a2;
}
.return-company-btn span{
    padding-left: 5px;
}

/*项目概况*/
.project-number{
    padding:25px 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    color: #a2c8f9;
}
.project-number span{
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    color: #63baff;
}
.chart-overview-gif{
    width: 105px;
    height: 105px;
    position: absolute;
    top: 63px;
    left:61px;
    background: url("../images/run_circle.png") no-repeat center/100% 100%;
}

.project-map-bottom{
    height: 210px;
    padding:  0 15px;
}
.project-analyse-title{
    width: 50%;
}
.project-expect-max{
    position: relative;
    padding-top: 20px;
}
.project-expect-left{
    position: absolute;
    width: 30px;
    left: 0;
    height: 60px;
    top: 75px;
    background: url("../images/foot_left.png") no-repeat center/20px 40px;
}
.project-expect-right{
    position: absolute;
    width: 30px;
    right: 0;
    height: 60px;
    top: 75px;
    background: url("../images/foot_right.png") no-repeat center/20px 40px;
}
.project-expect-middle{
    width: 810px;
    margin:auto;
    overflow: auto;
    position: relative;
    height: 150px;
}
.project-expect-big{
    position: absolute;
    top: 0;
    transition: left 0.5s;
}
.project-expect-middle::-webkit-scrollbar{
    width: 0px;
    height: 0px;
}
.project-expect-min{
    padding: 0 10px;
    float: left;
}
.project-expect-list{
    width: 250px;
    height: 150px;
    background: url("../images/expect_list.png") no-repeat center/100% 100%;
}
.project-expect-list.active{
    background: url("../images/expect_list_active.png") no-repeat center/100% 100%;
}

.project-expect-con{
    padding: 5px 15px;
}
.project-expect-title{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #1c4489;
    height: 30px;
}
.project-expect-title-No{
    width: 35px;
    border-bottom: 1px solid #69b9fe;
    text-align: center;
    line-height: 30px;
}
.project-expect-title-text{
    color: #68afef;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.project-expect-info{
    padding: 8px 0;
    font-size: 12px;
    color: #c2d5f6;
    line-height: 20px;
}
.project-expect-details{
    max-height: 40px;
    overflow: hidden;
}
.project-expect-time{
    color: #6bb8ff;
}
.project-expect-state{
    width: 85px;
    height: 23px;
    background: url("../images/expect_list_zc.png") no-repeat center/100% 100%;
    color: #76fefe;
    text-align: center;
    line-height: 23px;
    font-size: 12px;
}

.project-expect-state.state-2{
    color: #05fb05;
}

.project-expect-list.active .project-expect-title{
    border-bottom: 1px solid #351e2e;
}
.project-expect-list.active .project-expect-title-No{
    border-bottom: 1px solid #cd4456;
}
.project-expect-list.active .project-expect-title-text{
    color: #ffffff;
}
.project-expect-list.active .project-expect-time{
    color: #cd4456
}
.project-expect-list.active .project-expect-state{
    background: url("../images/expect_list_yc.png") no-repeat center/100% 100%;
    color: #ffffff;
}

/*项目概况  项目级*/

/*项目概况*/
.company-name-max{
    padding:5px 10px;
    position: relative;
}
.company-project-introduction{
    position: absolute;
    display: flex;
    align-items: center;
    right: 10px;
    top: -22px;
    cursor: pointer;
    font-size: 14px;
    color: #c2d5f6;
}
.company-project-introduction img{
    width: 8px;
    margin-left: 10px;
}
.company-name{
    display: flex;
    padding:12px 5px;
}
.company-img{
    padding-top: 5px;
}
.company-img img{
    height: 35px;
    width: 35px;
}
.company-info{
    width: calc(100% - 45px);
    padding-left: 10px;
}
.company-title{
    color: #c2d5f6;
    font-size: 14px;
}
.company-text{
    color: #50a2eb;
    padding: 5px 0;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size: 14px;
}
.company-person-info{
    font-size: 14px;
    color: #f79d1a;
}

.popup-project-introduction-max{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}
.popup-project-introduction-min{
    width: 1000px;
    height: 600px;
    margin: auto;
    background: url("../images/map_sjk_popup_bgd.png") no-repeat center/100% 100%;
    transform: translateY(30%);
}
.popup-project-introduction-con{
    padding: 20px 10px;
}
.popup-project-introduction-title{
    height: 40px;
    background: url("../images/map_popup_title.png") no-repeat left/100% 100%;
    font-size: 18px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    justify-content: space-between;
}
.popup-project-introduction-close{
    font-size: 25px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    cursor: pointer;
}
.popup-project-introduction-close:hover{
    background: #37536f;
}
.popup-project-introduction-details{
    padding: 18px;
}
.popup-project-introduction-info{
    height: 500px;
    overflow: auto;
}
.popup-project-introduction-info::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.popup-project-introduction-info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #192c64;
}
.popup-project-introduction-info::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #010b2d;
}
.popup-project-introduction-info p{
    padding: 8px 5px;
    line-height: 30px;
    text-indent: 2em;
}

.modify-project-amount{
    display: flex;
    justify-content: space-between;
}
.modify-btn{
    width: 50px;
    text-align: center;
    padding-top: 45px;
}
.modify-btn img{
    cursor: pointer;
}
.modify-content{
    width: 840px;
    overflow: hidden;
}
.modify-content-overflow{
    display: flex;
    align-items: center;
}




.project-introduce{
    padding: 0 15px;
}
.project-introduce-text{
    padding-left: 20px;
    color: #c2d5f6;
    background: url(../images/check_icon.png) no-repeat left/8px 15px;
}
.project-introduce-con{
    height:80px;
    overflow: hidden;
    margin-top: 10px;
    color: #c2d5f6;
    position: relative;
}
.project-introduce-con p{
    text-indent: 2em;
    padding: 5px 0;
    line-height: 25px;
}
.project-introduce-con::-webkit-scrollbar{
    width: 0px;
    height: 0px;
}
.project-introduce-absolute{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition: top 0.1s;
}
.project-amount{
    padding: 10px;
}
.project-amount-bgd{
    height: 110px;
    width: 260px;
    background: url("../images/project_amount_bgd.png") no-repeat center/100% 100%;
}
.project-amount-con{
    padding: 20px 30px;
    color: #c2d5f6;
}
.project-amount-con p{
    padding-bottom: 15px;
    font-size: 16px;
}
.project-amount-con span{
    font-size: 25px;
    color: #64ccff;
    font-weight: bold;
    font-style: italic;
}
.aerial-view-max{
    padding: 10px;
}
.aerial-view-min{
    height: 510px;
}
.aerial-view-min img{
    width: 100%;
    height: 100%;
}

/*重大节点预期预警*/
.dangerous-max{
    padding:10px 30px;
}
.dangerous-tab{
    display: flex;
    justify-content: right;
    align-items: center;
}
.dangerous-tab div{
    padding: 8px 20px;
    background: url("../images/dangerous.png") no-repeat center/100% 100%;
    margin-left: 15px;
    cursor: pointer;
    color: #5388b0;
}
.dangerous-tab .active{
    color: #ffffff;
    background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
}
.dangerous-timeline-max{
    width: 850px;
    height: 230px;
    overflow-y: hidden;
    overflow-x: auto;
    position: relative;
}
.dangerous-timeline-max::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.dangerous-timeline-max::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #192c64;
}
.dangerous-timeline-max::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #010b2d;
}
.dangerous-timeline-min{
    z-index: 2;
    position: absolute;
}
.dangerous-timeline-con{
    width: 200px;
    padding-top: 20px;
    float: left;
}
.strip-max{
    height: 6px;
    background: #808992;
    position: absolute;
    top: 88px;
    z-index: 1;
}
.strip-min{
    height: 6px;
    background: #54acf4;
}
.dangerous-text{
    height: 50px;
    padding: 0 20px;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    overflow: hidden;
}
.dangerous-dot{
    height: 35px;
    position: relative;
}
.dangerous-dot-item{
    width: 8px;
    height: 8px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    margin: auto;
    position: relative;
    top: 14px;
}
.dangerous-time-max{
    height: 100px;
    padding: 5px 30px;
    color: #b9cbe3;
    position: relative;
}
.dangerous-time-min{
    padding: 5px 0;
}
.dangerous-time-nav{
    margin-top: 8px;
}
.dangerous-time-nav.active{
    color: #eeeeee;
    background: url("../images/expect_list_yc.png") no-repeat center/100% 100%;
}

/*智慧党建*/
.carousel-padding{
    padding: 10px;
}
.carousel-max{
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: auto;
}
.carousel-min{
    height: 100%;
    position: absolute;
    transition: left 0.5s
}
.carousel-for{
    float: left;
    width: 100%;
    height: 100%;
}
.carousel-for > img{
    width: 100%;
    height: 100%;
}
.carousel-text{
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
}

.carousel-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    user-select: none;
    cursor: pointer;
    transition: left 0.1s linear;
}
.carousel-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    user-select: none;
    cursor: pointer;
    transition: right 0.1s linear;
}

/*党建视频*/
.carousel-padding video{
    width: 100%;
    height: 520px;
}
.video-img{
    width: 100%;
    height: 520px;
}
.video-nav{
    display: flex;
    padding:15px 10px;
}
.video-nav-btn{
    background: #420200;
    padding: 10px 15px;
    color: #e67b71;
    margin-right: 15px;
    cursor: pointer;
    border-radius: 5px;
}
.video-nav-btn.active{
    background: #b34039;
    color: #ffffff;
}
.video-nav-btn:hover{
    background: #972321;
    color: #f1bdb9;
}
.video-nav-btn.active:hover{
    background: #b34039;
    color: #ffffff;
}

/*媒体聚焦*/
.party-list{
    padding:20px 15px;
}
.party-list .el-table__body-wrapper::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.party-list .el-table .cell{
    padding: 0 5px;
}
.party-list .el-table{
    background: none;
}
.party-list .el-table th, .el-table tr{
    background: none;
}
.party-list .el-table th{
    height: 50px;
    color: #ffffff;
    padding: 0 10px;
}
.party-list .el-table td{
    height: 50px;
    color:  #ffffff;
    padding: 0;
}
.party-list .el-table td .cell{
    height: 35px;
    line-height:35px;
    padding:0 10px;
    background: rgba(66,0 ,0 ,0.7);
    letter-spacing: 1px;

}
.party-list .el-table td, .el-table th.is-leaf{
    border: 0;
}
.party-list .el-table--enable-row-hover .el-table__body tr:hover>td{
    background: none !important;
}
.party-list .el-table::before{
    background: none;
}
.party-list-color{
    color:#edaa46;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

/*安全管理*/
/*当日预警信息*/
.safe-day-table .el-table__body-wrapper::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.safe-day-table .el-table .cell{
    padding: 0 5px;
}
.safe-day-table .el-table{
    background: none;
}
.safe-day-table .el-table th, .el-table tr{
    background: none;
}
.safe-day-table .el-table th{
    height: 50px;
    text-align: center;
    color: #1ce7ff;
}
.safe-day-table .el-table td{
    height: 55px;
    text-align: center;
    padding: 0;
}
.safe-day-table .el-table td, .el-table th.is-leaf{
    border: 0;
}
.safe-day-table .el-table .el-table__row{
    background: url("../images/text_red_safe_bgd.png") no-repeat center/100% 40px;
}
.safe-day-table .el-table--enable-row-hover .el-table__body tr:hover>td{
    background: none !important;
    color: #ffffff;
}
.safe-day-table .el-table::before{
    background: none;
}

.map-foot-max{
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.map-foot-min{
    display: flex;
    align-items: center;
    justify-content: center;
}
.map-foot-con{
    padding-left: 10px;
    color:#b9cbe3;
}
.map-foot-con p{
    padding-bottom: 10px;
}
.map-foot-num span{
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
}
.map-icon-color-1{
    color: #71b3f0;
}
.map-icon-color-2{
    color: #c1b762 ;
}
.map-icon-color-3{
    color: #7874e3;
}
.map-foot-min img{
    width: 84px;
    height: 66px;
    animation: safe 3s infinite;
    -webkit-animation: safe 3s infinite;
}
@keyframes safe {
    0% {
        transform: translate(0px, -10px);
    }
    50% {
        transform: translate(0px, 10px); /* 可配置跳动方向 */
    }
    100% {
        transform: translate(0px, -10px);
    }
}

/*安全管理 项目级 塔机*/

/*监控列表*/
.list-max{
    padding: 10px 0;
}
.list-min{
    height: 630px;
    overflow: auto;
    position: relative;
}

.list-min::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
.list-min::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #192c64;
}
.list-min::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #010b2d;
}
.list-for{
    padding: 15px 0;
    border-bottom: 1px dashed #3da2ff;
}
.list-con{
    padding: 15px;
    cursor: pointer;
}
.list-con.active{
    background: url("../images/list_bgd.png") no-repeat center/100% 100%;
}
.list-top{
    display: flex;
    align-items: center;
}
.list-img{
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    background: url("../images/list_img_icon.png") no-repeat bottom/100% 45px;
}
.list-img img{
    animation: listImg 3s infinite;
    -webkit-animation: listImg 3s infinite;
}
@keyframes listImg {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, 15px); /* 可配置跳动方向 */
    }
    100% {
        transform: translate(0px, 0px);
    }
}
.list-info{
    padding-left: 15px;
}
.list-info-name{
    padding: 7px 0 ;
    font-size: 16px;
}
.list-info-name span{
    color: #8accff;
}
.list-info-name .list-info-state{
    color: #f3ba4f;
}
.list-info-name .list-info-state.active{
    color: #61f1be;
}
.list-bottom{
    padding: 10px 0;
    color: #a5d3eb;
}
.list-details{
    padding: 8px 0;
}
.list-time{
    color: #429fff;
}

.sf-big-title{
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.monitor-max{
    height: 240px;
    position: relative;
}
.sf-speed-data-chart{
    width: 50px;
    height: 250px;
    margin: auto;
}
.sf-speed-data-chart div{
    width: 100%;
    height: 10px;
    margin-top: 14px;
    background: #0b204f;
    border-radius: 2px;
}
.sf-speed-data-chart .activation{
    background: #2e8cfe;
}
.sf-speed-data-chart .warning{
    background: #fead38;
}
.sf-speed-data-chart .police{
    background: #ff4e4e;
}
.monitor-left{
    position: absolute;
    height: 240px;
    width:70px;
    top: -5px;
    left: 5px;
    color: #a1d4e7;
}
.monitor-right{
    position: absolute;
    height: 250px;
    top: -10px;
    left: 140px;

}
.monitor-police{
    position: absolute;
    top: 0;
    width: 70px;
    text-align: right;
}
.monitor-warning{
    position: absolute;
    top: 50px;
    width: 70px;
    text-align: right;
}
.monitor-zero{
    position: absolute;
    bottom: 0;
    width: 70px;
    text-align: right;
}
.monitor-data{
    color: #88c9ff;
    width: 70px;
    position: absolute;
    top: 100px;
    text-align: center;
}
.warning-data{
    color: #fead38;
}
.police-data{
    color: #ff4e4e;
}

.monitor-data span{
    font-weight: bold;
    font-size: 18px;
}

.safe-height{
    height:660px;
}
.safe-small{
    height: 120px;
}
.safe-small-title{
    background: url("../images/small_title.png") no-repeat center/100% 100%;
    padding: 5px 0 5px 20px;
}
.safe-small-content{
    display: flex;
    align-items: center;
    justify-content:space-around;
}
.safe-small-details{
    padding: 10px;
    font-size: 16px;
}
.safe-small-details p{
    color: #429fff;
    padding: 10px 0 15px;
}
.safe-small-details span{
    color: #8bcdff;
    font-size: 20px;
    font-weight: bold;
}
.safe-afoot-content{
    padding:30px 20px;
}
.safe-afoot-overflow{
    height: 200px;
}
.safe-afoot-machinery-nam{
    padding:15px 0 20px;
}
/*力矩曲线*/
.safe-moment{
    padding: 15px 0;
}


.safe-tower-crane-max{
    padding: 10px;
}
.safe-tower-crane-min{

}
.safe-tower-left{
    height: 500px;
    cursor: pointer;
    background:url("../images/safe_tower_left.png") no-repeat center/100% 70%;
}
.safe-tower-left:hover{
    background:url("../images/safe_tower_left_a.png") no-repeat center/100% 80%;
}
.safe-tower-left:active{
    background:url("../images/safe_tower_left_a.png") no-repeat center/100% 75%;
}
.safe-tower-right{
    height: 500px;
    cursor: pointer;
    background:url("../images/safe_tower_right.png") no-repeat center/100% 70%;
}
.safe-tower-right:hover{
    background:url("../images/safe_tower_right_a.png") no-repeat center/100% 80%;
}
.safe-tower-right:active{
    background:url("../images/safe_tower_right_a.png") no-repeat center/100% 75%;
}
.safe-tower-content-max{
    position: relative;
    width: 770px;
    height: 500px;
    margin: auto;
    overflow: hidden;
}
.safe-tower-content{
    position: absolute;
    width: 100%;
    transition: left 0.5s
}
.safe-tower-content-title{
    text-align: center;
    padding-top: 20px;
}
.safe-tower-content-title span{
    padding: 10px 35px;
    font-size: 16px;
    background: url("../images/safe_tower_name_bgd.png") no-repeat center/100% 100%;
}
.safe-tower-content-data{
    padding: 60px 0;
}
.safe-tower-content-data-list{
    color: #b9cbe3;
    font-size: 16px;
    padding: 17px 5px;
}
.safe-tower-content-data-list p{
    padding-bottom: 15px;
}
.safe-tower-content-data-list span{
    color: #429fff;
    font-weight: bold;
    font-size: 22px;
}
.safe-tower-content-data-list-time span{
    font-size: 14px;
}
.safe-tower-icon{
    width: 577px;
    position: relative;
}

.sf-equipment-overview-bgd{
    height: 320px;
    width: 500px;
    background: url("../images/tower_crane.png") no-repeat center/100% 100%;
    position: relative;
    margin: auto;
}
.sf-legend{
    position: absolute;
    padding: 10px;
    top: -5px;
    right: 0;
    display: flex;
}
.sf-legend div{
    padding:5px 10px;
}
.sf-slider-track{
    position: absolute;
    z-index: 9;
}
.sf-slider-track-min{
    position: absolute;
    width: 16px;
}
.sf-slider{
    width: 16px;
    height: 8px;
    background:#f0b334;
    position: absolute;
}
.sf-towrope{
    width: 10px;
    height:200px;
    border-left: 2px solid #f0b334;
    border-right: 2px solid #f0b334;
    margin: auto;
}
.sf-hook{
    width: 16px;
    height: 30px;
    background: url("../images/drag_hook.png") no-repeat center/100% 100%;
}
.circular{
    position: absolute;
    width: 120px;
    height: 120px;
    bottom: 15px;
    right: 15px;
    background: url("../images/circular.png") no-repeat center/100% 100%;
}
.needle{
    width: 100%;
    height: 100%;
    background: url("../images/needle.png") no-repeat center/100% 100%;
    transform:rotate(0deg);
}
.dot-track{
    width: 35px;
    height: 12px;
    right: 12px;
    position: absolute;
    top: 54px;
}
.dot{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f0b334;
    position: absolute;
}



/*深基坑*/
.sjk-info{
    padding:20px 10px;
    font-size: 14px;
}
.company-sjk-name{
    padding: 20px 0;
}
.company-sjk-name img{
    width: 40px;
    height: 40px;
}
.company-sjk-text{
    color: #50a2eb;
}
.sjk-icon-max{
    padding: 5px 0 5px;
    position: relative;
}
.sjk-img-min{
    text-align: center;
    height: 600px;
    position: relative;
}
.sjk-img img{

}
.sjk-icon-legend{
    position: absolute;
    height: 50px;
    background: rgba(0,0,0,0.7);
    width: 99%;
    bottom: 0;
    left: 0.5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sjk-icon-legend-color{
    display: flex;
    align-items: center;
}
.sjk-icon-legend-color-list{
    display: flex;
    align-items: center;
    padding: 0 15px;
    cursor: pointer;
}
.sjk-icon-legend-color-list-box{
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.sjk-icon-legend-color-list-text{
    font-size: 16px;
}
.box-green{
    background: #7dc57b;
}
.box-red{
    background: #d44645;
}
.box-orange{
    background: #eeb532;
}
.box-blue{
    background: #1890ff;
}
.box-grey{
    background: #9da4b4;
}
.sjk-icon-legend-right{
    display: flex;
    align-items: center;
    justify-content: right;
    font-size: 16px;
}
.sjk-icon-legend-right img{
    width: 25px;
    height: 25px;
    margin-right: 5px;
}
.sjk-icon-legend-right-icon{
    display: flex;
    align-items: center;
    padding:0 15px;
    cursor: pointer;
    color: #63c8ff;
}
.sjk-legend-filter{
    filter: grayscale(100%);
}
.sjk-icon-spot img{
    position: absolute;
    width: 30px;
    height: 36px;
}
.sjk-icon-spot img:hover{
    width: 40px;
    height: 48px;
    z-index: 1;
}

/*点位图弹窗*/
.sjk-popup{
    width: 400px;
    background: url('../images/map_sjk_popup_bgd.png') no-repeat center/100% 100%;font-size: 14px;
    position: fixed;
    z-index: 100;
}
.sjk-popup-content{
    padding: 8px 3px
}
.sjk-popup-title{
    padding: 8px;
    color: #ffffff;
    font-size: 16px;
    background: url('../images/map_popup_title.png') no-repeat left/100% 100%;
}
.sjk-popup-time{
    padding: 10px;
    color: #3da2ff;
}
.sjk-popup-table{
    text-align: center;
    padding: 0 8px;
}
.sjk-popup-table table{
    width: 100%;
}
.sjk-popup-table table th{
    background: #193d7d;
    padding: 5px 0;
}
.sjk-popup-table table td{
    padding: 10px 0;
    color: #c8dbfc;
    font-size: 16px;
}
.sjk-popup-table table td:nth-child(2){
    color: #4fb5fd;
}
.sjk-popup-table table td:nth-child(3){
    color: #ff7a00 ;
}
.sjk-popup-table table td:nth-child(4){
    color: #fb3b48;
}
.sjk-off-line{
    height: 150px;
    line-height: 150px;
    text-align: center;
    color: #999999;
}








/*近15天变化趋势*/
.sjk-chart-line{
    position: relative;
}
.sjk-chart-line-title{
    display: flex;
    padding: 15px 20px;
}
.sjk-chart-line-title div{
    padding: 5px 20px;
    cursor: pointer;
    margin-right: 20px;
    background: url("../images/dangerous.png") no-repeat center/100% 100%;
    color: #5388b0;
    font-size: 16px;
}
.sjk-chart-line-title .active{
    color: #ffffff;
    background: url(../images/dangerous_active.png) no-repeat center/100% 100%;
}
.sjk-afoot-overflow{
    height: 325px;
}
.sjk-chart-line-legend{
    width: 80%;
    position: absolute;
    top: 5px;
    right: 0;
    text-align: right;
    z-index: 9999;
}
.sjk-chart-line-legend button{
    padding: 5px 15px;
    background: none;
    cursor: pointer;
    border: 0;
    color: #50a1db;
    margin: 5px;
}
.sjk-chart-line-legend button.active{
    color: #ffffff;
}
.sjk-chart-line-legend label{
    padding:1px 8px;
    border-radius: 50%;
    margin-right: 10px;
}
.trend-chart-max{
    padding: 0 10px;
}

/*环境管理*/
.hj-afoot-overflow{
    height: 590px;
}
.equipment-list-max{
    padding: 20px;
}
.equipment-list-min{
    padding: 25px 0 25px 20px;
    display: flex;
    align-items: center;
}
.equipment-list-gif{
    width: 70px;
    height: 70px;
    background: url(../images/hj_gif.gif) no-repeat center/100% 100%;
    text-align: center;
}
.equipment-list-gif img{
    width: 40px;
    height: 40px;
    transform: translateY(35%);

}
.equipment-list-data{
    padding-left: 15px;
    color: #c0dafb;
    font-size: 16px;
}
.equipment-list-data div{
    padding-top: 10px;
}
.equipment-list-data span{
    font-size: 28px;
    font-weight: bold;
    padding-right: 5px;
    color: #82c9ff;
}

/*环境管理  项目页面*/
.current-value-max{
    padding: 20px;
}
.current-value-min{
    padding: 20px;
}
.current-value-con{
    padding: 30px 40px;
    background: url("../images/current_value_bgd.png") no-repeat center/100% 100%;
    display: flex;
    align-items: center;
}
.current-value-img{
    height: 90px;
    width: 90px;
    background: url("../images/education_bgd.png") no-repeat center/100% 100%;
    text-align: center;
}
.current-value-img img{
    width: 50px;
    height: 50px;
    -webkit-animation: icon 3s infinite;

}
.current-value-data{
    color: #c0dafb;
    font-size: 18px;
    padding-left: 40px;
}
.current-value-data p{
    padding-top: 15px;
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
}
.hj-moment-max{
    padding: 15px;
}
.hj-moment-max table{
    height: 310px;
}
.hj-moment-max td{
    padding: 0 5px;
    font-size: 16px;
    color: #aaaaaa;
}
.hj-moment-max td:first-child{
    width: 24%;
    text-align: right;
    color: #c0dafb;
}
.hj-moment-choice{
    display: flex;
    align-items: center;
}
.hj-moment-select{
    width: 70%;
}
.hj-moment-state{
    padding: 0 10px;
}
.state-tag{
    height: 33px;
    width: 60px;
    line-height: 33px;
    text-align: center;
}
.state-zx{
    color: #3eb11e;
    background: url("../images/state_bgd.png") no-repeat center/100% 100%;
}
.state-lx{
    color: #eeb532;
    background: url("../images/state_lx_bgd.png") no-repeat center/100% 100%;
}

.hj-moment-blue{
    color: #559adf;
}
.hj-moment-green{
    color: #41b026;
}
.hj-moment-orange{
    color: #eeb532;
}




.select-max{
    position: relative;
}
.select-input{
    height: 35px;
    padding-left: 10px;
    padding-right: 25px;
    background: url("../images/select_bgd.png") no-repeat center/100% 100%;
}
.select-input input{
    width: 100%;
    height: 35px;
    background: 0;
    border: 0;
    outline: 0;
    color: #1ce7ff;
    cursor: pointer;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size: 16px;
}
.select-input input::-webkit-input-placeholder{
    color: #6ca5b1;
}
.select-option{
    list-style: none;
    position: absolute;
}
.select-option{
    list-style: none;
    width: 100%;
    position: absolute;
    max-height: 250px;
    border: 1px solid #05556b;
    background: #00092a;
    overflow: auto;
    color: #02a6ff;
    border-radius: 3px;
    z-index: 9999;
}
.select-option::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
.select-option::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #192c64;
}
.select-option::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #010b2d;
}
.select-option li{
    padding:12px 10px;
    cursor: pointer;
}
.select-option li:hover{
    background: #031348;
    color: #1ce7ff;
}

.el-carousel__indicators--horizontal{
    top: 0;
}
.el-carousel__button{
    width: 15px;
}

/*视频管理*/
.video-list-max{
    padding: 10px;
}
.video-list-min{
    height: 430px;
    overflow: auto;
    padding-right: 5px;
}
.video-list-min::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}
.video-list-min::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #192c64;
}
.video-list-min::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #010b2d;
}
.video-list-for{
    padding: 5px 0;
}
.video-list-title{
    height: 40px;
    background: url("../images/video_list_title.png") no-repeat center/100% 100%;
    line-height: 40px;
    padding:0 10px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    cursor: pointer;
}
.video-list-ul{
    list-style: none;
    padding: 5px 0;
}
.video-list-ul li{
    padding: 10px 0;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    position: relative;
    cursor: pointer;
    color: #c0dafb;
}
.video-list-ul .active{
    color:  #3da2ff;
}
.video-list-ul li:hover{
    color: #67afee ;
}
.video-list-ul .active:hover{
    color:  #3da2ff;
}
.video-list-ul li button{
    padding: 3px;
    position: relative;
    top: -5px;
}
.video-state-zx{
    background: #119f1b;
}
.video-state-lx{
    background: #e70b0b;
}
.video-enlarge-max{
    padding: 15px;
}
.video-enlarge-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding:0 10px 0 20px;
    line-height: 30px;
    background: url("../images/video_title.png") no-repeat left/180px 22px;
}
.video-enlarge-content{
    margin-top: 15px;
    background: rgba(0,0,0,0.5);
}
.video-enlarge-content video{
    width: 100%;
    height: 890px;
}
.video-enlarge-content img{
    width: 100%;
    height: 890px;
}
.video-enlarge-title-right{
    display: flex;
    align-items: center;
}
.video-enlarge-title-right{
    display: flex;
    justify-content: right;
    align-items: center;
}
.video-enlarge-title-right div{
    padding: 2px 15px;
    background: url("../images/dangerous.png") no-repeat center/100% 100%;
    margin-left: 15px;
    cursor: pointer;
    color: #5388b0;
}
.video-enlarge-title-right .active{
    color: #ffffff;
    background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
}
.video-vehicle-table{
    padding: 15px 0;
}
.video-vehicle-table .el-table__body-wrapper::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.video-vehicle-table .el-table .cell{
    padding: 0 5px;
}
.video-vehicle-table .el-table{
    background: none;
}
.video-vehicle-table .el-table th, .el-table tr{
    background: none;
}
.video-vehicle-table .el-table th{
    color: #67baff;
    padding:10px 25px ;
}
.video-vehicle-table .el-table td{
    padding:10px 15px;
    color:  #a2c8f9;
}
.video-vehicle-table .el-table td, .el-table th.is-leaf{
    border: 0;
}
.video-vehicle-table .el-table--enable-row-hover .el-table__body tr:hover>td{
    background: none !important;
}
.video-vehicle-table .el-table::before{
    background: none;
}

.vehicle-number{
    padding: 8px 15px;
    background: url("../images/dangerous.png") no-repeat center/100% 100%;
    width: 90%;
    margin: auto;
}
.vehicle-jin-img-max{
    padding: 10px;
}
.vehicle-jin-img-bgd{
    width: 180px;
    height: 180px;
    background: #062247 url("../images/no_picture.png") no-repeat center/80px 80px;
    border-radius: 5px;
}
.vehicle-jin-img-bgd img{
    width: 100%;
    height: 100%;
}
.vehicle-time{
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.video-vehicle-census{
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-vehicle-census div{
    padding: 0 20px;
    color: #c0dafb;
}
.video-vehicle-census div span{
    font-size: 25px;
    color: #67baff;
    padding: 0 10px;
}

/*劳务用工人员定位*/
.baidu-map{
    width: 1920px;
    height: 1080px;
    background: #3da2ff;
    position: fixed;
}
.people-head{
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    z-index: 111;
}
.people-left{
    position: absolute;
    top: 90px;
    left: 20px;
    width: 400px;
    background: rgba(0,0,0,0.5);
    z-index: 10;
    padding: 10px;

}
.people-right{
    position: absolute;
    top: 90px;
    right: 20px;
    width: 400px;
    background: rgba(0,0,0,0.5);
    z-index: 10;
    padding: 10px;
}
.people-search{
    padding: 0 15px;
    height: 45px;
    background: url("../images/input_search.png") no-repeat center/100% 100%;
}
.people-search input{
    border: 0;
    outline: 0;
    background: url("../images/search.png") no-repeat right/20px 20px;
    width: 100%;
    height: 100%;
    color: #3da2ff;
    font-size: 16px;
}
.people-search input::-webkit-input-placeholder{
    color: #446079;
}
.people-list-min{
    height: 660px;
}
.people-list-con{
    cursor: pointer;
    padding: 15px 5px;
}
.people-list-con.active{
    background: url("../images/list_bgd.png") no-repeat center/100% 100%;
}
.people-list-img{
    height: 70px;
    width: 70px;
    text-align: center;
    background: url("../images/warning_renyuan.png") no-repeat bottom/100% 100%;
}

.people-list-img img{
    width: 100% ;
    height: 100%;
}
.people-list-top{
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    position: relative;
    background: url("../images/Line.png") no-repeat bottom/100% 2px;
}
.people-list-state{
    padding: 0 5px;
    border-radius: 10px 0 10px 0;
    background: #3eb11e;
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    right: 15px;
}
.baidu-people-list-state{
    right: 5px;
    font-size: 12px;
}
.people-list-state.active{
    background: #888888;
}
.people-info-name{
    padding: 7px 0 ;
    font-size: 16px;
    display: flex;
    align-items: center;
}
.list-info .people-info-work{
    color: #3da2ff;
    font-size: 14px;
}
.people-info-name{
    padding: 7px 0 ;
    font-size: 16px;
}
.people-info-action{
    color: #3eb11e;
}
.people-info-action.active{
    color: #d7220b;
}
.people-battery-max{
    display: flex;
    align-items: center;
}
.people-battery-bgd{
    width: 30px;
    height: 15px;
    background: url("../images/battery.png") no-repeat center/100% 100%;
}
.people-battery-bgd.active{
    background: url("../images/battery_red.png") no-repeat center/100% 100%;
}
.people-battery-padding{
    width: 24px;
    height: 11px;
    padding: 2px 4px 2px 2px;
}
.people-battery{
    background: #3eb11e;
    height: 100%;
}
.people-battery.active{
    background: #d7220b;
}
.people-battery-value{
    padding:0 10px;
    color: #3eb11e;
}
.people-battery-value.active{
    color:#d7220b;
}
.people-info-address{
    color: #429fff;
    background: url("../images/address_dw.png") no-repeat left/14px 16px;
    padding-left: 18px;
}

.people-company-btn{
    position: absolute;
    top: 100px;
    left: 470px;
    background: url("../images/return_btn_bgd.png") no-repeat center/100% 100%;
    width: 120px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #5677a2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 99;
}
.people-company-btn:hover{
    color: #cbdaff;
    background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
}
.people-company-btn:active{
    color: #5677a2;
}
.people-company-btn span{
    padding-left: 5px;
}


/*人员定位弹窗*/
.popup-people-max{
    width: 280px;
    height: 300px;
    background: url('../images/map_popup_bgd.png') no-repeat center/100% 100%;
    font-size: 14px;
}
.popup-people-max.active{
    background: url('../images/map_popup_red_bgd.png') no-repeat center/100% 100%;
}
.popup-people-min{
    padding:20px 15px;
}
.popup-list-details span{
    color: #027ae7;
}
.popup-list-details{
    padding: 5px 0;
    font-size: 14px;
}
.popup-people-info-address{
    background: rgba(2,122,231,0.2);
    padding: 10px;
    font-size: 14px;
}
.popup-people-info-address.active{
    background: rgba(243, 3, 3, 0.4);
}
.popup-people-info-address.active .people-info-address{
    color: #ffffff;
    background: url("../images/address_dw_red.png") no-repeat left/14px 16px;
}
.popup-people-info-name{
    color: #ffffff;
}


/*质量管理公司级*/
.quality-target-max{
    padding:15px 10px;
}
.quality-target-min{
    padding:15px 10px;
    display: flex;
    align-items: center;
}
.quality-target-img{
    width: 50px;
    height: 50px;
}
.quality-target-img img{
    width: 100%;
    height: 100%;
}
.quality-target-con{
    width: calc(100% - 65px);
    padding-left: 15px;
}
.quality-target-title{
    padding: 3px 0;
    color: #c0dafb;
}
.quality-target-info{
    padding: 3px 0;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color: #50a2eb;
}
.quality-target-index{
    padding: 0px;
}
.quality-target-index-min{
    padding: 15px 0 15px 20px;
}

.quality-dynamic-max{
    padding: 10px 10px 0;
}
.quality-dynamic-min{
    padding: 0 5px;
    height: 655px;
    overflow: auto;
}
.quality-dynamic-min::-webkit-scrollbar {
    width: 0px;
    height: 1px;
}
.quality-dynamic-min::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #192c64;
}
.quality-dynamic-min::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #010b2d;
}
.quality-dynamic-for{
    padding: 10px;
}
.quality-dynamic-for.active{
    background: url("../images/zzfs_bgf.png") no-repeat center/100% 100%;
}
.quality-dynamic-content{
    display: flex;
    align-items: center;
}
.quality-dynamic-img{
    width: 90px;
    height: 90px;
    background: url("../images/logo_bgd.png") no-repeat center/100% 100%;
}
.quality-dynamic-img img{
    width: 100%;
    height: 100%;
    border-radius: 3px;
}
.quality-dynamic-info{
    padding-left: 20px;
    width: calc(100% - 110px);
}
.quality-dynamic-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
}
.quality-dynamic-item{
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding: 7px 0;
    color: #3da2ff;
}
.quality-dynamic-describe{
    margin-top: 10px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    color: #c0dafb;
}
.quality-dynamic-time{
    color: #999999;
}
.quality-dynamic-state{
    border: 1px solid #44ad1f;
    padding: 1px 10px;
    background: rgba(68,173,31,0.3);
    border-radius: 3px;
    color: #44ad1f;
}
.quality-dynamic-state.active{
    border: 1px solid #ff9000;
    padding: 1px 10px;
    background: rgba(255,144,0,0.3);
    border-radius: 3px;
    color: #ff9000;
}
.quality-button{
    justify-content: right;
}
.quality-table{
    padding: 0 15px;
}
.quality-table .el-table__body-wrapper::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.quality-table .el-table .cell{
    padding: 0 5px;
}
.quality-table .el-table{
    background: none;
}
.quality-table .el-table th, .el-table tr{
    background: none;
}
.quality-table .el-table th{
    height: 35px;
    text-align: center;
    color: #cbdaff;
    padding: 0;
}
.quality-table .el-table td{
    height: 60px;
    text-align: center;
    padding: 0;
    color: #ffffff;
}
.quality-table .el-table td, .el-table th.is-leaf{
    border: 0;
}
.quality-table .el-table .el-table__row:nth-child(odd){
    background: url("../images/long_tr_bgd.png") no-repeat center/100% 55px;
}
.quality-table .el-table--enable-row-hover .el-table__body tr:hover>td{
    background: none !important;
}
.quality-table .el-table::before{
    background: none;
}

.scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.scroll::-webkit-scrollbar-thumb {
    background-color: rgb(1, 169, 255);
    border-radius: 4px;
}