.page20[data-v-e38e40a7] {
    background: url(../../../images/zt/gnsc/gnsc_19.f9b60f9a.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page20 .mooter[data-v-e38e40a7] {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    z-index: 100;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page20 .mooter img[data-v-e38e40a7] {
    max-height: 80vh
}

.page20 .mooter .close[data-v-e38e40a7] {
    width: .26042rem;
    cursor: pointer;
    position: absolute;
    top: .52083rem;
    right: 1.04167rem
}

.page20 .tyBox[data-v-e38e40a7] {
    width: 3.85417rem;
    background-image: url(../../../images/zt/gnsc/gnsc_tyBj.ac757e33.png);
    background-size: 100%;
    height: 2.5rem;
    position: relative;
    cursor: pointer
}

.page20 .tyBox img[data-v-e38e40a7] {
    position: absolute;
    cursor: pointer
}

@-webkit-keyframes showMove-e38e40a7 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes showMove-e38e40a7 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.page20 .tyBox .shou[data-v-e38e40a7] {
    width: .4rem;
    display: block;
    top: calc(50% - .1rem);
    left: calc(50% - .3rem);
    -webkit-animation: showMove-e38e40a7 2s infinite;
    animation: showMove-e38e40a7 2s infinite
}

.page20 .flexBox[data-v-e38e40a7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 7.29167rem
}

.page20 .textBox[data-v-e38e40a7] {
    width: 3.16146rem;
    height: 1.19792rem;
    background-image: url(../../../images/zt/gnsc/gnsc_fayankuang.png);
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .10417rem .18229rem .18229rem .41667rem
}

.page20 .textBox .title[data-v-e38e40a7] {
    font-size: .15625rem;
    font-family: SourceHanSansCN-Heavy, SourceHanSansCN;
    font-weight: 800;
    color: #fff;
    line-height: .28646rem
}

.page20 .textBox .msg[data-v-e38e40a7] {
    font-size: .0625rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #fff;
    line-height: .10417rem;
    text-align: justify
}

.page20 .imgBox[data-v-e38e40a7] {
    width: 2.96875rem;
    background-color: #0ff;
    margin-left: .21875rem;
    margin-top: .10417rem
}

.page20 .imgBox .imgItem[data-v-e38e40a7] {
    border: .00521rem solid #fff;
    float: left;
    width: 1.41667rem;
    height: .76042rem;
    margin-bottom: .10417rem
}

.page20 .imgBox .imgItem[data-v-e38e40a7]:nth-of-type(1) {
    height: 2.50521rem;
    margin-right: .09375rem
}

.page20 .imgBox .imgItem img[data-v-e38e40a7] {
    width: 100%;
    height: 100%
}