﻿

/* CSS Pop */
.switch1 {
    display: flex;
}
.switch0 {
    display: none;
}

.pop_box .pop_mv .bianse01 {
    color: var(--c11);
}
.pop_box .pop_mv .bianse02 {
    color: var(--c02);
}
.pop_box {
    width: 100%;
    height: 100%;
    background: rgba(10, 16, 28, 0.8);
    justify-content: center;
    align-items: center;
    position: fixed;
    display: flex;
    opacity: 0;
    transition: 1s;
}
.pop_box:nth-child(1){
    z-index: 99999;
}
.pop_box:nth-child(2){
    z-index: 99998;
}
.pop_gg_qr {
    width: 200px;
    height: 50px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 25px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
}
/*默认弹窗--------开始--------------------------------------*/
.pop_mv {
    width: 850px;
    height: 710px;
    position: relative;
    margin-top: -20px;
    cursor: pointer;
    opacity: 0;
    display: flex;
    transform: scale(0.5);
    transition: 1s;
}

.pop_mv>* {
    position: absolute;
}

.pop_bg {
    width: 620px;
    height: 710px;
    background: #f3f5f9;
    border-radius: 20px;
    right: 30px;
}

.pop_mv i {
    right: 0;
    color: rgb(243, 245, 249, 0.8);
    font-size: 26px;
}

.pop_mv i:hover {
    color: rgb(243, 245, 249);
}

.pop_bt-box {
    padding: 30px;
}

.pop_bt {
    width: 347px;
    height: 89px;
    background: url(../image/tc_hygl.png) 0 no-repeat;
    background-size: 347px 89px;
    margin-left: 36px;
}

.pop_logo {
    width: 277px;
    height: 84px;
    background: url(../image/tc_logo.png) 0 no-repeat;
    background-size: 277px 84px;
    margin-left: 54px;
}

.pop_txt {
    border-top: solid 1px rgba(108, 123, 168, 0.3);
    top: 140px;
    right: 40px;
    padding-top: 30px;
}

.pop_txt p {
    letter-spacing: 1px;
    color: var(--hui);
}

.sm_box {
    margin-top: 30px;
}

.sm_box p {
    letter-spacing: 2px;
    color: var(--c02);
}

.shengming {
    width: 120px;
    height: 34px;
    border-radius: 18px;
    background: var(--c02);
    text-align: center;
    line-height: 34px;
    color: var(--bai);
    text-shadow: 2px 2px 5px rgba(12, 12, 12, 0.3);
    margin: 0 10px 50px 0;
}

.pop_mv h2 {
    font-size: 36px;
    text-align: center;
}

.pop_ym, .pop_lx {
    width: 460px;
    right: 50px;
}

.pop_ym {
    top: 350px;
}

.pop_ym ul li {
    width: 200px;
    height: 38px;
    text-align: center;
    color: var(--bai);
    font-size: 25px;
    font-weight: bold;
    text-shadow: 2px 2px 5px rgba(255, 17, 0, 0.5);
    background: linear-gradient(to bottom, #e9af47, #e88c28);
    border: 4px solid #f2e0bf;
    border-radius: 25px;
    margin: 15px 8px;
    float: left;
}

.pop_lx {
    top: 480px;
}

.pop_tb01, .pop_tb02 {
    width: 30px;
    height: 30px;
    margin: 0 10px;
}

.pop_lx li {
    width: 460px;
    height: 32px;
    margin: 10px 20px;
    line-height: 32px;
}

.pop_lx li h3 {
    font-size: 20px;
    color: var(--hui);
}

.pop_tb01 {
    background: url(../image/tb_gg.png) 0 no-repeat;
    background-size: 30px 30px;
}

.pop_tb02 {
    background: url(../image/tb_wr.png) 0 no-repeat;
    background-size: 30px 30px;
}

.meinv {
    width: 281px;
    height: 477px;
    background: url(../image/tc_mn.png) 0 no-repeat;
    background-size: 281px 477px;
    bottom: -10px;
    left: 30px;
}

.shou {
    width: 123px;
    height: 159px;
    background: url(../image/tc_s.png)  0 no-repeat;
    background-size: 123px 159px;
    top: 300px;
    left: 245px;
}

.qiu {
    width: 31px;
    height: 32px;
    background: url(../image/tc_q.png) 0 no-repeat;
    background-size: 31px 32px;
    top: 180px;
    left: 100px;
}

.beizhu {
    bottom: 20px;
    right: 70px;
    font-size: 14px;
    color: var(--hui);
    font-family: "Arial";
}

.pop_mv .pop_gg_qr {
    background: url(../image/btn_02.png) 0 no-repeat;
    background-size: 200px 50px;
    border: 1px solid #d7e0f4;
    color: var(--txt);
    bottom: -60px;
    left: 50%;
    margin-left: -80px;
}
.pop_mv .pop_gg_qr:hover,
.pop_mv .pop_gg_qr:active {
    background: url(../image/btn_01.png) 0 no-repeat;
    background-size: 200px 50px;
    border: 1px solid var(--c06);
    color: #fff;
}
/*默认弹窗--------结束--------------------------------------*/

/*公告弹窗--------开始--------------------------------------*/
.pop_gg {
    width: 900px;
    height: 600px;
    background: linear-gradient(30deg,#eaf1f6,#f5f9fc,#f5f9fc,#eaf1f6,#f5f9fc);
    border-radius: 20px;
    position: relative;
    box-sizing: border-box;
    margin: 0 50px;
    margin-top: 35px;
    opacity: 0;
    display: block;
    transform: scale(0.5);
    transition: 1s;
}
.pop_gg .pop_gg_gb {
    width: 40px;
    height: 40px;
    background: url(../image/gb_02.png) 0 no-repeat;
    background-size: 40px 40px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.pop_gg .pop_gg_gb:hover {
    filter:brightness(105%); 
}
.pop_gg .pop_gg_bt {
    width: 450px;
    height: 119px;
    background: url(../image/gg_bt.png) 0 no-repeat;
    margin: 0 auto;
    margin-top: -45px;
}
.pop_gg .pop_gg_ms {
    width: 900px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.pop_gg .pop_gg_ms p {
    font-size: 24px;
    line-height: 50px;
    letter-spacing: 10px;
    padding-left: 10px;
    text-align: center;
    margin: 20px;
}

.pop_gg .pop_gg_ms li {
    width: 161px;
    height: 30px;
    background: url(../image/bt_zs.png) 0 no-repeat;
    background-size: 161px 30px;
}

.pop_gg .pop_gg_ms li:nth-child(3) {
    transform: rotateY(180deg);
}
.pop_gg_neirong {
    padding: 30px;
    box-sizing: border-box;
}
.pop_gg_neirong dt {
    height: 60px;
    border-bottom: solid 1px rgba(108, 123, 168, 0.3);
    line-height: 60px;
    letter-spacing: 4px;
    padding-bottom: 10px;
}
.pop_gg_neirong dt i {
    margin: 0 10px;
    font-size: 40px;
    line-height: 68px;
}

.pop_gg_neirong dt h2 {
    font-size: 40px;
}
.pop_gg_neirong dd {
    width: 100%;
    height: 240px;
    padding: 30px;
    box-sizing: border-box;
    overflow: hidden;
}
.pop_gg_neirong dd p {
    width: 100%;
    font-size: 18px;
    line-height: 30px;
}
.pop_gg_neirong dd img {
    display: none;
}
.pop_gg_neirong .pop_gg_qr {
    background: url(../image/btn_01.png) 0 no-repeat;
    background-size: 200px 50px;
    border: 1px solid var(--c06);
    color: #fff;
    box-shadow: 0 3px 8px rgba(52, 69, 121, 0.1);
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -100px;
}
.pop_gg_neirong .pop_gg_qr:hover,
.pop_gg_neirong .pop_gg_qr:active {
    background: url(../image/btn_02.png) 0 no-repeat;
    background-size: 200px 50px;
    border: 1px solid #d7e0f4;
    color: var(--txt);
}
/*公告弹窗--------结束--------------------------------------*/

/*适配--------------------------------------*/
@media only screen and (max-width: 980px) {
    .pop_gg_qr {
        width: 20.408vw;
        height: 5.102vw;
        border-radius: 2.551vw;
        font-size: 2.041vw;
    }
    /*默认弹窗--------开始--------------------------------------*/
    .pop_mv > * {
        font-size: 1.837vw;
    }
    .pop_mv {
        width: 86.735vw;
        height: 72.449vw;
        margin-top: -2.041vw;
    }
    
    .pop_bg {
        width: 63.265vw;
        height: 72.449vw;
        border-radius: 2.041vw;
        right: 3.061vw;
    }
    
    .pop_mv i {
        font-size: 2.563vw;
    }
    
    
    .pop_bt-box {
        padding: 3.061vw;
    }
    
    .pop_bt {
        width: 35.408vw;
        height: 9.082vw;
        background-size: 35.408vw 9.082vw;
        margin-left: 3.673vw;
    }
    
    .pop_logo {
        width: 28.265vw;
        height: 8.571vw;
        background-size: 28.265vw 8.571vw;
        margin-left: 5.510vw;
    }
    
    .pop_txt {
        border-top: solid 0.102vw rgba(108, 123, 168, 0.3);
        top: 14.286vw;
        right: 4.082vw;
        padding-top: 3.061vw;
    }
    
    .pop_txt p {
        letter-spacing: 0.102vw;
    }
    
    .sm_box {
        margin-top: 3.061vw;
    }
    
    .sm_box p {
        letter-spacing: 0.204vw;
    }
    
    .shengming {
        width: 12.245vw;
        height: 3.571vw;
        border-radius: 1.837vw;
        line-height: 3.571vw;
        text-shadow: 0.204vw 0.204vw 0.510vw rgba(12, 12, 12, 0.3);
        margin: 0 1.020vw 5.102vw 0;
    }
    
    .pop_mv h2 {
        font-size: 3.673vw;
    }
    
    .pop_ym, .pop_lx {
        width: 46.939vw;
        right: 5.102vw;
    }
    
    .pop_ym {
        top: 35.714vw;
    }
    
    .pop_ym ul li {
        width: 20.408vw;
        height: 3.878vw;
        font-size: 2.551vw;
        text-shadow: 0.204vw 0.204vw 0.510vw rgba(255, 17, 0, 0.5);
        border: 0.408vw solid #f2e0bf;
        border-radius: 2.551vw;
        margin: 1.531vw 0.816vw;
    }
    
    .pop_lx {
        top: 49.980vw;
    }
    
    .pop_tb01, .pop_tb02 {
        width: 33.061vw;
        height: 3.061vw;
        margin: 0 1.020vw;
    }
    
    .pop_lx li {
        width: 46.939vw;
        height: 3.265vw;
        margin: 1.020vw 2.041vw;
        line-height: 3.265vw;
    }
    
    .pop_lx li h3 {
        font-size: 2.041vw;
    }
    
    .pop_tb01,.pop_tb02 {
        /* background: url(../image/tb_gg.png) 0 no-repeat; */
        background-size: 3.061vw 3.061vw;
    }
    
    /* .pop_tb02 {
        background: url(../image/tb_wr.png) 0 no-repeat;
        background-size: 3.061vw 3.061vw;
    } */
    
    
    .meinv {
        width: 28.673vw;
        height: 48.673vw;
        background-size: 28.673vw 48.673vw;
        bottom: -1.020vw;
        left: 3.061vw;
    }
    
    .shou {
        width: 12.551vw;
        height: 16.224vw;
        background-size: 12.551vw 16.224vw;
        top: 30.612vw;
        left: 25.000vw;
    }
    
    .qiu {
        width: 3.163vw;
        height: 3.265vw;
        background-size: 3.163vw 3.265vw;
        top: 18.367vw;
        left: 10.204vw;
    }
    
    .beizhu {
        bottom: 2.041vw;
        right: 7.143vw;
        font-size: 1.429vw;
    }
    
    .pop_mv .pop_gg_qr {
        background-size: 20.408vw 5.102vw;
        border: 0.102vw solid #d7e0f4;
        bottom: -6.122vw;
        margin-left: -8.163vw;
    }
    .pop_mv .pop_gg_qr:hover,
    .pop_mv .pop_gg_qr:active {
        background-size: 20.408vw 5.102vw;
        border: 0.102vw solid var(--c06);
    }
    /*默认弹窗--------结束--------------------------------------*/
    
    /*公告弹窗--------开始--------------------------------------*/
    .pop_gg {
        width: 91.837vw;
        height: 91.837vw;
        border-radius: 2.041vw;
        margin-top: 3.571vw;
        margin: 0 5.102vw;
    }
    .pop_gg .pop_gg_gb {
        width: 4.082vw;
        height: 4.082vw;
        background-size: 4.082vw 4.082vw;
        top: 1.020vw;
        right: 1.020vw;
    }
    .pop_gg .pop_gg_bt {
        width: 45.918vw;
        height: 12.143vw;
        background-size: 45.918vw 12.143vw;
        margin-top: -4.592vw;
    }
    .pop_gg .pop_gg_ms {
        width: 91.837vw;
        height: 5.102vw;
    }
    
    .pop_gg .pop_gg_ms p {
        font-size: 2.449vw;
        line-height: 5.102vw;
        letter-spacing: 1.020vw;
        padding-left: 1.020vw;
        margin: 2.041vw;
    }
    
    .pop_gg .pop_gg_ms li {
        width: 16.429vw;
        height: 3.061vw;
        background-size: 16.429vw 3.061vw;
    }
    
    .pop_gg_neirong {
        padding: 3.061vw;
    }
    .pop_gg_neirong dt {
        height: 6.122vw;
        border-bottom: solid 0.102vw rgba(108, 123, 168, 0.3);
        line-height: 6.122vw;
        letter-spacing: 0.408vw;
        padding-bottom: 1.020vw;
    }
    .pop_gg_neirong dt i {
        margin: 0 1.020vw;
        font-size: 4.082vw;
        line-height: 6.939vw;
    }
    
    .pop_gg_neirong dt h2 {
        font-size: 4.082vw;
    }
    .pop_gg_neirong dd {
        height: 24.490vw;
        padding: 3.061vw;
    }
    .pop_gg_neirong dd p {
        font-size: 2.449vw;
        line-height: 3.561vw;
    }
    .pop_gg_neirong .pop_gg_qr {
        background-size: 20.408vw 5.102vw;
        border: 0.102vw solid var(--c06);
        box-shadow: 0 0.306vw 0.816vw rgba(52, 69, 121, 0.1);
        bottom: 3.061vw;
        margin-left: -10.204vw;
    }
    .pop_gg_neirong .pop_gg_qr:hover,
    .pop_gg_neirong .pop_gg_qr:active {
        background-size: 20.408vw 5.102vw;
        border: 0.102vw solid #d7e0f4;
    }
    /*公告弹窗--------结束--------------------------------------*/
}