body,
div,
ul,
li,
h1,
h2,
h3,
h4,
form,
input,
textarea,
p,
th,
td {
    margin: 0;
    padding: 0
}

body {
    overflow-x: hidden;
}

table {
    border-spacing: 0
}

ul,
li {
    list-style: none;
}

h1,
h2,
h3,
h4 {
    font-size: 100%;
    font-weight: normal
}

q:before,
q:after {
    content: '';
}

table {
    border-collapse: collapse;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    -webkit-appearance: none;
}

input,
textarea,
select {
    font-size: 100%
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
    font-size: 100px;
}

* {
    outline: none;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

img {
    display: block;
    border: 0;
    user-select: none;
    /* 禁止文本选中 */
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
}

.t {
    text-indent: -9999em;
    display: block;
    overflow: hidden;
}

#afooter a {
    color: #c0c0c0;
}

#afooter {
    text-align: center;
    background: #000;
    font-size: .12rem;
    color: #c0c0c0;
    padding: .3rem 0;
}

.hide {
    display: none !important;
}

.warp {
    padding-top: .84rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    width: 7.5rem;
    height: 119.8rem;
    background: url('../img/m/bg.jpg') no-repeat top center / 100% 114.35rem;
    overflow-x: hidden;

}


.warp1 {
    display: none;
    padding-top: .84rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    overflow-x: hidden;
    width: 7.5rem;
    height: 51rem;
    background: url('../img/m/bg1.jpg') no-repeat top center / 100% 45rem;
}

.pop {
    display: none;
}

.title {
    background: url(../img/m/title.png?v1.7) no-repeat center / 7.5rem 16.5rem;
}

.banner {
    position: relative;
    width: 7.5rem;
    height: 4.51rem;
    background: url(../img/m/banner.png?v1.7) no-repeat center center / 7.5rem 4.51rem;
}

.banner1 {
    position: relative;
    width: 7.5rem;
    height: 4.51rem;
    background: url(../img/m/banner1.png?v1.7) no-repeat center center / 7.5rem 4.51rem;
}

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

.xf {
    position: relative;
    width: .34rem;
    height: 1.55rem;
    background: url(../img/m/xf.png?v1.7) no-repeat center center / 100% 100%;
    cursor: pointer;
    transition: all .1s;
}

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

.xf_box.show .xf {
    transform: translateX(.34rem);
}

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

.xfc a {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1.82rem;
    height: .77rem;
    background: url('../img/sure.png?v1.7') no-repeat center center / 100% 100%;
}

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

.m {
    margin: 0 auto;
}


.t1 {
    width: 7.5rem;
    height: .82rem;
    background-position: 0 0;
}

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

.t3 {
    width: 7.5rem;
    height: .68rem;
    background-position: 0 -3.02rem;
    margin-bottom: .45rem;
}

.t4 {
    width: 7.5rem;
    height: .7rem;
    background-position: 0 -.91rem;
}

.t5 {
    width: 7.5rem;
    height: .8rem;
    background-position: 0 -4.42rem;
    margin: .3rem auto .12rem;
}

.t6 {
    width: 7.5rem;
    height: .8rem;
    background-position: 0 -6.29rem;
}

.t7 {
    width: 7.5rem;
    height: .74rem;
    background-position: 0 -1.7rem;
}

.t8 {
    width: 7.5rem;
    height: .76rem;
    background-position: 0 -7.18rem;
    margin: .3rem auto 0;
}

.t9 {
    width: 7.5rem;
    height: .79rem;
    background-position: 0 -8.03rem;
    margin: 0 auto .2rem;
}

.t10 {
    width: 4.08rem;
    height: .28rem;
    background-position: 0 -3.78rem;
    margin-left: .35rem;
}

.t11 {
    width: 2.87rem;
    height: .27rem;
    background-position: -4.3rem -3.78rem;
    margin-left: .35rem;
    margin-top: .45rem;
}

.t12 {
    width: 7.5rem;
    height: .76rem;
    background-position: 0 -5.31rem;
    margin: .35rem auto .17rem;
}

.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: 3.32rem;
    height: .2rem;
    background-position: 0 -4.13rem;
    margin-left: .35rem;
}

.t19 {
    width: 1.15rem;
    height: .28rem;
    background-position: -2.02rem -2.65rem;
    margin-bottom: .13rem;
}

.t20 {
    width: 1.86rem;
    height: .27rem;
    background-position: 0 -2.66rem;
    margin-bottom: .13rem;
}

.t21 {
    width: 1.6rem;
    height: .27rem;
    background-position: -3.34rem -2.66rem;
    margin-left: .35rem;
}

.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: 6.52rem;
    height: 7rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: .5rem auto .35rem;
}

.des4_box {
    width: 6.82rem;
    height: 11.58rem;
    margin: .3rem auto .2rem;
}

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

.des2_box {
    width: 6.84rem;
    height: 10.5rem;
    margin: 0 auto 2.5rem;
}

.des1_box {
    width: 6.88rem;
    height: 15.74rem;
    margin: 0 auto .6rem;
}

.des1 {
    width: 3.96rem;
    height: .56rem;
    background: url('../img/m/des1.png?v1.7') no-repeat center / 100% 100%;
}

.des2 {
    width: 6.5rem;
    height: 2.02rem;
    background: url('../img/m/des2.png?v1.7') no-repeat center / 100% 100%;
}

.des3 {
    width: 6.79rem;
    height: 3.95rem;
    background: url('../img/m/des3.png?v1.7') no-repeat center / 100% 100%;
    margin-bottom: .6rem;
}

.part4 {
    position: relative;
}

.ty,
.cj {
    display: block;
    width: 1.76rem;
    height: .4rem;
    background: url('../img/m/ty.png?v1.7') no-repeat center / 100% 100%;
}

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

.ty_box {
    position: absolute;
    top: 9.1rem;
    left: .5rem;
}

.warp1 .ty_box {
    top: 5.3rem;
    left: .55rem;
}

.des4 {
    width: 6.88rem;
    height: 4.16rem;
    background: url('../img/m/des4.png?v1.7') no-repeat center / 100% 100%;
}

.des5 {
    position: relative;
    width: 6.6rem;
    height: 2.10rem;
    background: url('../img/m/des5.png?v1.7') no-repeat center / 100% 100%;
}

.des6 {
    width: 4.67rem;
    height: 2.9rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.des6 .tit {
    width: 1.12rem;
    height: .24rem;
    background: url('../img/m/des8.png?v1.7') no-repeat center / 100% 100%;
}

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

.des7 {
    width: 6.45rem;
    height: 3.86rem;
    background: url('../img/m/des6.png?v1.7') no-repeat center / 100% 100%;
}

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

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

.des10 {
    width: 6.51rem;
    height: 3.68rem;
    background: url('../img/m/des10.png?v1.7') no-repeat center / 100% 100%;
}

.des11 {
    position: relative;
    width: 6.84rem;
    height: 3.74rem;
    background: url('../img/m/des11.png?v1.7') no-repeat center / 100% 100%;
}

.des12 {
    position: relative;
    width: 6.81rem;
    height: 2.18rem;
    background: url('../img/m/des12.png?v1.7') no-repeat center / 100% 100%;
}

.des12_link {
    position: absolute;
    top: .6rem;
    left: 1.1rem;
    width: 2.3rem;
    height: .3rem;
}

.des12_link1 {
    position: absolute;
    bottom: .2rem;
    left: 2.55rem;
    width: 2.82rem;
    height: .3rem;
}

.des5 .des12_link1,
.changeImg .des12_link1,
.part6 .des12_link1 {
    bottom: 0;
    width: 2.62rem;
    left: 1.95rem;
}

.changeImg .des12_link1 {
    left: 1.25rem;
    width: 2.5rem;
}

.part6 .des12_link1 {
    left: .9rem;
    width: 2.5rem;
}

.des21 {
    width: 6.37rem;
    height: 1.43rem;
    background: url('../img/m/des21.png?v1.7') no-repeat center / 100% 100%;
    margin-top: .3rem;
}

.des22 {
    width: 6.37rem;
    height: 1.42rem;
    background: url('../img/m/des22.png?v1.7') no-repeat center / 100% 100%;
    margin-top: .3rem;
}

.des23 {
    width: 6.66rem;
    height: 1.1rem;
    background: url('../img/m/des23.png?v1.7') no-repeat center / 100% 100%;
    margin-top: .3rem;
}

.des24 {
    width: 6.37rem;
    height: 1.12rem;
    background: url('../img/m/des24.png?v1.7') no-repeat center / 100% 100%;
    margin-top: .3rem;
}

.des25 {
    width: 6.37rem;
    height: 1.12rem;
    background: url('../img/m/des25.png?v1.8') no-repeat center / 100% 100%;
    margin-top: .3rem;
}

.des26 {
    width: 6.71rem;
    height: 1.8rem;
    background: url('../img/m/des26.png?v1.7') no-repeat center / 100% 100%;
    margin-top: .3rem;
}

.des27 {
    width: 4.83rem;
    height: 1.12rem;
    background: url('../img/m/des27.png?v1.7') no-repeat center / 100% 100%;
    margin-top: .3rem;
}

.des29 {
    width: 4.03rem;
    height: 2.22rem;
    background: url('../img/m/des28.png?v1.7') no-repeat center / 100% 100%;
    margin: .4rem 0 .8rem .3rem;
}

.des28 {
    width: 1.67rem;
    height: .94rem;
    background: url('../img/m/des29.png?v1.7') no-repeat center / 100% 100%;
}

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

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

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

.des16 {
    width: 3.87rem;
    height: .55rem;
    background: url('../img/m/des16.png?v1.7') no-repeat center / 100% 100%;
}

.des17 {
    width: 6.75rem;
    height: 2.32rem;
    background: url('../img/m/des17.png?v1.7') no-repeat center / 100% 100%;
}

.des18 {
    width: 1.97rem;
    height: .26rem;
    background: url('../img/m/des18.png?v1.7') no-repeat center / 100% 100%;
    margin-bottom: .5rem;
}

.des19 {
    width: 6.82rem;
    height: 5.02rem;
    background: url('../img/m/des19.png?v1.7') no-repeat center / 100% 100%;
}

.des20 {
    width: 4.91rem;
    height: 1.57rem;
    background: url('../img/m/des20.png?v1.7') no-repeat center / 100% 100%;
}

.img1 {
    width: 6.78rem;
    height: 3.82rem;
    margin: 0 auto .6rem;
}

.img1 img {
    width: 100%;
}

.img2 {
    width: 6.78rem;
    height: 3.81rem;
    margin: .17rem auto .29rem;
}

.img3 {
    width: 6.81rem;
    height: 3.83rem;
}


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

.swiper-container3,
.swiper-container2 {
    width: 6.07rem;
    margin: 0 auto;
    overflow: hidden;
}

.swiper-container3 .swiper-slide,
.swiper-container2 .swiper-slide {
    width: 5.13rem;
}

.swiper-container {
    margin: .2rem auto 1.6rem !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: 6.7rem;
    height: 3.96rem;
    margin: .12rem auto 0;
}

.changeImg {
    position: relative;
    width: 6.79rem;
    height: 3.9rem;
    margin: .15rem auto;
}

.img13 {
    cursor: pointer;
}

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

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

.img15 {
    width: 6.82rem;
    height: 5.51rem;
    margin: 0 auto .1rem;
}

.img16 {
    width: 6.82rem;
    height: 100%;
    margin: 0 auto .45rem;
}

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

.img18 {
    width: 6.96rem;
    height: 3.91rem;
    margin: .2rem auto .4rem;
}

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

.swiper-slide {
    position: relative;
}

.img20 {
    width: 7.5rem;
    height: 100%;
    margin: 0 auto 0;
}

.warp .img20 {
    margin: 0 auto;
}

.img21 {
    width: 6.95rem;
    height: 3.91rem;
}

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

.top .logo {
    width: .67rem;
    height: .33rem;
    margin-left: .15rem;
    background: url('../img/m/logo.png?v1.7') no-repeat center / 100% 100%;
}

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

.img_box {
    width: 6.81rem;
    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: 7.5rem;
    height: .48rem;
    background: url('../img/m/foot.png?v1.7') no-repeat center / 100% 100%;
    margin-top: 1.2rem;
}

.btn,
.btn1 {
    width: 3.83rem;
    height: .78rem;
    background: url(../img/btn.jpg) no-repeat center / 100% 100%;
    margin: 0 auto;

}

.btn2 {
    margin: .4rem auto 1rem;

}

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

.des_list {
    font-size: .18rem;
    color: #834d00;
    width: 6.3rem;
    margin: .15rem auto 0;
    line-height: 1;
}

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

.part14_t,
.part17_t,
.part15_t {
    width: 6.77rem;
    font-size: .18rem;
    color: #ffe6b4;
    margin: .15rem auto .6rem;
    line-height: 1.3;
}

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

.part15_t {
    margin: .1rem auto .45rem;
}

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

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

.foot .center {
    width: 100%;
    /* height: 1.2rem; */
    /* display: flex; */
}

.foot .center .footer_spec {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .2rem 0;
}

.foot .center .footer_btn_box {
    width: 6.4rem;
    display: flex;
    /* justify-content: space-around; */
    flex-wrap: wrap;
    font-size: .18rem;
    margin: .2rem auto;
    line-height: 2;
}

.foot .center .footer_policy {
    text-align: center;
    margin-bottom: .4rem;
}


.foot .center .footer_spec_icon {
    width: 1.6rem;
    height: 1.6rem;
}

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

.foot .center .footer_spec_list {
    padding: 0 0 0 .25rem;
    /* width: 3rem; */
}

.foot .center .footer_spec_list p {
    color: #fff;
    font-size: .18rem;
    /* font-family: NotoSans_B; */
    margin: .15rem 0;
    line-height: 1;
}

.foot .center .footer-dl_qr {
    width: 1.05rem;
    height: .53rem;
    margin: .2rem .5rem 0 0;
}

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

.foot .center .footer-dl_badge {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.foot .center .footer-dl_badge a {
    display: block;
    width: 2.5rem;
    height: .75rem;
}

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

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

.foot .center .footer-dl_notice {
    width: 6.8rem;
    grid-area: notice;
    margin: 0 auto;
}

.foot .center .footer-dl_notice p {
    font-size: .18rem;
    line-height: 1.5;
    position: relative;
    color: #a3a3a3;
    margin: .1rem 0;
}

.foot .center .footer_btn_box a {
    color: gray;
    font-size: .18rem;
    position: relative;
    margin-right: .3rem;
}

.foot .center .footer_policy p {
    color: gray;
    font-size: .18rem;
}

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

.foot .center .footer_btn_box a:nth-of-type(6):before,
.foot .center .footer_btn_box a:nth-of-type(7):before,
.foot .center .footer_btn_box a:nth-of-type(1):before,
.foot .center .footer_btn_box a:nth-of-type(4):before,
.foot .center .footer_btn_box a:nth-of-type(5):before,
.foot .center .footer_btn_box a:nth-of-type(2):before,
.foot .center .footer_btn_box a:nth-of-type(3):before {
    content: "";
    position: absolute;
    top: 50%;
    right: -.15rem;
    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: .18rem;
    color: #834d00;
    transform: translateX(.2rem);
}

.link_list a {
    position: relative;
    color: #834d00;
    text-decoration: underline;
    text-underline-offset: .05rem;
    height: .23rem;
    text-indent: -9999em;
}

.link_list a:nth-child(1) {
    width: 3.87rem;
    background: url('../img/m/a1.png?v1.7') no-repeat center / 100% 100%;
}

.link_list a:nth-child(2) {
    width: 3.36rem;
    background: url('../img/m/a2.png?v1.7') no-repeat center / 100% 100%;
}

.link_list a:nth-child(3) {
    width: 4.67rem;
    background: url('../img/m/a3.png?v1.7') no-repeat center / 100% 100%;
}

.link_list a:nth-child(4) {
    width: 4.55rem;
    background: url('../img/m/a4.png?v1.7') no-repeat center / 100% 100%;
}

.link_list a:nth-child(5) {
    width: 2.28rem;
    background: url('../img/m/a5.png') no-repeat center / 100% 100%;
}

.link_list a:nth-child(6) {
    width: 3.28rem;
    background: url('../img/m/a6.png?v1.7') no-repeat center / 100% 100%;
}

.link_list a:nth-child(7) {
    width: 2.71rem;
    background: url('../img/m/a7.png?v1.7') no-repeat center / 100% 100%;
}

.link_list p:nth-child(8) {
    width: 4.40rem;
    height: .18rem;
    margin-top: .1rem;
    background: url('../img/m/a9.png?v1.7') no-repeat center / 100% 100%;
}

.link_list p:nth-child(9) {
    width: 6.38rem;
    height: .18rem;
    background: url('../img/m/a8.png?v1.7') 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: 7.5rem;
    height: .84rem;
    background: #000;
    display: flex;
    transition: opacity 0.3s ease;
    align-items: center;
}

.top a {
    width: 1.8rem;
    height: .41rem;
    display: block;

    cursor: pointer;
}

.top .download {
    width: 1.89rem;
    height: .52rem;
    margin-left: auto;
    margin-right: .1rem;
    background: url('../img/download.png?v1.7') no-repeat center / 100% 100%;
}

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

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

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

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

.change1.change .swi1.show {
    height: 1.5rem;
}

.change2.change .swi.show {
    height: .9rem;
}

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

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

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

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

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

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

#pagination,
#pagination2,
#pagination3,
#pagination1 {
    font-size: initial;
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: auto;
}
#pagination2,
#pagination3 {
    bottom: -.4rem;
}
#pagination2 span,
#pagination3 span {
    width: .2rem;
    height: .2rem;
    margin: 0 .15rem;
    background: url('../img/m/no.png') no-repeat center / 100% 100%;
}
#pagination2 span {
    background: url('../img/no.png') no-repeat center / 100% 100%;
}
#pagination3 span.swiper-pagination-bullet-active {
    background: url('../img/yes.png') no-repeat center / 100% 100%;
}
#pagination2 span.swiper-pagination-bullet-active {
    background: url('../img/m/yes.png') no-repeat center / 100% 100%;
}
#pagination1 {
    bottom: -1rem;
}

#pagination span {
    width: .89rem;
    height: .91rem;
    background: url('../img/l2.png?v1.7') 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.7') 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.7') no-repeat center / 100% 100%;
    filter: grayscale(100%);
}

#pagination1 span,
#pagination span {
    width: .74rem;
    height: .73rem;
    border-radius: initial;
    opacity: 1;
    margin: 0 .15rem;
}

#pagination1 span {
    width: .81rem;
    height: .75rem;
    margin: 0 .07rem;
}

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

#pagination1 span:nth-child(1) {
    background: url('../img/s1a.png?v1.7') 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.7') 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.7') 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.7') 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.7') 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.7') 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.7') no-repeat center / 100% 100%;
    filter: grayscale(100%);
}

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

#next,
#next1 {
    width: .49rem;
    height: .49rem;
    background: url(../img/right.png?v1.7) no-repeat center / 100% 100%;
    margin-top: 0;
    right: .05rem;
}

#next2,
#next3 {
    width: .49rem;
    height: .49rem;
    background: url(../img/right.png?v1.7) no-repeat center / 100% 100%;
    right: .05rem;
    z-index: 10;
}

#prev2,
#prev3 {
    width: .49rem;
    height: .49rem;
    background: url(../img/left.png?v1.7) no-repeat center / 100% 100%;
    left: .05rem;
    z-index: 10;
}

#next1,
#prev1 {
    margin-top: -1rem;
}

.play {
    width: .63rem;
    height: .61rem;
    background: url(../img/play.png?v1.7) no-repeat center / 100% 100%;
    position: absolute;
    left: 2.8rem;
    top: 2.77rem;
}

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

.zysx {
    display: none;
    width: 1.93rem;
    height: .44rem;
    background: url('../img/zy.png?v1.7') no-repeat center / 100% 100%;
    position: absolute;
    bottom: -.55rem;
    left: .4rem;

}

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

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

.pop1_con,
.pop2_con {
    width: 5rem;
    overflow-y: auto;
}

.pop2_con {
    width: 6rem;
}

.pop2_con img {
    width: 6rem;
}

.pop1_con img {
    width: 5rem;
}

.swiper-wrapper {
    position: relative;
}

.part_sw {
    position: relative;
}

/* 横屏时，执行提醒动作 */
.landspace {
    display: none;
}

@media(orientation:landscape) {
    .landspace {
        display: block;
        background: #32373b;
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
    }

    .landspace .phone {
        width: 150px;
        height: 227px;
        background: url('data:img/png;base64,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') 0 0 no-repeat;
        background-size: 150px 227px;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        margin: auto;
        animation: maskAni-landscape 1.5s ease infinite alternate;
    }

    @keyframes maskAni-landscape {
        0% {
            transform: rotate(-90deg);
        }

        30% {
            transform: rotate(-90deg);
        }

        70% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(0deg);
        }
    }

    .landspace .tips {
        width: 100%;
        text-align: center;
        height: .5rem;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -.25rem;
        line-height: .5rem;
        color: #fff;
        font-size: .4rem;
    }

    .landspace .tips {
        -webkit-animation: shake 6s infinite linear;
        animation: shake 6s infinite linear;
    }
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-.1rem);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(.1rem);
    }
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-.1rem);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(.1rem);
    }
}

.part16 {
    position: relative;
    margin-top: .5rem;
}

.play_box {
    width: 5.13rem;
    height: 2.89rem;
    background: url('../img/kuan1.png?v1.7') no-repeat center / 100% 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.play_t {
    width: 6.08rem;
    height: .28rem;
    margin: .2rem auto .3rem;
}

.fr_box {
    width: 4.98rem;
    height: 2.75rem;
}

.part8,.part15 {
    position: relative;
}

.des11_link1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5.5rem;
    height: .5rem;
}
.bottom_des {
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 6.05rem;
    height: .19rem;
    background: url('../img/m/des30.png?v1.7') no-repeat center / 100% 100%;
}
.img22 {
    width: 6.79rem;
    height: 4.2rem;
    margin: .4rem auto;
}