html {
    font-size: 100px
}

.content {
    width: 100%;
    height: 100%;
    background: #FFDE74
}

.content .loading-container {
    width: 100%;
    height: 100%;
    background: #FFDE74
}

.content .loading-container .percent-container {
    width: 3.2rem;
    height: 2.35rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    font-family: "-apple-system",PingFangSC-Regular,"Microsoft YaHei","Arial","sans-serif";
    color: #3a3a3a
}

.content .loading-container .percent-container .percent {
    font-size: 1.44rem;
    line-height: 2.02rem
}

.content .loading-container .percent-container .loading-desc {
    font-size: 0.24rem;
    line-height: 0.33rem
}

.content .swiper-container {
    visibility: hidden
}

.content .swiper-container .customer-service {
    cursor: pointer;
    position: absolute;
    width: 96px;
    height: 98px;
    right: 61px;
    bottom: 61px;
    background: url("01.png") no-repeat;
    background-size: 100% 100%;
    z-index: 99999;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease
}

.content .swiper-container .customer-service:hover {
    cursor: pointer;
    bottom: 65px;
    background: url("01.png") no-repeat;
    background-size: 100% 100%
}

.content .swiper-container .swiper-wrapper {
    height: 10.80rem
}

.content .swiper-container .swiper-wrapper .swiper-slide {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-family: "-apple-system",PingFang-SC-Medium,"Microsoft YaHei","Arial","sans-serif";
    color: #3A3A3A
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc {
    position: relative
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .font144 {
    font-size: 1.44rem;
    line-height: 1.14rem;
    margin-bottom: 0.15rem;
    margin-top: 0.6rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .font20 {
    font-size: 0.20rem;
    line-height: 0.20rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .font24 {
    font-size: 0.24rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .font36 {
    font-size: 0.36rem;
    line-height: 0.50rem;
    margin-bottom: 0.15rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .mb-20 {
    margin-bottom: 0.20rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn {
    margin-top: 0.30rem;
    font-family: "-apple-system",PingFangSC-Semibold,"Microsoft YaHei","Arial","sans-serif";
    width: 1.86rem;
    height: 0.53rem;
    padding: 0px;
    line-height: 0.49rem;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background: #3a3a3a;
    border: 2px solid #3a3a3a;
    border-radius: 1rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn-left {
    position: absolute;
    left: 0.60rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn-right {
    position: absolute;
    right: 0.60rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .desc .btn:hover {
    background: #FFFFFF;
    border: 2px solid #3a3a3a;
    color: #3a3a3a;
    border-radius: 1rem;
    cursor: pointer
}

.content .swiper-container .swiper-wrapper .swiper-slide .left {
    text-align: left;
    padding-left: 0.60rem
}

.content .swiper-container .swiper-wrapper .swiper-slide .right {
    text-align: right;
    padding-right: 0.60rem
}

.content .swiper-container .swiper-wrapper .swiper-1 {
    background-image: url("01.png")
}

.content .swiper-container .swiper-wrapper .swiper-2 {
    background-image: url("02.png")
}

.content .swiper-container .swiper-wrapper .swiper-3 {
    background-image: url("03.png")
}

.content .swiper-container .swiper-wrapper .swiper-4 {
    background-image: url("04.png")
}


.content .swiper-container .swiper-wrapper .swiper-5 {
    background-image: url("05.png")
}

.content .swiper-container .swiper-wrapper .swiper-6 {
    background-color: #FF3366
}

.content .swiper-container .swiper-wrapper .swiper-6 .qrcode .qrcode-image {
    height: 200px;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.content .swiper-container .swiper-wrapper .swiper-6 .copy-right {
    font-family: "-apple-system",PingFangSC-Regular,"Microsoft YaHei","Arial","sans-serif";
    font-size: 0.12rem;
    color: #3a3a3a;
    position: absolute;
    right: 38px;
    bottom: 20px
}

.content .swiper-container .swiper-wrapper .swiper-6 .copy-right a {
    color: #4990E2;
    text-decoration: underline
}

.content .swiper-container .swiper-wrapper .swiper-6 .copy-right span {
    display: inline-block
}

.content .swiper-container .swiper-wrapper .swiper-6 .copy-right .mrl-25 {
    margin-right: 25px;
    margin-left: 25px
}

.content .swiper-container .swiper-wrapper .swiper-6 .copy-right .mr-25 {
    margin-right: 25px
}

.content .swiper-container .swiper-pagination {
    right: 0.60rem
}

.content .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
    border: 1px solid #3a3a3a;
    opacity: 1;
    margin: 10px 0
}

.content .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #3a3a3a
}

@media (max-width: 960px) {
    .content .swiper-container .swiper-wrapper {
        height:540px
    }

    .content .swiper-container .swiper-wrapper .swiper-slide .desc .font144 {
        font-size: 72px;
        line-height: 57px;
        margin-bottom: 7.5px;
        margin-top: 30px
    }

    .content .swiper-container .swiper-wrapper .swiper-slide .desc .font20 {
        font-size: 10px;
        line-height: 10px
    }

    .content .swiper-container .swiper-wrapper .swiper-slide .desc .font24 {
        font-size: 18px
    }

    .content .swiper-container .swiper-wrapper .swiper-slide .desc .font36 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 7.5px
    }

    .content .swiper-container .swiper-wrapper .swiper-slide .desc .mb-20 {
        margin-bottom: 13px
    }

    .content .swiper-container .swiper-wrapper .swiper-slide .desc .btn {
        margin-top: 15px;
        width: 130px;
        height: 38.5px;
        line-height: 34px;
        border-radius: 50px
    }

    .content .swiper-container .swiper-wrapper .swiper-slide .desc .btn-left {
        left: 30px
    }

    .content .swiper-container .swiper-wrapper .swiper-slide .desc .btn-right {
        right: 30px
    }

    .content .swiper-container .swiper-wrapper .swiper-slide .desc .btn:hover {
        border: 1px solid #3a3a3a;
        border-radius: 50px
    }

    .content .swiper-container .swiper-wrapper .swiper-slide .left {
        padding-left: 30px
    }

    .content .swiper-container .swiper-wrapper .swiper-slide .right {
        padding-right: 30px
    }

    .content .swiper-container .swiper-pagination {
        right: 30px
    }

    .content .swiper-container .swiper-pagination .swiper-pagination-bullet {
        margin: 5px 0
    }
}