html,
body,
.subjectList {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.html {
    /* font-size: 20px; */
    font-size: calc(100vw/96);
}

body,
.subjectList {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/big_bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.tilte {
    width: 100%;
    height: 8vh;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/title.png) no-repeat;
    background-size: 100% 100%;
    font-family: SourceHanSansCN-Heavy;
    font-size: 1.3rem;
    font-weight: 600;
    color: #e1e3ef;
    text-align: center;
    line-height: 7vh;

}

.title-color {
    background: -webkit-linear-gradient(#fff 20%, #9DE5FF, #64DCFF);
    background: -moz-linear-gradient(#fff 20%, #9DE5FF, #64DCFF);
    background: -o-linear-gradient(#fff 20%, #9DE5FF, #64DCFF);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    -webkit-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    color: -ms-transparent;
    color: #fff;
}

.main {
    width: 100%;
    height: 92vh;
    padding: 2vh 1.5vw 3vh 1.5vw;
    box-sizing: border-box;
}

.main>div {
    float: left;
    margin-right: .75vw;
    height: 100%;
}

.main>div:last-child {
    margin-right: 0;
}

.center {
    width: 42.5vw;
}

.center-top,
.center-bottom {
    width: 42.5vw;

}

.center-top {
    height: 57vh;
    margin-bottom: 2vh;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/bg_center_top.png) no-repeat;
    background-size: 100% 100%;
}

.center-bottom {
    height: 27.5vh;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/bg_center_bottom.png) no-repeat;
    background-size: 100% 100%;
}

/* ===============  页面公用样式  start  ================ */

.public-box {
    width: 26.5vw;
    height: 27.5vh;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/bg_public.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 2vh;
}

.right .public-box {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/bg_right.png) no-repeat;
    background-size: 100% 100%;
}

.public-box:last-child {
    margin-bottom: 0;
}

.public-title {
    width: 100%;
    height: 4.6vh;
    font-family: SourceHanSansCN-Regular;
    font-size: .8rem;
    font-weight: 600;
    text-align: center;
    line-height: 4.6vh;
    letter-spacing: 0px;
    /* background: linear-gradient(#fff 30%, #9DE5FF, #64DCFF); */
    /* background: -ms-linear-gradient(#fff 30%, #9DE5FF, #64DCFF); */
    background: -webkit-linear-gradient(#fff 30%, #9DE5FF, #64DCFF);
    background: -moz-linear-gradient(#fff 30%, #9DE5FF, #64DCFF);
    background: -o-linear-gradient(#fff 30%, #9DE5FF, #64DCFF);

    -webkit-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    color: -ms-transparent;
    text-indent: 1vw;
    position: relative;
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ffffff',GradientType=0 ); */
    color: #fff;

}

/* :root .public-title{filter:none;} */

.public-title:hover .hover-title {
    display: block;
}

.hover-title {
    height: 3.6vw;
    position: absolute;
    top: -148%;
    left: 82%;
    font-size: .8rem;
    /* color: #fff; */
    line-height: 3.6vw;
    padding: 0 2vw 0 6vw;
    box-sizing: border-box;
    z-index: 100;
    display: none;
    -webkit-text-fill-color: #fff;
    -moz-text-fill-color: #fff;
    -o-text-fill-color: #fff;
    -ms-text-fill-color: #fff;
}

.hover-title1 {
    width: 35vw;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/bg_title1.png) no-repeat;
    background-size: 100% 100%;
    top: -140%;
    left: 81%;
}

.hover-title2 {
    width: 24vw;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/bg_title2.png) no-repeat;
    background-size: 100% 100%;
    top: -130%;
}

.hover-title3 {
    width: 30vw;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/bg_title3.png) no-repeat;
    background-size: 100% 100%;
    top: -134%;
    left: -92%;
    padding: 0 7vw 0 2vw;
}

.hover-title4 {
    width: 38vw;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/bg_title4.png) no-repeat;
    background-size: 100% 100%;
    left: 67%;
    padding: .75vw 2vw .75vw 7vw !important;
    line-height: 1vw;
}

.hover-title5 {
    width: 27vw;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/bg_title5.png) no-repeat;
    background-size: 100% 100%;
    left: 72%;
    top: -145%;
}


.inputs-num,
.rescue-info,
.edu-info-text,
.inputs-color,
.inputs-state,
.duty-level,
.f12 {
    font-size: .6rem;
}

.duty-img:hover,
.rules-list2-item:hover,
.inputs-box:hover,
.other-item:hover,
/* .rescue-img:hover,.rescue-num:hover,.rescue-info:hover, */
.control-info-item:hover,
.edu-info-item:hover,
.rescue-item:hover,
.edu-not:hover {
    transform: scale(1.1) !important;
    -webkit-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    -o-transform: scale(1.1) !important;
}

.nont-accident:hover,
.not-control:hover {
    transform: scale(1.01) !important;
    -webkit-transform: scale(1.01) !important;
    -ms-transform: scale(1.01) !important;
    -moz-transform: scale(1.01) !important;
    -o-transform: scale(1.01) !important;
}

.rules-list-box:hover {
    transform: scale(1.05) !important;
    -webkit-transform: scale(1.05) !important;
    -ms-transform: scale(1.05) !important;
    -moz-transform: scale(1.05) !important;
    -o-transform: scale(1.05) !important;
}

.control-list-item:hover,
.edu-info-not:hover,
.edu-info-have:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
}



/* 字体颜色 */
.green {
    color: #3effbf;
}

.blue {
    color: #01cafc;
}

.red {
    color: #eb545a !important;
}

.c636 {
    color: #63656A;
}

.cfff {
    color: #fff;
}

/* ===============  页面公用样式  end  ================ */
/*左上  安全生产责任制 */
.duty {
    width: 100%;
    height: 22.9vh;
    padding: 1vw 0;
    box-sizing: border-box;
}

.duty-box {
    float: left;
    width: calc(100%/2);
    height: 100%;
    text-align: center;
    box-sizing: border-box;
}

.duty-box:first-child {
    border-right: .05rem solid;
    border-image-source: linear-gradient(0deg,
            #10325d 0%,
            rgba(147, 225, 255, 0.63) 40%,
            #10325d 100%);
    border-image-source: -ms-linear-gradient(0deg,
            #10325d 0%,
            rgba(147, 225, 255, 0.63) 40%,
            #10325d 100%);
    border-image-slice: 1;
}

.duty-title {
    font-family: SourceHanSansCN-Bold;
    font-size: .65rem;
    line-height: .65rem;
    color: #d1d3d5;
    margin-top: .5vw;
}

.duty-img {
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    margin: 1vw auto .5vw;
}


.duty-img1-green {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/green.png) no-repeat;
    background-size: 100% 100%;
}



.duty-img1-red {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/red.png) no-repeat;
    background-size: 100% 100%;
}

.duty-img2-green {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/bg_green.png) no-repeat;
    background-size: 100% 100%;

}

.duty-img2-red {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished//bg_wpd.png) no-repeat;
    background-size: 100% 100%;
    font-size: .6rem;
    display: none;
}

.unrated {
    font-size: .7rem;
}

.duty-level {
    line-height: 5vw;
    position: relative;
}

.duty-level>i {
    font-size: 1rem;
    font-weight: 600;
}

.duty-level .duty-index {
    font-size: 12px;
    line-height: 12px;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    position: absolute;
    top: 2.7vw;
    right: 1.2vw;
}

.duty-text {
    font-size: .6rem;
}

/*左中  安全生产投入 */
.inputs {
    width: 100%;
    height: 22.9vh;
    padding: 1.25vw 1.5vw 1.25vw 2vw;
    box-sizing: border-box;
}

.inputs-box {
    width: 6.5vw;
    height: 100%;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/bg_kuang1.png) no-repeat;
    background-size: 100% 100%;
    float: left;
    margin-right: 1.25vw;
    /* font-size: .6rem; */
    color: #fff;
    padding: 0 1vw;
    box-sizing: border-box;
    position: relative;
}

.inputs-box1 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/bg_kuang2.png) no-repeat;
    background-size: 100% 100%;
}

.inputs-box2 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/bg_kuang2.png) no-repeat;
    background-size: 100% 100%;
}

.inputs-box:last-child {
    margin-right: 0;
}


.inputs-state {
    float: right;
    color: #23fffc;
    position: absolute;
    top: -1.5%;
    right: 10%;
}

.inputs-icon {
    width: 2vw;
    height: 2vw;
    margin: 1.75vw 0 .5vw 0;

}

.inputs-info {
    margin-bottom: 1vw;
    width: 100%;
    font-size: .6rem;
}

.inputs-num {
    color: #8E9EA9;
}

.inputs-color {
    color: #20e9e7;
    margin-right: .5vw;
}

.inputs-no {
    width: 1vw;
    height: 1vw;
    margin-bottom: 1vw;
}

/* 左下  生产安全事故 */
.accident {
    width: 100%;
    height: 22.9vh;
}

.accident2 {
    padding: .5vw 1.5vw .5vw .5vw;
    box-sizing: border-box;
}

.nont-accident {
    background-color: #020B20;
    box-shadow: 0 0 0.5rem #0e8583;
    color: #fff;
    background-color: #061842;
    border: solid .05rem #0e8583;
    border-radius: .25rem;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 15%;
    box-sizing: border-box;
    font-size: .7rem;
    line-height: 1.4rem;
}

.nont-accident-icon {
    width: 1vw;
    height: 1vw;
}

/* 中上  安全生产规章制度 */
.rules {
    width: 100%;
    height: 52.4vh;
    padding: 1vw;
    box-sizing: border-box;
}


.rules-list-box {
    /* width: calc(100%/2); */
    width: 20.25vw;
    height: 4vw;
    padding: 1vw 0 0 .25vw;
    box-sizing: border-box;
    border-left: .5vw solid #30ffc2;
    color: #30ffc2;
    background-image: linear-gradient(to right, #17736D, #051534);
    float: left;
}

.rules-list-box2 {
    border-left: .5vw solid #eb545a;
    color: #eb545a;
    background-image: linear-gradient(to right, #612D42, #051534);
}

.rules-icon {
    width: 2vw;
    height: auto;
}

.rules-icon,
.rules-info {
    float: left;
}

.rules-title {
    font-family: SourceHanSansCN-Medium;
    font-size: .8rem;
    line-height: .8rem;
    text-indent: .5vw;
    margin-bottom: .3vw;
}

.rules-state {
    text-indent: .5vw;
}

.rules-state-icon {
    width: .75vw;
    height: .75vw;
    margin-right: .5vw !important;
}




.rules-list2 {
    width: 100%;
    height: 20.9vh;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/bg_base.png), url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/bg_base.png);
    background-repeat: no-repeat;
    background-size: 100% 45%;
    background-origin: content-box;
    background-position: 50% 100%;
}

.rules-list2-item {
    width: 5.875vw;
    height: 17vh;
    color: #fff;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/bg_cyan.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50% 50%;
    margin-right: 4vw;
    float: left;
    text-align: center;
    position: relative;
    padding-top: .25vw;
    box-sizing: border-box;
}

.rules-list2-item2 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/bg_red.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50% 50%;
}

.rules-list2-item:first-child {
    margin-left: 2.5vw;
}

.rules-list2-item:last-child {
    margin-right: 2.5vw;
}

.rules-list2-up {
    width: 1.2vw;
    height: 1.2vw;

}

.rules-list2-upred {
    width: 1.2vw;
    height: 1.2vw;
    margin: 0 auto;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/no-red1.png) no-repeat;
    background-size: 100% 100%;
}

.rules-list2-tltle {
    line-height: 1vw !important;
    font-size: .6rem;
}


.rules-list2-icon {
    width: 2vw;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: 1.25vw;
}

/*中下   安全风险分级管控和隐患排查 */
.control {
    width: 100%;
    height: 22.9vh;
    padding: .5vw;
    box-sizing: border-box;
}

.control-list,
.control-charts,
.not-control {
    height: 100%;
    float: left;
}

.control-list {
    width: 30%;
    padding: .25vw;
    box-sizing: border-box;
    overflow-y: auto;
}

.control-charts,
.not-control {
    width: 68.5%;
    margin-left: 1.5%;
}

.control-list-item {
    width: 100%;
    height: 2.5vw;
    color: #fff;
    background-color: #061842;
    border: solid .05rem #0e8583;
    border-radius: .25rem;
    margin-bottom: 1vw;
    padding: 0 .5vw;
    /* padding-right:.5vw; */
    box-sizing: border-box;
    line-height: 2.4vw !important;
    position: relative;


}

.control-bgcblue {
    background-color: #0090ff;
    border: solid .05rem #0090ff;
}

.control-bgcyellow {
    background-color: #d7ac02;
    border: solid .05rem #d7ac02;
}

.control-bgcorange {
    background-color: #ff7a3f;
    border: solid .05rem #ff7a3f;
}

.control-bgcred {
    background-color: #f00;
    border: solid .05rem #f00;
}

.control-level {
    font-size: 1.4rem !important;
}

/* 未评估 */
.control-list-not {
    background-color: rgba(235, 84, 90, .5) !important;
    box-shadow: 0 0 .5rem rgba(235, 84, 90, .5);
    border: none !important;
    font-size: .6rem;
    opacity: .8;

}

.control-list-red,
.not-charts {
    border: solid .05rem rgba(235, 84, 90, .5);
    box-shadow: 0 0 .5rem rgba(235, 84, 90, .5);
    background-color: #020B20;
}

.control-list-item:last-child {
    margin-bottom: 0;
}

.control-list-tltle {
    line-height: 2.4vw !important;
    /* display: inline-block;
    width: 100%;
    height: 1.5vw; */

    /* width: 88%;
    height: 100%; */

}

.control-icon-no {
    width: .75vw;
    height: .75vw;
}

.control-list-icon {
    width: .75vw;
    height: .75vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: .5vw;
}

.control-text-no {
    font-size: .6rem;
    line-height: .6rem !important;
}

.control-charts {
    background-color: #061842;
    border-radius: .25rem;
    position: relative;
    /* display: none; */
}

.control-charts-title {
    width: 100%;
    height: .8vw;
    line-height: .8vw;
    border-left: .2vw solid #fff;
    padding: 0 .3vw;
    box-sizing: border-box;
    position: absolute;
    top: .5vw;
    left: .5vw;
}

.control-info {
    color: #01cafc;
    position: absolute;
    top: 3.5vw;
    left: .75vw;
}

.control-info-item {
    margin-bottom: 1vw;
}

.control-info-num {
    font-size: .75rem;
    line-height: 1.1rem;
}

.charts2 {
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

/* 未进行隐患排查 */
.not-control {
    background-color: #020B20;
    color: rgba(235, 84, 90, .5);
    border: solid .05rem rgba(235, 84, 90, .5);
    box-shadow: 0 0 .5rem rgba(235, 84, 90, .5);
    padding-top: 9%;
    box-sizing: border-box;
    text-align: center;
    font-size: .7rem;
    line-height: 1.4rem;
    border-radius: .25rem;
}

.not-control-icon {
    width: 1vw;
    height: 1vw;
}

/*右上  安全生产教育培训 */
.edu {
    margin-top: .5vw;
    width: 100%;
    height: 22.4vh;
    position: relative;
}

.edu-info,
.edu-charts {
    float: left;
}

.edu-charts {
    width: 100%;
    height: 100%;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/quan.png) no-repeat;
    background-size: 35%;
    background-position: 50% 50%;
}

.edu-info {
    width: 30%;
    height: 100%;
    padding: 1.5vw 0 0 1.5vw;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.edu-info-item {
    margin-bottom: 1.2vw;
}

.edu-icon {
    width: .8vw;
    height: .8vw;
    margin-left: .25vw;
}

.edu-info-num {
    font-size: .7rem;
    line-height: 1rem;
    height: 1rem;
}

.edu-not {
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    font-size: .7rem;
    text-align: center;
    margin: 1.5vw auto 0;
}

.edu-not-img {
    width: 8vw;
    height: auto;
    margin: 1vw auto 0;
}

/*右中 应急救援预案 */
.rescue {
    width: 100%;
    height: 22.9vh;
    padding: 2.75vw 1vw 1vw 1vw;
    box-sizing: border-box;
}

.rescue-item {
    width: calc(100%/3);
    height: 100%;
    text-align: center;
    float: left;
}

.rescue-img {
    width: 4vw;
    height: 3.3vw;
    margin: 0 auto;
    padding-top: .25vw;
    box-sizing: border-box;
}

.rescue-img-no {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/bg_red2.png) no-repeat;
    background-size: 100% 100%;
}

.rescue-img-ok {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/bg_blue.png) no-repeat;
    background-size: 100% 100%;
}


.rescue-icon {
    width: auto;
    height: 1.5vw;
    margin-bottom: .25vw;
}

.rescue-num {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.75vw;
    color: #10e4e5;
}

.rescue-info {
    color: #fff;
}

/*右下 其他 */
.c23f {
    color: #23fffc;
}

.c23b {
    color: #23b9ff;
}

.other {
    width: 100%;
    height: 22.9vh;
    padding: 1.5vw 0 1vw 3vw;
    box-sizing: border-box;
}

.other-item {
    width: 9vw;
    height: 3.75vw;
    color: #ffffff;
    margin: 0 2.3vw 1vw 0;
    padding: .5vw 1vw;
    box-sizing: border-box;
    float: left;
}


.other-item:nth-child(even) {
    margin-right: 0;
}

.other-item:nth-child(1),
.other-item:nth-child(2) {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/bg_biankuang2.png) no-repeat;
    background-size: 100% 100%;
}

.other-item:nth-child(3) {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/bg_biankuang3.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0;
}

.other-item:nth-child(4) {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/bg_biankuang3.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0;
}

.other-item-no {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/bg_biankaung2_red.png) no-repeat !important;
    background-size: 100% 100% !important;
}


.other-info {
    line-height: 1.25vw !important;
}

.other-Uploaded {
    color: #20e9e7;
    line-height: 1.25vw !important;
}

.other-num-box {
    line-height: .7rem;
}

.other-num {
    font-size: .7rem;
}

/* 动画 */

.star-box {
    width: 6vw;
    height: 1.5vw;
    padding: 0 .25vw;
    box-sizing: border-box;
    position: absolute;
    bottom: 5%;
    left: 0;
}


.star1,
.star2 {
    width: .75vw;
    height: .75vw;
}

.star1 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/star1.png) no-repeat center center;
    background-size: 100% 100%;
    animation: animStar 4s linear infinite;
    -webkit-animation: animStar 4s linear infinite;
    /* Safari 和 Chrome */
}

.star2 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/star2.png) no-repeat center center;
    background-size: 100% 100%;
    animation: animStar 5s linear infinite;
    -webkit-animation: animStar 5s linear infinite;
    /* Safari 和 Chrome */
}

.star3 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/star3.png) no-repeat center center;
    background-size: 100% 100%;
    width: 1vw;
    height: 1vw;
    animation: animStar 6s linear infinite;
    -webkit-animation: animStar 6s linear infinite;
    /* Safari 和 Chrome */
}

.star4 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/star3.png) no-repeat center center;
    background-size: 100% 100%;
    width: 1.25vw;
    height: 1.25vw;
    animation: animStar 6s linear infinite;
    -webkit-animation: animStar 6s linear infinite;
    /* Safari 和 Chrome */
}

.star5 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/star3.png) no-repeat center center;
    background-size: 100% 100%;
    width: 1.35vw;
    height: 1.35vw;
    animation: animStar 5s linear infinite;
    -webkit-animation: animStar 5s linear infinite;
    /* Safari 和 Chrome */
}

.star-box-red .star1 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/star1_red.png) no-repeat center center;
    background-size: 100% 100%;
}

.star-box-red .star2 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/star2_red.png) no-repeat center center;
    background-size: 100% 100%;
}

.star-box-red .star3 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/star3_red.png) no-repeat center center;
    background-size: 100% 100%;
}

.star-box-red .star4 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/star4_red.png) no-repeat center center;
    background-size: 100% 100%;
}

.star-box-red .star5 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/star5_red.png) no-repeat center center;
    background-size: 100% 100%;
}

@keyframes animStar {
    0% {
        opacity: 0;
        transform: translateY(0px);
    }

    20% {
        opacity: 1;
        transform: translateY(-10px);
    }

    50% {
        opacity: 1;
        transform: translateY(-40px);
    }

    80% {
        opacity: 1;
        transform: translateY(-60px);
    }

    100% {
        opacity: 0;
        transform: translateY(-80px);
    }
}

@-webkit-keyframes animStar {

    /* Safari 和 Chrome */
    0% {
        opacity: 0;
        -webkit-transform: translateY(0px);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-40px);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(-60px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-80px);
    }
}

@-moz-keyframes animStar {

    /* Firefox 4 */
    0% {
        opacity: 0;
        -moz-transform: translateY(0px);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(-10px);
    }

    50% {
        opacity: 1;
        -moz-transform: translateY(-40px);
    }

    80% {
        opacity: 1;
        -moz-transform: translateY(-60px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-80px);
    }
}

@-o-keyframes animStar {

    /* Opera */
    0% {
        opacity: 0;
        -o-transform: translateY(0px);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(-10px);
    }

    50% {
        opacity: 1;
        -o-transform: translateY(-40px);
    }

    80% {
        opacity: 1;
        -o-transform: translateY(-60px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-80px);
    }
}

/* 动画  应急救援预案 */
.rescue-item {
    position: relative;
}

.dianzhui-box {
    width: 4vw;
    height: .6rem;
    position: absolute;
    left: 50%;
    top: 12%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.dianzhui {
    position: absolute;
    width: .075rem;
    height: .5rem;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/dianzhui2.png) no-repeat;
    background-size: 100% 100%;
    animation: animDianzhui 3s linear infinite;
    -webkit-animation: animDianzhui 3s linear infinite;
}

.dianzhui2,
.dianzhui4,
.dianzhui6,
.dianzhui8,
.dianzhui10 {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/dianzhui1.png) no-repeat;
    background-size: 100% 100%;
}

/* 未完成 */
.dianzhui-box-red .dianzhui:nth-child(even) {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/dianzhui1_red.png) no-repeat;
    background-size: 100% 100%;
}

.dianzhui-box-red .dianzhui:nth-child(odd) {
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/dianzhui2_red.png) no-repeat;
    background-size: 100% 100%;
}

.dianzhui1 {
    right: 60%;
    top: 180%;
}

.dianzhui2 {
    width: .055rem;
    right: 45%;
    top: 205%;
}

.dianzhui3 {
    right: 78%;
    top: 122%;
}

.dianzhui4 {
    right: 88%;
    top: 35%;
}

.dianzhui5 {
    right: 74%;
    top: -10%;

}

.dianzhui6 {
    right: 60%;
    top: -43%;
}

.dianzhui7 {
    right: 48%;
    top: -138%;
}

.dianzhui8 {
    right: 30%;
    top: -119%;

}

.dianzhui9 {
    right: 24%;
    top: 4%;
}

.dianzhui10 {
    right: 12%;
    top: 72%;
}

@keyframes animDianzhui {
    0% {
        opacity: 0;
        transform: translateY(0px);
    }

    10% {
        opacity: 1;
        transform: translateY(-5px);
    }

    50% {
        opacity: 1;
        transform: translateY(-10px);
    }

    80% {
        opacity: 1;
        transform: translateY(-15px);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

@-webkit-keyframes animDianzhui {

    /* Safari 和 Chrome */
    0% {
        opacity: 0;
        -webkit-transform: translateY(0px);
    }

    10% {
        opacity: 1;
        -webkit-transform: translateY(-5px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(-15px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}

@-moz-keyframes animDianzhui {

    /* Firefox */
    0% {
        opacity: 0;
        -moz-transform: translateY(0px);
    }

    10% {
        opacity: 1;
        -moz-transform: translateY(-5px);
    }

    50% {
        opacity: 1;
        -moz-transform: translateY(-10px);
    }

    80% {
        opacity: 1;
        -moz-transform: translateY(-15px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
}

@-o-keyframes animDianzhui {

    /* Opera */
    0% {
        opacity: 0;
        -o-transform: translateY(0px);
    }

    10% {
        opacity: 1;
        -o-transform: translateY(-5px);
    }

    50% {
        opacity: 1;
        -o-transform: translateY(-10px);
    }

    80% {
        opacity: 1;
        -o-transform: translateY(-15px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
}

.rescue-icon {
    animation: y-spin 5s linear 0s infinite normal;
    -webkit-animation: y-spin 5s linear 0s infinite normal;
}

/* y-spin */
@keyframes y-spin {
    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes y-spin {
    0% {
        -webkit-transform: rotateY(0deg);
    }

    50% {
        -webkit-transform: rotateY(180deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
    }
}

@-ms-keyframes y-spin {
    0% {
        -ms-transform: rotateY(0deg);
    }

    50% {
        -ms-transform: rotateY(180deg);
    }

    100% {
        -ms-transform: rotateY(360deg);
    }
}

@-moz-keyframes y-spin {
    0% {
        -moz-transform: rotateY(0deg);
    }

    50% {
        -moz-transform: rotateY(180deg);
    }

    100% {
        -moz-transform: rotateY(360deg);
    }
}

@-o-keyframes y-spin {
    0% {
        -o-transform: rotateY(0deg);
    }

    50% {
        -o-transform: rotateY(180deg);
    }

    100% {
        -o-transform: rotateY(360deg);
    }
}

/* 闪一闪  雷达  动画 */
.item,
.inputs-box2,
.duty-img1-red,
.duty-img2-red,
.rules-list-box2,
.rules-list2-item2,
.rescue-img-no,
.other-item-no,
.edu-info-item2,
.not-control,
.edu-info-not,
.rules-list2-upred,
.edu-not {
    position: relative;
}

.item,
.item:before,
.item::after,
.inputs-box2,
.inputs-box2::before,
.inputs-box2::after {
    width: 6.5vw;
    height: 100%;
}

.item:before,
.item::after,
.inputs-box2::before,
.inputs-box2::after {
    border-radius: 5%;
}

.duty-img1-red,
.duty-img1-red::before,
.duty-img1-red::after,
.duty-img2-red,
.duty-img2-red::before,
.duty-img2-red::after {
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
}

.rules-list2-upred::before,
.rules-list2-upred::after {
    border-radius: 50%;
}

.rules-list-box2,
.rules-list-box2::before,
.rules-list-box2::after {
    width: 20.25vw;
    height: 4vw;
}

.rules-list2-item2,
/* .rules-list2-item2::before,.rules-list2-item2::after */
    {
    width: 5.875vw;
    height: 17vh;

}

.rules-list2-item2::before,
.rules-list2-item2::after {
    width: 5.875vw;
    height: 5.5vh;
    border-radius: 50% !important;
    top: 68% !important;
}

.rules-list2-item2::before,
.rules-list2-item2::after,
.other-item-no::before,
.other-item-no::after {
    border-radius: 5%;
}

.control-list-not,
.control-list-not::before,
.control-list-not::after,
.control-list-red,
.control-list-red::before,
.control-list-red::after {
    width: 100%;
    height: 2.5vw;
}

.control-list-not::before,
.control-list-not::after,
.control-list-red::before,
.control-list-red::after {
    border-radius: .25rem;
}

.rescue-img-no,
.rescue-img-no::before,
.rescue-img-no::after {
    width: 4vw;
    height: 3.3vw;
}

.rescue-img-no::before,
.rescue-img-no::after {
    width: 4vw;
    height: 3.3vw;
}

.other-item-no,
.other-item-no::before,
.other-item-no::after {
    width: 9vw;
    height: 3.75vw;
}

.edu-info-item2,
.edu-info-item2::after,
.edu-info-item2::before {
    /* width: 7vw; */
    width: 5vw;
    height: 1.5vw;
    line-height: 1.5vw;
}

.not-control::before,
.not-control::after {
    width: 28.4vw;
    height: 20.7vh;
}

.edu-info-not::before,
.edu-info-not::after {
    width: 12vw;
    height: 21vh;
}

.edu-info-notall::before,
.edu-info-notall::after {
    width: 24.5vw;
    height: 21vh;
}

.rules-list2-item2 .rules-list2-upred::before,
.rules-list2-item2 .rules-list2-upred::after {
    width: 1.2vw;
    height: 1.2vw;
}

.edu-not::before,
.edu-not::after {
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
}


.inputs-2-box .buy-img-red::before,
.inputs-2-box .buy-img-red::after {
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
} 

.inputs-2-red::before,.inputs-2-red::after{
width: 100%;
height: 100%;
border-radius: 5%;
}


.item:before,
.inputs-box2::before,
.duty-img1-red::before,
.duty-img2-red::before,
.rules-list2-item2::before,
.rules-list-box2::before,
.control-list-not::before,
.rescue-img-no::before,
.other-item-no::before,
.edu-info-item2::before,
.control-list-red::before,
.not-control::before,
.edu-info-not::before,
.edu-info-notall::before,
.rules-list2-item2 .rules-list2-upred::before,
.edu-not::before,
.inputs-2-box .buy-img-red::before ,
.inputs-2-red::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .7;
    background-color: rgba(235, 84, 90, .6);
    animation: scaless 2s infinite cubic-bezier(0, 0, .49, 1.02);
    -webkit-animation: scaless 2s infinite cubic-bezier(0, 0, .49, 1.02);
}

.item::after,
.inputs-box2::after,
.duty-img1-red::after,
.duty-img2-red::after,
.rules-list2-item2::after,
.rules-list-box2::after,
.control-list-not::after,
.rescue-img-no::after,
.other-item-no::after,
.edu-info-item2::after,
.control-list-red::after,
.not-control::after,
.edu-info-not::after,
.rules-list2-item2 .rules-list2-upred::after,
.edu-not::after,
.inputs-2-box .buy-img-red::after ,
.inputs-2-red::after
{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .7;
    background-color: rgba(235, 84, 90, .3);
    animation: scaless2 2s infinite cubic-bezier(0, 0, .49, 1.02);
    -webkit-animation: scaless2 2s infinite cubic-bezier(0, 0, .49, 1.02);
}

.inputs-2-red::before{

    -webkit-animation: scaless 2s infinite cubic-bezier(0, 0, .49, 1.02);
}

.inputs-2-red::after
{

    -webkit-animation: scaless4 2s infinite cubic-bezier(0, 0, .49, 1.02);
}



/* scaless */
@keyframes scaless {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(1.15)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-webkit-keyframes scaless {
    0% {
        -webkit-transform: scale(1)
    }

    50%,
    75% {
        -webkit-transform: scale(1.15)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-ms-keyframes scaless {
    0% {
        -ms-transform: scale(1)
    }

    50%,
    75% {
        -ms-transform: scale(1.15)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-moz-keyframes scaless {
    0% {
        -moz-transform: scale(1)
    }

    50%,
    75% {
        -moz-transform: scale(1.15)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-o-keyframes scaless {
    0% {
        -o-transform: scale(1)
    }

    50%,
    75% {
        -o-transform: scale(1.15)
    }

    78%,
    100% {
        opacity: 0
    }
}

/* scaless2 */
@keyframes scaless2 {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(1.4)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-webkit-keyframes scaless2 {
    0% {
        -webkit-transform: scale(1)
    }

    50%,
    75% {
        -webkit-transform: scale(1.4)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-ms-keyframes scaless2 {
    0% {
        -ms-transform: scale(1)
    }

    50%,
    75% {
        -ms-transform: scale(1.4)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-moz-keyframes scaless2 {
    0% {
        -moz-transform: scale(1)
    }

    50%,
    75% {
        -moz-transform: scale(1.4)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-o-keyframes scaless2 {
    0% {
        -o-transform: scale(1)
    }

    50%,
    75% {
        -o-transform: scale(1.4)
    }

    78%,
    100% {
        opacity: 0
    }
}

.not-control::before,
.edu-info-not::before,
.not-control::after,
.edu-info-not::after,
.edu-info-notall::before,
.edu-info-notall::after {
    border-radius: .25rem;
}

.inputs-box2::before,
.rules-list-box2::before,
.not-control::before,
.edu-info-not::before,
.edu-info-notall::before {
    animation: scaless3 2s infinite cubic-bezier(0, 0, .49, 1.02) !important;
    -webkit-animation: scaless3 2s infinite cubic-bezier(0, 0, .49, 1.02) !important;
}

.inputs-box2::after,
.rules-list-box2::after,
.not-control::after,
.edu-info-not::after,
.rules-list-box2::after,
.edu-info-notall::after {
    animation: scaless5 2s infinite cubic-bezier(0, 0, .49, 1.02) !important;
    -webkit-animation: scaless5 2s infinite cubic-bezier(0, 0, .49, 1.02) !important;
}

/* scaless3 */
@keyframes scaless3 {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(1.05)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-webkit-keyframes scaless3 {
    0% {
        -webkit-transform: scale(1)
    }

    50%,
    75% {
        -webkit-transform: scale(1.05)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-ms-keyframes scaless3 {
    0% {
        -ms-transform: scale(1)
    }

    50%,
    75% {
        -ms-transform: scale(1.05)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-moz-keyframes scaless3 {
    0% {
        -moz-transform: scale(1)
    }

    50%,
    75% {
        -moz-transform: scale(1.05)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-o-keyframes scaless3 {
    0% {
        -o-transform: scale(1)
    }

    50%,
    75% {
        -o-transform: scale(1.05)
    }

    78%,
    100% {
        opacity: 0
    }
}

/* scaless4 */
@keyframes scaless4 {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(1.06)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-webkit-keyframes scaless4 {
    0% {
        -webkit-transform: scale(1)
    }

    50%,
    75% {
        -webkit-transform: scale(1.06)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-ms-keyframes scaless4 {
    0% {
        -ms-transform: scale(1)
    }

    50%,
    75% {
        -ms-transform: scale(1.06)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-ms-keyframes scaless4 {
    0% {
        -ms-transform: scale(1)
    }

    50%,
    75% {
        -ms-transform: scale(1.06)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-o-keyframes scaless4 {
    0% {
        -o-transform: scale(1)
    }

    50%,
    75% {
        -o-transform: scale(1.06)
    }

    78%,
    100% {
        opacity: 0
    }
}

/* scaless5 */
@keyframes scaless5 {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(1.075)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-webkit-keyframes scaless5 {
    0% {
        -webkit-transform: scale(1)
    }

    50%,
    75% {
        -webkit-transform: scale(1.075)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-ms-keyframes scaless5 {
    0% {
        -ms-transform: scale(1)
    }

    50%,
    75% {
        -ms-transform: scale(1.075)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-moz-keyframes scaless5 {
    0% {
        -moz-transform: scale(1)
    }

    50%,
    75% {
        -moz-transform: scale(1.075)
    }

    78%,
    100% {
        opacity: 0
    }
}

@-o-keyframes scaless5 {
    0% {
        -o-transform: scale(1)
    }

    50%,
    75% {
        -o-transform: scale(1.075)
    }

    78%,
    100% {
        opacity: 0
    }
}

/* 弹跳 */
.rules-list2-icon {
    animation: iconJump 2s linear -2s infinite normal;
    -webkit-animation: iconJump 2s linear -2s infinite normal;
}

@keyframes iconJump {
    0% {
        bottom: 1.25vw;
    }

    50% {
        bottom: 1.75vw;
    }

    100% {
        bottom: 1.25vw;
    }

}

@-webkit-keyframes iconJump {
    0% {
        bottom: 1.25vw;
    }

    50% {
        bottom: 1.75vw;
    }

    100% {
        bottom: 1.25vw;
    }

}

@-ms-keyframes iconJump {
    0% {
        bottom: 1.25vw;
    }

    50% {
        bottom: 1.75vw;
    }

    100% {
        bottom: 1.25vw;
    }

}

@-moz-keyframes iconJump {
    0% {
        bottom: 1.25vw;
    }

    50% {
        bottom: 1.75vw;
    }

    100% {
        bottom: 1.25vw;
    }

}

@-o-keyframes iconJump {
    0% {
        bottom: 1.25vw;
    }

    50% {
        bottom: 1.75vw;
    }

    100% {
        bottom: 1.25vw;
    }
}

/*动画 缩放 */
/* .edu-not */
.rules-list2-up,
.inputs-icon {
    animation: animScale 2s linear -2s infinite normal;
    -webkit-animation: animScale 2s linear -2s infinite normal;
}

@keyframes animScale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.7)
    }

    100% {
        transform: scale(1)
    }

}

@-webkit-keyframes animScale {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.7)
    }

    100% {
        -webkit-transform: scale(1)
    }

}

@-ms-keyframes animScale {
    0% {
        -ms-transform: scale(1)
    }

    50% {
        -ms-transform: scale(.7)
    }

    100% {
        -ms-transform: scale(1)
    }

}

@-moz-keyframes animScale {
    0% {
        -moz-transform: scale(1)
    }

    50% {
        -moz-transform: scale(.7)
    }

    100% {
        -moz-transform: scale(1)
    }

}

@-o-keyframes animScale {
    0% {
        -o-transform: scale(1)
    }

    50% {
        -o-transform: scale(.7)
    }

    100% {
        -o-transform: scale(1)
    }

}

/* 隐藏滚动条 */
::-webkit-scrollbar {
    /* 隐藏滚动条 */
    scrollbar-width: none;
    /* firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    overflow-x: hidden;
    overflow-y: auto;
}

.control-list {
    overflow-y: scroll;
    scrollbar-color: transparent transparent;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;

}

html {
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    -ms-overflow-style: none;
    /*火狐下隐藏滚动条*/
    overflow: -moz-scrollbars-none;
}


/* 隐藏滚动条 Chrome Safari*/
::-webkit-scrollbar {
    display: none;
}



/* 2022-11-13  安全生产-改版  开始  */
/* .main>div {
    overflow-y: auto;
} */

.inputs-2-box {
    padding-left: 1.5vw;
}

.inputs-2-box .inputs-2 {
    width: 100%;
    height: 100%;
    padding: 2vw 1.5vw;
    box-sizing: border-box;
    position: relative;
}

.inputs-2-green{
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/inputs_2_bg.png) no-repeat center center /100% 100%;
}
.inputs-2-red{
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/inputs_2_bg_red.png) no-repeat center center /100% 100%;
}


.inputs-2-left {
    width: 5vw;
    height: auto;
}

.inputs-2-center {
    margin-left: 2vw;
    width: 8vw;
}


.inputs-2-center .title {
    width:8vw;
    height: 1.34rem;
    padding-left: .5rem;
    box-sizing: border-box;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/inputs_2_title_bg.png) no-repeat center center /100% 100%;
    font-family: SourceHanSansCN-Regular;
    font-size: .8rem;
    line-height: 1.34rem;
    color: rgba(255, 255, 255, .9);
    margin: .5rem 0 1rem 0;
    overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */
}

.inputs-2-red  .title{
    margin-top: 1.75vw;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/inputs_2_title_bg_red.png) no-repeat center center /100% 100%;
}

.inputs-2-box .num {
    font-size: 1.3rem;
    color: #20e9e7;
}

.inputs-2-box .yuan {
    font-size: .7rem;
    color: rgba(255, 255, 255, .5);
}
.inputs-2-box
.buy-img-box{
    width: 5vw;
    height: 5vw;
    position: relative;
}

.inputs-2-box .buy-img {
    width: 5vw;
    height: 5vw;
    font-family: SourceHanSansCN-Medium;
    font-size: .8rem;
    line-height: 5vw;   
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)    
}
.inputs-2-box .buy-img-green{
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/finished/inputs_2_buy.png) no-repeat center center /100% 100%;
    color: #23fffc;
} 
.inputs-2-box .buy-img-red{
    position: relative;
    background: url(/BootStrapStyle/SafetyProduction/Company/imgs/notFinished/inputs_2_buy_red.png) no-repeat center center /100% 100%;
    color: #ff816b;
}
/* 2022-11-13  安全生产-改版  结束  */

@media screen and (max-width: 1440px) {

    .inputs-2-box .buy-img,
    .inputs-2-center .title,
 
    .public-title,
    .hover-title {
        font-size: .6rem;
    }
    .inputs-2-box .yuan,
    .inputs-state,
    .inputs-info,
    .inputs-num,
    .rules-list2-tltle,
    .other-info,
    .other-Uploaded,
    .duty-img2-red .unrated,
    .rules-uptext,
    .rules-state,
    .edu-info-text,
    .control-list-tltle,
    .f12 {
        font-size: 12px !important;
        line-height: 12px !important;
        letter-spacing: 2px !important;
        transform: scale(.75) !important;
        -webkit-transform: scale(.75) !important;
        -ms-transform: scale(.75) !important;
        -moz-transform: scale(.75) !important;
        -o-transform: scale(.75) !important;
    }

    .duty-text,
    /* .control-list-tltle, */
    .control-text-no,
    .control-charts-title,
    .control-info-text,
    /* .edu-info-text, */
    .rescue-info,
    .other-unit,
    .nont-accident .green {
        font-size: 12px !important;
        line-height: 12px !important;
        letter-spacing: 2px !important;
        transform: scale(.8) !important;
        -webkit-transform: scale(.8) !important;
        -ms-transform: scale(.8) !important;
        -moz-transform: scale(.8) !important;
        -o-transform: scale(.8) !important;
    }

    .edu-info-text .edu-icon,
    .control-icon-no {
        transform: scale(1.2);
    }

    .control-icon-no {
        margin-bottom: .25vw;
    }

    .inputs-2-box .num,
    .edu-info-num {
        font-size: .7rem;
        line-height: .8rem;
    }

    .rules-state-icon {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        margin-right: .1vw !important;
        margin-bottom: .2vw;
    }

    .duty-title,
    .edu-not,
    .unrated,
    .duty-title,
    .edu-info-num {
        font-size: 12px !important;
        line-height: 12px !important;
        letter-spacing: 1px !important;
        transform: scale(.9) !important;
        -webkit-transform: scale(.9) !important;
        -ms-transform: scale(.9) !important;
        -moz-transform: scale(.9) !important;
        -o-transform: scale(.9) !important;
    }

    .inputs-state {
        top: -2.5%;
        right: -3%;
    }

    .inputs-info {
        margin-bottom: .5vw;
    }

    .inputs-info,
    .inputs-num {
        width: 146%;
        text-indent: -1.1vw;
    }

    .inputs-color {
        margin-right: .2vw;
    }

    .inputs-box {
        padding: 0 .75vw;
    }

    .rules-title {
        font-size: .6rem;
        line-height: .6rem;
    }

    .rules-state {
        text-indent: -.75vw;
    }

    .rules-list2-tltle {
        width: 120%;
        text-indent: -1.5vw;
    }

    .control-charts-title {
        left: -2vw;
        height: 1vw;
        line-height: 1vw;
    }

    .control-info-num {
        text-indent: .5vw;
        font-size: .6rem;
    }

    .control-list-tltle {
        line-height: 2.35vw !important;
        text-indent: -.5vw;
    }

    .control-level {
        font-size: 1.1rem !important;
    }

    .edu-info-num {
        font-size: .6rem;
        text-indent: .6vw;
    }

    .edu-info-item {
        /* margin-bottom: .5vw; */
        margin-bottom: .25vw;

    }

    .rescue-num {
        font-size: .8rem;
    }

    .other-item {
        width: 9.5vw;
    }

    .other-info {
        width: 9vw;
        text-indent: -2vw;
        margin-bottom: .3vw;
    }

    .other-Uploaded {
        text-indent: -1.7vw;
        line-height: .7rem !important;
    }

    .other-num {
        font-size: .6rem;
    }

    .other-num-box {
        text-indent: -.3vw;
    }

    /* .edu-not,.nont-accident {
        font-size: .6rem;
    } */
    .edu-info-text,
    .edu-info-item2,
    .edu-info-item2::before,
    .edu-info-item2::after {
        width: 7vw;
        height: 1.2vw;
    }

    .duty-level>i {
        font-size: .7rem;
    }

}