.warp {
    padding-top: .74rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    width: 19.2rem;
    height: 170.01rem;
    background-image: url(../img/images/bg1.jpg), url(../img/images/bg2.jpg), url(../img/images/bg3.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 19.2rem 61.77rem, 19.2rem 58.8rem, 19.2rem 49.44rem;
    background-position: 0 0, 0 61.77rem, 0 120.57rem;
    overflow-x: hidden;
    transition: all 1s;
}

.warp1 {
    padding-top: .74rem;
    box-sizing: border-box;
    position: absolute;
    display: none;
    top: 0;
    overflow-x: hidden;
    width: 19.2rem;
    height: 71.87rem;
    background: url('../img/bg.jpg') no-repeat center center / 100% 100%;
    transition: all 1s;
}

.pop {
    display: none;
}

.title {
    background: url(../img/title.png?v1.2) no-repeat center / 19.2rem 13rem;
}

.banner {
    position: relative;
    width: 19.2rem;
    height: 11.55rem;
    background: url(../img/banner.png?v1.2) no-repeat center center / 19.2rem 11.55rem;
}

.banner1 {
    position: relative;
    width: 19.2rem;
    height: 11.61rem;
    background: url(../img/banner1.png?v1.2) no-repeat center center / 19.2rem 11.61rem;
}

.xf_box {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
}

.xf {
    position: relative;
    width: .38rem;
    height: 1.77rem;
    background: url(../img/xf.png?v1.2) no-repeat center center / 100% 100%;
    cursor: pointer;
    transition: all .5s;
}

.xf_box:hover .xfc {
    right: 0;
}

.xf_box:hover .xf {
    opacity: 0;
}

.xfc {
    transition: all .5s;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: -4.07rem;
    width: 2.68rem;
    height: 4.07rem;
    background: url(../img/xfc.png?v1.2) no-repeat center center / 100% 100%;
}

.des12_link {
    position: absolute;
    top: 0;
    right: 0;
    width: .5rem;
    height: .42rem;
}
.des12_link1 {
    position: absolute;
    top: .5rem;
    left: 3.45rem;
    width: 3.05rem;
    height: .42rem;
}
.des12_link2 {
    position: absolute;
    bottom: 0;
    left: 6.7rem;
    width: 3.7rem;
    height: .42rem;
}
.des5 .des12_link2 {
    width: 3.5rem;
    left: 5.8rem;
}
.part9 {
    position: relative;
}
.part9 .des12_link2 {
    width: 3.3rem;
    left: 4.3rem;
}
.changeImg .des12_link2 {
    width: 3.3rem;
    left: 1.7rem;
}
.xfc a {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2.09rem;
    height: .87rem;
    background: url('../img/sure.png?v1.2') no-repeat center center / 100% 100%;
    transition: .4s cubic-bezier(.215, .61, .355, 1);
}

.part1,
.part12 {
    position: relative;
    box-sizing: border-box;
    padding-top: .45rem;
}

.m {
    margin: 0 auto;
}


.t1 {
    width: 10.54rem;
    height: 1.41rem;
    background-position: 0 -8.18rem;
}

.t2 {
    width: 3.66rem;
    height: .67rem;
    background-position: -3.87rem 0;
}

.t3 {
    width: 4.24rem;
    height: 1.1rem;
    background-position: -10.77rem -8.49rem;
}

.t4 {
    width: 6.04rem;
    height: .99rem;
    background-position: -7.75rem -3.69rem;
}

.t5 {
    width: 8.2rem;
    height: 1.15rem;
    background-position: 0 -11.24rem;
    margin: .9rem auto .3rem;
}

.t6 {
    width: 4.4rem;
    height: 1.31rem;
    background-position: -7.58rem -6.54rem;
}

.t7 {
    width: 6.47rem;
    height: 1.06rem;
    background-position: -7.27rem -5.01rem;
}

.t8 {
    width: 6.61rem;
    height: 1.12rem;
    background-position: -6.89rem -1.26rem;
    margin: 1.2rem auto 0;
}

.t9 {
    width: 9.54rem;
    height: 1.17rem;
    background-position: -7.16rem -2.46rem;
    margin: 0 auto .2rem;
}

.t10 {
    width: 6.18rem;
    height: .39rem;
    background-position: 0 -4.62rem;
    margin-left: 2.9rem;
    margin-top: .8rem;
}
  
.t11 {
    width: 4.38rem;
    height: .39rem;
    background-position: 0 -5.25rem;
    margin-left: 2.9rem;
    margin-top: .6rem;
}

.t12 {
    width: 4.6rem;
    height: 1.07rem;
    background-position: -9.63rem -11.32rem;
    margin: 1rem auto .3rem;
}

.t13 {
    width: 5.92rem;
    height: .39rem;
    background-position: 0 -5.01rem;
}

.t14 {
    width: 7.36rem;
    height: .39rem;
    background-position: 0 -5.54rem;
}

.t15 {
    width: 3.04rem;
    height: .39rem;
    background-position: 0 -6.13rem;
}

.t16 {
    width: 6.56rem;
    height: .39rem;
    background-position: 0 -6.66rem;
}

.t17 {
    width: 5.2rem;
    height: .39rem;
    background-position: 0 -7.21rem;
}

.t18 {
    width: 6.61rem;
    height: .36rem;
    background-position: 0 -7.67rem;
}

.t19 {
    width: 1.82rem;
    height: .4rem;
    background-position: -16.3rem 0;
    margin-bottom: .3rem;
}
  
.t20 {
    width: 2.9rem;
    height: .39rem;
    background-position: -16.3rem -.49rem;
    margin-bottom: .27rem;
}

.t21 {
    width: 2.54rem;
    height: .39rem;
    background-position: 0 -3.99rem;
    margin-left: 4.5rem;
}
  
.t_box {
    width: 13.89rem;
    margin: 0 auto;
}

.t_box1 {
    width: 14rem;
    margin: .75rem auto .28rem;
}

.des_box,
.des2_box,
.des4_box,
.des3_box,
.des1_box {
    width: 14.11rem;
    height: 7.3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: .5rem auto .6rem;
}

.des4_box {
    width: 13.83rem;
    height: 15.89rem;
    margin: .5rem auto .3rem;
}

.des3_box {
    width: 14.17rem;
    height: 8rem;
    margin: 0 auto.7rem;
}

.des2_box {
    width: 14.2rem;
    height: 12rem;
    margin: 0 auto 4.8rem;
}

.des1_box {
    width: 13.91rem;
    height: 17.26rem;
    margin: 0 auto 1rem;
}

.des1 {
    width: 8.64rem;
    height: .37rem;
    background: url('../img/des1.png?v1.2') no-repeat center / 100% 100%;
}

.des2 {
    width: 13.62rem;
    height: 2.15rem;
    background: url('../img/des2.png?v1.2') no-repeat center / 100% 100%;
}

.des3 {
    width: 14.06rem;
    height: 3.3rem;
    background: url('../img/des3.png?v1.2') no-repeat center / 100% 100%;
    margin-bottom: .3rem;
}

.part4 {
    position: relative;
}

.ty,
.cj {
    display: block;
    width: 2.46rem;
    height: .56rem;
    background: url('../img/ty.png?v1.2') no-repeat center / 100% 100%;
    transition: .4s cubic-bezier(.215, .61, .355, 1);
}

.cj {
    background: url('../img/cj.png?v1.2') no-repeat center / 100% 100%;
}

.ty_box {
    position: absolute;
    top: 3.5rem;
    left: 6.2rem;
}

.warp1 .ty_box {
    top: 7.2rem;
    left: 6.1rem;
}

.des4 {
    width: 13.91rem;
    height: 5.84rem;
    background: url('../img/des4.png?v1.2') no-repeat center / 100% 100%;
}

.des5 {
    position: relative;
    width: 13.04rem;
    height: 1.95rem;
    background: url('../img/des5.png?v1.2') no-repeat center / 100% 100%;
}

.des6 {
    width: 11.85rem;
    height: 3.2rem;
    display: flex;
    justify-content: space-between;
}

.des6 .tit {
    width: 1.72rem;
    height: .35rem;
    background: url('../img/des8.png?v1.2') no-repeat center / 100% 100%;
}

.link_list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 3.2rem;
}

.des7 {
    width: 13.34rem;
    height: 3.54rem;
    background: url('../img/des6.png?v1.2') no-repeat center / 100% 100%;
}

.des8 {
    width: 13.61rem;
    height: .82rem;
    background: url('../img/des7.png?v1.2') no-repeat center / 100% 100%;
}

.des9 {
    width: 14.21rem;
    height: 1.83rem;
    background: url('../img/des9.png?v1.2') no-repeat center / 100% 100%;
}

.des10 {
    width: 14.17rem;
    height: 4.75rem;
    background: url('../img/des10.png?v1.2') no-repeat center / 100% 100%;
}

.des11 {
    width: 14.55rem;
    height: 4.16rem;
    background: url('../img/des11.png?v1.2') no-repeat center / 100% 100%;
}

.des12 {
    position: relative;
    width: 13.41rem;
    height: 2.19rem;
    background: url('../img/des12.png?v1.2') no-repeat center / 100% 100%;
}

.des13 {
    width: 4.69rem;
    height: .36rem;
    background: url('../img/des13.png?v1.2') no-repeat center / 100% 100%;
}

.des14 {
    width: 4.69rem;
    height: .36rem;
    background: url('../img/des14.png?v1.2') no-repeat center / 100% 100%;
}

.des15 {
    width: 4.69rem;
    height: .36rem;
    background: url('../img/des15.png?v1.2') no-repeat center / 100% 100%;
}

.des16 {
    width: 8.47rem;
    height: .37rem;
    background: url('../img/des16.png?v1.2') no-repeat center / 100% 100%;
}

.des17 {
    width: 13.47rem;
    height: 2.72rem;
    background: url('../img/des17.png?v1.2') no-repeat center / 100% 100%;
}

.des18 {
    width: 2.56rem;
    height: .33rem;
    background: url('../img/des18.png?v1.2') no-repeat center / 100% 100%;
}

.des19 {
    width: 13.83rem;
    height: 6.79rem;
    background: url('../img/des19.png?v1.2') no-repeat center / 100% 100%;
}

.des20 {
    width: 13.47rem;
    height: 1.79rem;
    background: url('../img/des20.png?v1.2') no-repeat center / 100% 100%;
}
.des21 {
    width: 5.14rem;
    height: .53rem;
    background: url('../img/des21.png?v1.2') no-repeat center / 100% 100%;
}
.des22 {
    width: 8.61rem;
    height: 2.24rem;
    background: url('../img/des22.png?v1.2') no-repeat center / 100% 100%;
    margin-left: 2.9rem;
    margin-bottom: 1.3rem;
}
.img1 {
    width: 13.54rem;
    height: 7.62rem;
    margin: 0 auto .5rem;
    cursor: pointer;
}
.img1 img {
    width: 100%;
}
.img2 {
    width: 13.55rem;
    height: 7.62rem;
    margin: .3rem auto .4rem;
}

.img3 {
    width: 10.34rem;
    height: 5.82rem;
}


.swiper-container1,
.swiper-container {
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    position: relative;
    width: 10rem;
    margin: .2rem auto 5.5rem !important;
}

.swiper-container {
    width: 13.53rem;
    margin: .2rem auto 3rem !important;
}

.swiper-container1 img,
.swiper-container img {
    width: 100%;
    height: 100%;
}

.img5 {
    width: 13.89rem;
    height: 7.57rem;
    margin: 0 auto .43rem;
}

.img6 {
    width: 13.14rem;
    height: 7.35rem;
    margin: 0 auto;
}

.img7 {
    width: 13.10rem;
    height: 7.32rem;
    margin: 0 auto;
}

.img8 {
    width: 13.10rem;
    height: 7.33rem;
    margin: 0 auto;
}

.img9 {
    width: 13.16rem;
    height: 7.36rem;
    margin: 0 auto;
}

.img10 {
    width: 13.14rem;
    height: 7.35rem;
    margin: 0 auto;
}

.img11 {
    width: 13.14rem;
    height: 7.35rem;
    margin: 0 auto;
}

.img12 {
    width: 13.14rem;
    height: 7.35rem;
    margin: 0 auto;
}

.img14 {
    width: 13.53rem;
    height: 100%;
    margin: .3rem auto 0;
}

.changeImg {
    position: relative;
    width: 13.56rem;
    height: 7.61rem;
    margin: .3rem auto;
}

.img13 {
    cursor: pointer;
}

.img13,
.img13gray {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img13gray {
    height: 7.12rem;
    display: none;
}

.img15 {
    width: 13.50rem;
    height: 10.89rem;
    margin: .4rem auto .2rem;
    cursor: pointer;
}

.img16 {
    width: 13.50rem;
    height: 10.42rem;
    margin: 0 auto .95rem;
    cursor: pointer;
}

.img17 {
    width: 13.53rem;
    margin: .4rem auto .2rem;
    height: 7.61rem;
}

.img18 {
    width: 13.62rem;
    height: 7.66rem;
    margin: .2rem auto .7rem;
}

.img19 {
    width: 13.61rem;
    height: 7.66rem;
    margin: .55rem auto 4.45rem;
}

.swiper-slide {
    position: relative;
}

.img20 {
    width: 16.86rem;
    height: 8.91rem;
    margin: 0 auto 1.4rem;
}

.warp .img20 {
    margin: 0 auto 2.4rem;
}

.img21 {
    width: 13.55rem;
    height: 7.62rem;
    cursor: pointer;
}

.warp1 .img21 {
    margin: 0 auto 3.6rem;
}

.top .logo {
    width: 1.01rem;
    height: .51rem;
    margin-left: .35rem;
    background: url('../img/logo.png?v1.2') no-repeat center / 100% 100%;
}

.zs::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -.2rem;
    width: .14rem;
    height: .11rem;
    content: '';
    background: url(../img/zs.png?v1.2) no-repeat center / 100% 100%;
}

.img_box {
    width: 13.7rem;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto 1.4rem;
}

.warp1 .img_box {
    margin: 0 auto .55rem;
}

.img_box1 {
    width: 13.6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 0 auto 1.4rem;
}

.logo_box {
    width: 19.2rem;
    height: .58rem;
    background: url('../img/foot.png?v1.2') no-repeat center / 100% 100%;
}

.btn,
.btn1 {
    width: 3.83rem;
    height: .78rem;
    background: url(../img/btn.jpg) no-repeat center / 100% 100%;
    margin: 0 auto;
    transition: .4s cubic-bezier(.215, .61, .355, 1);
}

.btn2 {
    margin: .4rem auto 1rem;
    transition: .4s cubic-bezier(.215, .61, .355, 1);
}

.btn1 {
    background: url(../img/btn1.jpg) no-repeat center / 100% 100%;
}

.des_list {
    font-size: .24rem;
    color: #834d00;
    width: 12.8rem;
    margin: .3rem auto 0;
    line-height: 1;
}

.des_list p {
    position: relative;
    margin-bottom: .25rem;
}

.part7 {
    margin-bottom: .6rem;
}

.part14_t,
.part17_t,
.part15_t {
    width: 13.3rem;
    font-size: .24rem;
    color: #ffe6b4;
    margin: .2rem auto .7rem;
    line-height: .5rem;
}

.part17_t {
    width: 10.3rem;
    margin: initial;
}

/* .part15_t {
    width: 13.8rem;
} */

.foot {
    position: absolute;
    bottom: 0;
    width: 19.2rem;
    height: 2.72rem;
    background-color: #000;
}

.foot .center {
    position: relative;
    width: 12rem;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    z-index: 99;
}

.foot .center .footer_box {
    width: 100%;
    height: 2.14rem;
    display: flex;
}

.foot .center .footer_box .footer_spec {
    position: relative;
    display: flex;
    align-items: center;
}

.foot .center .footer_box .footer_dl {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: auto 1fr;
    grid-template-rows: .66rem auto;
    gap: 0 0;
    grid-template-areas:
        "qr badge"
        "qr notice";
    padding: .4rem 0 0 .88rem;
}

.foot .center .footer_box .footer_btn_box {
    width: 7.52rem;
    display: flex;
    position: absolute;
    justify-content: space-between;
    bottom: .3rem;
    left: 0;
}

.foot .center .footer_box .footer_policy {
    position: absolute;
    bottom: .3rem;
    right: 0;
}

.foot .center .footer_box .footer_spec:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% - .83rem);
    background: rgba(255, 255, 255, .5);
}

.foot .center .footer_box .footer_spec_icon {
    width: 1.33rem;
    height: 1.33rem;
}

.foot .center .footer_box .footer_spec_icon img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.foot .center .footer_box .footer_spec_list {
    padding: 0 0 0 .30rem;
    width: 3rem;
}

.foot .center .footer_box .footer_spec_list p {
    color: #a3a3a3;
    font-size: .16rem;
    /* font-family: NotoSans_B; */
    margin: .10rem 0;
    font-weight: bold;
}

.foot .center .footer_box .footer-dl_qr {
    width: 1.81rem;
    height: .91rem;
    margin: .2rem .5rem 0 0;
}

.foot .center .footer_box .footer-dl_qr img {
    width: 100%;
    height: 100%;
}

.foot .center .footer_box .footer-dl_badge {
    display: flex;
    grid-area: badge;
}

.foot .center .footer_box .footer-dl_notice {
    grid-area: notice;
}

.foot .center .footer_box .footer-dl_badge a {
    display: block;
    width: 1.9rem;
    height: .57rem;
    transition: .4s cubic-bezier(.215, .61, .355, 1);
}

.foot .center .footer_box .footer-dl_badge a+a {
    margin: 0 0 0 .2rem;
}

.foot .center .footer_box .footer-dl_badge a img {
    width: 100%;
    height: 100%;
}

.foot .center .footer_box .footer-dl_notice {
    grid-area: notice;
}

.foot .center .footer_box .footer-dl_notice p {
    font-size: .12rem;
    line-height: 1.33333;
    position: relative;
    color: #a3a3a3;
    margin: .05rem 0;
}

.foot .center .footer_box .footer_btn_box a:hover {
    color: #fff;
}

.foot .center .footer_box .footer_btn_box a {
    color: gray;
    font-size: .12rem;
    /* font-family: NotoSans_B; */
    position: relative;
    font-weight: bold;
    transition: .4s cubic-bezier(.215, .61, .355, 1);
}

.foot .center .footer_box .footer_btn_box a:last-child {
    position: absolute;
    bottom: -.2rem;
}

.foot .center .footer_box .footer_policy p {
    color: gray;
    font-size: .16rem;
    /* font-family: NotoSans_B; */
    font-weight: bold;
}

.foot .center .footer_box .footer-dl_badge a:hover {
    opacity: .7;
}

a:hover {
    transform: scale(1.05);
}

.foot .center .footer_box .footer_btn_box a:nth-of-type(6):before,
.foot .center .footer_box .footer_btn_box a:nth-of-type(1):before,
.foot .center .footer_box .footer_btn_box a:nth-of-type(2):before,
.foot .center .footer_box .footer_btn_box a:nth-of-type(3):before,
.foot .center .footer_box .footer_btn_box a:nth-of-type(4):before,
.foot .center .footer_box .footer_btn_box a:nth-of-type(5):before {
    content: "";
    position: absolute;
    top: 50%;
    right: -.06rem;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% - .08rem);
    background: rgba(255, 255, 255, .5);
}

.appstore-qr2,
.googleplay-qr2 {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    right: 2.21rem;
    top: .33rem;
    z-index: 9;
    display: none;
}

.link_list {
    font-size: .24rem;
    color: #834d00;

}

.link_list a {
    position: relative;
    transition: .4s cubic-bezier(.215, .61, .355, 1);
    color: #834d00;
    text-decoration: underline;
    text-underline-offset: .05rem;
    text-indent: -9999em;
    height: .28rem;
}
.link_list a:nth-child(1) {
    width: 5.17rem;
    background: url('../img/a1.png?v1.2') no-repeat center / 100% 100%;
}
.link_list a:nth-child(2) {
    width: 4.53rem;
    background: url('../img/a2.png?v1.2') no-repeat center / 100% 100%;
}
.link_list a:nth-child(3) {
    width: 6.37rem;
    background: url('../img/a3.png?v1.2') no-repeat center / 100% 100%;
}
.link_list a:nth-child(4) {
    width: 6.18rem;
    background: url('../img/a4.png?v1.2') no-repeat center / 100% 100%;
}
.link_list a:nth-child(5) {
    width: 2.17rem;
    background: url('../img/a5.png?v1.2') no-repeat center / 100% 100%;
}
.link_list a:nth-child(6) {
    width: 4.49rem;
    background: url('../img/a6.png?v1.2') no-repeat center / 100% 100%;
}
.link_list a:nth-child(7) {
    width: 3.56rem;
    background: url('../img/a7.png?v1.2') no-repeat center / 100% 100%;
}
.link_list p:nth-child(8) {
    width: 5.87rem;
    height: .25rem;
    margin-top: .2rem;
    background: url('../img/a9.png?v1.2') no-repeat center / 100% 100%;
}
.link_list p:nth-child(9) {
    width: 8.51rem;
    height: .25rem;
    background: url('../img/a8.png?v1.2') no-repeat center / 100% 100%;
}
.link_list div {
    transform: translateX(-.2rem);
    font-weight: bold;
}

.top {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 19.2rem;
    height: .74rem;
    background: #000;
    display: flex;
    transition: opacity 0.3s ease;
}

.top a {
    width: 2.46rem;
    height: .56rem;
    display: block;
    transition: .4s cubic-bezier(.215, .61, .355, 1);
    margin-top: .08rem;
    cursor: pointer;
}

.top .download {
    width: 2.86rem;
    height: .77rem;
    margin-left: auto;
    margin-right: .2rem;
    background: url('../img/download.png?v1.2') no-repeat center / 100% 100%;
    margin-top: 0;
}

.change1,
.change2 {
    position: relative;
    margin-left: .61rem;
}

.change2 {
    margin-left: .33rem;
}

.cut {
    background: url('../img/swi1.png?v1.2') no-repeat center / 100% 100%;
}

.cutPage {
    background: url('../img/swi2.png?v1.2') no-repeat center / 100% 100%;
}

.change1.change:hover .swi1 {
    height: 2.1rem;
}

.change2.change:hover .swi {
    height: 1.26rem;
}

.swi,
.swi1 {
    position: absolute;
    left: 0;
    top: .74rem;
    width: 2.47rem;
    height: 0;
    overflow: hidden;
    transition: all .5s;
}

.swi div:hover,
.swi1 div:hover {
    background-color: rgba(110, 0, 0, .85);
}

.swi div,
.swi1 div {
    width: 2.47rem;
    height: .42rem;
    font-size: .2rem;
    color: #ffecb9;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    border-top: 1px solid #cd961a;
    border-left: 1px solid #cd961a;
    border-right: 1px solid #cd961a;
    background-color: rgba(43, 0, 0, .85);
}

.swi div:last-child {
    border-bottom: 1px solid #cd961a;
}

.swi1 div:last-child {
    border-bottom: 1px solid #cd961a;
}

.arrow {
    position: absolute;
    bottom: -.9rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.1rem;
    height: 1.39rem;
}

.part5,
.part3,
.part6 {
    position: relative;
}

.changeImg.gray .img13gray {
    display: block;
}

#pagination,
#pagination1 {
    position: absolute;
    bottom: -2.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: auto;
}

#pagination1 {
    bottom: -1.2rem;
}

#pagination span {
    width: .89rem;
    height: .91rem;
    background: url('../img/l2.png?v1.2') no-repeat center / 100% 100%;
    opacity: 1;
    margin: 0 .3rem;
}

#pagination span:nth-child(1).swiper-pagination-bullet-active {
    filter: initial;
}

#pagination span:nth-child(1) {
    background: url('../img/l1.png?v1.2') no-repeat center / 100% 100%;
    filter: grayscale(100%);
}

#pagination span:nth-child(2).swiper-pagination-bullet-active {
    filter: initial;
}

#pagination span:nth-child(2) {
    background: url('../img/l2.png?v1.2') no-repeat center / 100% 100%;
    filter: grayscale(100%);
}

#pagination1 span,
#pagination span {
    width: 1.32rem;
    height: 1.3rem;
    border-radius: initial;
    opacity: 1;
    margin: 0 .25rem;
}

#pagination1 span {
    width: .9rem;
    height: .83rem;
    margin: 0 .15rem;
}

#pagination1 span:nth-child(1).swiper-pagination-bullet-active {
    filter: initial;
}

#pagination1 span:nth-child(1) {
    background: url('../img/s1a.png?v1.2') no-repeat center / 100% 100%;
    filter: grayscale(100%);
}

#pagination1 span:nth-child(2).swiper-pagination-bullet-active {
    filter: initial;
}

#pagination1 span:nth-child(2) {
    background: url('../img/s2a.png?v1.2') no-repeat center / 100% 100%;
    filter: grayscale(100%);
}

#pagination1 span:nth-child(3).swiper-pagination-bullet-active {
    filter: initial;
}

#pagination1 span:nth-child(3) {
    background: url('../img/s3a.png?v1.2') no-repeat center / 100% 100%;
    filter: grayscale(100%);
}

#pagination1 span:nth-child(4).swiper-pagination-bullet-active {
    filter: initial;
}

#pagination1 span:nth-child(4) {
    background: url('../img/s4a.png?v1.2') no-repeat center / 100% 100%;
    filter: grayscale(100%);
}

#pagination1 span:nth-child(5).swiper-pagination-bullet-active {
    filter: initial;
}

#pagination1 span:nth-child(5) {
    background: url('../img/s5a.png?v1.2') no-repeat center / 100% 100%;
    filter: grayscale(100%);
}

#pagination1 span:nth-child(6).swiper-pagination-bullet-active {
    filter: initial;
}

#pagination1 span:nth-child(6) {
    background: url('../img/s6a.png?v1.2') no-repeat center / 100% 100%;
    filter: grayscale(100%);
}

#pagination1 span:nth-child(7).swiper-pagination-bullet-active {
    filter: initial;
}

#pagination1 span:nth-child(7) {
    background: url('../img/s7a.png?v1.2') no-repeat center / 100% 100%;
    filter: grayscale(100%);
}

#prev,
#prev1 {
    width: .98rem;
    height: .98rem;
    background: url(../img/left.png?v1.2) no-repeat center / 100% 100%;
    margin-top: .2rem;
    left: 1.3rem;
}

#next,
#next1 {
    width: .98rem;
    height: .98rem;
    background: url(../img/right.png?v1.2) no-repeat center / 100% 100%;
    margin-top: .2rem;
    right: 1.3rem;
}
#next1 {
    right: 2.3rem;
}
#prev1 {
    left: 2.3rem;
}
#next1,
#prev1 {
    margin-top: -1rem;
}

.play {
    width: .95rem;
    height: .93rem;
    background: url(../img/play.png?v1.2) no-repeat center / 100% 100%;
    position: absolute;
    left: 4.12rem;
    top: 4.08rem;
    transition: .4s cubic-bezier(.215, .61, .355, 1);
}

.play.gray {
    background: url(../img/pause.png?v1.2) no-repeat center / 100% 100%;
}

.zysx {
    display: none;
    width: 2.46rem;
    height: .56rem;
    background: url('../img/zy.png?v1.2') no-repeat center / 100% 100%;
    position: absolute;
    bottom: -.7rem;
    left: 2.9rem;
    /* margin-top: .15rem;
    margin-left: .05rem; */
    transition: .4s cubic-bezier(.215, .61, .355, 1);
}

.pop_con {
    position: relative;
    width: 8.8rem;
    height: 7.17rem;
    background: url('../img/pop.png?v1.2') no-repeat center / 100% 100%;
}

.close {
    position: absolute;
    top: .2rem;
    right: .2rem;
    width: .29rem;
    height: .29rem;
    background: url('../img/close.png?v1.2') no-repeat center / 100% 100%;
}

.pop1_con,.pop2_con{
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
}

.pop1_con img,.pop2_con img{
    width: 19.2rem;
}

.swiper-wrapper {
    position: relative;
}