* {
  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);
}
@font-face {
  font-family: DingTalkSans;
  src: url('../fonts/DingTalkJinBuTi.woff2');
}
@font-face {
  font-family: NumFont;
  src: url('../fonts/DS-DIGIT.TTF');
}
* {
  font-family: DingTalkSans;
}
.led-number {
  font-family: "NumFont";
}
body {
  background: #010117;
  color: #ffffff;
  font-size: 16px;
  overflow: auto;
}
.scroll::-webkit-scrollbar {
  width: 8px ;
  height: 8px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: #01a9ff;
  border-radius: 4px ;
}
@media (max-width: 1920px) {
  .w-scroll::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
  }
  .w-scroll::-webkit-scrollbar-thumb {
    background-color: #01a9ff;
    border-radius: 4px !important;
  }
  #app {
    width: 1912px;
    height: 1080px;
  }
  .screen-content-max {
    width: 1912px;
    height: 1080px;
  }
  .background_video video {
    width: 1912px;
    height: 1080px;
  }
  .img-openwin {
    cursor: pointer;
    width: 26px;
    height: 26px;
  }
  .div-header {
    background-image: url("../images/banner-top-1k.png");
  }
  .popup-project-introduction-title {
    height: 40px;
    font-size: 18px;
  }
  .popup-project-introduction-close {
    font-size: 25px;
    width: 30px;
    height: 30px;
    line-height: 28px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  .w-scroll::-webkit-scrollbar {
    width: 16px !important;
    height: 16px !important;
  }
  .w-scroll::-webkit-scrollbar-thumb {
    background-color: #01a9ff;
    border-radius: 8px !important;
  }
  #app {
    width: 2550px;
    height: 1440px;
  }
  .screen-content-max {
    width: 2550px;
    height: 1440px;
  }
  .background_video video {
    width: 2550px;
    height: 1440px;
  }
  .div-header {
    background-image: url("../images/banner-top-2k.png");
  }
  .img-openwin {
    width: 30px;
    height: 30px;
  }
  .screen-module::after {
    background-size: auto 30px;
    height: 30px !important;
  }
  .module-title {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 20px;
  }
  .popup-project-introduction-title {
    height: 60px;
    font-size: 24px;
  }
  .popup-project-introduction-close {
    font-size: 28px;
    width: 54px;
    height: 54px;
    line-height: 54px;
  }
}
@media (min-width: 2561px) {
  .w-scroll::-webkit-scrollbar {
    width: 20px !important;
    height: 20px !important;
  }
  .w-scroll::-webkit-scrollbar-thumb {
    background-color: #01a9ff;
    border-radius: 10px !important;
  }
  #app {
    width: 3832px;
    height: 2160px;
  }
  .screen-content-max {
    width: 3832px;
    height: 2160px;
  }
  .background_video video {
    width: 3832px;
    height: 2160px;
  }
  .div-header {
    background-image: url("../images/banner-top-4k.png");
  }
  .img-openwin {
    width: 40px;
    height: 40px;
  }
  .screen-module::after {
    background-size: auto 40px;
    height: 40px !important;
  }
  .module-title {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 26px;
  }
  .popup-project-introduction-title {
    height: 72px;
    font-size: 32px;
  }
  .popup-project-introduction-close {
    font-size: 48px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
.img-openwin {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 99;
}
.main-app {
  height: calc(100% - 130px);
}
.main-page {
  height: 100%;
}
.h100 {
  height: 100%;
}
.screen-module::after {
  background-image: url("../images/one/banner.png");
}
.screen-module.no-title::after {
  background-image: none;
}
.screen-module.no-title .module-title {
  display: none;
}
.screen-module.no-title .module-ctx {
  padding: 0px;
  height: 100%;
}
.screen-module.no-border {
  background-image: none;
}
.module-ctx {
  padding: 12px;
  height: calc(100% - 48px);
}
body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  display: block !important;
}
.body::-webkit-scrollbar-thumb {
  background-color: #01a9ff !important;
  border-radius: 4px !important;
}
p,
label,
ul {
  margin: 0;
  font-weight: 400;
}
table {
  width: 100%;
}
.anchorBL {
  display: none;
}
[v-cloak] {
  display: none;
}
/*背景视频*/
.background_video video {
  position: absolute;
}
.screen-content-max {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.screen-content {
  padding: 10px 15px;
  position: relative;
}
.fblue {
  color: #01a9ff;
}
/*head*/
.head-title {
  position: relative;
  height: 70px;
  background: url("../images/head_title.png") no-repeat center / 100% 65px;
  display: flex;
}
.head-title-label {
  width: 22%;
  font-size: 26px;
  position: relative;
  padding-left: 15px;
  padding-top: 23px;
  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 {
  padding-top: 32px;
  display: flex;
}
.head-title-tab .head-nav {
  text-align: center;
  color: #6383aa;
  cursor: pointer;
  background: url("../images/title_tab.png") no-repeat center / 100% 100%;
}
.head-title-tab .head-nav.active {
  background: url("../images/title_tab_active.png") no-repeat center / 100% 100%;
  color: #ffffff;
}
.head-title-tab .head-nav.active.hover {
  color: #ffffff;
}
.head-title-tab .head-nav.hove {
  color: #86b2e3;
}
@media (max-width: 1920px) {
  .head-title-tab .head-nav {
    font-size: 14px;
    padding: 0px 20px;
    height: 35px;
    line-height: 35px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  .head-title-tab .head-nav {
    font-size: 20px;
    padding: 0px 30px;
    height: 44px;
    line-height: 44px;
  }
}
@media (min-width: 2561px) {
  .head-title-tab {
    padding-top: 20px;
  }
  .head-title-tab .head-nav {
    font-size: 28px;
    padding: 0px 50px;
    height: 60px;
    line-height: 60px;
  }
}
.head-title-select {
  padding-top: 23px;
  width: 12% ;
  position: relative;
}
.head-title-date {
  padding-top: 15px;
  width: 15% ;
  display: flex;
  align-items: center;
}
.head-select {
  height: 35px;
  padding-left: 25px;
  padding-right: 30px;
  background: url("../images/head_select.png") no-repeat center / 100% 100%;
}
.head-select.head-select-150 {
  background: url("../images/head_select-150.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 {
  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;
  cursor: pointer;
  width: calc(50% - 20px);
  padding-left: 20px;
}
.czz-number-content1 {
  display: flex;
  cursor: pointer;
  padding-left: 20px;
}
.czz-number-img {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 80px;
}
.czz-number-img img {
  width: 30px;
  height: 30px;
}
.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;
}
.glr-min .people-number-con {
  padding: 15px 0;
}
.safety-min .people-number-con {
  padding: 35px 0;
}
.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;
}
.glr-login-number-sz:hover {
  color: #00f1fc;
}
/*打卡管控提示*/
.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;
}
.not-data {
  height: 200px;
  line-height: 200px;
  text-align: center;
  color: #aaaaaa;
}
.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;
}
.analyse-equipment-position {
  position: absolute;
  right: 40px;
  top: 20px;
  z-index: 999;
}
@-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 {
  padding-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-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, 0.2, 0.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 div {
  padding: 0 15px;
}
.project-number span {
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  color: #63baff;
  padding-right: 15px;
}
.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 {
  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;
  cursor: pointer;
}
.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: 2000;
}
.popup-project-introduction-min {
  width: 1000px;
  height: 600px;
  margin: auto;
  transform: translateY(30%);
  background: linear-gradient(#010b2d, #097fca9c) left -3px top 0, linear-gradient(#097fca9c, #097fca9c) right 0px bottom -3px, linear-gradient(#010b2d, #097fca9c) right -3px top 0px, linear-gradient(#097fca9c, #097fca9c) left 0px top -3px;
  background-repeat: no-repeat;
  background-color: #002233d4;
  background-size: 3px 100%, 100% 3px;
  border: 1px solid transparent;
  backdrop-filter: blur(1px);
}
.popup-project-introduction-con {
  padding: 0px;
}
.popup-project-introduction-title {
  background: url("../images/map_popup_title.png") no-repeat left / 100% 100%;
  display: flex;
  align-items: center;
  padding: 0 15px;
  justify-content: space-between;
}
.popup-project-introduction-close {
  text-align: center;
  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-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;
  font-size: 13px;
}
.monitor-warning {
  position: absolute;
  top: 50px;
  width: 70px;
  text-align: right;
  font-size: 13px;
}
.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 !important;
}
.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-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: 20px;
}
.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-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-tz {
  display: flex;
  padding: 15px 20px;
  align-items: center;
}
.sjk-chart-line-title-tz button {
  padding: 5px ;
  width: 130px;
  cursor: pointer;
  margin-right: 20px;
  background: url("../images/dangerous.png") no-repeat center / 100% 100%;
  color: #5388b0;
  font-size: 16px;
}
.sjk-chart-line-title-tz .active {
  color: #ffffff;
  background: url(../images/dangerous_active.png) no-repeat center / 100% 100%;
}
.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-img-small img {
  width: 35px;
  height: 35px;
}
.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-two {
  height: 35px;
  padding-left: 10px;
  padding-right: 25px;
  width: 100%;
  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-two 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-input-two 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: 920px;
  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);
  height: 905;
  z-index: 999999;
}
.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: flex-start;
}
.quality-target-img {
  width: 50px;
  height: 50px;
  padding-top: 10px;
}
.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;
  cursor: pointer;
}
.quality-target-info-new {
  padding: 3px 0;
  color: #50a2eb;
  font-size: 14px;
  letter-spacing: 2px;
  /*display: -webkit-box;*/
  /*-webkit-box-orient: vertical;*/
  /*-webkit-line-clamp: 2;*/
  /*overflow: hidden;*/
}
.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-item-span {
  cursor: pointer;
}
.quality-dynamic-img {
  cursor: pointer;
}
.quality-dynamic-img:hover {
  border: 1px solid #5aecff;
}
.quality-dynamic-item-span:hover {
  color: #5aecff;
  text-decoration: underline;
}
.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__body-wrapper tr:hover {
  background-color: #409eff52;
}
.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;
}
.quality-table .el-table__footer-wrapper tbody td.el-table__cell {
  background: none ;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  border-bottom: solid 1px rgba(60, 170, 255, 0.3);
}
.ai-video-entrance-max {
  padding: 10px;
}
.ai-video-entrance {
  text-align: center;
  padding: 5px 0;
  height: 33px;
  background: url("../images/dangerous.png") no-repeat center / 100% 100%;
  line-height: 33px;
  cursor: pointer;
  color: #5388b0;
}
.ai-video-entrance:hover {
  background: url("../images/dangerous_active.png") no-repeat center / 100% 100%;
  color: #ffffff;
}
.popup-video video {
  width: 100%;
  height: 500px;
}
.map-popup {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 180px;
  z-index: 999999;
}
.map-popup-content {
  width: 50%;
  background: #051725;
  border: 5px solid #11294f;
  border-radius: 10px;
  margin: auto;
  box-shadow: 0 0 30px #4ab4bc;
  font-size: 16px;
}
.map-popup-title {
  border-bottom: 1px solid #3d7788;
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.map-popup-list-max {
  padding: 15px;
}
.map-popup-list {
  padding: 5px 15px;
  height: 480px;
  overflow: auto;
}
.map-popup-list::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}
.map-popup-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #192c64;
}
.map-popup-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #010b2d;
}
.map-popup-for-title {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #00eaff;
  border-radius: 5px;
  margin-bottom: 5px;
}
.map-popup-for-title:hover {
  box-shadow: 0px 0px 10px #00eaff;
}
.map-popup-for-ul {
  padding: 0 30px;
  list-style: none;
}
.map-popup-for-ul li {
  padding: 10px 20px;
  cursor: pointer;
  color: #00a8ff;
}
.map-popup-for-ul li:hover {
  color: #98acff;
}
.popup-icon-close {
  font-size: 28px;
  color: #999999;
  cursor: pointer;
  width: 50px ;
  height: 50px;
  text-align: center;
}
.popup-icon-close:hover {
  color: #ffffff;
}
/*百度地图弹窗*/
.popup-baidu-max {
  width: 300px;
  background: url("../images/map_popup_bgd.png") no-repeat top / 300px 100%;
}
.popup-baidu-min {
  padding: 0px 10px;
}
.popup-baidu-title {
  display: flex;
  align-items: center;
  padding: 10px 0 5px;
  border-bottom: 1px solid #00aaff;
}
.popup-baidu-machine-img {
  width: 50px;
  height: 50px;
}
.popup-baidu-machine-img img {
  width: 100%;
  height: 100%;
}
.popup-baidu-machine-info {
  width: calc(100% - 50px);
}
.popup-baidu-machine-first {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0 5px 15px;
}
.popup-baidu-machine-second {
  display: flex;
  align-items: center;
  padding: 5px 0 5px 15px;
  font-size: 14px;
}
.popup-baidu-machine-name {
  color: #00aaff;
}
.popup-baidu-machine-state {
  border-radius: 3px;
  width: 40px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.state-yx {
  border: 1px solid #00c240;
  color: #00c240;
  background: rgba(0, 194, 64, 0.3);
}
.state-ds {
  border: 1px solid #ffcd34;
  color: #ffcd34;
  background: rgba(255, 205, 52, 0.3);
}
.state-jz {
  border: 1px solid #cccccc;
  color: #cccccc;
  background: rgba(153, 153, 153, 0.3);
}
.state-dk {
  border: 1px solid #00aaff;
  color: #00aaff;
  background: rgba(0, 170, 255, 0.3);
}
.state-lx {
  border: 1px solid #777777;
  color: #777777;
  background: rgba(153, 153, 153, 0.3);
}
.popup-baidu-machine-model {
  color: #dddddd;
  padding-right: 15px;
}
.popup-baidu-machine-oil {
  background: url("../images/oil.png") no-repeat left / 20px 15px;
  padding-left: 25px;
  color: #3eb11e;
}
.popup-baidu-machine-details {
  padding: 5px 0;
  color: #eeeeee;
  font-size: 14px;
}
.popup-baidu-machine-details table td {
  padding: 2px 0;
  vertical-align: top;
}
.popup-baidu-machine-details table td:first-child {
  width: 75px;
  color: #dddddd;
}
.popup-baidu-machine-address {
  padding: 5px ;
  background: rgba(0, 170, 255, 0.2);
  font-size: 14px;
  color: #ffffff;
}
.popup-baidu-machine-button {
  display: flex;
  padding: 15px 0;
  align-items: center;
  justify-content: space-evenly;
}
.popup-baidu-machine-button div {
  color: #ffffff;
  width: 110px;
  text-align: center;
  padding: 5px 0;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
}
.popup-baidu-machine-blue {
  background: #00a8ff;
}
.popup-baidu-machine-green {
  background: #19b140;
}
.baidu-map-info {
  padding: 10px 30px;
}
.baidu-map-info table td {
  padding: 7px 10px;
  vertical-align: top;
  color: #16d6ff;
}
.baidu-map-info table td:first-child {
  width: 18%;
  text-align: right;
  color: #4ab4bc;
}
.baidu-map-info table td img {
  width: 70px;
  height: 70px;
}
.map-full-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  z-index: 99;
}
.map-full-screen-btn {
  position: fixed;
  z-index: 999;
  top: 30px;
  right: 30px;
}
/*劳务 参见单位分布*/
.see-unit-list {
  padding: 20px;
}
.aerial-view-min video {
  width: 100%;
  height: 510px;
  border: 1px solid #217dca;
}
/*机械管理场布图*/
.jx-field-layout {
  height: 690px;
  background: url("../images/field_layout_1.png") no-repeat center / auto 100%;
}
/*tower-crane   塔机组件*/
.tower-crane-border {
  position: absolute;
  border: 2px dashed #5c9029;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
}
.jx-field-layout-text {
  position: absolute;
  z-index: 999;
  cursor: pointer;
  width: 60%;
  height: 30px;
  top: 65px;
  left: 20%;
  text-align: center;
  z-index: 1;
}
.jx-field-layout-text:hover {
  color: #cbdaff;
}
.tower-crane-sweep {
  width: 100%;
  height: 100%;
  background: url("../images/needle.png") no-repeat center / 100% 100%;
  transform: rotate(0deg);
  position: relative;
}
.tower-crane-track {
  width: 40%;
  height: 17px;
  top: 46%;
  right: 3px;
  position: absolute;
}
.tower-crane-dot {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #f0b334;
  position: absolute;
}
/*head—btn 组件*/
.header-btn-max {
  position: relative;
}
.header-btn-list {
  padding-top: 10px;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 9999;
}
.header-btn-list-arrow {
  height: 20px;
  width: 105px;
  text-align: center;
  position: relative;
  background: url("../images/arrow.png") no-repeat center / 30px 18px;
  z-index: 99;
}
.header-btn-list-arrow-active {
  height: 20px;
  width: 105px;
  text-align: center;
  position: relative;
  background: url("/cdn/images/WEB_6F5A43456312447C9F8D75CA97EDCCE8.png") no-repeat center / 30px 18px;
  z-index: 99;
}
.header-btn-list-item {
  top: -3px;
  position: relative;
  border: 2px solid #2258a2;
  background: rgba(2, 18, 56, 0.9);
  border-radius: 5px;
}
.header-btn-list-item-active {
  top: -3px;
  position: relative;
  border: 2px solid #df5567;
  background: rgba(100, 20, 23);
  border-radius: 5px;
}
.header-btn-list-padding {
  padding: 8px;
}
.header-btn-list-padding button {
  margin: 10px;
  height: 35px;
  background: #142c6a;
  color: #738fb4;
  width: 110px;
  border: 0;
  outline: 0;
  cursor: pointer;
  font-size: 15px;
}
.header-btn-list-padding-red button {
  margin: 10px;
  height: 35px;
  background: #910000;
  color: #c16363;
  width: 110px;
  border: 0;
  outline: 0;
  cursor: pointer;
  font-size: 15px;
}
.header-btn-list-padding button:hover {
  color: #63baff;
  background: #15388f;
}
.header-btn-list-padding button.active {
  background: url("../images/btn_nav.png") no-repeat center / 100% 100%;
  color: #ffffff;
}
.header-btn-list-padding-red button.actives {
  background: url("/cdn/images/WEB_F27BA493E32349E4AEC08A2A521B7ED1.png") no-repeat center / 100% 100%;
  color: #ffffff;
}
.video-field-layout {
  height: 610px;
  background: url("../images/field_layout_video.png") no-repeat center / 100% auto;
  position: relative;
}
.video-bgd-img-position {
  position: absolute;
}
.video-bgd-div {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  background: #3676c0;
}
.video-bgd-div.active {
  background: #00f93a;
}
.video-bgd-div.active {
  animation: videoDiv 2s;
  -webkit-animation: videoDiv 2s infinite;
}
@keyframes videoDiv {
  0% {
    opacity: 0.6;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.6;
  }
}
.video-bgd-img {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 6px;
  left: 7px;
}
/*质量管理-标养室监测*/
.process-control {
  height: 610px;
}
.process-control-padding {
  padding: 40px 20px;
}
.process-control-btn-max {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.process-control-btn {
  display: flex;
  width: 45%;
  align-items: center;
  cursor: pointer;
}
.process-control-arrow {
  width: 10%;
}
.process-control-arrow img {
  width: 90%;
}
.process-control-order {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  color: #728fb7;
  font-weight: bold;
  background: url("../images/order_1.png") no-repeat center / 100% 100%;
}
.process-control-name {
  padding: 0 10px;
}
.process-control-name button {
  width: 120px;
  background: #112347;
  border: 1px solid #112347;
  color: #728fb7;
  outline: 0;
  height: 40px;
  cursor: pointer;
  font-size: 16px;
}
.process-control-btn.active .process-control-order {
  background: url("../images/order_2.png") no-repeat center / 100% 100%;
  color: #00092a;
}
.process-control-btn.active .process-control-name button {
  background: url("../images/btn_nav.png") no-repeat center / 100% 100%;
  color: #ffffff;
}
.process-control-name button:hover {
  border: 1px solid #08528f;
  color: #63baff;
}
.process-control-link {
  height: 90px;
  padding-left: 17px;
}
.process-control-max {
  display: flex;
  align-items: center;
}
.process-control-min {
  width: 20%;
}
.process-control-current-value-con {
  padding: 25px 0px 25px 50px;
  display: flex;
  align-items: center;
}
.process-control-current-value-padding {
  padding: 10px 0px 10px 50px;
  display: flex;
  align-items: center;
}
.process-control-current-value-data {
  color: #c0dafb;
  font-size: 18px;
  padding-left: 20px;
}
.process-control-current-value-data p {
  padding-top: 15px;
  font-size: 25px;
  font-weight: bold;
  color: #62cff8;
}
.process-control-current-value-data p span {
  color: #c0dafb;
  font-size: 16px;
}
.process-control-current-value-data .red-data {
  padding: 0;
  width: 110px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: url("../images/yuzhi_bgd.png") no-repeat center / 100% 100%;
  color: #ff0000;
  margin-top: 15px;
}
.process-control-current-value-data .red-data span {
  color: #ff0000;
}
.process-afoot-overflow {
  height: 910px;
}
.afoot-machinery-state .hj-moment-blue {
  font-size: 14px;
}
/*安全管理 -- 检查演练*/
.safety-quality-table {
  padding: 10px 15px;
}
.safety-hazard-source-type {
  padding: 15px;
}
.safety-hazard-source-type table th {
  background: #183753;
}
.safety-hazard-source-type table td,
.safety-hazard-source-type table th {
  font-weight: 500;
  padding: 4px 5px;
  font-size: 14px;
  text-align: center;
}
.safety-hazard-source-type table .safety-hazard-source-td {
  color: #cadafe;
  text-align: left;
}
.safety-hazard-source-td p {
  padding: 5px 0;
  line-height: 20px;
}
.safety-hazard-source-td p img {
  width: 10px;
  height: 10px;
  margin-right: 6px;
}
.cause-content td {
  width: 50%;
  vertical-align: top;
  text-align: left !important;
  color: #cadafe !important;
}
.exercise-photos {
  padding: 20px 15px;
}
.exercise-photos-status {
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #5ca9ef;
}
.exercise-photos-padding {
  padding: 5px;
  text-align: center;
}
.exercise-photos-max {
  padding: 10px 0;
}
.exercise-photos-overflow {
  overflow: auto;
}
.exercise-photos-overflow::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
/*质量管理-过程验收*/
.trends-max {
  padding: 15px 0;
}
.trends-min {
  height: 895px;
  overflow: auto;
}
.trends-min::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.trends-list {
  padding: 15px;
  border-bottom: 1px dashed #5591df;
}
.trends-min .trends-list:last-child {
  border-bottom: none;
}
.trends-list table td {
  padding: 5px;
  vertical-align: top;
  color: #c4dbfb;
}
.trends-list table td:first-child {
  width: 80px;
}
.trends-list-position {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.trends-list-status {
  border: 1px solid #f69000;
  background: #584a2d;
  color: #f69000;
  padding: 1px 5px;
  font-size: 14px;
}
.trends-list-status.active {
  border: 1px solid #43ad19;
  background: #023f2f;
  color: #43ad19;
}
/*质量管理  原材料进场*/
.roll-img {
  padding-top: 15px;
  width: 420px;
  overflow: auto;
}
.roll-img::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.roll-img-list {
  display: flex;
}
.roll-img-info {
  width: 210px;
  text-align: center;
}
/*标准化照片*/
.bzh-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.bzh-btn {
  width: 25px;
  height: 200px;
  align-items: center;
  display: flex;
}
.bzh-btn img {
  height: 70px;
  width: 100%;
  cursor: pointer;
}
.bzh-btn img:hover {
  background: #999999;
}
.bzh-btn img:active {
  background: #666666;
}
.bzh-content {
  width: 800px;
  display: flex;
  align-items: center;
  overflow: auto;
}
.bzh-content::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.bzh-content-img {
  padding: 20px 10px;
}
.bzh-photo-title {
  padding: 40px 50px 0;
  color: #cbdaff;
  font-size: 18px;
  border-top: 1px solid #2c6cac;
}
.bzh-photo-title-top {
  border: 0;
}
/*进度管理*/
.pcd-img-max {
  padding: 15px;
}
.pcd-img-min {
  height: 585px;
}
.quality-button-height div {
  height: 30px;
  padding: 0 20px;
  line-height: 30px;
}
.pcd-duration-survey-max {
  padding: 0 10px;
}
.pcd-duration-survey {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pcd-duration-survey-left {
  display: flex;
  align-items: center;
}
.pcd-duration-survey-time {
  font-size: 13px;
  color: #00aaff;
}
.pcd-problem-analysis {
  padding: 15px;
}
.pcd-problem-analysis-title {
  padding: 5px 15px;
  background-image: linear-gradient(to right, #2c6cac, #041328, #041328);
  -webkit-animation: Glow 1s ease infinite alternate;
  animation: Glow 1s ease infinite alternate;
}
.pcd-problem-analysis-list {
  display: flex;
  padding: 15px 0;
  color: #b9cbe3;
}
.pcd-problem-analysis-label {
  width: 90px;
  color: #adb5c3;
}
.pcd-problem-analysis-text {
  width: calc(100% - 90px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pcd-output-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 20px 10px;
}
.pcd-output-value-key {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.pcd-output-value-key-info {
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.pcd-key-1 {
  width: 12px;
  height: 12px;
  background-image: linear-gradient(to right, #003cda, #067dff);
  margin-right: 5px;
}
.pcd-key-2 {
  width: 12px;
  height: 12px;
  background-image: linear-gradient(to right, #008d7e, #26c8bb);
  margin-right: 5px;
}
.pcd-output-value-title {
  padding: 0 ;
}
.pcd-chart {
  height: 540px;
}
.pcd-chart-list {
  height: 90px;
  border: 1px solid #00c240;
  display: flex;
  align-items: center;
}
.pcd-chart-list-date {
  width: 110px;
  text-align: center;
}
.pcd-chart-list-prop {
  width: 80px;
}
/*技术交底*/
.science-title-number {
  position: absolute;
  left: 100px;
  top: 12px;
  z-index: 99;
}
.science-list-max {
  padding: 15px;
}
.science-list-min {
  height: 250px;
  overflow: auto;
}
.science-list-min::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.science-list {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px dashed #00c240;
}
.science-list-min .science-list:last-child {
  border: none;
}
.science-list-info {
  width: calc(100% - 75px);
  padding-left: 15px;
}
.science-list-sign-green {
  border: 1px solid #00c240;
  background: #073d2f;
  color: #00c240;
  padding: 1px 10px;
  width: 50px;
  text-align: center;
}
.science-list-sign-orange {
  border: 1px solid #f78f08;
  background: #68492d;
  color: #f78f08;
  padding: 1px 10px 2px;
  width: 50px;
  text-align: center;
}
.science-list-sign-name {
  color: #cbdaff;
  padding-top: 10px;
}
.science-list-img {
  width: 60px;
  height: 60px;
  background: #142c6a url("http://fileimg.makalu.cc/WEB_8FB4152935074DB39165D962E554FB19.png") no-repeat center / 100% 100%;
}
.science-list-img-rz {
  background: #142c6a url("http://fileimg.makalu.cc/WEB_4A7304893BDF45F6BD8EFCACAAAD19CB.png") no-repeat center / 30px 30px;
}
.system-img {
  padding: 50px 15px;
}
.system-img img {
  width: 100%;
}
.process-video-3d {
  padding: 0 20px;
}
.process-video-bgd {
  background: #062247;
  height: 205px;
  border-radius: 5px;
}
.process-not-video {
  padding-top: 50px;
  text-align: center;
  color: #47a5e3;
}
.process-not-video img {
  width: 65px;
}
.list-ledger-bgd {
  width: 60px;
  height: 60px;
  background: #142c6a url("../images/circle_icon_12.png") no-repeat center / 30px 30px;
}
.list-ledger-for {
  padding: 15px 0 5px;
}
.science-list-min .list-ledger-for:last-child {
  border: none;
}
.list-ledger-list {
  display: flex;
  align-items: center;
}
.list-ledger-teams {
  padding: 10px;
  color: #999999;
}
.list-ledger-teams span {
  color: #cbdaff;
}
.list-ledger-title {
  color: #00aaff;
  padding-bottom: 10px;
}
.list-ledger-info {
  display: flex;
  color: #999999;
}
.list-ledger-info span {
  color: #cbdaff;
}
.more-btn {
  text-align: center;
  color: #6383aa;
  cursor: pointer;
  padding: 5px 15px;
  background: url("../images/dangerous.png") no-repeat center / 100% 100%;
}
.more-btn.active {
  background: url("../images/dangerous_active.png") no-repeat center / 100% 100%;
  color: #ffffff;
}
.more-btn:hover {
  color: #86b2e3;
}
.more-btn.active:hover {
  color: #ffffff;
}
.warning-popup-project-introduction-info {
  height: 430px;
  overflow: auto;
}
.warning-popup-project-introduction-info::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.warning-popup-project-introduction-info::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #192c64;
}
.warning-popup-project-introduction-info::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #010b2d;
}
.warning-popup-project-for {
  padding: 20px 10px;
  border-bottom: 1px dashed #00c240;
}
.warning-popup-project-data {
  display: flex;
  align-items: center;
  color: #aaaaaa;
}
.warning-popup-color {
  color: #aaaaaa;
  padding-top: 8px;
  padding-right: 10px;
}
.warning-popup-project-data-left {
  display: flex;
  align-items: center;
  width: 50%;
}
.warning-popup-project-data-left-value {
  padding-left: 15px;
}
.warning-popup-project-data-left-value div {
  padding: 8px 0;
}
.warning-popup-project-data-right {
  width: 50%;
}
.warning-popup-project-data-right div {
  padding: 8px 0;
}
.warning-popup-color-blue {
  color: #00aaff;
}
.warning-popup-color-red {
  color: #ff0900;
}
.warning-popup-color-silvery {
  color: #cbdaff;
}
/*材料销号制*/
.xhz-glr-title {
  padding: 20px 25px;
}
.xhz-czz-number {
  display: flex;
  align-items: center;
  padding: 20px 10px 20px 20px;
}
.xhz-quality-button {
  justify-content: right;
  padding: 10px 20px;
}
.xhz-survey_title {
  padding: 30px 15px 10px;
}
.xhz-device-data {
  padding: 0 10px 20px;
}
.xhz-device-data-min {
  padding: 10px;
  display: flex;
  align-items: center;
}
.xhz-education_bgd {
  width: 80px;
  height: 80px;
  background: url("../images/education_bgd.png") no-repeat bottom / 70px 50px;
}
.xhz-education_bgd img {
  width: 35px;
  height: 35px;
}
.xhz-current-value-data {
  color: #9fafc3;
  font-size: 16px;
  padding-top: 20px;
  padding-left: 10px;
}
.xhz-current-value-data p {
  padding: 10px 0;
}
.xhz-current-value-data p span {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
}
.xhz-current-value-data p span.open {
  color: #f78f08;
}
.xhz-current-value-data p span.close {
  color: #4ab121;
}
.xhz-rank-chart {
  padding: 0;
}
.xhz-rank-chart-title span {
  color: #3da2ff;
  font-size: 14px;
  padding-left: 30px;
}
.xhz-analyse_title_blue {
  background: url("../images/analyse_title_blue.png") no-repeat left / 450px 100%;
}
.xhz-work-order-padding {
  padding: 10px;
}
.xhz-work-order-max {
  padding-top: 15px;
}
.xhz-work-order {
  height: 645px;
  overflow: auto;
}
.xhz-work-order::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}
.xhz-work-order::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #192c64;
}
.xhz-work-order::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #010b2d;
}
.xhz-work-order-list {
  padding: 10px;
}
.xhz-work-order-bgd {
  padding-bottom: 15px;
  background: url("../images/expect_list.png") no-repeat center / 100% 100%;
}
.xhz-work-order-info {
  padding: 0 10px;
}
.xhz-work-order-title {
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  border-bottom: 1px solid #1c4489;
  display: flex;
  background: url("../images/check_icon.png") no-repeat right / 8px 17px;
}
.xhz-order-number {
  width: 40px;
  height: 40px;
  text-align: center;
  border-bottom: 1px solid #69b9fe;
  color: #69b9fe;
  font-size: 18px;
}
.xhz-job-number {
  width: calc(100% - 40px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.xhz-job-number:hover {
  color: #1ce7ff;
}
.xhz-work-order-table {
  padding: 5px;
  color: #9fafc3;
}
.xhz-work-order-table table {
  width: 100%;
}
.xhz-work-order-table td {
  padding: 5px;
}
.xhz-work-order-table td:first-child {
  width: 80px;
  text-align: right;
}
.xhz-project-expect-state {
  padding: 0 15px;
}
.xhz-project-expect-state .project-expect-state {
  width: 90px;
  height: 25px;
  font-size: 14px;
}
.xhz-exceed-state {
  background: url("../images/expect_list_yc.png") no-repeat center / 100% 100%;
  color: #ffffff;
}
.xhz-temporary-state {
  background: url("../images/expect_list_ch.png") no-repeat center / 100% 100%;
  color: #ffffff;
}
.popup-xhz-title td {
  color: #429fff;
  padding: 8px 5px;
}
.popup-xhz-title td:nth-child(odd) {
  color: #9fafc3;
  width: 110px;
}
.xhz-quality-table {
  padding: 5px 0;
}
.xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar {
  width: 10px;
  height: 0px;
}
.xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #1a3956;
}
.xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #010b2d;
}
.xhz-quality-table .el-table .cell {
  padding: 0 5px;
}
.xhz-quality-table .el-table {
  background: none;
}
.xhz-quality-table .el-table th,
.el-table tr {
  background: none;
}
.xhz-quality-table .el-table th {
  height: 45px;
  text-align: center;
  color: #ffffff;
  padding: 0;
  background: #1a3956;
}
.xhz-quality-table .el-table td {
  height: 45px;
  text-align: center;
  padding: 0;
  color: #c8dbfc;
  border: 1px solid #227cca;
}
.xhz-quality-table .el-table .el-table__row:nth-child(odd) {
  background: none;
}
.xhz-quality-table .el-table--enable-row-hover .el-table__body tr:hover > td {
  background: none !important;
}
.xhz-quality-table .el-table::before {
  background: none;
}
.building-max {
  display: flex;
  width: 100%;
}
.building-min {
  width: 20%;
  padding: 20px 0;
  cursor: pointer;
}
.building-min-title {
  width: 90px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: url(../images/dangerous_active.png) no-repeat center / 100% 100%;
  margin: auto;
}
.building-img {
  text-align: center;
  padding: 10px 0;
}
.craft-video-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.craft-video-btn {
  width: 5%;
  height: 230px;
  align-items: center;
  display: flex;
}
.craft-video-btn img {
  height: 70px;
  cursor: pointer;
}
.craft-video-btn img:hover {
  background: #999999;
}
.craft-video-btn img:active {
  background: #666666;
}
.craft-video-content {
  display: flex;
  align-items: center;
  overflow: auto;
  padding: 15px 0;
}
.craft-video-content::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.craft-video-process-video-3d {
  padding: 0 10px;
}
/*
.craft-video-process-video-bgd{
    background: #062247;
    height: 250px;
    border-radius: 5px;
}*/
.technical-disclosure {
  overflow: auto;
  padding: 0 25px;
}
.technical-disclosure::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.technical-disclosure-for {
  height: 70px;
}
.technical-disclosure-title {
  padding: 8px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #c2d5f6;
}
.technical-disclosure-border {
  background: #1e537e;
}
.technical-disclosure-bgd {
  height: 8px;
  background: #6ab9fe;
  cursor: pointer;
}
.technical-disclosure-text {
  background: url("../images/up.png") no-repeat left / 15px 10px;
  padding-left: 25px;
}
.technical-disclosure-value span {
  padding: 0 5px;
}
/*安全管理*/
.toSafety-fixed-left-max {
  position: absolute;
}
.toSafety-fixed-bottom-max {
  position: absolute;
  width: calc(100% - 1000px);
  left: 500px;
  bottom: 10px;
  text-align: center;
}
.toSafety-fixed-left {
  padding: 10px 0 10px 15px;
  width: 473px;
}
.toSafety-fixed-left-img {
  position: absolute;
  left: 490px;
  top: 450px;
  cursor: pointer;
}
.toSafety-fixed-right-max {
  position: absolute;
  display: flex;
  align-items: center;
  right: 0;
}
.toSafety-fixed-bottom-img {
  position: absolute;
  margin-left: -50px;
  top: -20px;
}
.toSafety-fixed-right {
  padding: 10px 15px 10px 0;
  width: 473px;
}
.toSafety-fixed-right-img {
  position: absolute;
  right: 490px;
  top: 450px;
  cursor: pointer;
}
.left-enter,
.left-leave-to {
  opacity: 0;
  transform: translateX(-473px);
}
.left-enter-active,
.left-leave-active {
  transition: all 0.5s ease;
}
.right-enter,
.right-leave-to {
  opacity: 0;
  transform: translateX(473px);
}
.right-enter-active,
.right-leave-active {
  transition: all 0.5s ease;
}
.toSafety-info-btn {
  text-align: center;
  padding: 5px 0;
}
.toSafety-info-btn button {
  padding: 10px 25px;
  background: #143f74;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
}
.toSafety-info-btn button:hover {
  background: #155c97;
}
/*安全管理-安全检查*/
.month-list-max {
  height: 660px;
  overflow: auto;
}
.month-list-max::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.month-list-for {
  padding: 10px 0;
}
.month-list-min {
  padding: 0 15px;
  height: 200px;
  background: url("../images/weekly_check.png") no-repeat center / 100% 100%;
}
.inspect-content {
  display: flex;
  align-items: center;
  padding: 10px 0;
  color: #aaaaaa;
}
.inspect-content-img {
  text-align: center;
  padding: 4px 7px;
}
.inspect-content-img p {
  padding-top: 4px;
}
.inspect-content-info {
  padding: 0 5px;
}
.inspect-content-info div {
  padding: 6px 3px;
}
.inspect-content-info div span {
  font-weight: bold;
}
/*教育培训*/
.safety-education {
  display: flex;
  align-items: center;
  padding: 20px 30px 10px;
}
.safety-education-min {
  color: #c2d5f6;
  padding-right: 50px;
  display: flex;
  align-items: center;
}
.safety-education-min span {
  font-size: 22px;
  font-weight: bold;
  color: #00aaff;
  padding: 0 5px;
}
.element-table-ranking {
  padding: 10px 5px 10px 15px;
}
.element-table-ranking .el-table__body-wrapper::-webkit-scrollbar {
  width: 5px;
  height: 0px;
}
.element-table-ranking .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #1a3956;
}
.element-table-ranking .el-table__body-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #010b2d;
}
.element-table-ranking .el-table .cell {
  padding: 0 5px;
}
.element-table-ranking .el-table {
  background: none;
}
.element-table-ranking .el-table th,
.el-table tr {
  background: none;
  color: #cbdaff;
}
.element-table-ranking .el-table th {
  height: 50px;
  text-align: center;
  padding: 0 5px;
  font-size: 16px;
  font-weight: 400;
}
.element-table-ranking .el-table td {
  height: 60px;
  text-align: center;
  padding: 0 5px;
  font-size: 16px;
}
.element-table-ranking .el-table td,
.el-table th.is-leaf {
  border: 0;
}
.element-table-ranking .el-table .el-table__row {
  cursor: pointer;
}
.element-table-ranking .el-table .el-table__row:hover {
  color: #00aaff;
  background: url("../images/table_tr.png") no-repeat center / 100% 60px;
}
.element-table-ranking .el-table--enable-row-hover .el-table__body tr:hover > td {
  background: none !important;
}
.element-table-ranking .el-table::before {
  background: none;
}
.drill-content {
  padding: 15px 10px;
}
.drill-list-max {
  height: 570px;
  overflow: auto;
}
.drill-list-max::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.drill-list-min {
  padding: 0 15px;
  height: 170px;
  background: url("../images/weekly_check.png") no-repeat center / 100% 100%;
}
.drill-list-partnership {
  color: #aaaaaa;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*质量管理-过程管控组件*/
.process-control-new {
  padding: 2px 20px;
}
.process-control-new-list {
  margin: 15px 0px;
  height: 100px;
  cursor: pointer;
  background: url("../images/control_bgd.png") no-repeat bottom / 100% 40px;
}
.active.process-control-new-list {
  background: url("../images/control_bgd_active.png") no-repeat bottom / 100% 40px;
}
.process-control-new-list:hover {
  background: url("../images/control_bgd_active.png") no-repeat bottom / 100% 40px;
}
.process-control-new-list:active {
  background: url("../images/control_bgd_active.png") no-repeat bottom / 98% 35px;
}
.process-control-new-run {
  padding-top: 22px;
  display: flex;
  align-items: center;
  padding-left: 55px;
}
.active .process-control-new-run {
  animation: icon 3s infinite;
  -webkit-animation: icon 3s infinite;
}
.process-control-new-order {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  color: #728fb7;
  font-weight: bold;
  background: url("../images/order_1.png") no-repeat center / 100% 100%;
}
.active .process-control-new-order {
  background: url("../images/order_2.png") no-repeat center / 100% 100%;
  color: #00092a;
}
.process-control-new-content {
  color: #728fb7;
}
.process-control-new-title {
  padding: 5px 15px;
}
.active .process-control-new-title {
  color: #ffffff;
}
.process-control-new-data {
  padding: 5px 15px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.process-control-new-number-1 {
  width: 120px;
  color: #00aaff;
  font-size: 12px;
}
.process-control-new-number-2 {
  color: #00aaff;
  font-size: 12px;
}
.process-control-new-number-1 span {
  color: #728fb7;
}
.process-control-new-number-2 span {
  color: #728fb7;
}
/*安全检查 弹窗*/
.popup-inspect-table td {
  padding: 10px;
  font-size: 16px;
  color: #cbdaff;
  vertical-align: top;
}
.popup-inspect-table td:nth-child(odd) {
  width: 20%;
  text-align: right;
}
.popup-color {
  color: #00aaff;
}
.popup-list-con {
  padding: 12px 5px;
  font-size: 16px;
  color: #cbdaff;
  vertical-align: top;
  display: flex;
  align-items: center;
}
.popup-list-title {
  width: 35%;
  text-align: right;
}
.popup-list-title-val {
  width: 65%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.popup-list-title-job {
  width: 22%;
}
.popup-list-title-val-job {
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*项目概况修改*/
.safe-production {
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.safe-production-time {
  padding-left: 30px;
}
.weather-forecast {
  height: 180px;
}
.weather-forecast-list {
  display: flex;
  align-items: center;
  padding: 15px 50px;
}
.weather-forecast-date {
  width: 30%;
  color: #cbdaff;
}
.weather-forecast-img {
  width: 30%;
}
.weather-forecast-img img {
  width: 30px;
}
.weather-forecast-temp {
  width: 40%;
}
/*施工日志*/
.daily-diary-max {
  padding: 10px;
}
.daily-diary-min {
  color: #cbdaff;
  padding: 0 10px;
}
.daily-diary-img {
  height: 180px;
  padding: 15px;
  position: relative;
}
.daily-diary-img img {
  height: 100%;
  width: 100%;
}
.daily-diary-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 15px;
  left: 0;
  padding: 5px 30px;
  width: calc(100% - 60px);
  color: #ffffff;
}
.daily-diary-see {
  color: #00aaff;
  cursor: pointer;
}
.daily-diary-time-line-max {
  padding: 10px 0;
}
.daily-diary-time-line-min {
  padding: 5px;
  height: 229px;
  overflow: auto;
}
.daily-diary-time-line-min::-webkit-scrollbar {
  width: 7px;
  height: 1px;
}
.daily-diary-time-line-min::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #192c64;
}
.daily-diary-time-line-min::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #010b2d;
}
.daily-diary-time-line {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.daily-diary-time-line-icon {
  width: 10%;
  padding-top: 4px;
}
daily-diary-time-line-icon-4 {
  display: block;
  /*align-items: center;*/
  height: 40px;
  line-height: 40px;
  width: 4%;
  padding-top: 4px !important;
}
.daily-diary-time-line-icon img {
  width: 25px;
  height: 25px;
}
.daily-diary-time-line-title {
  width: 90%;
  display: flex;
  height: 40px;
  /*align-items: center;*/
  justify-content: space-between;
  margin-top: 15px;
  margin-left: 15px;
  cursor: pointer;
  color: #c5d9fd;
}
.daily-diary-time-line-title:hover {
  color: #00aaff;
}
.daily-diary-time-line-arrow {
  width: 20px;
  color: #00aaff;
}
.daily-diary-time-line-info-max {
  padding: 10px 12px;
}
.daily-diary-time-line-info {
  padding-left: 27px;
  border-left: 1px dashed #00aaff;
}
.daily-diary-time-line-subtitle {
  font-size: 14px;
  color: #98a1aa;
}
.daily-diary-time-line-subtitle p {
  padding: 2px 0;
}
.daily-diary-info-for {
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.daily-diary-info-left {
  height: 45px;
  padding-left: 45px;
  background: url("../images/daily_img.png") no-repeat left / 38px 38px;
}
.daily-diary-info-text {
  padding-bottom: 5px;
}
.daily-diary-info-right {
  cursor: pointer;
  color: #00aaff;
}
.daily-diary-info-right:hover {
  color: #0080d3;
}
.popup-daily-img {
  position: relative;
  height: 600px;
}
.popup-daily-img img {
  width: 100%;
  height: 100%;
}
.popup-daily-img-title {
  width: calc(100% - 30px);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #cbdaff;
}
.popup-daily-title {
  color: #cbdaff;
  position: relative;
}
.popup-daily-title i {
  color: #00aaff;
  margin-right: 5px;
  font-size: 20px;
  position: relative;
  top: 3px;
}
.popup-daily-sift {
  padding: 0 0 0 15px;
}
.popup-daily-sift-table {
  padding: 10px 0;
}
.popup-daily-sift-table table td {
  padding: 8px 5px;
}
.popup-daily-sift-table table td:first-child {
  width: 80px;
  color: #98a1aa;
}
.popup-daily-sift-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup-daily-sift-date div {
  width: 20%;
  border: 1px solid #0d3568;
  text-align: center;
  padding: 3px 0;
  color: #7895b5;
  cursor: pointer;
}
.popup-daily-sift-date .active {
  border: 1px solid #4584a7;
  background: #132b57;
  color: #ffffff;
}
.popup-daily-sift-btn {
  width: 50%;
  border: 1px solid #3d84b0;
  background: #122a56;
  height: 35px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
}
.popup-daily-sift-btn:hover {
  border: 1px solid #2c5877;
  background: #0f1c38;
}
.popup-daily-sift-btn:active {
  background: #192447;
}
.popup-daily-list-max {
  padding: 12px 0;
}
.popup-daily-list-min {
  height: 310px;
  overflow: auto;
}
.popup-daily-list-min::-webkit-scrollbar {
  width: 7px;
  height: 1px;
}
.popup-daily-list-min::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #192c64;
}
.popup-daily-list-min::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #010b2d;
}
.popup-daily-list-for {
  padding: 5px 0;
}
.popup-daily-list {
  height: 160px;
  padding-right: 10px;
  position: relative;
}
.popup-daily-list img {
  height: 100%;
  width: 100%;
}
.popup-daily-list-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 15px;
  width: calc(100% - 40px);
  color: #ffffff;
}
.popup-daily-list-see {
  color: #00aaff;
  cursor: pointer;
}
/*技术管理*/
.new-technical-max {
  padding: 30px 15px;
}
.new-technical {
  padding: 25px 10px;
  width: calc(100% - 20px);
}
.date-font-size span {
  font-size: 18px;
}
.technical-overflow-max {
  overflow: hidden;
}
.technical-overflow-min {
  display: flex;
  align-items: center;
}
.technical-innovation-max {
  padding: 15px 0;
}
.technical-innovation {
  display: flex;
  padding: 5px;
}
.technical-innovation-text {
  width: 100px;
  color: #9ba3b0;
}
.technical-innovation-info {
  width: calc(100% - 80px);
  color: #00aaff;
}
.technical-index-min li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px;
}
.technical-index-text {
  color: #cbdaff;
  width: calc(30% - 20px);
  background: url("../images/text_spot.png") no-repeat left / 10px 10px;
  padding-left: 20px;
}
.technical-index-hr {
  width: 50%;
  border: 1px dashed #104384;
}
.technical-index-state {
  width: 20%;
  display: flex;
  justify-content: right;
}
.technical-index-state-tag {
  height: 25px;
  width: 80%;
  border: 1px solid #ff8b0a;
  background: #5c4b3b;
  color: #ff8b0a;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
}
.technical-index-state-tag.active {
  border: 1px solid #4ab121;
  background: #004230;
  color: #4ab121;
}
.technical-index-text-btn {
  position: absolute;
  right: 30px;
  top: 12px;
  z-index: 99;
  padding-right: 20px;
  background: url("../images/check_icon.png") no-repeat right / 10px 20px;
  cursor: pointer;
  color: #cbdaff;
}
.technical-index-text-btn:hover {
  color: #ffffff;
}
.technical-index-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.technical-index-title-bgd {
  background-image: linear-gradient(to right, #2c70b1, #0a1b35);
  padding: 5px 15px;
  color: #cbdaff;
}
.technology {
  position: relative;
  height: 610px;
  background: url("../images/technology_bgd.png") no-repeat top / 100% 100%;
}
.technology-module {
  position: absolute;
}
.technology-btn {
  padding: 0 20px;
  min-width: 60px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: relative;
  color: #cbdaff;
  background: url(../images/dangerous_active.png) no-repeat center / 100% 100%;
  cursor: pointer;
}
.technology-btn:hover {
  color: #ffffff;
}
.technology-btn img {
  width: 8px;
  position: absolute;
  right: 8px;
  top: 7px;
}
.technology-photo {
  width: 65px;
  height: 91px;
  margin: 5px auto;
}
.technology-not-photo {
  width: 70px;
  height: 98px;
  line-height: 98px;
  background: #1d3d6c;
  font-size: 12px;
  color: #00aaff;
  margin: 8px 0;
  text-align: center;
}
.technology-name {
  text-align: center;
  color: #cbdaff;
}
.technology-min {
  justify-content: center;
}
.new-technology {
  position: relative;
  height: 615px;
  background: url("../images/technology_bgd_new.png") no-repeat top / 100% 100%;
}
/*延迟摄影*/
.delay-list-max {
  padding: 15px;
}
.delay-list-min {
  height: 910px;
  overflow: auto;
}
.delay-list-min::-webkit-scrollbar {
  width: 7px;
  height: 1px;
}
.delay-list-min::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #192c64;
}
.delay-list-min::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #010b2d;
}
.delay-list-title-bgd {
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  background: url("../images/table_tr.png") no-repeat center / 100% 50px;
}
.delay-list-title {
  cursor: pointer;
  color: #00aaff;
  background: url("../images/survey_icon_3.png") no-repeat right / 22px 22px;
}
.delay-list-title.active {
  color: #ffffff;
}
.delay-list-title:hover {
  color: #ffffff;
}
.delay-list-img-list {
  padding: 5px;
  height: 190px;
  position: relative;
}
.delay-list-img-date {
  position: absolute;
  bottom: 5px;
  left: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.5);
  width: calc(100% - 30px);
}
.delay-video {
  padding: 20px 0;
}
/*电子沙盘*/
.sand-table-quality {
  padding: 10px 0px 10px 20px;
  display: flex;
  align-items: center;
}
.sand-table-bgd {
  background: url("../images/education_bgd.png") no-repeat bottom / 80px 55px;
}
.sand-table-bgd img {
  width: 35px;
  height: 35px;
}
.sand-table-value-data {
  color: #c0dafb;
  padding-left: 10px;
}
.sand-table-value-data p {
  padding-top: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #62cff8;
}
.sand-table-value-data p span {
  color: #c0dafb;
  font-size: 16px;
}
.sand-table-background {
  position: absolute;
  width: 1920px;
  height: 1080px;
  background: url("../images/sand_table_bgd.png") no-repeat center / 100% 100%;
}
.sand-table-background img {
  position: absolute;
  cursor: pointer;
}
.bottom-legend {
  width: 50%;
  position: fixed;
  bottom: 20px;
  left: 25%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bottom-legend-icon {
  display: flex;
  align-items: center;
}
.bottom-legend-list {
  display: flex;
  align-items: center;
}
.bottom-legend-list img {
  width: 25px;
  height: 25px;
}
.bottom-legend-list span {
  padding: 0 15px 0 10px;
}
.bottom-legend-state {
  display: flex;
  align-items: center;
}
.bottom-state-list {
  display: flex;
  align-items: center;
}
.bottom-state-list span {
  padding: 0 10px;
}
.bottom-state-list button {
  width: 15px;
  height: 15px;
  border: 0;
}
.bottom-state-zc {
  background: #008efe;
}
.bottom-state-bj {
  background: #d64349;
}
.bottom-state-lx {
  background: #9da4b6;
}
.sand-table-popup-max {
  width: 380px;
  position: absolute;
}
.sand-table-top-icon {
  height: 5px;
  background: url("../images/popup_top.png") no-repeat left / 100px 5px;
}
.sand-table-popup-content {
  padding: 2px;
  border: 1px solid #3473b8;
  background: rgba(22, 37, 75, 0.9);
  position: relative;
}
.sand-table-popup-jx-close {
  font-size: 25px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
}
.sand-table-popup-jx-close:hover {
  background: #37536f;
}
.sand-table-popup-content-title {
  height: 30px;
  background: url("../images/map_popup_title.png") no-repeat left / 100% 100%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  justify-content: space-between;
}
.sand-table-popup-content-close {
  font-size: 25px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  cursor: pointer;
}
.sand-table-popup-content-close:hover {
  background: #37536f;
}
.sand-table-popup-content-date {
  padding: 10px;
  font-size: 14px;
  color: #00aaff;
}
.sand-ji-keng-info {
  padding: 0 5px 10px;
  font-size: 14px;
  color: #c0dafb;
}
.sand-ji-keng-info table th {
  font-weight: 400;
  padding: 5px;
  background: #203f65;
  text-align: center;
  color: #ffffff;
}
.sand-ji-keng-info table td {
  padding: 8px 5px;
  text-align: center;
}
.sand-ji-keng-info table td:nth-child(2) {
  color: #00aaff;
}
.sand-ji-keng-info table td:nth-child(3) {
  color: #ff9900;
}
.sand-ji-keng-info table td:nth-child(4) {
  color: #ff0000;
}
.sand-table-popup-ligature {
  width: 36px;
  height: 60px;
  margin: -10px auto 0;
  position: absolute;
  background: url("../images/ligature.png") no-repeat center / 100% 100%;
  left: 45%;
}
.sand-table-ji-xie-content {
  padding: 10px;
}
.sand-table-ji-xie-top {
  padding-bottom: 15px;
}
.sand-table-ji-xie-title {
  display: flex;
  align-items: center;
}
.sand-table-ji-xie-title-img {
  width: 60px;
  height: 60px;
  background: #0e3157;
  text-align: center;
}
.sand-table-ji-xie-title-img img {
  width: 35px;
  height: 35px;
  transform: translateY(40%);
}
.sand-table-ji-xie-title-text {
  width: calc(100% - 75px);
  padding-left: 15px;
}
.sand-table-ji-xie-title-name {
  padding: 6px 0;
}
.sand-table-ji-xie-title-model {
  padding: 6px 0;
  color: #00aaff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sand-table-ji-xie-title-model span {
  background: #1b8807;
  color: #ffffff;
  font-size: 14px;
  padding: 1px 8px;
  border-radius: 10px 0 10px 0;
}
.sand-table-ji-xie-info {
  padding: 10px 0;
  border-top: 2px dashed #4999d6;
  border-bottom: 2px dashed #4999d6;
}
.sand-table-ji-xie-info-list {
  display: flex;
  align-items: center;
  padding: 7px 0;
}
.sand-table-ji-xie-info-list div:first-child {
  width: 45%;
}
.sand-table-ji-xie-info-list div:last-child {
  width: 55%;
}
.sand-table-ji-xie-info-list span {
  color: #00aaff;
}
.sand-table-ji-xie-info-details {
  padding: 7px 0;
}
.sand-table-ji-xie-info-details span {
  color: #00aaff;
}
.sand-table-ji-xie-driver {
  padding-bottom: 12px;
}
.sand-table-ji-xie-project {
  padding: 15px 0;
  color: #c0dafb;
}
.sand-table-ji-xie-address {
  margin: 10px 0;
  background: #1e355f;
  padding: 6px;
  color: #00aaff;
}
.sand-bys-info {
  padding: 10px 5px;
  color: #c0dafb;
  font-size: 14px;
}
.sand-bys-info table td {
  padding: 8px 3px;
  text-align: center;
}
.sand-bys-info-val {
  padding-bottom: 10px;
}
.sand-bys-info-val span {
  font-size: 20px;
  color: #00aaff;
}
.sand-table-battery {
  display: flex;
  align-items: center;
  color: #2ac807;
}
.sand-table-battery.active {
  color: #ff0000;
}
.sand-table-battery-icon {
  padding: 2px 5px 2px  2px;
  height: 10px;
  width: 23px;
  background: url("../images/battery.png") no-repeat center / 100% 100%;
  margin-right: 5px;
}
.sand-table-battery.active .sand-table-battery-icon {
  background: url("../images/battery_red.png") no-repeat center / 100% 100%;
}
.sand-table-battery-quantity {
  height: 100%;
  background: #1b8807;
}
.sand-table-battery.active .sand-table-battery-quantity {
  background: #ff0000;
}
/*2023-5-6  标准换照片修改*/
.img-see-details {
  cursor: pointer;
  color: #00a8ff;
}
.amplify-carousel {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  z-index: 2002 ;
}
.amplify-carousel-img {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.amplify-carousel-img img {
  transform: scale(1) rotate(0deg);
  margin-left: 0px;
  margin-top: 0px;
  max-height: 100%;
  max-width: 100%;
}
.amplify-carousel-btn {
  position: fixed;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
  z-index: 2003;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
}
.amplify-carousel-left {
  top: 50%;
  left: 40px;
}
.amplify-carousel-right {
  top: 50%;
  right: 40px;
  text-indent: 2px;
}
.amplify-carousel-btn:active {
  background-color: #444444;
}
.amplify-carousel-close {
  position: fixed;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  border: 1px solid #fff;
  z-index: 2003;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  top: 40px;
  right: 40px;
}
.amplify-carousel-close:hover {
  background-color: #606266;
}
.amplify-carousel-close:active {
  background-color: #444444;
}
/*过程管控 planne-output 组件*/
.output-content {
  overflow: auto;
}
.output-content::-webkit-scrollbar {
  width: 0px;
  height: 1px;
}
.output-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #192c64;
}
.output-content::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #010b2d;
}
.output-content-for {
  height: 90px;
}
.output-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #c0dafb;
  padding: 5px 0;
}
.output-rightTitle {
  display: flex;
  align-items: center;
  width: 180px;
  height: 21px;
}
.output-bar {
  padding: 3px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.output-bar-border {
  width: 80%;
  border: 1px solid #1d446d;
  padding: 2px;
}
.output-bar-background-1 {
  background-image: linear-gradient(to right, #003cda, #067dff);
  height: 8px;
}
.output-bar-background-2 {
  background-image: linear-gradient(to right, #008d7e, #26c8bb);
  height: 8px;
}
.output-bar-value {
  width: 15%;
  color: #067dff;
}
/*质量管理*/
.milestone-max {
  padding: 15px 0;
}
.milestone-min {
  height: 900px;
  overflow: auto;
}
.milestone-min::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.milestone-for {
  padding: 15px 10px;
}
.milestone-background {
  background: url("../images/milestone_bgd.png") no-repeat center / 100% 100%;
}
.milestone-title {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #194689;
}
.milestone-title-number {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  color: #42d0ff;
  border-bottom: 1px solid #42d0ff;
}
.milestone-title-text {
  width: calc(100% - 60px);
  padding-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.milestone-table {
  color: #9ea6b1;
  padding: 20px 15px 0;
}
.milestone-table table td:first-child {
  width: 90px;
}
.milestone-table table {
  height: 200px;
}
.milestone-table table td {
  vertical-align: top;
}
/*龙门吊样式*/
.lmd-stat {
  display: flex;
  align-items: center;
  padding: 15px;
}
.lmd-stat img {
  width: 50px;
  height: 50px;
}
.lmd-stat-con {
  padding: 10px;
  color: #c0dafb;
}
.lmd-stat-con p {
  padding-bottom: 10px;
}
.lmd-stat-con span {
  font-size: 20px;
  color: #00a8ff;
}
.xhz-concrete-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.xhz-concrete-nav .sjk-chart-line-title-tz button {
  width: 100px;
}
.xhz-concrete-nav .more-btn {
  width: auto !important;
  padding: 5px 12px;
}
.many-chart-max {
  width: 1350px;
  margin: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.many-chart-min {
  display: flex;
}
.many-chart-text {
  padding-top: 15px;
  font-size: 18px;
  color: #00f1fc;
}
.xhz-concrete-legend {
  display: flex;
  align-items: center;
  padding: 5px 15px 0;
}
.xhz-concrete-legend-1 button {
  width: 20px;
  height: 15px;
  margin-right: 5px;
  background: #407cfe;
}
.xhz-concrete-legend-2 button {
  width: 20px;
  height: 15px;
  margin-right: 5px;
  background: #19d2cc;
}
/*技术管理*/
.plan-max {
  height: 420px;
  overflow: auto;
}
.plan-max::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.plan-list-for {
  padding: 10px 0;
}
.plan-list-min {
  padding: 0 15px;
  height: 190px;
  background: url("../images/weekly_check.png") no-repeat center / 100% 100%;
}
.plan-list-title {
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  display: flex;
}
.plan-list-title-border {
  border-bottom: 1px solid #1c4489;
}
.plan-list-con {
  padding: 10px 0;
  color: #aaaaaa;
}
.plan-list-flex {
  padding: 10px 0;
  color: #aaaaaa;
  display: flex;
}
.plan-list-flex-title {
  width: 80px;
}
.plan-list-flex-con {
  width: calc(100% - 80px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.plan-list-title-max {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #1c4489;
}
.plan-list-name {
  width: 280px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.plan-list-flex-node-title {
  width: 115px;
}
.plan-list-flex-node-con {
  width: calc(100% - 120px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*2023-05-29*/
.log-content {
  padding: 10px 0;
  border-bottom: 2px dashed #4999d6;
}
.log-title {
  padding: 5px 25px;
  background: url("http://fileimg.makalu.cc/WEB_8AC1D23FA99E4783A11E6AA15958F945.png") no-repeat left / 20px;
  color: #00aaff;
  font-weight: bold;
}
.log-list-con {
  padding: 7px;
}
.log-list {
  padding: 10px;
}
.log-list span {
  color: #00aaff;
  font-size: 18px;
}
/*进度管理-新*/
.topBox {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
}
.bottomBox {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
}
.showchart {
  display: block;
}
.videoBox {
  position: relative;
}
/*筛选框*/
.select-shigong {
  padding: 5px ;
  width: 130px;
  cursor: pointer;
  background: url("../images/dangerous.png") no-repeat center / 100% 100%;
  color: #5388b0;
  font-size: 16px;
}
select:focus {
  outline: none;
}
option {
  display: block;
  padding: 5px ;
  width: 130px;
  height: 30px;
  cursor: pointer;
  margin-right: 20px;
  color: #5388b0;
  font-size: 16px;
  background-color: #020e26;
}
/*施工日志-填报日志弹窗*/
.date-shigong {
  display: flex;
  align-items: center;
  margin: 10px;
}
/*修改时间位置*/
.el-input__prefix {
  position: relative;
}
.el-input__icon {
  position: absolute;
  right: 5px;
}
/*修改input*/
.el-input__inner {
  padding-left: 6px !important;
  border-radius: 0px !important;
}
.el-select .el-input__inner {
  background: transparent;
  color: #fff;
  border: solid 1px #409eff66;
  line-height: 30px;
  height: 30px;
  border-radius: 4px !important;
}
.el-select .el-input__icon {
  line-height: 30px;
}
.el-select:hover .el-input__inner,
.el-select .el-input__inner:focus {
  border: solid 1px #409effaa;
}