mkl_power_box/css/amplifyModuleStyle.css

1585 lines
34 KiB
CSS

.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%;
}