.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-pagination-bullet {
    background: #e3f7fe;
    border-radius: 0;
    color: #6d6c6d;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 12px !important;
    margin-right: 0 !important;
    opacity: 1;
    overflow: hidden;
    position: relative;
    width: 210px
}

.swiper-pagination-bullet:hover {
    background-color: hsla(0, 0%, 100%, .75);
    color: #217aff;
    font-family: SourceHanSansCN-Bold;
    font-weight: 800
}

.firstBanner {
    border-radius: 15px 0 0 15px
}

.lastBanner {
    border-radius: 0 15px 15px 0
}

.swiper-pagination-bullet-active {
    background-color: #fff;
    color: #217aff;
    font-family: SourceHanSansCN-Bold;
    position: relative
}

.swiper-pagination-bullet-active:after {
    animation: move 5s linear;
    background-color: #217aff;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 0
}

@keyframes move {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .swiper-pagination-bullet {
        height: 3px;
        line-height: 3px;
        width: 30px
    }
}

@media screen and (min-width:769px) and (max-width:1227px) {
    .swiper-pagination-bullet {
        height: 50px;
        line-height: 50px;
        width: 23%
    }
}

.boxOne___CVE19 {
    align-items: center;
    background-color: #fff;
    background-position: 50%;
    background-size: cover;
    display: flex;
    height: 100%;
    justify-content: space-around;
    padding: 20px 33px;
    width: 100%
}

.boxOne___CVE19 .textBox___ODaxZ {
    display: flex;
    flex-direction: column;
    width: 70%
}

.boxOne___CVE19 .textBox___ODaxZ .oneTitle____argf {
    font-family: SourceHanSansCN-Bold;
    font-size: 50px;
    margin-bottom: 20px;
    text-align: center
}

.boxOne___CVE19 .textBox___ODaxZ .title___FWaEV {
    word-wrap: break-word;
    font-family: SourceHanSansCN-Bold;
    font-size: 50px;
    margin-bottom: 5px
}

.boxOne___CVE19 .textBox___ODaxZ .subTitle___Q6Bm2 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 24px;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis
}

.boxOne___CVE19 .btnBox___Bdigp {
    display: flex
}

.boxTwo___DvoH6 {
    background-color: #fff;
    background-position: 50%;
    background-size: cover;
    overflow-y: auto;
    padding: 20px;
    text-align: center;
    width: 100%
}

.boxTwo___DvoH6 .textBox___ODaxZ {
    display: inline-block;
    margin: 0 auto 20px;
    text-align: center;
    vertical-align: middle;
    width: 70%
}

.boxTwo___DvoH6 .textBox___ODaxZ .titleBox___kcLEj {
    margin-bottom: 40px
}

.boxTwo___DvoH6 .textBox___ODaxZ .titleBox___kcLEj .oneTitle____argf {
    font-family: SourceHanSansCN-Bold;
    font-size: 50px;
    margin-bottom: 20px;
    text-align: center
}

.boxTwo___DvoH6 .textBox___ODaxZ .titleBox___kcLEj .title___FWaEV {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: SourceHanSansCN-Bold;
    font-size: 50px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.boxTwo___DvoH6 .textBox___ODaxZ .titleBox___kcLEj .subTitle___Q6Bm2 {
    font-family: SourceHanSansCN-Normal;
    font-size: 18px;
    line-height: 37px;
    margin-bottom: 20px;
    text-align: center;
}

.boxTwo___DvoH6:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.boxThree___gfoxk {
    background-color: #fff;
    background-position: 50%;
    background-size: cover;
    height: 100%;
    padding: 20px;
    text-align: center;
    width: 100%
}

.boxThree___gfoxk .textBox___ODaxZ {
    align-items: center;
    display: inline-block;
    font-family: SourceHanSansCN-Regular;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 70%
}

.boxThree___gfoxk .textBox___ODaxZ .titleBox___kcLEj {
    margin-bottom: 40px
}

.boxThree___gfoxk .textBox___ODaxZ .titleBox___kcLEj .oneTitle____argf {
    font-family: SourceHanSansCN-Bold;
    font-size: 50px;
    margin-bottom: 20px;
    text-align: center
}

.boxThree___gfoxk .textBox___ODaxZ .titleBox___kcLEj .title___FWaEV {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 50px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.boxThree___gfoxk:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

@media screen and (min-width:769px) and (max-width:1226px) {
    .boxOne___CVE19 {
        align-items: center;
        background-color: #fff;
        background-position: 50%;
        background-size: cover;
        display: flex;
        height: 100%;
        justify-content: space-around;
        padding: 20px 33px;
        width: 100%
    }

    .boxOne___CVE19 .textBox___ODaxZ {
        display: flex;
        flex-direction: column;
        width: 95% !important
    }

    .boxOne___CVE19 .textBox___ODaxZ .oneTitle____argf {
        font-family: SourceHanSansCN-Bold;
        font-size: 40px !important;
        margin-bottom: 20px;
        text-align: center
    }

    .boxOne___CVE19 .textBox___ODaxZ .title___FWaEV {
        word-wrap: break-word;
        font-family: SourceHanSansCN-Bold;
        font-size: 40px !important;
        margin-bottom: 5px
    }

    .boxOne___CVE19 .textBox___ODaxZ .subTitle___Q6Bm2 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 24px !important;
        margin-bottom: 20px;
        overflow: hidden;
        text-align: justify;
        text-overflow: ellipsis
    }

    .boxOne___CVE19 .btnBox___Bdigp {
        display: flex
    }

    .boxTwo___DvoH6 {
        background-color: #fff;
        background-position: 50%;
        background-size: cover;
        overflow-y: auto;
        padding: 20px;
        text-align: center;
        width: 100%
    }

    .boxTwo___DvoH6 .textBox___ODaxZ {
        display: inline-block;
        margin: 0 auto 20px;
        text-align: center;
        vertical-align: middle;
        width: 70%
    }

    .boxTwo___DvoH6 .textBox___ODaxZ .titleBox___kcLEj {
        margin-bottom: 40px
    }

    .boxTwo___DvoH6 .textBox___ODaxZ .titleBox___kcLEj .oneTitle____argf {
        font-family: SourceHanSansCN-Bold;
        font-size: 40px !important;
        margin-bottom: 20px;
        text-align: center
    }

    .boxTwo___DvoH6 .textBox___ODaxZ .titleBox___kcLEj .title___FWaEV {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-family: SourceHanSansCN-Bold;
        font-size: 40px !important;
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .boxTwo___DvoH6 .textBox___ODaxZ .titleBox___kcLEj .subTitle___Q6Bm2 {
        font-family: SourceHanSansCN-Normal;
        font-size: 18px;
        line-height: 37px;
        margin-bottom: 20px;
        text-align: center;
        white-space: pre-wrap
    }

    .boxThree___gfoxk .textBox___ODaxZ .titleBox___kcLEj .title___FWaEV {
        display: block;
        font-size: 40px !important;
        overflow: inherit;
        text-overflow: clip
    }
}

@media screen and (max-width:768px) {
    .boxOne___CVE19 {
        height: 275px !important;
        padding-bottom: 50px
    }

    .boxOne___CVE19 .textBox___ODaxZ {
        align-items: flex-start;
        justify-content: center;
        width: 100% !important
    }

    .boxOne___CVE19 .textBox___ODaxZ .title___FWaEV {
        display: block;
        font-size: 30px !important;
        overflow: visible;
        overflow: initial;
        text-overflow: clip
    }

    .boxOne___CVE19 .textBox___ODaxZ .subTitle___Q6Bm2 {
        font-size: 20px !important
    }

    .boxThree___gfoxk {
        padding-bottom: 50px
    }

    .boxThree___gfoxk,
    .boxTwo___DvoH6 {
        height: auto !important;
        margin: 0 auto !important;
        padding: 50px 0 !important
    }

    .boxThree___gfoxk .textBox___ODaxZ,
    .boxTwo___DvoH6 .textBox___ODaxZ {
        width: 94%
    }

    .boxThree___gfoxk .textBox___ODaxZ .titleBox___kcLEj,
    .boxTwo___DvoH6 .textBox___ODaxZ .titleBox___kcLEj {
        margin-bottom: 20px
    }

    .boxThree___gfoxk .textBox___ODaxZ .titleBox___kcLEj .title___FWaEV,
    .boxTwo___DvoH6 .textBox___ODaxZ .titleBox___kcLEj .title___FWaEV {
        display: block;
        font-size: 30px !important;
        margin-bottom: 20px;
        overflow: visible;
        overflow: initial;
        text-overflow: clip
    }

    .boxThree___gfoxk .textBox___ODaxZ .titleBox___kcLEj .subTitle___Q6Bm2,
    .boxTwo___DvoH6 .textBox___ODaxZ .titleBox___kcLEj .subTitle___Q6Bm2 {
        font-size: 16px !important
    }
}

.loadMark___T66_Q {
    background-color: rgba(0, 0, 0, .1);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.loading___vQd75 {
    align-items: center;
    display: flex;
    height: 200px;
    justify-content: center;
    left: 0;
    margin-top: -100px;
    position: fixed;
    top: 40%;
    width: 100%
}