/* @media only screen and (max-width: 750px) { */
html {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
}

canvas,
#video {
    pointer-events: none;
}

:deep(ui-audio div) {
    display: none !important;
}

.operate-volume,
.operate-more,
.operate-rate,
.operate-loop,
.operate-custom {
    display: none !important;
}

::-webkit-scrollbar {
    display: none;
}

.single-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.audioBg {
    height: 0;
}

.slideU {
    display: none;
    z-index: 2;
    width: 22.6rem;
    height: 3.4rem;
    background: url(../img/base/slide.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 2rem;
    left: 50%;
    margin-left: -11.3rem;

    animation: fadeInUp;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

#swiper-footer .swiper-slide {
    height: auto;
}

body .popU {
    z-index: 4;
}

.box-in {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75rem;
    height: 133.4rem;
}

.slg {
    top: 7.95%;
    left: 0rem;
    height: 7rem;
    z-index: 2;
}

.bgL {
    display: none;
    pointer-events: none;
    z-index: 2;
    width: 3.2rem;
    height: 100%;
    background: linear-gradient(0deg, #87ade6 0%, #c4f1ff 100%);
}

.bgL::after {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(50%);
    content: '';
    display: block;
    width: 2.7rem;
    height: 103.6rem;
    background: url(../img/base/line.png) no-repeat;
    background-size: 100% 100%;
}

.bgR {
    display: none;
    pointer-events: none;
    z-index: 2;
    width: 3.2rem;
    height: 100%;
    background: linear-gradient(0deg, #87ade6 0%, #c4f1ff 100%);
}

.bgR::after {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-50%);
    content: '';
    display: block;
    width: 2.7rem;
    height: 103.6rem;
    background: url(../img/base/line.png) no-repeat;
    background-size: 100% 100%;
}

.z2 {
    z-index: 2;
}

.eventsN {
    pointer-events: none;
}

.eventsN section {
    pointer-events: all;
}

.footerU {
    display: none;
    /* transition: 1s all; */
    pointer-events: none;
}

.footerU .footer {
    transition: 1s all;
    bottom: -35rem;
}

body.footerShow .footerU {
    display: flex;
    pointer-events: all;
    top: 0;
    background: rgba(89, 102, 121, .7);
}

body.footerShow .footerU .footer {
    bottom: 0;
}

.closeU {
    cursor: pointer;
    top: 5.3rem;
    right: 1.9rem;
    width: 3.8rem;
    height: 3.8rem;
    background: url(../img/base/close.png) no-repeat;
    background-size: 100% 100%;
}

.v-scrollbar {
    top: 17rem;
    right: 2rem;
    width: 0.7rem;
    height: calc(100% - 25rem);
    background: linear-gradient(0deg, #003D76 0%, #66A6FF 100%);
    border-radius: 0.35rem;
}

.v-scrollbar span,
.v-scrollbar a {
    width: 0.7rem;
    /* max-height: 13.2rem; */
    background: #FFFFFF;
    border-radius: 0.35rem;

    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    cursor: pointer;
    text-indent: -999em;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    box-sizing: content-box;
}

.pop-show {
    cursor: pointer;
}

.swiper-slide-active {
    z-index: 1;
}

.layui-layer-dialog .layui-layer-content {
    text-align: center;
}

.layui-layer-btn a {
    font-size: 2rem;
    width: 15rem;
    text-align: center;
}

.layui-layer-btn .layui-layer-btn0 {
    background-color: rgba(89, 102, 121, .5) !important;
}

body .layui-layer-btn .layui-layer-btn1 {
    background-color: #333;
    color: #FFFFFF;
}

body .layui-layer-hui {
    border-radius: 3rem;
    overflow: hidden;
    margin-top: -1.5rem;
}

body .layui-layer-hui .layui-layer-content {
    font-size: 2rem;
    padding: 1rem 3rem;
}

.footer {
    width: 100%;
    height: 35rem;
    background-color: #1E2A42;
    flex-wrap: wrap;
    padding: 2rem 0;
    row-gap: 1rem;
    /* padding-left: 3.2rem; */
}

.footer .logo1 {
    /* margin-top: 2.7rem; */
    width: 4.6rem;
    height: 9.6rem;
}

.footer .logo2 {
    /* margin-top: 4.3rem; */
    margin-left: 2.2rem;
    width: 15.8rem;
    height: 6.3rem;
}

.footer .txt1 {
    /* margin-top: 4.9rem; */
    margin-left: 3.3rem;
    width: 36.4rem;
    font-family: SourceHanSansCN;
    font-weight: 300;
    font-size: 1.4rem;
    color: #FEFEFE;
    line-height: 2.4rem;
}

.footer .txt2 {
    /* margin-top: 4.6rem; */
    /* margin-left: 12rem; */
    width: 90%;
    font-family: SourceHanSansCN;
    font-weight: 300;
    font-size: 1.4rem;
    color: #FFFFFF;
    line-height: 2.4rem;
}

.footer .txt2 a:not(.flex) {
    display: inline-block;
}

.footer .ba-icon {
    width: 1.2rem;
    display: inline-block;
    margin-right: 0.6rem;
}

.headerU {
    z-index: 3;
}

.header {
    width: 100%;
    height: 8rem;
    padding: 1.7rem 2rem 1.3rem .8rem;
    pointer-events: all;
    background-color: rgba(255, 255, 255, .6);
    align-items: center;
    justify-content: flex-end;
}

.header.active .txt {
    display: none;
}

.header.active .exitU {
    display: flex;
}

.header .logo {
    width: 16.7rem;
    height: 6.8rem;
    margin-right: auto;
}

.header .login-btn {
    width: 10.7rem;
    height: 3.9rem;
    margin-left: .9rem;
}

.header .txt {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 2.4rem;
    color: #637DB0;
}

.header .phone {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 2.4rem;
    color: #637DB0;
    margin: 0 2rem;
}

.header .exit {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 2.4rem;
    color: #637DB0;
}

.header .exitU {
    /* margin-top: 1.8rem; */
    display: none;
    width: 35.9rem;
    height: 4.9rem;
    /* background: url(../img/header/exitU.png) no-repeat;
        background-size: 100% 100%; */
}

.header .exitU .photo {
    width: 3rem;
    height: 3rem;
    margin-left: 2rem;
}

.header .menuU {
    width: 4.8rem;
    height: 4rem;
    margin-left: 3.5rem;
}

.load {
    width: 100%;
    height: 100%;
    background: url(../img/load/bg.jpg) rgba(248, 247, 237, 1) no-repeat;
    background-size: cover;
    z-index: 9;
}

.load::before {
    display: block;
    content: '';
    width: 100vw;
    height: 100vh;
    background: url(../img/load/bg.jpg) rgba(248, 247, 237, 1) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.load .mask {
    bottom: 19.7rem;
    animation: jackInTheBox;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.load .icon {
    width: 31.4rem;
    height: 28.8rem;
    margin-bottom: 4.9rem;
    margin-top: 3rem;
}

.load .txt {
    line-height: 3.1rem;
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 3.8rem;
    color: #895A32;
}

.load .toast {
    line-height: 3.1rem;
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 2rem;
    color: #895A32;
    margin-bottom: 3rem;
    width: 100%;
    text-align: center;
}

.pop-qq {
    display: none;
    z-index: 2;
}

.pop-qq .bg {
    background-color: rgba(0, 0, 0, .8);
}

.pop-qq .box {
    width: 51.5rem;
    height: 44.9rem;
    background: url(../img/base/qq-bg.png) no-repeat;
    background-size: 100% 100%;
    transform: scale(1.3) translate(-50%, -50%);
    transform-origin: left top;
}

.pop-qq .copy {
    margin-left: auto;
    width: 12rem;
    height: 4rem;
    background: url(../img/base/qq-copy.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;

    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 1.6rem;
    color: #fff;
}

.pop-qq .item {
    width: 32.5rem;
    height: 4rem;
    background: url(../img/base/qq-item.png) no-repeat;
    background-size: 100% 100%;
    padding-left: 3rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    font-size: 1.4rem;
    color: #6B8BBD;
    column-gap: 2.5rem;
}

.pop-qq .itemU {
    top: 14rem;
    row-gap: 2rem;
    height: 10em;
    overflow-y: scroll;
    width: 80%;
}

.pop-qq .closeU {
    top: 0;
    right: 0;
    cursor: pointer;
    width: 5.1rem;
    height: 5.1rem;
    background: url(../img/login/close.png) no-repeat;
    background-size: 100% 100%;
}

.pop-exit {
    display: none;
    z-index: 2;
}

.pop-exit .bg {
    background-color: rgba(0, 0, 0, .8);
}

.pop-exit .box {
    width: 46rem;
    height: 28.9rem;
    background: url(../img/base/exit-bg.png) no-repeat;
    background-size: 100% 100%;
}

.pop-exit .name {
    margin-top: 10rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    font-size: 2.4rem;
    color: #667BB0;
    line-height: 2.2rem;
    text-align: center;
}

.pop-exit .closeU {
    top: 1rem;
    right: 1.3rem;
    cursor: pointer;
    width: 3.9rem;
    height: 3.9rem;
    background: url(../img/login/close.png) no-repeat;
    background-size: 100% 100%;
}

.pop-exit .btnU {
    column-gap: 3rem;
    margin-top: 5rem;
}

.pop-exit .cancel {
    display: block;
    cursor: pointer;
    width: 18.3rem;
    height: 7.3rem;
    background: url(../img/base/exit-cancel.png) no-repeat;
    background-size: 100% 100%;
}

.pop-exit .confirm {
    display: block;
    cursor: pointer;
    width: 18.3rem;
    height: 7.3rem;
    background: url(../img/base/exit-confirm.png) no-repeat;
    background-size: 100% 100%;
}

.login {
    display: none;
    z-index: 2;
}

.login .bg {
    background-color: rgba(0, 0, 0, .8);
}

.login .box {
    top: calc(50% - 6rem);
    left: calc(50% - 8rem);
    width: 112.1rem;
    height: 60.9rem;
    background: url(../img/login/bg.png) no-repeat;
    background-size: 100% 100%;
    transform: scale(.9) translate(-50%, -50%);
}

.login .icon {
    display: block;
    width: 24.6rem;
    height: 29.2rem;
    background: url(../img/login/icon.png) no-repeat;
    background-size: 100% 100%;
    left: 17.5rem;
    bottom: 4.5rem;
}

.login .btn {
    bottom: 10rem;
    display: block;
    width: 22.4rem;
    height: 7.5rem;
    background: url(../img/login/btn.png) no-repeat;
    background-size: 100% 100%;
    left: calc(50% + 3rem);
    cursor: pointer;
}

.login .code {
    width: 18rem;
    height: 6.5rem;
    background: url(../img/login/input-code.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;

    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 1.6rem;
    color: #fff;
}

.login input {
    display: block;
    width: 45rem;
    height: 8rem;
    background: url(../img/login/input-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 0 5rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 2rem;
    color: #838CA0;
}

.login .input2 input {
    padding-right: 20rem;
}

.login .input1 {
    margin-bottom: 1rem;
}

.login .btnU {
    gap: 15rem;
    top: 35rem;
    left: calc(50% + 4rem);
}

.login .btnU .icon-qq {
    position: relative;
    width: 5rem;
    height: 5rem;
    margin-bottom: 2.6rem;
    background: url(../img/share/icon-qq.png) #6f7c9e no-repeat center;
    background-size: 1.9rem 2.3rem;
    background-position: center;
    border-radius: 50%;
    display: block;
    transform: scale(3);
    border: .5rem solid #d7e5f2;
}

.login .btnU .icon-vx {
    position: relative;
    width: 5rem;
    height: 5rem;
    margin-bottom: 2.7rem;
    background: url(../img/share/icon-vx.png) #6f7c9e no-repeat center;
    background-size: 2.6rem 2.2rem;
    background-position: center;
    border-radius: 50%;
    display: block;
    transform: scale(3);
    border: .5rem solid #d7e5f2;
}

.login .form {
    top: 24rem;
    left: calc(50% + 3rem);
}

.login .close {
    cursor: pointer;
    top: 0rem;
    right: 14.5rem;
    width: 5.1rem;
    height: 5.1rem;
    background: url(../img/login/close.png) no-repeat;
    background-size: 100% 100%;
}

.navU {
    /* background: rgba(255, 255, 255, .59); */
    display: none;
    background: linear-gradient(rgba(255, 255, 255, .59) 0%, rgba(255, 255, 255, .59) 90%, rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.nav {
    /* padding-left: 3rem; */
    pointer-events: all;
    /* height: max-content; */
    width: 100%;
}

.nav .bg {
    pointer-events: none;
    display: none;
    width: 41rem;
    height: 100%;
    background: url(../img/nav/bg.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.nav .arrow {
    display: none;
    cursor: pointer;
    margin-right: .3rem;
    width: 3.2rem;
    height: 7.4rem;
    background: url(../img/nav/arrow.png) no-repeat;
    background-size: 100% 100%;
}

.nav .arrow.active {
    transform: rotate(-180deg);
}

.nav .box {
    width: 100%;
    height: 100%;
    /* background: url(../img/nav/line.png) no-repeat;
        background-size: auto 100%;
        background-position: .6rem center; */
}

.nav .box a {
    cursor: pointer;
    /* padding-left: 3.4rem;
        padding-right: 2.2rem; */
    position: relative;
    /* width: 21.2rem; */
    height: 10rem;
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 3rem;
    color: #637DB0;
    justify-content: center;
}

/* .nav .box a.active {
        padding-left: 3.9rem;
        font-size: 2.2rem;
        color: #375186;
        background: url(../img/nav/hvr-bg.png) no-repeat;
        background-size: 21.2rem 4.6rem;
        background-position: right 2.3rem;
    } */

/* .nav .box a::before {
        content: '';
        display: block;
        width: 2rem;
        height: 2rem;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: url(../img/nav/icon.png) no-repeat;
        background-size: 1.3rem 1.3rem;
        background-position: center;
    } */

.nav .box a.active::before {
    content: '';
    display: block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/nav/hvr-icon.png) no-repeat;
    background-size: 2rem 2rem;
    background-position: center;
}

.page1 .tip16 {
    position: absolute;
    bottom: 10rem;
    left: 4rem;
    width: 7.3rem;
    height: 9.4rem;
}

.page1 .bg,
.page1 video {
    object-fit: cover;
}

.page1 .logo {
    display: none;
    top: 2.1rem;
    left: 23.5rem;
    width: 30.8rem;
    height: 12.4rem;
}

.page1 .btn {
    cursor: pointer;
    width: 19.2rem;
    height: 5.3rem;
    background: rgba(30, 33, 41, 0.5);
    border-radius: 2.6rem;
    border: 1px solid #80B3F6;

    font-family: SourceHanSansCN;
    font-weight: 800;
    font-size: 1.81rem;
    color: #FFFFFF;
}

.page1 .btn .icon {
    width: 2.7rem;
    height: 3.2rem;
}

.page1 .play {
    width: 10rem;
    height: 10rem;
    z-index: 2;
    top: auto;
    transform: translateX(-50%);
    bottom: 41.2rem;
}

.page1 .title {
    width: 69.7rem;
    bottom: 19.8rem;
}

.page1 .box-mobile {
    display: none;
    right: 3.7rem;
    bottom: 4rem;
}

.page1 .box-btn {
    row-gap: 1.7rem;
}

.page1 .download {
    width: 30.8rem;
    height: 11.2rem;
    bottom: 5.3rem;
    pointer-events: all;
}

.page1 .reservation.disable {
    cursor: no-drop;
    pointer-events: none;
    background: url(../img/page1/downloadD.png) no-repeat;
    background-size: 100% 100%;
}

.page1 .reservation {
    cursor: pointer;
    pointer-events: all;
    display: block;
    width: 30.7rem;
    height: 10rem;
    background: url(../img/page1/download.png) no-repeat;
    background-size: 100% 100%;
}

.page1 .download1 {
    display: none;
}

.page1 .download-txt {
    width: 31.7rem;
    line-height: 6.4rem;
    background: url(../img/page1/download-txt.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 2.2rem;
    color: #895A31;
}

.page1 .code {
    /* display: none; */
    width: 12.64rem;
    height: 12.61rem;
    background: #1E2129;
    border-radius: 0.5rem;
    background: url(../img/page1/code.png) no-repeat;
    background-size: 100% 100%;
}

.page1 .codeU {
    right: calc(100% + 2.2rem);
}

.page1 .txt {
    margin-top: .5rem;
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 2rem;
    color: #FFFFFF;
    text-shadow: .1rem .1rem .1rem rgba(30, 33, 41, 0.5);
}

.page2 {
    background: url(../img/page2/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.page2 .starLT {
    width: 23.3rem;
    height: 21.3rem;
    background: url(../img/base/bg-starLT.png) no-repeat;
    background-size: 100% 100%;
}

.page2 .starRT {
    width: 13.1rem;
    height: 11.1rem;
    background: url(../img/base/bg-starRT.png) no-repeat;
    background-size: 100% 100%;
}

.page2 .bg-milestone {
    display: none;
    position: absolute;
    top: 24.6rem;
    left: 29.2rem;
    width: 96.19rem;
    height: 11.57rem;
}

.page2 .line-bg {
    position: absolute;
    top: 6.2rem;
    left: 2.3rem;
    width: 1rem;
    height: 96rem;
    background: url(../img/page2/plan-line0.png) no-repeat;
    background-size: 100% 100%;
}

.page2 .line {
    position: relative;
    width: 100%;
    height: 0%;
    background: url(../img/page2/plan-line1.png) no-repeat;
    background-size: 100% auto;
}

.page2 .line::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 4.5rem;
    background: url(../img/page2/plan-end.png) no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
}

.page2 .box-line {
    position: relative;
    width: 6.8rem;
    height: 102rem;
    background: url(../img/page2/plan-bg.png) no-repeat;
    background-size: 100% 100%;
    top: 17rem;
}

.page2 .line-icon {
    position: absolute;
    top: .5rem;
    left: 1rem;
    width: 4.3rem;
    height: 4.1rem;
    background: url(../img/page2/plan-icon.png) no-repeat;
    background-size: 100% 100%;
}

.page2 .box-item1 {
    margin-top: 27rem;
}

.page2 .box-item2 {
    margin-top: 17rem;
}

.page2 .itemBox {
    width: 18rem;
    height: 25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page2 .item {
    flex-shrink: 0;
    width: 25.1rem;
    height: 34.9rem;
    background: url(../img/page2/card-bg0.png) no-repeat;
    background-size: 100% 100%;
    transform: scale(.72);
}

.page2 .item .num {
    text-align: center;
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 3.62rem;
    color: #FFFFFF;
    margin-top: 7.5rem;
    line-height: 3.1rem;
}

.page2 .item .num i {
    font-size: 1.7rem;
}

.page2 .item .name {
    line-height: 1.8rem;
    font-family: SourceHanSerifCN;
    font-weight: 500;
    font-size: 1.8rem;
    color: #FFFFFF;
    margin-top: .5rem;
}

.page2 .item .icon {
    width: 11.4rem;
    height: 9.6rem;
    margin-top: 1.1rem;
}

.page2 .item .tag {
    width: 12.4rem;
    height: 2.7rem;
    background: url(../img/page2/card-tab0.png) no-repeat;
    background-size: 100% 100%;

    font-family: SourceHanSansCN;
    font-weight: 500;
    font-size: 1.6rem;
    color: #E9E9E9;
    text-align: center;
    line-height: 2.7rem;
}

.page2 .itemBox.active .item {
    width: 25.1rem;
    height: 34.9rem;
    background: url(../img/page2/card-bg1.png) no-repeat;
    background-size: 100% 100%;
}

.page2 .box-item1 .item::after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1rem;
    background: url(../img/page2/arrow0.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 40%;
    right: -1.4rem;
    transform: rotate(-90deg);
}

.page2 .box-item2 .item::after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1rem;
    background: url(../img/page2/arrow0.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    position: absolute;
    top: 40%;
    left: -3.4rem;
    transform: rotate(90deg);
}

.page2 .box-item1 .item.active::after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1rem;
    background: url(../img/page2/arrow1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 40%;
    right: -1.4rem;
    transform: rotate(-90deg);
}

.page2 .box-item2 .item.active::after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1rem;
    background: url(../img/page2/arrow1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 40%;
    left: -3.4rem;
    transform: rotate(90deg);
}

.page2 .item.active .tag {
    width: 12.4rem;
    height: 2.7rem;
    background: url(../img/page2/card-tab1.png) no-repeat;
    background-size: 100% 100%;

    font-family: SourceHanSansCN;
    font-weight: 500;
    font-size: 1.6rem;
    color: #FFF6B8;
    text-align: center;
    line-height: 2.7rem;
}


.page3-list .swiper.active {
    display: block;
}

.page3-list .title {
    width: calc(100% - 7.6rem);
    margin: 5.8rem 3.8rem 0;
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 4rem;
    color: #45475D;

    background: url(../img/base/pop-icon.png) no-repeat;
    background-size: auto 3rem;
    background-position: left center;
    padding-left: 4rem;
    z-index: 1;
    position: relative;
}

.page3-list .box-tab::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: .1rem;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
}

.page3-list .box-tab {
    position: absolute;
    column-gap: 7.5rem;
    width: max-content;
    height: 5.4rem;
    top: 14rem;
    padding-right: 2rem;
    padding-left: 2rem;
    left: 50%;
    transform: translateX(-50%);
    /* background: linear-gradient(to right, rgba(143, 200, 254, 0) 0%, rgba(143, 200, 254, 1) 20%, rgba(143, 200, 254, 1) 80%, rgba(143, 200, 254, 0) 100%); */
}

.page3-list .box-tab .tab {
    cursor: pointer;
    padding: 2.2rem 0;
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 2.2rem;
    color: #334D83;
    line-height: 1.9rem;
    z-index: 1;
}

.page3-list .box-tab .tab.active {
    font-weight: bold;
    background: url(../img/page3/list/tab-hvr.png) no-repeat;
    background-size: 2.7rem 1.6rem;
    background-position: center bottom;
    font-size: 3rem;
}

.page3-list .pagingU {
    gap: 8rem;
    bottom: 3rem;
    z-index: 2;
}

.page3-list .prev {
    cursor: pointer;
    width: 3.9rem;
    height: 4.6rem;
    background: url(../img/page3/list/arrow.png) no-repeat;
    background-size: 100% 100%;
}

.page3-list .next {
    cursor: pointer;
    width: 3.9rem;
    height: 4.6rem;
    background: url(../img/page3/list/arrow.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
}

.page3-list .paging {
    cursor: pointer;
    width: 7.5rem;
    height: 7.2rem;
    background: url(../img/page3/list/paging.png) no-repeat;
    background-size: 100% 100%;

    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 2.4rem;
    color: #FFFFFF;
    text-shadow: 0rem 0rem 1rem rgba(18, 58, 104, 0.34);
}

.page3-list {
    background: url(../img/page3/list/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 2;
}

.page3-list .swiper {
    transform: scale(1.05);
}

.page3-list .starLT {
    width: 23.3rem;
    height: 21.3rem;
    background: url(../img/base/bg-starLT.png) no-repeat;
    background-size: 100% 100%;
}

.page3-list .starRT {
    width: 13.1rem;
    height: 11.1rem;
    background: url(../img/base/bg-starRT.png) no-repeat;
    background-size: 100% 100%;
}

.page3-list .swiper-slide-active .contentU {
    column-gap: 1rem;
    row-gap: 1rem;
    display: flex;
}

.page3-list .contentU {
    display: none;
    width: 84.5%;
    margin: 23.5rem auto 0;
}

.page3-list .itemU .logoU {
    width: 31.1rem;
    height: 20.5rem;
    background: url(../img/page3/list/item-bg.png) no-repeat;
    background-size: 100% 100%;
}

.page3-list .itemU .logo {
    width: 28.7rem;
    height: 18.1rem;
    margin-top: 0.9rem;
    margin-left: 1.1rem;
}

.page3-list .itemU .name {
    font-family: SourceHanSansSC;
    font-weight: 500;
    font-size: 1.8rem;
    color: #322A1F;
    padding: 0 1.4rem;
}

.page3-list .itemU .time {
    display: none;
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 1.6rem;
    color: #322A1F;
    margin-top: .5rem;
    padding: 0 1.4rem;
}

/* .page3-list .itemU:hover .name {
        font-weight: bold;
    } */

.page3-list .closeU {
    width: 21.2rem;
    height: 4.6rem;
    background: url(../img/page3/list/close.png) no-repeat;
    background-size: 100% 100%;
}

.page3-pop {
    z-index: 2;
    /* padding-left: 28rem; */
    background: url(../img/base/pop-bg.png) no-repeat;
    background-size: cover;
}

.page3-pop .box {
    padding-top: 15.5rem;
    height: 100%;
}

.page3-pop .titleU {
    flex-direction: column;
    align-items: flex-start;
}

.page3-pop .contentU::-webkit-scrollbar {
    display: none;
}

.page3-pop .contentU {
    overflow-y: scroll;
    margin: 0 auto;
    width: 71.2rem;
    height: 100%;
}

.page3-pop .title {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 4rem;
    color: #45475D;

    background: url(../img/base/pop-icon.png) no-repeat;
    background-size: auto 3rem;
    background-position: 3rem center;
    padding-left: 7.8rem;
    line-height: 4.2rem;
    padding-right: 3rem;
}

.page3-pop .time {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 2.4rem;
    color: #45475D;
    opacity: 0.5;
    margin-left: 7.8rem;
}

.page3-pop .contentU .contentTxt {
    margin-top: 4.3rem;
    padding-top: 3.2rem;
    padding-left: 2.2rem;
    padding-right: 2.8rem;
    padding-bottom: 2rem;
    background: url(../img/base/pop-white.png) no-repeat;
    background-size: cover;
}

.page3-pop .contentU .content {
    font-family: SourceHanSerifCN;
    font-weight: bold;
    font-size: 2rem;
    color: #45475D;
    line-height: 3.6rem;
    font-size: 2.6rem;
}

.page3-pop .contentU .indent {
    text-indent: 2em;
}

.page3-pop .contentU .red {
    font-weight: 400;
    color: rgba(255, 126, 126, 1);
}

.page3-pop .contentU .white {
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


.page3 {
    background: url(../img/page3/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.page3 .swiper-page3-contentU {
    height: 60rem;
}

.page3 .more {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 4.5rem;
    width: 19.5rem;
    height: 3.7rem;
    background: url(../img/page3/more.png) no-repeat;
    background-size: 100% 100%;
}

.page3 .starLT {
    width: 23.3rem;
    height: 21.3rem;
    background: url(../img/base/bg-starLT.png) no-repeat;
    background-size: 100% 100%;
}

.page3 .starRT {
    width: 13.1rem;
    height: 11.1rem;
    background: url(../img/base/bg-starRT.png) no-repeat;
    background-size: 100% 100%;
}

.page3 .bg-news {
    position: absolute;
    bottom: 15rem;
    right: 8.9rem;
    width: 26.16rem;
    height: 6.57rem;
    display: none;
}

.page3 .box-content {
    position: absolute;
    top: 21rem;
    width: 100%;
    flex-direction: column;
}

/* .page3 .contentU {
        display: none;
    } */

.page3 .contentU.show {
    display: flex;
}

.page3 .boxL {
    z-index: 1;
    position: relative;
    margin-top: 1.3rem;
    margin-left: 3.7rem;
    padding-top: 2.3rem;
    padding-left: 4rem;
    flex-shrink: 0;
    width: 67.4rem;
    height: 42.4rem;
    background: url(../img/page3/logo-bg.png) no-repeat;
    background-size: 100% 100%;
}

.page3 .boxL .swiper {
    overflow: hidden;
    width: 59.8rem;
    height: 36.4rem;
    margin: 0;
}

.page3 .boxL .pop {
    width: 80.6rem;
    bottom: 0;
    text-align: center;
    line-height: 4.7rem;
    font-family: SourceHanSansSC;
    font-weight: bold;
    font-size: 2rem;
    color: #FFFFFF;
    background: linear-gradient(to right, rgba(64, 64, 64, 0) 0%, rgba(64, 64, 64, 1) 20%, rgba(64, 64, 64, 1) 80%, rgba(64, 64, 64, 0) 100%);
}

.page3 .box-tab::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: .1rem;
    background: linear-gradient(to right, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 1) 95%, rgba(255, 255, 255, .1) 100%);
}

.page3 .box-tab {
    display: none;
    margin-right: 2rem;
    margin-bottom: 2.5rem;
    position: relative;
    column-gap: 4.4rem;
    width: max-content;
    height: 5.4rem;
    /* background: linear-gradient(to right, rgba(143, 200, 254, 0) 0%, rgba(143, 200, 254, 1) 20%, rgba(143, 200, 254, 1) 80%, rgba(143, 200, 254, 0) 100%); */
}

.page3 .box-tab.show {
    position: absolute;
    top: 65rem;
    left: 50%;
    display: flex;
    transform: translateX(-50%);
    z-index: 2;
}

.page3 .box-tab .tab {
    cursor: pointer;
    padding: 2.2rem 2.2rem;
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 2.2rem;
    color: #334D83;
    line-height: 1.9rem;
    z-index: 1;
}

.page3 .box-tab .tab.active {
    font-weight: bold;
    background: url(../img/page3/tab-hvr.png) no-repeat;
    background-size: 2.7rem 1.6rem;
    background-position: center bottom;
    font-size: 3rem;
}

.page3 .itemU {
    margin-top: 10rem;
    row-gap: 1rem;
    column-gap: 4.5rem;
    justify-content: center;
    align-items: center;
}

.page3 .item {
    width: 31.1rem;
}

.page3 .item .logo {
    width: 31.1rem;
    height: 20.4rem;
}

.page3 .item .time {
    display: none;
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 1.6rem;
    color: #322A1F;
    padding-left: .8rem;
}

.page3 .item .info {
    margin-top: .3rem;
    font-family: SourceHanSansSC;
    font-weight: 500;
    font-size: 1.8rem;
    color: #322A1F;
    margin-left: 1rem;
}

.page3 .prev {
    width: 3.9rem;
    height: 4.6rem;
    background: url(../img/page3/arrow.png) no-repeat;
    background-size: 100% 100%;
    right: calc(100% - 2.5rem);
}

.page3 .next {
    cursor: pointer;
    width: 3.9rem;
    height: 4.6rem;
    background: url(../img/page3/arrow.png) no-repeat;
    background-size: 100% 100%;
    left: calc(100% - 1rem);
    transform: rotate(180deg) translateY(50%);
}

.page3 .logo {
    width: 100%;
    height: 100%;
}


.page4 .logo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page4 .infoU {
    padding-top: 9.2rem;
    width: max-content;
    height: 38.2rem;
    top: calc(50% - 4.4rem);
    background: url(../img/page4/name-bg.png) no-repeat;
    background-size: 100% 100%;
}

.page4 .infoU .name {
    font-family: SourceHanSansCN;
    font-weight: 500;
    font-size: 4.9rem;
    color: #FFFFFF;
    text-shadow: 0rem 0rem 2rem rgba(34, 75, 101, 0.88);
    opacity: 0.8;
}

.page4 .infoU .doc {
    margin-top: 6.5rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 2rem;
    color: #FFFFFF;
    line-height: 3rem;
    opacity: 0.8;
    text-align: center;
}


.page4 .tabU .prev {
    cursor: pointer;
    width: 5.98rem;
    height: 4.9rem;
    background: url(../img/page4/arrow.png) no-repeat;
    background-size: 100% 100%;
    right: calc(100% + .6rem);
}

.page4 .tabU .next {
    cursor: pointer;
    width: 5.98rem;
    height: 4.9rem;
    background: url(../img/page4/arrow.png) no-repeat;
    background-size: 100% 100%;
    left: calc(100% + .6rem);
    transform: rotate(180deg) translateY(50%);
}

.page4 .box-tab {
    column-gap: 2.8rem;
}

.page4 .tabU .tab {
    width: 16.6rem;
    height: 9rem;
    filter: brightness(0.4);
    border-radius: 2.7rem;
    background: url(../img/base/bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.page4 .tabU .tab.active {
    filter: brightness(1);
    border: .2rem solid #FFFFFF;
    box-shadow: 0rem 0rem 3rem rgba(255, 247, 126, 0.35);
}

.page4 .tabU {
    pointer-events: all;
    width: 53rem;
    bottom: 16.7rem;
    z-index: 2;
}

.page4 {
    background: url(../img/page4/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.page4 .bg-cloud {
    pointer-events: none;
    z-index: 2;
    width: 100%;
    height: 35%;
    background: url(../img/page4/bg-cloud.png) no-repeat;
    background-size: 100% 100%;
}

.page4 .starRT {
    width: 13.1rem;
    height: 11.1rem;
    background: url(../img/base/bg-starRT.png) no-repeat;
    background-size: 100% 100%;
}

.page4 .swiper-page4-contentU .swiper-slide {
    background: url(../img/page4/bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.page4 .contentU {
    padding-top: 15%;
    height: 82.46%;
}

.page4 .contentU.show {
    display: block;
}

.page4 .swiper-slide {
    pointer-events: all !important;
}


.page5 {
    background: url(../img/page5/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.page5 .mask {
    width: 184rem;
}

.page5 .icon1 {
    top: 24.3rem;
    left: 27.1rem;
    width: 9rem;
    height: 9rem;
}

.page5 .icon2 {
    top: 9.3rem;
    right: 4.2rem;
    width: 10.1rem;
    height: 8.9rem;
    z-index: 2;
}

.page5 .starLB {
    left: 11.7rem;
    width: 35.8rem;
    height: 12.5rem;
    background: url(../img/base/bg-starLB.png) no-repeat;
    background-size: 100% 100%;
}

.page5 .starRT {
    width: 13.1rem;
    height: 11.1rem;
    background: url(../img/base/bg-starLB.png) no-repeat;
    background-size: 100% 100%;
}

.page5 .contentU.show {
    display: block;
}

.page5 .contentU .item {
    display: none;
}

.page5 .contentU .item.show {
    display: block;
}

.page5 .sexU {
    position: absolute;
    left: 4rem;
    top: 81rem;
    width: 12.97rem;
    height: 6.2rem;
    border-radius: 3.1rem;
}

.page5 .sexU::after {
    content: '';
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    background: rgba(30, 42, 66, 0.2);
    border-radius: 3.1rem;
    border: .6rem solid #EAF4FF;
}

.page5 .sexU .sex {
    cursor: pointer;
    padding: 0 2.2rem;
    position: relative;
    z-index: 1;

    font-family: SourceHanSerifCN;
    font-weight: bold;
    font-size: 2.2rem;
    color: #394F79;
    /* text-shadow: #E9F3FF .2rem 0 0, #E9F3FF 0 .2rem 0, #E9F3FF -.2rem 0 0, #E9F3FF 0 -.2rem 0; */
    /* text-stroke: .1rem #E9F3FF; */
    /* -webkit-text-stroke: .1rem #E9F3FF; */
}

.page5 .sexU .sex.active {
    width: 6.3rem;
    height: 6.3rem;
    background: rgba(102, 116, 163, 0.6);
    box-shadow: 0rem 0rem 1rem 0rem rgba(164, 180, 196, 0.82);
    border-radius: 50%;
    border: .6rem solid #EAF4FF;


    color: #FAFDFE;
    /* text-shadow: #5F6E8E .2rem 0 0, #5F6E8E 0 .2rem 0, #5F6E8E -.2rem 0 0, #5F6E8E 0 -.2rem 0; */
    /* text-stroke: .1rem #5F6E8E; */
    /* -webkit-text-stroke: .1rem #5F6E8E; */
}

.page5 .tabU {
    z-index: 2;
    bottom: 6.1rem;
    width: 100%;
    top: auto;
    flex-direction: row;
    left: 0;
    align-items: center;
}

.page5 .box-tab {
    padding: 3.5rem 0;
    row-gap: 0.2rem;
    flex-direction: row;

    width: 63.5rem;
    height: 10.93rem;
    align-items: center;

    background: url(../img/page5/tab-line.png) no-repeat;
    background-size: 100% 100%;
    /* background-position: calc(100% - 1.4rem) center; */
}

.page5 .tabU .icon {
    width: 3.7rem;
    height: 4.4rem;

    filter: brightness(700%);
}

.page5 .tabU .tab.active {
    opacity: 1;

    background: url(../img/page5/tabBgActive.png) no-repeat;
    background-size: 100% 100%;
}

.page5 .tabU .tab.active .icon {
    opacity: 1;
    /* display: none; */
    filter: none;
    left: auto;
}

.page5 .tabU .tab {
    cursor: pointer;
    position: relative;
    font-family: SourceHanSerifCN;
    font-weight: bold;
    font-size: 0rem;
    color: #556585;

    width: 8.5rem;
    height: 8.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/page5/tabBg.png) no-repeat;
    background-size: 6.8rem 7.2rem;
    background-position: center;
    overflow: hidden;
}

/* .page5 .tabU .tab::after {
        content: '';
        display: block;
        position: absolute;
        right: .4rem;
        top: 50%;
        transform: translateY(-50%);

        width: 2.8rem;
        height: 1.1rem;
        background: url(../img/page5/tab-icon.png) no-repeat;
        background-size: 100% 100%;
    } */

.page5 .tabU .prev {
    flex-shrink: 0;
    display: block;
    width: 2.8rem;
    height: 1.1rem;
    background: url(../img/page5/arrow.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    right: -0.6rem;
}

.page5 .tabU .next {
    flex-shrink: 0;
    display: block;
    width: 2.8rem;
    height: 1.1rem;
    background: url(../img/page5/arrow.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    position: relative;
    left: -0.6rem;
}

.page5 .userU {
    top: 5rem;
    right: -40%;
    width: 88.9rem;
    height: 102.8rem;
    background: url(../img/page5/bg-user.png) no-repeat;
    background-size: 100% 100%;
}

.page5 .user {
    top: 13.6rem;
    right: 26.2rem;
    height: 81.8rem;
    transform: scale(0.864) translateX(23rem);
    filter: brightness(0.4);
}

.page5.sex1 .user1 {
    z-index: 1;
    transform: scale(1);
    filter: brightness(1);
}

.page5.sex0 .user0 {
    z-index: 1;
    transform: scale(1);
    filter: brightness(1);
}

.page5 .user0.logo1-sex0 {
    right: 35rem;
}

.page5 .user_type {
    display: none;
}

.page5 .user_type.active {
    display: block;
}

.page5 .infoU {
    position: absolute;
    padding-top: 29.3rem;
    left: 0;
    width: 100%;
    height: 100%;
}

.page5 .infoU .title {
    display: none;
}

.page5 .infoU .title.active {
    display: block;
}

.page5 .infoU .name {
    height: 15rem;
}

.page5 .infoU .doc {
    width: 73.4rem;
    /* height: 20rem; */
    font-family: SourceHanSerifCN;
    font-weight: bold;
    font-size: 2.2rem;
    color: #375186;
    position: absolute;
    /* margin-top: 2rem; */
    /* margin-left: 2rem; */
    bottom: 15rem;
    left: 1.3rem;
}

.page5 .typeU {
    justify-content: flex-start;
    column-gap: 1.2rem;
    margin-top: 3.8rem;
}

.page5 .typeU .type {
    cursor: pointer;
    text-align: center;
    position: relative;
    width: 9.6rem;
    height: 7rem;
    border-radius: 3.5rem;

    background-color: rgba(198, 233, 255, 1);

    font-family: SourceHanSerifCN;
    font-weight: bold;
    font-size: 2.4rem;
    color: #1E2A42;
}

.page5 .typeU .type::before {
    position: absolute;
    border-radius: 3rem;
    content: '';
    display: block;
    width: 8.8rem;
    height: 6.2rem;
    background: #C6E9FF;
    box-shadow: inset 0rem 1rem 4rem 0rem rgba(167, 191, 213, 0.66);
}

.page5 .typeU .type.active {
    width: 23.1rem;
    height: 7rem;
    border-radius: 3.5rem;
    background-color: rgba(220, 238, 255, 1);
    padding: 0 3rem;
    text-align: right;
}

.page5 .typeU .type.active::before {
    position: absolute;
    border-radius: 3rem;
    content: '';
    display: block;
    width: 22.3rem;
    height: 6.2rem;
    background: rgba(78, 169, 255, 1);
    box-shadow: inset 0rem 1rem 4rem 0rem rgba(11, 86, 158, 0.66);
}

.page5 .typeU .type .icon {
    display: none;
}

.page5 .typeU .type.active .icon {
    display: block;
    width: 10.9rem;
    height: 9.5rem;
    z-index: 1;

    align-self: flex-end;
    margin-bottom: .4rem;
}

.page5 .infoU .hexagon {
    width: 23.9rem;
    height: 22.9rem;
    margin-top: 2rem;
}

.page5 .infoU .hexagon img {
    display: none;
}

.page5 .infoU .hexagon img.active {
    display: block;
}

.page5 .swiperPage5ContentU .swiper-slide .contentU {
    display: none;
}

.page5 .swiperPage5ContentU .swiper-slide.swiper-slide-active .contentU {
    display: block;
    transform: scale(.9);
    width: 105%;
}


.page6-audio ui-audio {
    display: block;
    position: relative;
    z-index: 2;
}

.page6-audio {
    z-index: 2;
    background: url(../img/base/pop-bg.png) no-repeat;
    background-size: cover;
}

.page6-audio .closeU {
    z-index: 4;
    width: 7.6rem;
    height: 7.6rem;
    top: 3.4rem;
    right: 0;
    background-size: 3.8rem 3.8rem;
    background-position: center;
}

.page6-audio .box {
    width: 75rem;
    height: 133.4rem;
}

.page6-audio .boxT {
    margin-top: 10rem;
}

.page6-audio .contentU::-webkit-scrollbar {
    display: none;
}

.page6-audio .contentBox {
    z-index: 2;
    width: 67.7rem;
    height: 78.1rem;
    position: absolute;
    top: 55.3rem;
    right: 3.7rem;
    background: url(../img/page6/audio/list-bg.png) no-repeat;
    background-size: 100% 100%;
}

.page6-audio .contentU {
    width: 100%;
    height: 51rem;
    overflow-y: scroll;
}

.page6-audio .contentU img {
    object-fit: cover;
}

/* .page6-audio .v-scrollbar span,
    .page6-audio .v-scrollbar a {
        height: 13.2rem;
    } */

.page6-audio .title {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 4rem;
    color: #45475D;

    background: url(../img/page6/audio/icon.png) no-repeat;
    background-size: auto 2.9rem;
    background-position: 0 center;
    padding-left: 4rem;
    margin-left: 3.4rem;
    margin-top: 6.3rem;
    margin-bottom: 4rem;
}

.page6-audio .logoU {
    position: absolute;
    top: 10.9rem;
    left: calc((100% - 52.6rem) / 2);
    width: 52.6rem;
    height: 26.61rem;
}

.page6-audio .logoStyle {
    /* transform: skewX(-10deg); */
    border-radius: 5rem;
    overflow: hidden;
    border: 2rem solid rgba(252, 255, 245, 1);
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, .2);
}

.page6-audio .logoU img {
    object-fit: cover;
}

.page6-audio .logoU .txt {
    text-align: center;
    line-height: 5.32rem;
    font-family: SourceHanSansSC;
    font-weight: 500;
    font-size: 2.2rem;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, .5);
    margin: 0 2rem 2rem;
    border-radius: 0 0 3rem 3rem;
    width: calc(100% - 4rem);
}

.page6-audio .v-scrollbar {
    top: 2.7rem;
    right: 1.2rem;
    width: 0.7rem;
    height: 58.7rem;
}

.page6-audio .tabU {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 40rem;
    width: 100%;
}

.page6-audio .infoU {
    display: none;
}

.page6-audio .layui-slider {
    width: 100%;
    height: 1rem;
    background: #2B3763;
    border-radius: 0.5rem;
}

.page6-audio #page6-audio-slider {
    margin-bottom: 1.5rem;
}

.page6-audio .layui-slider-wrap {
    top: 50%;
    transform: translate(-50%, -50%);
}

.page6-audio .layui-slider-bar {
    cursor: ew-resize;
    width: 65.2rem;
    height: 1rem;
    background: linear-gradient(90deg, #71CBFF, #FFFFFF) !important;
    border-radius: 0.5rem;
}

.page6-audio .layui-slider-wrap-btn {
    width: 1.5rem;
    height: 1.5rem;
    border-color: transparent !important;
}

.page6-audio .tabU .time0 {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 2.2rem;
    color: #FFFFFF;
    margin-top: 1.2rem;
    margin-left: .5rem;
}

.page6-audio .tabU .time1 {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 2.2rem;
    color: #FFFFFF;
    margin-top: 1.2rem;
    margin-right: .5rem;
}

.page6-audio .tabU .name {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 2.6rem;
    color: #FFFFFF;
    margin-right: 2rem;
}

.page6-audio .doc {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 1.8rem;
    color: #6B718B;
}

.page6-audio .prev {
    cursor: pointer;
    display: block;
    width: 2.6rem;
    height: 2.9rem;
    background: url(../img/page6/audio/arrow.png) no-repeat;
    background-size: 100% 100%;
}

.page6-audio .pause {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/page6/audio/arrow.png) no-repeat;
    background-size: auto 100%;
    background-position: center;
    transform: rotate(180deg);
}

.page6-audio .loadU {
    display: flex;
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.page6-audio .boxC {
    cursor: pointer;
    width: 4rem;
    height: 4rem;
    margin: 0 11.8rem;
}

.page6-audio .pause.active {
    cursor: pointer;
    display: block;
    width: 4rem;
    height: 4rem;
    background: url(../img/page6/audio/pause.png) no-repeat;
    background-size: 1.8rem 2.9rem;
    background-position: center;
}

.page6-audio .next {
    cursor: pointer;
    display: block;
    width: 2.6rem;
    height: 2.9rem;
    background: url(../img/page6/audio/arrow.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
}

.page6-audio .disable {
    opacity: .5;
}

.page6-audio .disable {
    opacity: .5;
}

.page6-audio .item {
    cursor: pointer;
    width: 60.93rem;
    height: 10.2rem;
    margin-left: 1.9rem;
    flex-shrink: 0;
}

.page6-audio .item.active {
    background: rgba(179, 225, 255, .6);
}

.page6-audio .item.active .idx,
.page6-audio .item.active .time,
.page6-audio .item.active .name {
    color: rgba(255, 126, 126, 1);
}

.page6-audio .item .idx {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 2.6rem;
    color: #FFFFFF;
    margin-left: 2.9rem;
    margin-right: 3.5rem;
}

.page6-audio .item .time {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 2.2rem;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: 3.7rem;
}

.page6-audio .item .name {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 2.8rem;
    color: #FFFFFF;
}

.page6-audio .item .doc {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 2.2rem;
    color: #6B718B;
    margin-top: .5rem;
}


.page6-img {
    z-index: 2;
    /* padding-left: 28rem; */
    background: url(../img/base/pop-bg.png) no-repeat;
    background-size: cover;
}

.page6-img .box {
    height: 100%;
}

.page6-img .boxT {
    margin-top: 10rem;
}

.page6-img .contentU::-webkit-scrollbar {
    display: none;
}

.page6-img .contentU {
    overflow-y: scroll;
    margin-top: 5.5rem;
    margin-left: 3rem;
    width: 100%;
    height: calc(100% - 20rem);
}

.page6-img .contentU .content {
    row-gap: 3rem;
    padding-bottom: 6.5rem;
}

.page6-img .contentU img {
    object-fit: cover;
}

.page6-img .title {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 4rem;
    color: #45475D;

    background: url(../img/base/pop-icon.png) no-repeat;
    background-size: auto 3rem;
    background-position: 3rem center;
    padding-left: 7.8rem;
}

.page6-img .contentU .content {
    font-family: SourceHanSerifCN;
    font-weight: bold;
    font-size: 2rem;
    color: #45475D;
    line-height: 3.6rem;
}

.page6-img .logo1 {
    width: 93.5rem;
    height: 53rem;
}

.page6-img .logo2 {
    width: 44.5rem;
    height: 25rem;
}

.page6-img .logo {
    width: 33.3rem;
    height: 18.8rem;
}

.page6-img .box1,
.page6-img .box2,
.page6-img .box3 {
    gap: 2.4rem;
}


.page6-video {
    z-index: 2;
    /* padding-left: 28rem; */
    background: url(../img/base/pop-bg.png) no-repeat;
    background-size: cover;
}

.page6-video .box {
    height: 100%;
}

.page6-video .boxT {
    margin-top: 10rem;
}

.page6-video .contentU::-webkit-scrollbar {
    display: none;
}

.page6-video .contentU {
    overflow-y: scroll;
    margin-top: 5.5rem;
    margin-left: 3rem;
    margin-right: 3rem;
    /* background: url(../img/base/pop-white.png) no-repeat;
      background-size: cover; */
    width: calc(100% - 5.9rem);
    height: calc(100% - 20rem);
}

.page6-video .contentU .content {
    row-gap: 3rem;
    padding-bottom: 6.5rem;
}

.page6-video .contentU img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page6-video .title {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 4rem;
    color: #45475D;

    background: url(../img/base/pop-icon.png) no-repeat;
    background-size: auto 3rem;
    background-position: 3rem center;
    padding-left: 7.8rem;
}

.page6-video .contentU .content {
    font-family: SourceHanSerifCN;
    font-weight: bold;
    font-size: 2rem;
    color: #45475D;
    line-height: 3.6rem;
}

/* .page6-video .logo1 {
        width: 93.5rem;
        height: 53rem;
    }

    .page6-video .logo2 {
        width: 44.5rem;
        height: 25rem;
    } */

.page6-video .logo {
    width: 33.3rem;
    height: 18.8rem;
}

.page6-video .box1,
.page6-video .box2,
.page6-video .box3 {
    flex-wrap: wrap;
    gap: 2.4rem;
}

.page6-video .logo1 .icon {
    width: 10rem;
    height: 10rem;
}

.page6-video .logo2 .icon {
    width: 6rem;
    height: 6rem;
}

.page6-video .logo3 .icon {
    width: 4rem;
    height: 4rem;
}


.page6 {
    background: url(../img/page6/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.page6 .box-tab::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: calc(100% - 10.8rem);
    height: .1rem;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
}

.page6 .box-tab {
    justify-content: flex-start;
    position: absolute;
    z-index: 2;
    column-gap: 6rem;
    width: 100%;
    height: 5.4rem;
    top: 22rem;
    padding-right: 2rem;
    padding-left: 10.7rem;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to right, rgba(143, 200, 254, 0) 0%, rgba(143, 200, 254, 1) 20%, rgba(143, 200, 254, 1) 80%, rgba(143, 200, 254, 0) 100%);
}

.page6 .box-tab .tab {
    cursor: pointer;
    padding: 2.2rem 0;
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 2.2rem;
    color: #334D83;
    line-height: 1.9rem;
    z-index: 1;
}

.page6 .box-tab .tab.active {
    font-weight: bold;
    background: url(../img/page7/list/tab-hvr.png) no-repeat;
    background-size: 2.7rem 1.6rem;
    background-position: center bottom;
    font-size: 3rem;
}

.page6 .itemU {
    width: 100%;
    height: 100%;
    column-gap: 5.4rem;
    transform: scale(1.18);
}

.page6 .item {
    position: absolute;
    top: 38rem;
    left: 50%;
    transform: translateX(-50%);
    width: 55.3rem;
    height: 68.2rem;
    background: #F6FAFF;
    box-shadow: 1rem 1rem 2rem 0rem rgba(24, 37, 49, 0.43);
    border-radius: 3.6rem 0rem 3.6rem 0rem;
    transition: .5s all;
    /* display: none; */
}

.page6 .item.active {
    display: flex;
}

/* .page6 .item:hover {
        margin-top: -15rem;
    } */

.page6 .item .btn {
    /* display: none; */
    cursor: pointer;
    left: calc(50% + 1.1rem);
    width: 23rem;
    height: 6.3rem;
    background: url(../img/page6/btn.png) no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}

/* .page6 .item:hover .btn {
        display: block;
    } */

.page6 .item .title {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 3rem;
    color: #1E2A42;
    line-height: 3rem;
    margin-top: 1.8rem;
    margin-right: 4rem;
}

.page6 .item .tag {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 2.4rem;
    color: #5872A6;
    line-height: 2.1rem;
    margin-top: .9rem;
    margin-right: 4rem;
}

.page6 .item .logo {
    bottom: -2.3rem;
    width: 53.1rem;
    height: 61.1rem;
    border-radius: 3.6rem 0rem 3.6rem 0rem;
    overflow: hidden;
}

.page6 .item .pop {
    z-index: 1;
    left: calc(50% + 1.2rem);
    font-family: SourceHanSansSC;
    font-weight: 500;
    font-size: 2rem;
    color: #CEE8FF;
    width: 100%;
    height: 8.9rem;
    background: #000000;
    border-radius: 3.6rem 0rem 3.6rem 0rem;
    opacity: 0.6;
    padding-left: 3rem;
}

.page6 .item .mask {
    z-index: 1;
    top: 1.4rem;
    left: 1.2rem;
    width: 50.87rem;
    height: 58.5rem;
    border-radius: 3.6rem 0rem 3.6rem 0rem;
    border: .1rem solid #D3E6FF;
}

.page6 .item2 .keyU {
    padding: 0 2.5rem;
}

.page6 audio {
    height: 0;
}

.page6 .item3 video {
    object-fit: cover;
}

.page6 .keyU {
    z-index: 1;
    width: 100%;
    bottom: 12.4rem;
}

.page6 .keyU .box-key {
    padding: 0 20rem;
}

.page6 .keyU .prev {
    cursor: pointer;
    width: 2.22rem;
    height: 2.48rem;
    background: url(../img/page6/arrow.png) no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(rgb(0, 0, 0, .6) 0.4rem 0.3rem 0.4rem);
}

.page6 .keyU .next {
    cursor: pointer;
    width: 2.22rem;
    height: 2.48rem;
    background: url(../img/page6/arrow.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    filter: drop-shadow(rgb(0, 0, 0, .6) 0.4rem 0.3rem 0.4rem);
}

.page6 .keyU .pause {
    display: none;
    cursor: pointer;
    width: 1.48rem;
    height: 2.52rem;
    background: url(../img/page6/pause.png) no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(rgb(0, 0, 0, .6) 0.4rem 0.3rem 0.4rem);
}

.page6 .keyU .play {
    cursor: pointer;
    width: 1.48rem;
    height: 2.52rem;
    background: url(../img/page6/play.png) no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(rgb(0, 0, 0, .6) 0.4rem 0.3rem 0.4rem);
}

.page6 .keyU .lineU {
    margin-bottom: .6rem;
}

.page6 .keyU .line {
    margin: .5rem 1rem 0;
    width: 24.2rem;
    height: 0.3rem;
    filter: drop-shadow(rgb(0, 0, 0, .3) 0.4rem 0.3rem 0.4rem);
}

.page6 .keyU .line i {
    display: block;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
}

.page6 .keyU .time0 {
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 1.78rem;
    color: #FFFFFF;
}

.page6 .keyU .time1 {
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 1.78rem;
    color: #FFFFFF;
}

.page6 .keyU .name {
    font-family: SourceHanSansSC;
    font-weight: 500;
    font-size: 2.6rem;
    color: #FFFFFF;
    margin-bottom: 2rem;
}

.page6 .item3 .keyU {
    padding: 0 2.2rem;
    bottom: 30rem;
}

.page6 .keyU .prev-video {
    width: 2.3rem;
    height: 4.1rem;
    filter: drop-shadow(rgb(0, 0, 0, .6) 0.4rem 0.3rem 0.4rem);
}

.page6 .keyU .next-video {
    width: 2.3rem;
    height: 4.1rem;
    transform: rotate(180deg);
    filter: drop-shadow(rgb(0, 0, 0, .6) 0.4rem 0.3rem 0.4rem);
}

.page6 .keyU .play-video {
    width: 4.53rem;
    height: 5.16rem;
    filter: drop-shadow(rgb(0, 0, 0, .6) 0.5rem 0.3rem 0.3rem);
}

.page6 .keyU .pause-video {
    display: none;
    width: 4.53rem;
    height: 5.16rem;
    filter: drop-shadow(rgb(0, 0, 0, .6) 0.5rem 0.3rem 0.3rem);
}

.page7-list .swiper {
    transform: scale(1.05);
}

.page7-list .swiper.active {
    display: block;
}

.page7-list .title {
    width: calc(100% - 7.6rem);
    margin: 5.8rem 3.8rem 0;
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 4rem;
    color: #45475D;

    background: url(../img/base/pop-icon.png) no-repeat;
    background-size: auto 3rem;
    background-position: left center;
    padding-left: 4rem;
    z-index: 1;
    position: relative;
}

.page7-list .box-tab::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: calc(100% - 10.8rem);
    height: .1rem;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
}

.page7-list .box-tab {
    position: absolute;
    column-gap: 6rem;
    width: max-content;
    height: 5.4rem;
    top: 14rem;
    padding-right: 2rem;
    padding-left: 2rem;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to right, rgba(143, 200, 254, 0) 0%, rgba(143, 200, 254, 1) 20%, rgba(143, 200, 254, 1) 80%, rgba(143, 200, 254, 0) 100%);
}

.page7-list .box-tab .tab {
    cursor: pointer;
    padding: 2.2rem 0;
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 2.2rem;
    color: #334D83;
    line-height: 1.9rem;
    z-index: 1;
}

.page7-list .box-tab .tab.active {
    font-weight: bold;
    background: url(../img/page7/list/tab-hvr.png) no-repeat;
    background-size: 2.7rem 1.6rem;
    background-position: center bottom;
    font-size: 3rem;
}

.page7-list .pagingU {
    gap: 8rem;
    bottom: 3rem;
    z-index: 2;
}

.page7-list .prev {
    cursor: pointer;
    width: 3.9rem;
    height: 4.6rem;
    background: url(../img/page7/list/arrow.png) no-repeat;
    background-size: 100% 100%;
}

.page7-list .next {
    cursor: pointer;
    width: 3.9rem;
    height: 4.6rem;
    background: url(../img/page7/list/arrow.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
}

.page7-list .paging {
    cursor: pointer;
    width: 7.5rem;
    height: 7.2rem;
    background: url(../img/page7/list/paging.png) no-repeat;
    background-size: 100% 100%;

    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 2.4rem;
    color: #FFFFFF;
    text-shadow: 0rem 0rem 1rem rgba(18, 58, 104, 0.34);
}

.page7-list {
    background: url(../img/page7/list/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 2;
}

.page7-list .starLT {
    width: 23.3rem;
    height: 21.3rem;
    background: url(../img/base/bg-starLT.png) no-repeat;
    background-size: 100% 100%;
}

.page7-list .starRT {
    width: 13.1rem;
    height: 11.1rem;
    background: url(../img/base/bg-starRT.png) no-repeat;
    background-size: 100% 100%;
}

.page7-list .swiper-slide-active .contentU {
    column-gap: 1rem;
    row-gap: 1rem;
    display: flex;
}

.page7-list .contentU {
    display: none;
    width: 84.5%;
    margin: 23.5rem auto 0;
}

.page7-list .itemU .logoU {
    width: 31.1rem;
    height: 20.5rem;
    background: url(../img/page7/list/item-bg.png) no-repeat;
    background-size: 100% 100%;
}

.page7-list .itemU .logo {
    width: 28.7rem;
    height: 18.1rem;
    margin-top: 0.9rem;
    margin-left: 1.1rem;
}

.page7-list .itemU .name {
    font-family: SourceHanSansSC;
    font-weight: 500;
    font-size: 1.8rem;
    color: #322A1F;
    padding: 0 1.4rem;
}

.page7-list .itemU .time {
    display: none;
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 1.6rem;
    color: #322A1F;
    margin-top: .5rem;
    padding: 0 1.4rem;
}

/* .page7-list .itemU:hover .name {
        font-weight: bold;
    } */

.page7-list .closeU {
    width: 21.2rem;
    height: 4.6rem;
    background: url(../img/page7/list/close.png) no-repeat;
    background-size: 100% 100%;
}

.page7-pop {
    z-index: 2;
    /* padding-left: 28rem; */
    background: url(../img/base/pop-bg.png) no-repeat;
    background-size: cover;
}

.page7-pop .box {
    height: 100%;
}

.page7-pop .boxT {
    margin-top: 15.5rem;
    flex-direction: column;
    align-items: flex-start;
}

.page7-pop .contentU::-webkit-scrollbar {
    display: none;
}

.page7-pop .contentU {
    overflow-y: scroll;
    margin: 0 auto;
    width: 71.2rem;
    height: 100%;
}

.page7-pop .contentU .contentTxt {
    background: url(../img/base/pop-white.png) no-repeat;
    background-size: cover;
    padding-top: 3.2rem;
    padding-left: 2.2rem;
    padding-right: 2.8rem;
}

.page7-pop .contentU img {
    width: 100%;
}

.page7-pop .title {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 4rem;
    color: #45475D;

    background: url(../img/base/pop-icon.png) no-repeat;
    background-size: auto 3rem;
    background-position: 3rem center;
    padding-left: 7.8rem;
    line-height: 4.2rem;
    padding-right: 3rem;
}

.page7-pop .time {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 2.4rem;
    color: #45475D;
    opacity: 0.5;
    margin-left: 7.8rem;
}

.page7-pop .contentU .content {
    font-family: SourceHanSerifCN;
    font-weight: bold;
    font-size: 2rem;
    color: #45475D;
    line-height: 3.6rem;
    row-gap: 3rem;
    padding-bottom: 6.5rem;
    width: 100%;
}

.page7-pop .contentU .indent {
    text-indent: 2em;
}

.page7-pop .contentU .red {
    font-weight: 400;
    color: rgba(255, 126, 126, 1);
}

.page7-pop .contentU .white {
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


.page7 .tabU {
    pointer-events: all;
    cursor: pointer;
    width: 73rem;
    height: 7.4rem;
    background: url(../img/page7/tab-bg.png) no-repeat;
    background-size: 100% 100%;
    /* column-gap: 6.6rem; */
    left: 1rem;
    top: 21.1rem;
    border-radius: 3.7rem;
    box-shadow: 0.7rem 0 2.1rem rgba(23, 58, 117, .43);
    padding: 0 1.5rem;
}

.page7 .tabU .tab {
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 2rem;
    color: #1E2A42;
    width: 15.4rem;
    height: 4.9rem;
}

.page7 .tabU .tab.active {
    color: #fff;
    background: url(../img/page7/tab-active.png) no-repeat;
    background-size: 100% 100%;
}

.page7 {
    background: url(../img/page7/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.page7 .bg-news {
    display: none;
    position: absolute;
    top: 13.6rem;
    right: 17.4rem;
    width: 66.92rem;
    height: 16.69rem;
}

.page7 .starLT {
    width: 23.3rem;
    height: 21.3rem;
    background: url(../img/base/bg-starLT.png) no-repeat;
    background-size: 100% 100%;
}

.page7 .starRT {
    width: 13.1rem;
    height: 11.1rem;
    background: url(../img/base/bg-starRT.png) no-repeat;
    background-size: 100% 100%;
}

.page7 .sideU {
    column-gap: 1rem;
    left: .7rem;
    bottom: 10.3rem;
    width: 100%;
    height: 20rem;
    /* width: calc(100% - 1.4rem); */
}

.page7 .side {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 22.72rem;
    height: 10.89rem;
    box-shadow: 0rem 1rem 2rem 0rem rgba(23, 58, 117, 0.43);
    border-radius: 4.1rem;
    border: 0.1rem solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page7 .swiper-slide-active .side {
    background-color: #fff;
    border: 0.6rem solid #fff;
    transform: scale(1.2) translate(-50%, -50%);
    transform-origin: left top;
}

.page7 .swiper-page7 .swiper-slide {
    pointer-events: all;
}

.page7 .side .logo {
    object-fit: cover;
    filter: brightness(.6);
}

.page7 .swiper-slide-active .logo {
    filter: brightness(1);
}

.page7 .side .name {
    font-family: SourceHanSansSC;
    font-weight: 500;
    font-size: 1.74rem;
    color: #CEE8FF;
    padding-left: 3.7rem;
    padding-right: 3.7rem;
    background-color: rgba(0, 0, 0, .6);
    line-height: 3.58rem;
}

.page7 .bg-txt {
    display: none;
    bottom: 16.4rem;
    left: 24.7rem;
}

.page7 .contentU {
    display: none;
}

.page7 .contentU.show {
    display: block;
}

.page7 .infoU {
    /* overflow: hidden; */
    opacity: 0;
    transition: 1s all;
    width: 70.1rem;
    height: 80.1rem;
    /* background: #FFFFFF; */
    /* border-radius: 4.1rem; */
    top: calc(50% + 7.2rem);
}

.page7 .swiper-page7-contentU .swiper-slide-active .infoU {
    opacity: 1;
}

.page7 .infoU.show {
    display: block;
}

.page7 .infoU .infoBg {
    width: 71.8rem;
    background: url(../img/page7/sideBg.png) no-repeat;
    background-size: 100% auto;
    background-position: -2rem 150%;
}

.page7 .infoU .logo img {
    width: 62.4rem;
    height: 32.5rem;
    object-fit: cover;
}

.page7 .infoU .logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background: url(../img/page7/logoBg.png) no-repeat;
    background-size: 100% 100%;
    width: 68.7rem;
    height: 39.7rem;
    padding-top: 2.7rem;
    padding-left: 2.2rem;
    padding-right: 1.6rem;
    padding-bottom: 2.1rem;
}


.page7 .infoU .more {
    font-family: Adobe Heiti Std;
    font-weight: normal;
    font-size: 2.4rem;
    color: #4A73B4;
    position: absolute;
    bottom: 3rem;
}

.page7 .details {
    cursor: pointer;
    width: 20.8rem;
    height: 6.4rem;
    background: url(../img/page7/btn-details.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    width: 19.5rem;
    height: 3.7rem;
    transform: translateX(-50%);
    bottom: 5rem;
}

.page7 .title {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 2.6rem;
    color: #1E2A42;
    margin-bottom: 2rem;
    width: 45.6rem;
    background: url(../img/page7/titleLine.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    padding-bottom: 2.4rem;
    padding-right: 4rem;
}

.page7 .writeBg {
    position: absolute;
    bottom: -7rem;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/page7/infoBg.png) no-repeat;
    background-size: 100% 100%;
    width: 57rem;
    height: 51rem;
    z-index: 2;
}

.page7 .writeBg i {
    display: block;
    margin: 2rem 0rem 2rem 2rem;
    width: 53rem;
    height: 44rem;
}

.page7 .doc {
    pointer-events: none;
    margin-top: 2.5rem;
    z-index: 3;
    top: auto;
    bottom: 7.9rem;
    left: 50%;
    transform: translateX(-50%);
    font-family: SourceHanSansSC;
    font-weight: 500;
    font-size: 2.2rem;
    color: #1E2A42;
    line-height: 3.6rem;
    text-align: left;
    padding: 2rem 1.1rem 1rem;
    min-width: 40rem;
    height: 29rem;

    /* background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%); */
}

.page7 .docTxt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;

    font-family: Adobe Heiti Std;
    font-weight: normal;
    font-size: 2.2rem;
    color: #1E2A42;
    line-height: 3.6rem;
}

.page8-pop {
    display: none;
    z-index: 2;
    background-color: rgba(0, 0, 0, .8);
}

.page8-pop .box-in {
    width: 131.7rem;
    height: 56.4rem;
}

.page8-pop .contentU {
    background: url(../img/base/pop-bg1.png) no-repeat;
    background-size: 100% 100%;
    width: 131.7rem;
    height: 56.4rem;

    padding-left: 6.5rem;
    padding-right: 14.5rem;
    padding-bottom: 3rem;

    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 1.8rem;
    color: #45475D;
    line-height: 3.6rem;
    top: calc(50% + 7.5rem);
}

/* .page8-pop .contentU .content {
        padding-bottom: 5rem;
    } */

.page8-pop .closeU {
    top: -6rem;
    right: 0;
}

.page8-pop .v-scrollbar {
    height: 49.1rem;
    top: calc(50% + 1rem);
    right: 3rem;
}

.page8-pop .title {
    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 3rem;
    color: #1E2A42;
    margin-top: 4.5rem;
}

.page8-pop .name {
    font-family: SourceHanSansSC;
    font-weight: 500;
    font-size: 2rem;
    color: #1E2A42;
    line-height: 3.6rem;
    margin-top: 1.5rem;
}

.page8-pop .contentU .indent {
    text-indent: 2em;
}


.page8 .pagingU {
    gap: 8rem;
    bottom: 3rem;
    z-index: 2;
}

.page8 .prev {
    cursor: pointer;
    width: 3.9rem;
    height: 4.6rem;
    background: url(../img/page8/arrow.png) no-repeat;
    background-size: 100% 100%;
}

.page8 .next {
    cursor: pointer;
    width: 3.9rem;
    height: 4.6rem;
    background: url(../img/page8/arrow.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
}

.page8 .paging {
    cursor: pointer;
    width: 7.5rem;
    height: 7.2rem;
    background: url(../img/page8/paging.png) no-repeat;
    background-size: 100% 100%;

    font-family: SourceHanSerifCN;
    font-weight: 800;
    font-size: 2.4rem;
    color: #FFFFFF;
    text-shadow: 0rem 0rem 1rem rgba(18, 58, 104, 0.34);
}

.page8 {
    background: url(../img/page8/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.page8 .swiper {
    transform: scale(1.05);
}

.page8 .starLT {
    width: 23.3rem;
    height: 21.3rem;
    background: url(../img/base/bg-starLT.png) no-repeat;
    background-size: 100% 100%;
}

.page8 .starRT {
    width: 13.1rem;
    height: 11.1rem;
    background: url(../img/base/bg-starRT.png) no-repeat;
    background-size: 100% 100%;
}

.page8 .swiper-slide-active .contentU {
    column-gap: 1rem;
    row-gap: 1rem;
    display: flex;
}

.page8 .contentU {
    display: none;
    width: 84.5%;
    margin: 23rem auto 0;
}

.page8 .itemU .logoU {
    width: 31.1rem;
    height: 20.5rem;
    background: url(../img/page8/item-bg.png) no-repeat;
    background-size: 100% 100%;
}

.page8 .itemU .logo {
    width: 28.7rem;
    height: 18.1rem;
    margin-top: 0.9rem;
    margin-left: 1.1rem;
}

.page8 .itemU .name {
    opacity: 0;
    font-family: SourceHanSansSC;
    font-weight: 500;
    font-size: 1.8rem;
    color: #322A1F;
    padding: 0 1.4rem;
}

/* .page8 .itemU:hover .name {
        font-weight: bold;
    } */

.page9 {
    background: url(../img/page9/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.page9 .starT {
    width: 46.4rem;
    height: 27.8rem;
    background: url(../img/base/bg-starT.png) no-repeat;
    background-size: 100% 100%;
}

.page9 .starLT {
    width: 23.3rem;
    height: 21.3rem;
    background: url(../img/base/bg-starLT.png) no-repeat;
    background-size: 100% 100%;
}

.page9 .starRB {
    width: 12.5rem;
    height: 24.6rem;
    background: url(../img/base/bg-starRB.png) no-repeat;
    background-size: 100% 100%;
}

.page9 .boxB {
    z-index: 2;
    bottom: 4rem;
}

.page9 .prev {
    display: none;
    cursor: pointer;
    width: 4.3rem;
    height: 4.9rem;
    background: url(../img/page9/arrow.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 1rem;
}

.page9 .next {
    display: none;
    cursor: pointer;
    width: 4.3rem;
    height: 4.9rem;
    background: url(../img/page9/arrow.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    margin-bottom: 1rem;
}

.page9 .box-tab {
    position: relative;
    width: 65rem;
    height: 17.8rem;
    background: url(../img/page9/tab-bg.png) no-repeat;
    background-size: 100% 100%;
    /* margin: 0 2rem; */
}

.page9 .box-tab img {
    filter: brightness(.5);
}

.page9 .box-tab img.active {
    filter: brightness(1);
}

.page9 .tab5 {
    position: absolute;
    left: 49.6rem;
    top: 3.5rem;
    width: 11rem;
    height: 8.4rem;
    transform: rotate(-15deg);
}

.page9 .tab4 {
    position: absolute;
    left: 39rem;
    top: 3rem;
    width: 11.91rem;
    height: 8.69rem;
    transform: rotate(5deg);
}

.page9 .tab3 {
    position: absolute;
    left: 28.5rem;
    top: 4rem;
    width: 9.75rem;
    height: 7.43rem;
    transform: rotate(-10deg);
}

.page9 .tab2 {
    position: absolute;
    left: 17rem;
    top: 4.5rem;
    width: 10.57rem;
    height: 7.66rem;
    transform: rotate(0);
}

.page9 .tab1 {
    position: absolute;
    left: 5.8rem;
    top: 3rem;
    width: 11.48rem;
    height: 8.18rem;
    transform: rotate(-5deg);
}

.page9 .iconL {
    position: absolute;
    top: 87rem;
    left: 0.7rem;
    z-index: 5;
    width: 19.3rem;
    height: 22.2rem;
}

.page9 .iconR {
    position: absolute;
    top: 78.4rem;
    left: 53.1rem;
    z-index: 4;
    width: 20.9rem;
    height: 28.2rem;
}

.page9 .logo {
    width: 58.3rem;
    height: 98rem;
    transition: 1s all ease-in-out;
}

.page9 .logoB {
    width: 100%;
    height: 100%;
    transform: scale(0.8);
}

.page9 .logoB img {
    border-radius: 1.9rem 1.6rem 1.9rem 1.6rem;
    object-fit: cover;
}

.page9 .logo.out {
    margin-left: 80%;
    transform: rotate(35deg) translate(-50%, -50%);
    transform-origin: right bottom;
}

.page9 .logo5 {
    top: calc(50% - 7rem);
    left: calc(50% + 4rem);
    z-index: 5;
    transform: rotate(1deg) translate(-50%, -50%);
}

.page9 .logo4 {
    top: calc(50% - 4rem);
    left: 50%;
    z-index: 4;
    transform: rotate(-2deg) translate(-50%, -50%);
}

.page9 .logo3 {
    top: calc(50% + 2rem);
    left: calc(50% - 3rem);
    z-index: 3;
    transform: rotate(-5deg) translate(-50%, -50%);
}

.page9 .logo2 {
    top: calc(50% + 1rem);
    left: calc(50% + 5.65rem);
    z-index: 2;
    transform: rotate(2deg) translate(-50%, -50%);
}

.page9 .logo1 {
    top: calc(50% + 1.6rem);
    left: calc(50% + 1.5rem);
    z-index: 1;
    transform: rotate(-2deg) translate(-50%, -50%);
}


.pop-img {
    display: none;
    z-index: 2;
    background-color: rgba(0, 0, 0, .8);
}

.pop-img .contentU {
    width: 90%;
    height: 50%;
}


.pop-video {
    display: none;
    z-index: 2;
    background-color: rgba(0, 0, 0, .8);
}

.pop-video .contentU {
    width: 90%;
}

.share {
    width: max-content;
    z-index: 2;
    height: max-content;
    /* margin-right: 1.8rem; */
    padding-bottom: 1.6rem;
    left: 1.8rem;
    top: 23.7rem;
    transform: none;
    flex-direction: column-reverse;
}

.share .music {
    cursor: pointer;
    width: 6.1rem;
    height: 6.1rem;
    border-radius: 50%;
    background: url(../img/base/music1.png) no-repeat;
    background-size: 100% 100%;
}

.share .music.active {
    background: url(../img/base/music0.png) no-repeat;
    background-size: 100% 100%;
}

.share .arrow {
    display: none;
    cursor: pointer;
    width: 6.1rem;
    height: 6.1rem;
    border-radius: 50%;
    background: url(../img/share/arrow.png) no-repeat;
    background-size: 100% 100%;
}

.share .box {
    cursor: pointer;
    margin-top: 1.4rem;
    margin-bottom: 2rem;
    padding-top: 2.6rem;
    width: 5.91rem;
    height: max-content;
    background: rgba(30, 33, 41, 0.5);
    border-radius: 2.9rem;
    border: 0px solid #80B3F6;
}

.share .icon-qq {
    position: relative;
    width: 3.5rem;
    height: 2.4rem;
    margin-bottom: 2.6rem;
    background: url(../img/share/icon-qq.png) no-repeat center;
    background-size: contain;
}

.share .icon-bili {
    position: relative;
    width: 3.5rem;
    height: 2.4rem;
    margin-bottom: 2.7rem;
    background: url(../img/share/icon-bili.png) no-repeat center;
    background-size: contain;
}

.share .icon-vb {
    position: relative;
    width: 3.5rem;
    height: 2.4rem;
    margin-bottom: 2.6rem;
    background: url(../img/share/icon-vb.png) no-repeat center;
    background-size: contain;
}

.share .icon-vx {
    position: relative;
    width: 3.5rem;
    height: 2.4rem;
    margin-bottom: 2.7rem;
    background: url(../img/share/icon-vx.png) no-repeat center;
    background-size: contain;
}

.share .icon-tap {
    position: relative;
    width: 3.5rem;
    height: 2.4rem;
    margin-bottom: 2.6rem;
    background: url(../img/share/icon-tap.png) no-repeat center;
    background-size: contain;
}

.share .icon-kf {
    position: relative;
    width: 3.5rem;
    height: 2.4rem;
    margin-bottom: 2.7rem;
    background: url(../img/share/icon-kf.png) no-repeat center;
    background-size: contain;
}

.share .icon:hover .code-bg {
    display: block;
}

.share .code-bg {
    display: none;
    top: -2.95rem;
    left: 5rem;
    padding: 1.35rem 2.5rem 1.35rem 1.35rem;
    width: 18.4rem;
    height: 20.3rem;
    background: url(../img/share/code-bg.png) no-repeat;
    background-size: 100% 100%;
}

.share .code {
    width: 14.6rem;
    height: 14.6rem;
    border-radius: .3rem;
}

.share .code-txt {
    font-family: SourceHanSansCN;
    font-weight: 800;
    font-size: 1.5rem;
    color: #FFFFFF;
    line-height: 1.6rem;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    margin-top: 1rem;
}

.share .arrow.active {
    transform: rotate(180deg);
}

.share .arrow.disable {
    pointer-events: none;
    opacity: 0;
}

.pop-tip16 {
    display: none;
    z-index: 2;
    background-color: rgba(0, 0, 0, .8);
}

.pop-tip16 .age-dialog {
    padding: 4rem 6.6rem 16rem;
    width: 77.6rem;
    height: max-content;
    background-image: url(../img/base/agePop.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scale(.9) translate(-50%, -50%);
    transform-origin: left top;
}

.pop-tip16 .close-btn {
    cursor: pointer;
    position: absolute;
    top: 2rem;
    right: 1rem;
    background: url(../img/base/close.png) no-repeat;
    background-size: 100%;
    width: 3.9rem;
    height: 3.9rem;
}

.pop-tip16 .title {
    margin-top: 3.2rem;
    font-size: 2.6rem;
    text-align: center;
    color: #6989ba;
}

.pop-tip16 .age-context {
    width: 59.2rem;
    margin: 2rem auto 0;
    font-size: 1.8rem;
    color: #6989ba;
    font-weight: 500;
    line-height: 2.8rem;
    text-align: left;
}

/* } */