.amplify-title-icon{ position: relative; top: 3px; } .amplify-title-icon img{ cursor: pointer; width: 22px; height: 22px; } .amplify-fixed{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 999; font-size: 20px; } .amplify-max{ position: relative; width: 950px; height: 600px; margin: auto; background: url("/images/amplify_bgd.png") no-repeat center/100% 100%; transform: translateY(30%); z-index: 99999999 } /*大红背景*/ .amplify-maxs{ position: relative; width: 950px; height: 600px; margin: auto; background: url("http://fileimg.makalu.cc/WEB_7BD8D3610DD6495B9CA535A88812FB07.png") no-repeat center/100% 100%; transform: translateY(30%); z-index: 999; background-color: #911917; } .amplify-title{ height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; font-size: 22px; } .amplify-titles{ height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; font-size: 22px; margin-left: 50px; } .amplify-close{ width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; color: #cccccc; cursor: pointer; } .amplify-close:hover{ background: rgba(255,255,255,0.3); color: #ffffff; } .amplify-content{ padding:20px; } .amplify-contents{ padding:20px; background-color: #911917; } .amplify-company-name{ padding:25px 10px; position: relative; display: flex; } .amplify-company-img{ padding-top: 5px; } .amplify-company-img img{ height: 60px; width: 60px; } .amplify-company-info{ font-size: 20px; padding-left: 20px; width: calc(100% - 90px); } .amplify-company-title{ color: #c2d5f6; } .amplify-company-text{ color: #50a2eb; padding: 15px 0; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; } .amplify-company-person-info{ color: #f79d1a; } /*劳务人员概况*/ .amplify-lwrygk-info{ padding:0 30px; } .amplify-lwrygk-info-title{ padding: 20px 0; display: flex; } .amplify-lwrygk-info-title div{ color: #69839e; padding: 0 40px 0 20px; cursor: pointer; } .amplify-lwrygk-info-title .active{ color: #51b5ff; background: url("/images/check_icon.png") no-repeat left/12px 24px; } .amplify-lwrygk-data-content{ padding-top: 30px; padding-right: 20px; } .amplify-lwrygk-survey_content{ display: flex; align-items: center; justify-content: center; } .amplify-lwrygk-survey_content_img{ width: 180px; height: 180px; text-align: center; line-height: 180px; position: relative; background: url("/images/survey_total_icon.png") no-repeat bottom/180px 160px; } @keyframes icon { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, 20px); /* 可配置跳动方向 */ } 100% { transform: translate(0px, 0px); } } .amplify-lwrygk-survey_content_img img{ width: 70px; height: 70px; animation: icon 3s infinite; -webkit-animation: icon 3s infinite; } .amplify-lwrygk-survey_content_number{ color: #cbdaff; text-align: center; padding: 30px 0; } .amplify-lwrygk-survey_content_number p{ padding-top: 30px; } .amplify-lwrygk-survey_content_value{ padding: 20px 0; } .amplify-lwrygk-survey_content_value span{ font-size: 40px; font-style: italic; font-weight: bold; color: #87e3fa; padding-right: 5px; } /*设备概况*/ .amplify-sbgk-survey_title{ display: flex; justify-content: space-evenly; align-items: center; padding: 40px 25px; } .amplify-sbgk-survey_title_btn{ position: relative; width: 33.33%; color: #7f9ebd; } .amplify-sbgk-survey_title_btn_min{ width: 160px; height: 45px; text-align: center; line-height: 45px; margin: auto; cursor: pointer; background: url("/images/survey_btn.png") no-repeat center/100% 100%; } .amplify-sbgk-survey_title_btn_min:hover{ color: #ffffff; } .amplify-sbgk-survey_title_btn_min.active{ width: 180px; height: 50px; line-height: 50px; color: #ffffff; background: url("/images/survey_btn_active.png") no-repeat center/100% 100%; } .amplify-sbgk-survey_content{ display: flex; align-items: center; justify-content: center; padding: 30px 0; } .amplify-sbgk-survey_content_img{ width: 180px; height: 180px; text-align: center; line-height: 180px; position: relative; background: url("/images/survey_total_icon.png") no-repeat bottom/180px 160px; } @keyframes icons { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, 25px); /* 可配置跳动方向 */ } 100% { transform: translate(0px, 0px); } } .amplify-sbgk-survey_content_img img{ width: 70px; height: 70px; animation: icons 3s infinite; -webkit-animation: icons 3s infinite; } .amplify-sbgk-survey_content_number{ padding-left: 25px; color: #cbdaff; } .amplify-sbgk-survey_content_number p{ padding-bottom: 30px; } .amplify-sbgk-survey_content_value span{ font-size: 40px; font-style: italic; font-weight: bold; color: #87e3fa; padding-right: 20px; } .amplify-sbgk-survey_text{ width: 200px; height: 45px; margin: auto; animation:myfirsts 2s; -webkit-animation:myfirsts 2s infinite; /* Safari and Chrome */ } @keyframes myfirsts { 0% {opacity:0.6;} 25% {opacity:0.8;} 50% {opacity:1;} 75% {opacity:0.8;} 100% {opacity:0.6;} } .amplify-sbgk-survey_text_zy{ background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%; } .amplify-sbgk-survey_text_zl{ background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%; } .amplify-sbgk-survey_text_fb{ background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%; } .amplify-sbgk-survey_text_value{ position: absolute; top: 0; height: 40px; color: #cbdaff; line-height: 40px; padding-left: 100px; display: flex; align-items: center; } .amplify-sbgk-survey_text_value span{ color: #00aaff; font-size:30px; padding-left: 20px; font-weight: bold; } /*劳务用工*/ /*工种占比概况*/ /*左边圆形*/ .amplify-leftHeader{ display: flex; flex-direction: column; justify-content: center; width: 417px; height: 490px; } .amplify-leftCircle{ position: relative; width: 417px; height: 417px; } .amplify-chart-gifs{ width: 220px; height: 220px; position: absolute; top: 136px; left: 100px; background: url("/images/run_circle.png") no-repeat center/100% 100%; } .amplify-chart-work-gifs{ -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; } /*右边数据*/ .amplify-rightHeader{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 492px; height: 490px; } .amplify-rightPro{ width: 424px; height: 470px; } /*人员出勤分布*/ .amplify-distribution{ height: 500px; } .amplify-distributionsmallbox{ height: 120px; } /*安全教育*/ .amplify-secure{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 910px; height: 520px; } /*累计头部*/ .amplify-accumulate{ display: flex; justify-content: space-between; align-items: center; width: 800px; height: 132px; } .amplify-accumulate-amt{ display: flex; justify-content: start; align-items: center; width: 340px; height: 132px; } .amplify-icons{ width: 66px; height: 66px; color: #51b5ff; background: url("/images/check_icon.png") no-repeat left/24px 48px; } /*动图*/ .amplify-gifPictrue{ display: flex; justify-content: space-between; align-items: center; width: 800px; height: 156px; } /*左边数据*/ .amplify-people-number{ width: 60px; height: 80px; background: url("/images/number_bgd.png") no-repeat center/100% 100%; margin-right: 10px; text-align: center; line-height: 80px; font-size: 45px; font-family: 'number-font'; } /*右边动图*/ .amplify-Img{ width: 130px; height: 130px; text-align: center; line-height: 130px; 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); } } .amplify-labour-education_bgd{ background: url("/images/education_bgd.png") no-repeat bottom/90px 60px; } .amplify-Img img{ width: 60px; height: 60px; animation: icon 3s infinite; -webkit-animation: icon 3s infinite; } .amplify-gif{ display: flex; } /*培训率*/ .amplify-train{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 800px; height: 224px; } .amplify-train-line{ width: 100%; height: 112px; text-align: center; line-height: 112px; } /*年龄画像*/ .amplify-time-study-title{ padding: 15px 0; } .amplify-glr-login-rate{ display: flex; align-items: center; justify-content: space-between; font-size: 30px; padding: 8px 20px 8px 30px; background: url("/images/title_icon.png") no-repeat left/20px 30px; color: #cbdaff; } .amplify-foldline{ width: 910px; height: 399px; } /*机械管理*/ /*设备概括*/ .amplify-warning-info{ padding: 0 22px; position: relative; } .amplify-warning-info-title{ padding: 22px 0; display: flex; } .amplify-warning-info-title div{ color: #69839e; padding: 0 30px 0 20px; cursor: pointer; } .amplify-warning-info-title .active{ color: #51b5ff; background: url("/images/check_icon.png") no-repeat left/12px 22px; } .amplify-warning-info-title div:hover{ color: #51b5ff; } .amplify-pictable{ width: 866px; height: 415px; } /*设备运行状态*/ .amplify-content-pictrue{ position: relative; width: 910px; height: 510px; } /*操作证数量*/ .amplify-workers{ width: 100%; height: 310px; } .amplify-czz-number{ display: flex; align-items: center; justify-content: space-around; padding: 45px 15px; } .amplify-czz-number-content{ display: flex; cursor: pointer; } .amplify-czz-number-img{ width: 90px; height: 90px; text-align: center; line-height: 120px; } .amplify-czz-number-img img{ width: 45px; height: 45px; } .amplify-czz-number-img-blue{ background: url("/images/circle_blue.gif") no-repeat center/100% 100%; } .amplify-czz-number-img-green{ background: url("/images/circle_green.gif") no-repeat center/100% 100%; } .amplify-survey_content_value_color_green span{ color: #5bf8b5; } .amplify-survey_content_numbers{ display: flex; flex-direction: column; justify-content: space-around; padding-left: 22px; color: #cbdaff; font-size: 32px; } .amplify-czz-number-content{ display: flex; cursor: pointer; } /*转圈*/ .amplify-chart-gif{ width: 200px; height: 200px; position: absolute; top: 172px; left: 374px; background: url("/images/run_circle.png") no-repeat center/100% 100%; } .amplify-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)} } /*打卡管控提示*/ .amplify-warning-info-table .el-table__body-wrapper::-webkit-scrollbar { width: 0px; height: 0px; } .amplify-warning-info-table .el-table .cell{ padding: 0 10px; } .amplify-warning-info-table .el-table{ background: none; } .amplify-warning-info-table .el-table th, .el-table tr{ background: none; } .amplify-warning-info-table .el-table th{ height: 100px; text-align: center; color: #1ce7ff; } .amplify-warning-info-table .el-table td{ height: 120px; text-align: center; padding: 0; } .amplify-warning-info-table .el-table td, .el-table th.is-leaf{ border: 0; } .amplify-warning-info-table .el-table .el-table__row{ background: url("/images/text_red_safe_bgd.png") no-repeat center/100% 80px; } .amplify-warning-info-table .el-table--enable-row-hover .el-table__body tr:hover>td{ background: none !important; } .amplify-warning-info-table .el-table::before{ background: none; } /*技术管理*/ .amplify-new-technical-max{ padding:60px 30px; } .amplify-czz-number-content1{ display: flex; cursor: pointer; padding-left: 40px; } .amplify-new-technical{ padding:50px 20px; width: calc(100% - 40px); } .amplify-czz-number-img-blue{ background: url("/images/circle_blue.gif") no-repeat center/100% 100%; } .amplify-czz-number-img{ width: 120px; height: 120px; text-align: center; line-height: 160px; } .amplify-czz-number-img img{ width: 60px; height: 60px; } .amplify-survey_content_number{ display: flex; flex-direction: column; justify-content: space-around; padding-left: 30px; color: #cbdaff; font-size: 32px; } .amplify-survey_content_number p{ /*padding-bottom: 30px;*/ } .amplify-survey_content_number p{ /*padding-bottom: 30px;*/ } .amplify-survey_content_value span{ font-size: 50px; font-style: italic; font-weight: bold; color: #87e3fa; padding-right: 10px; } .amplify-date-font-size span{ font-size: 36px; } .amplify-survey_content_value_color_green span{ color: #5bf8b5; } /*质量管理-取样送检*/ .amplify-quality-target-max{ padding:30px 20px; height: 460px; border: 1px solid yellow; } .amplify-quality-target-min{ padding:30px 20px; display: flex; align-items: center; } .amplify-quality-target-img{ width: 100px; height: 100px; } .amplify-quality-target-img img{ width: 100%; height: 100%; } .amplify-quality-target-con{ width: calc(100% - 65px); padding-left: 30px; } .amplify-quality-target-title{ padding: 12px 0; color: #c0dafb; } .amplify-quality-target-info-new{ padding: 12px 0; color: #50a2eb; font-size: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; line-height: 40px; } /*视频管理*/ .amplify-equipment-list-max{ padding: 40px; } .amplify-equipment-list-min{ padding: 50px 0; display: flex; align-items: center; } .amplify-equipment-list-gif{ width: 140px; height: 140px; background: url(/images/hj_gif.gif) no-repeat center/100% 100%; text-align: center; } .amplify-equipment-list-gif img{ width: 80px; height: 80px; transform: translateY(35%); } .amplify-equipment-list-data{ padding-left: 30px; color: #c0dafb; font-size: 32px; } .amplify-equipment-list-data div{ padding-top: 40px; } .amplify-equipment-list-data span{ font-size: 56px; font-weight: bold; padding-right: 10px; color: #82c9ff; } /*超标次数分布*/ .amplify-overproof{ width: 910px; height: 401px; } /*进度管理*/ .amplify-pcd-duration-survey-max{ padding: 0 30px; } .amplify-pcd-duration-survey{ display: flex; justify-content: space-between; align-items: center; } .amplify-pcd-duration-survey-left{ display: flex; align-items: center; } .amplify-glr-title{ background: url("/images/check_icon.png") no-repeat left/10px 20px; padding-left: 30px; transform: scale(1); } .amplify-people-number-con{ padding: 70px 0; display: flex; align-items: center; } .amplify-people-number-con div{ width: 60px; height: 90px; background: url("/images/number_bgd.png") no-repeat center/100% 100%; margin-right: 20px; text-align: center; line-height: 90px; font-size: 60px; font-family: 'number-font'; } .amplify-pcd-duration-survey-time{ font-size: 26px; color: #00aaff; } .amplify-row-circle{ width: 455px; height: 260px; } /*变更签认*/ .amplify-quality-table{ height: 395px; width: 850px; padding: 0 30px; } .amplify-craft-video-flex{ display: flex; align-items: center; justify-content: space-between; padding:0 20px; } .amplify-craft-video-btn{ width:5%; height: 500px; align-items: center; display: flex; } .amplify-craft-video-btn img{ height: 140px; cursor: pointer; } .amplify-technical-overflow-max{ overflow: hidden; } .amplify-technical-overflow-min{ display: flex; align-items: center; } .amplify-technical-innovation-max{ padding: 30px 0; } .amplify-technical-innovation{ display: flex; padding: 10px; } .amplify-technical-innovation-text{ width: 120px; color: #9ba3b0; } /*未修改*/ .amplify-technical-innovation-info{ width: calc(100% - 80px); color: #00aaff; } .amplify-technical-index-min li{ display: flex; align-items: center; justify-content: space-between; padding:18px 24px; } .amplify-technical-index-text{ color:#cbdaff; width: calc(30% - 20px); background: url("/images/text_spot.png") no-repeat left/10px 10px; padding-left: 40px; } .amplify-technical-index-hr{ width: 50%; border: 2px dashed #104384; } /*未修改*/ .amplify-technical-index-state{ width: 20%; display: flex; justify-content: right; } .amplify-technical-index-state-tag{ height: 50px; width: 80%; border: 2px solid #ff8b0a; background: #5c4b3b; color: #ff8b0a; text-align: center; line-height: 50px; font-size: 25px; } .amplify-technical-index-state-tag.active{ border: 2px solid #4ab121; background: #004230; color: #4ab121; } /*特色党建*/ .amplify-carousel-max{ position: relative; overflow-x: hidden; overflow-y: hidden; margin: auto; } .amplify-carousel-min{ height: 100%; position: absolute; transition: left 0.5s } .amplify-carousel-for{ float: left; width: 100%; height: 100%; } .amplify-carousel-for > img{ width: 100%; height: 100%; } .amplify-carousel-text{ height: 52px; line-height: 52px; text-align: center; width: 100%; position: absolute; bottom: 0; color: #fff; background-color: rgba(0, 0, 0, 0.5); } .amplify-carousel-left { position: absolute; top: 50%; transform: translateY(-50%); user-select: none; cursor: pointer; transition: left 0.1s linear; } .amplify-carousel-right { position: absolute; top: 50%; transform: translateY(-50%); user-select: none; cursor: pointer; transition: right 0.1s linear; } /*技术复核*/ .amplify-rank-chart{ padding: 0 30px; color: #c0dafb; } .amplify-bzh-flex{ display: flex; align-items: center; justify-content: space-between; padding:0 20px; } .amplify-bzh-btn{ width:50px; height: 400px; align-items: center; display: flex; } .amplify-bzh-btn img{ height: 140px; width: 100%; cursor: pointer; } .amplify-bzh-content{ width: 1600px; display: flex; align-items: center; overflow-x: hidden; } .amplify-bzh-content-img{ padding:40px 20px; } /*以下都是公司级放大的样式*/ .amplify-project-number{ padding:25px 15px 0; display: flex; align-items: center; justify-content: space-evenly; color: #a2c8f9; } .amplify-project-number div{ padding: 0 15px; } .amplify-project-number span{ font-size: 28px; font-weight: bold; font-style: italic; color: #63baff; padding-right: 15px; } .amplify-componentProject{ height: 456px; } .company-amplify-chart-gif{ width: 220px; height: 220px; position: absolute; top: 244px; left: 138px; background: url("/images/run_circle.png") no-repeat center/100% 100%; } .company-amplify-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)} } /*公司级劳务人员概况*/ .amplify-lwrygk-contents{ height: 441px; } .amplify-lwrygk-survey_contents{ display: flex; align-items: center; justify-content: center; } .amplify-lwrygk-survey_content_imgs{ width: 272px; height: 240px; text-align: center; line-height: 240px; position: relative; background: url("/images/survey_total_icon.png") no-repeat bottom/150px 85px; } @keyframes icon { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, 15px); /* 可配置跳动方向 */ } 100% { transform: translate(0px, 0px); } } .amplify-survey_content_img img{ width: 60px; height: 60px; animation: icon 3s infinite; -webkit-animation: icon 3s infinite; } .amplify-survey_content_number{ padding-left: 30px; color: #cbdaff; font-size: 25px; } .amplify-survey_content_number p{ padding-bottom: 30px; } .amplify-survey_content_value span{ font-size: 25px; font-style: italic; font-weight: bold; color: #87e3fa; padding-right: 10px; } .amplify-lwrygk-survey_content_imgs img{ width: 60px; height: 60px; } .amplify-lwrygk-survey_content_numbers{ padding-left: 15px; color: #cbdaff; font-size: 28px; height: 200px; text-align: center; } .amplify-lwrygk-survey_content_numbers p{ padding-bottom: 15px; } .amplify-lwrygk-survey_content_values span{ font-size: 50px; font-style: italic; font-weight: bold; color: #87e3fa; padding-right: 10px; } .amplify-lwrygk-survey_texts{ 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;} } .amplify-lwrygk-survey_texts_zy{ background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%; } .amplify-lwrygk-survey_texts_zl{ background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%; } .amplify-lwrygk-survey_texts_fb{ background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%; } .amplify-lwrygk-survey_texts_value{ position: absolute; top: 0; height: 28px; color: #cbdaff; line-height: 28px; padding-left: 45px; display: flex; align-items: center; } .amplify-lwrygk-survey_texts_value span{ color: #00aaff; font-size: 16px; padding-left: 10px; font-weight: bold; } .amplify-survey_title_btn{ position: relative; width: 33.33%; color: #7f9ebd; } .amplify-survey_title_btn_min{ width: 180px; height: 45px; text-align: center; line-height: 45px; margin: auto; cursor: pointer; background: url("/images/survey_btn.png") no-repeat center/100% 100%; } .amplify-survey_title_btn_min:hover{ color: #ffffff; } .amplify-survey_title_btn_min.active{ width: 220px; height: 60px; line-height: 60px; color: #ffffff; background: url("/images/survey_btn_active.png") no-repeat center/100% 100%; } .amplify-survey_content{ display: flex; align-items: center; justify-content: center; height: 260px; } .amplify-survey_content_img{ width: 120px; height: 110px; text-align: center; line-height: 110px; position: relative; background: url("/images/survey_total_icon.png") no-repeat bottom/100% 100%; } @keyframes icon { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, 30px); /* 可配置跳动方向 */ } 100% { transform: translate(0px, 0px); } } .amplify-survey_content_img img{ width: 60px; height: 60px; animation: icon 3s infinite; -webkit-animation: icon 3s infinite; } .amplify-survey_content_number{ padding-left: 25px; color: #cbdaff; font-size: 20px; } .amplify-survey_content_number p{ padding-bottom: 25px; } .amplify-survey_content_value span{ font-size: 32px; font-style: italic; font-weight: bold; color: #87e3fa; padding-right: 10px; } .amplify-survey_text{ width: 240px; height: 50px; 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;} } .amplify-survey_text_zy{ background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%; } .amplify-survey_text_zl{ background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%; } .amplify-survey_text_fb{ background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%; } .amplify-survey_text_value{ position: absolute; top: 0; height: 50px; color: #cbdaff; line-height: 50px; padding-left: 126px; display: flex; align-items: center; } .amplify-survey_text_value span{ color: #00aaff; font-size: 25px; padding-left: 30px; font-weight: bold; } .amplify-survey_title{ display: flex; justify-content: space-evenly; align-items: center; padding: 30px 15px; } /*安全管理*/ .amplify-glr-max{ padding:60px 20px ; } .amplify-glr-min{ padding:0 20px; } .amplify-glr-titles{ background: url("/images/check_icon.png") no-repeat left/10px 20px; padding-left: 25px; margin-bottom: 60px; } .amplify-people-number-con{ padding: 70px 0; display: flex; align-items: center; } .amplify-glr-min .people-number-con{ padding: 30px 0; } .amplify-safety-min .people-number-con{ padding: 70px 0; } .amplify-people-number-con div{ width: 60px; height: 90px; background: url("/images/number_bgd.png") no-repeat center/100% 100%; margin-right: 20px; text-align: center; line-height: 90px; font-size: 45px; font-family: 'number-font'; } .amplify-glr-login-rates{ display: flex; align-items: center; justify-content: space-between; padding: 30px 20px 30px 30px; background: url("/images/title_icon.png") no-repeat left/20px 30px; color: #cbdaff; } .amplify-glr-rate-value span{ font-size: 25px; color: #ffffff; font-weight: bold; } .amplify-glr-rate-red-value span{ color: #f23644; } .amplify-glr-login-number-max{ position: relative; padding: 44px 0; cursor: pointer; } .amplify-glr-login-number-bgd{ height: 30px; line-height: 30px; background: url("/images/text_bgd.png") no-repeat center/100% 60px; animation:myfirst 2s; -webkit-animation:myfirstbgd 2s infinite; } .amplify-glr-login-number-red-bgd{ background: url("/images/text_red_bgd.png") no-repeat center/100% 60px; } @keyframes myfirstbgd { 0% {opacity:0.4;} 25% {opacity:0.7;} 50% {opacity:1;} 75% {opacity:0.7;} 100% {opacity:0.4;} } .amplify-glr-login-number{ position: absolute; width: 95%; top: 46px; /*padding:0 10px;*/ display: flex; align-items: center; justify-content: space-between; } .amplify-glr-login-number img{ margin-right: 10px; } .amplify-glr-login-number-sz:hover{ color: #00f1fc; } .amplify-pcd-output-value{ display: flex; align-items: center; justify-content: space-between; padding: 30px 0 30px 20px; } /*操作证*/ .amplify-czz-number{ display: flex; align-items: center; justify-content: space-around; padding: 60px 20px; } .amplify-czz-number-content{ display: flex; cursor: pointer; width: calc(50% - 20px); padding-left: 90px; padding-top: 60px; } .amplify-czz-number-content1{ display: flex; cursor: pointer; padding-left: 40px; } .amplify-czz-number-img{ width: 120px; height: 120px; text-align: center; line-height: 160px; } .amplify-czz-number-img img{ width: 60px; height: 60px; } .amplify-czz-number-img-blue{ background: url("/images/circle_blue.gif") no-repeat center/100% 100%; } .amplify-czz-number-img-green{ background: url("/images/circle_green.gif") no-repeat center/100% 100%; } /*机械管理*/ .amplify-pcd-output-value-key{ display: flex; align-items: center; font-size: 18px; } .amplify-pcd-output-value-key-info{ padding: 0 14px; display: flex; align-items: center; } .amplify-output-content{ overflow: auto; } .amplify-output-content::-webkit-scrollbar { width: 0px; height: 2px; } .amplify-output-content::-webkit-scrollbar-thumb { border-radius: 20px; background: #192c64; } .amplify-output-content::-webkit-scrollbar-track { border-radius: 20px; background: #010b2d; } .amplify-output-content-for{ height: 135px; } /*材料销号制*/ .amplify-xhz-glr-title{ padding: 40px 50px; } .amplify-xhz-czz-number{ display: flex; align-items: center; padding: 40px 20px 40px 40px; } /*环境管理*/ .amplify-equipment-list-max{ padding: 40px; } .amplify-equipment-list-min{ padding: 50px 0; display: flex; align-items: center; } .amplify-equipment-list-gif{ width: 120px; height: 120px; background: url(/images/hj_gif.gif) no-repeat center/100% 100%; text-align: center; } .amplify-equipment-list-gif img{ width: 60px; height: 60px; transform: translateY(35%); } .amplify-equipment-list-data{ padding-left: 30px; color: #c0dafb; font-size: 26px; } .amplify-equipment-list-data div{ padding-top: 20px; } .amplify-equipment-list-data span{ font-size: 56px; font-weight: bold; padding-right: 10px; color: #82c9ff; } /*公司级-劳务管理页面*/ .amplify-idle-list{ /*padding:40px 30px;*/ padding:20px 15px; } .amplify-idle-list .el-table__body-wrapper::-webkit-scrollbar { width: 0px; height: 0px; } .amplify-idle-list .el-table .cell{ padding: 0 10px; } .amplify-idle-list .el-table{ background: none; } .amplify-idle-list .el-table th, .el-table tr{ background: none; } .amplify-idle-list .el-table th{ height: 60px; color: #ffffff; background: #193854; padding: 0; } .amplify-idle-list .el-table td{ height: 60px; padding: 0; color: #a2c8f9; } .amplify-idle-list .el-table td, .el-table th.is-leaf{ border: 0; } .amplify-idle-list .el-table--enable-row-hover .el-table__body tr:hover>td{ background: none !important; } .amplify-idle-list .el-table::before{ background: none; } .amplify-idle-list-color{ color: #f05e35; } /*公司级-安全教育*/ .amplify-labour-education{ display: flex; justify-content: space-between; } .amplifys-survey_content{ display: flex; align-items: center; justify-content: center; height: 260px; } .amplifys-survey_content_img{ width: 120px; height: 110px; text-align: center; line-height: 110px; position: relative; background: url("/images/education_bgd.png") no-repeat bottom/100% 100%; } @keyframes icon { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, 30px); /* 可配置跳动方向 */ } 100% { transform: translate(0px, 0px); } } .amplifys-survey_content_img img{ width: 60px; height: 60px; animation: icon 3s infinite; -webkit-animation: icon 3s infinite; } .amplifys-survey_content_number{ padding-left: 25px; color: #cbdaff; font-size: 20px; } .amplifys-survey_content_number p{ padding-bottom: 25px; } .amplifys-survey_content_value span{ font-size: 32px; font-style: italic; font-weight: bold; color: #87e3fa; padding-right: 10px; } /*公司级-预警分析*/ .amplify-labour-warning-title{ padding: 30px; display: flex; justify-content: space-around; align-items: center; } .amplify-labour-warning-img{ height: 90px; width: 120px; text-align: center; background: url("/images/labour_warning_bgd.png") no-repeat center/100% 100%; } .amplify-labour-warning-bgd{ padding-top: 30px; } .amplify-labour-warning-bgd img{ animation: scale 1.5s infinite cubic-bezier(0, 0, .4, .4); } .amplify-labour-warning-data{ text-align: center; color: #cbdaff; font-size: 25px; } .amplify-labour-warning-number{ padding-top: 20px; } .amplify-labour-warning-number span{ color: #f73647; font-weight: bold; font-size:36px; font-style:italic } /*公司级-安全监测*/ .amplify-czz-number{ display: flex; align-items: center; justify-content: space-around; padding: 60px 20px; } .amplify-czz-number-content{ display: flex; cursor: pointer; width: calc(50% - 20px); padding-left: 40px; } .amplify-czz-number-content1{ display: flex; cursor: pointer; padding-left: 40px; } .amplify-czz-number-img{ width: 120px; height: 120px; text-align: center; line-height: 160px; } .amplify-czz-number-img img{ width: 60px; height: 60px; } .amplify-czz-number-img-blue{ background: url("/images/circle_blue.gif") no-repeat center/100% 100%; } .amplify-czz-number-img-green{ background: url("/images/circle_green.gif") no-repeat center/100% 100%; }