.fadeInUp.animated {
    animation-name: fadeInUp !important;
    visibility: unset !important
}

.header {
    background: linear-gradient(180deg, rgba(17, 17, 17, 0.9) 10%, rgba(17, 17, 17, 0) 100%);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: rgba(17, 17, 17, 0.1);
}

.section {
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.sec1 {
    position: relative
}

.sec1 .bg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sec1 .btns {
    position: absolute;
    left: 0;
    bottom: 9.375vw;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1.66667vw
}

.sec1 .btns a {
    display: flex;
    justify-content: center;
    border-radius: 90px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    width: 11.66667vw;
    padding: .52083vw 0;
    align-items: center;
    color: white;
    gap: .52083vw;
    /* font-weight: 300; */
    font-family: 'Poppins-Light';
    transition: all 600ms
}

.sec1 .btns a img {
    display: block;
    width: 1.25vw;
    transition: all 600ms
}

.sec1 .btns a:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 2px 8px 2px rgba(255, 255, 255, 0.24), 0 0 10px 4px rgba(255, 255, 255, 0.32) inset
}

.sec1 .btns a:hover img {
    filter: invert(1)
}

.sec2 {
    position: relative;
    background: #000
}

.sec2:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.24) 64%, rgba(0, 0, 0, 0.56) 100%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.sec2 .title {
    color: #7c4bf9;
    text-align: center;
    text-shadow: 0 .20833vw .20833vw rgba(0, 0, 0, 0.16);
    /* font-weight: 700; */
    font-family: 'Poppins-Bold';
    width: 100%;
    position: absolute;
    top: 8.33333vw;
    z-index: 3
}

.sec2 .bottom {
    width: 100%;
    position: absolute;
    bottom: 5vw;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 0 14.58333vw;
    z-index: 3;
    transition: all 600ms
}

.sec2 .bottom.hidden {
    opacity: 0
}

.sec2 .bottom .h5 {
    color: #FFF;
    text-shadow: 0 .20833vw .20833vw rgba(0, 0, 0, 0.16);
    /* font-weight: 500; */
    font-family: 'Poppins-Medium';
    margin-bottom: 1.25vw
}

.sec2 .bottom .p {
    color: rgba(255, 255, 255, 0.4);
    text-shadow: 0 .20833vw .20833vw rgba(0, 0, 0, 0.16);
    /* font-weight: 300; */
    font-family: 'Poppins-Light';
}

.sec2 .play {
    width: 5.41667vw;
    height: 5.41667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 3;
    transition: 0.6s
}

.sec2 .play img {
    width: 100% !important;
    height: 100% !important
}

.sec2 .play.active {
    opacity: 0;
    pointer-events: none
}

.sec2 .video {
    width: 100%;
    height: 100%
}

.sec2 .video video {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover
}

.sec3 {
    background: url(../images/fbg.png) no-repeat;
    background-size: cover;
    overflow: hidden
}

.sec3 .fp-tableCell {
    display: flex;
    justify-content: center
}

.sec3 .wrap {
    padding: 8.33333vw 0 0
}

.sec3 .wrap .title {
    color: #7c4bf9;
    text-align: center;
    /* font-weight: 700; */
    font-family: 'Poppins-Bold';
    margin-bottom: 2.91667vw
}

.sec3 .wrap .swiper_box {
    width: 87.5vw;
    position: relative
}

.sec3 .wrap .swiper_box .btns {
    display: flex;
    gap: 75vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none
}

.sec3 .wrap .swiper_box .btns .jt {
    cursor: pointer;
    pointer-events: auto;
    width: 1.25vw
}

.sec3 .wrap .swiper_box .btns .jt img {
    display: block;
    width: 100%
}

.sec3 .wrap .swiper_box .btns .jt:nth-child(1) {
    transform: rotate(-180deg)
}

.sec3 .wrap .swiper_box .swiper {
    overflow: hidden
}

.sec3 .wrap .swiper_box .swiper .swiper-slide {
    cursor: pointer
}

.sec3 .wrap .swiper_box .swiper .swiper-slide .slide_box {
    opacity: 1;
    transition: 0.6s;
    pointer-events: none;
    position: relative;
    overflow: hidden;
    border-radius: .625vw;
    background: rgba(46, 46, 46, 0.8);
    padding: .3125vw;
    opacity: 0
}

.sec3 .wrap .swiper_box .swiper .swiper-slide .slide_box .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 3;
    opacity: 0;
    transition: all 600ms
}

.sec3 .wrap .swiper_box .swiper .swiper-slide .slide_box .play img {
    width: 4.16667vw;
    display: block
}

.sec3 .wrap .swiper_box .swiper .swiper-slide .slide_box .img {
    width: 100%;
    overflow: hidden;
    border-radius: .625vw
}

.sec3 .wrap .swiper_box .swiper .swiper-slide .slide_box .img img {
    display: block;
    width: 100%;
    object-fit: cover;
    transition: 1s
}

.sec3 .wrap .swiper_box .swiper .swiper-slide.swiper-slide-next .slide_box {
    opacity: .3;
    transform: scale(0.9) translateX(-30%)
}

.sec3 .wrap .swiper_box .swiper .swiper-slide.swiper-slide-prev .slide_box {
    opacity: .3;
    transform: scale(0.9) translateX(30%)
}

.sec3 .wrap .swiper_box .swiper .swiper-slide.swiper-slide-active .slide_box {
    opacity: 1;
    pointer-events: auto
}

.sec3 .wrap .swiper_box .swiper .swiper-slide.swiper-slide-active .slide_box .play {
    opacity: 1
}

.sec3 .wrap .tabs {
    display: flex;
    justify-content: center;
    border-radius: 90px;
    border: 1px solid rgba(203, 203, 203, 0.3);
    width: 22.70833vw;
    margin: 1.5625vw auto 0 auto
}

.sec3 .wrap .tabs span {
    border: 1px solid transparent;
    border-radius: 90px;
    width: 33.3%;
    color: rgba(255, 255, 255, 0.8);
    height: 1.66667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 600ms
}

.sec3 .wrap .tabs span.on {
    background: rgba(0, 0, 0, 0.1);
    border-color: #fff;
    color: #fff
}

.sec4 {
    background: url(../images/fbg.png) no-repeat;
    background-size: cover;
    padding-top: 8.33333vw
}

.sec4 .title {
    color: #7c4bf9;
    text-align: center;
    /* font-weight: 700; */
    font-family: 'Poppins-Bold';
    margin-bottom: 1.66667vw
}

.sec4 .content {
    width: 63.54167vw;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: .625vw;
    background: rgba(46, 46, 46, 0.8);
    padding: .3125vw
}

.sec4 .content::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 5;
    display: none;
    pointer-events: none;
    transition: opacity 600ms cubic-bezier(0.4, 0, 0.2, 1)
}

.sec4 .content .bg img {
    width: 100%;
    display: block
}

/* .sec4 .content .pl {
    position: absolute;
    left: .52083vw;
    top: 4.6875vw;
    transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1)
}

.sec4 .content .pl img {
    width: 13.80208vw;
    display: block
}

.sec4 .content .pl2 {
    position: absolute;
    left: 1.04167vw;
    bottom: 3.80208vw;
    transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 5;
    transform: scale(1)
}

.sec4 .content .pl2 .pic1 {
    width: 12.34375vw
} */


.sec4 .content .pl {
    position: absolute;
    left: 1.04167vw;
    top: 4.94792vw;
    transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 1.04167vw
}

.sec4 .content .pl img {
    width: 12.70833vw;
    display: block
}

.sec4 .content .pl.cj {
    animation: shadow 2s infinite linear;
    transform: scale(1.1) translateY(-1.04167vw)
}

@keyframes shadow {
    0% {
        box-shadow: 0 0 20px 5px rgba(190, 86, 255, 0)
    }

    25% {
        box-shadow: 0 0 20px 5px rgba(190, 86, 255, 0.15)
    }

    50% {
        box-shadow: 0 0 20px 5px rgba(190, 86, 255, 0.3)
    }

    75% {
        box-shadow: 0 0 20px 5px rgba(190, 86, 255, 0.15)
    }

    100% {
        box-shadow: 0 0 20px 5px rgba(190, 86, 255, 0)
    }
}

.sec4 .content .pl2 {
    position: absolute;
    left: 1.51042vw;
    bottom: 3.80208vw;
    transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 5;
    transform: scale(1);
    animation: shadow 2s infinite linear;
    border-radius: 1.04167vw
}

.sec4 .content .pl2 .pic1 {
    width: 11.71875vw
}

.sec4 .content .pl2 .line {
    position: absolute;
    left: 11.71875vw;
    top: 40%;
    transform: translateY(-50%);
    width: 3.59375vw
}

.sec4 .content .pl2.hide {
    opacity: 0;
    pointer-events: none;
    transform: scale(0.95)
}

.sec4 .content .center {
    position: absolute;
    width: 31.77083vw;
    height: 22.34375vw;
    top: 9.94792vw;
    right: 8.125vw;
    transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1)
}

.sec4 .content .center img {
    display: block
}

.sec4 .content .center .tpp {
    width: 22.91667vw;
    position: relative;
    z-index: 1;
    left: 3.125vw;
    top: 4.16667vw
}

.sec4 .content .center .tp {
    width: 26.04167vw;
    position: absolute;
    left: 1.71875vw;
    top: 2.5vw;
    transition: all 600ms
}

.sec4 .content .center .tpp2 {
    position: absolute;
    width: 22.91667vw;
    opacity: 0;
    z-index: 5;
    left: 3.125vw;
    top: 4.16667vw
}

@keyframes opacityAnimation {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0.5
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: .5
    }

    100% {
        opacity: 0
    }
}

.sec4 .content .center.cj .tpp2 {
    animation: opacityAnimation 2s infinite linear
}

/* .sec4 .content .center {
    position: absolute;
    top: 9.94792vw;
    right: 8.125vw;
    transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1)
}

.sec4 .content .center img {
    display: block
}

.sec4 .content .center .tpp {
    width: 31.77083vw;
    position: relative;
    z-index: 1
}

.sec4 .content .center .tp {
    width: 26.04167vw;
    position: absolute;
    left: 1.71875vw;
    top: 2.5vw
}

.sec4 .content .center .tpp2 {
    position: absolute;
    left: 50%;
    width: 32.1875vw;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 5;
    transition: all 600ms
}

.sec4 .content .center.cj .tpp {
    opacity: 0
}

.sec4 .content .center.cj .tpp2 {
    opacity: 1
} */

.sec4 .content .svga_box {
    position: absolute;
    left: 14.84375vw;
    bottom: 1.82292vw;
    transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1)
}

.sec4 .content .svga_box #svg2 {
    position: absolute;
    right: 3.90625vw;
    top: 2.34375vw;
    width: 2.86458vw;
    height: 2.86458vw
}

.sec4 .content .svga_box #svg1 {
    width: 2.91667vw;
    height: 8.33333vw;
    margin: 0 auto
}

.sec4 .content .svga_box .btns {
    margin-top: 1.19792vw
}

.sec4 .content .svga_box .btns a {
    display: block;
    text-align: center
}

.sec4 .content .svga_box .btns .print {
    border-radius: 3.97135vw;
    border: 0.635px solid rgba(255, 255, 255, 0.5);
    background: linear-gradient(96deg, #6039E7 0%, #7552F0 100%);
    box-shadow: 0 2.542px 3.813px 0 rgba(52, 18, 175, 0.5);
    padding: .19844vw .98958vw .1875vw .98958vw;
    color: white;
    margin-bottom: .67708vw
}

.sec4 .content .svga_box .btns .save {
    border-radius: 3.97135vw;
    border: 0.635px solid rgba(255, 255, 255, 0.5);
    background: #303030;
    box-shadow: 0 2.542px 5.083px 0 rgba(0, 0, 0, 0.24);
    color: white;
    padding: .19844vw .98958vw .1875vw .98958vw
}

.sec4 .content .hide {
    opacity: 0;
    pointer-events: none;
    transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1)
}

.sec4 .content .cj {
    z-index: 6;
    transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(1.1);
}

/* .sec4 .content .pl.cj {
    transform: scale(1.1) translateY(-1vw);
} */

.sec4 .content.active::before {
    display: block;
    animation: show1 600ms forwards cubic-bezier(0.4, 0, 0.2, 1)
}

@keyframes show1 {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.sec5 {
    background: url(../images/fbg.png) no-repeat;
    background-size: cover;
    padding-top: 8.33333vw
}

.sec5 .title {
    color: #7c4bf9;
    text-align: center;
    /* font-weight: 700; */
    font-family: 'Poppins-Bold';
    margin-bottom: 1.66667vw
}

.sec5 .content {
    width: 63.54167vw;
    margin: 0 auto;
    position: relative;
    border-radius: .625vw;
    background: rgba(46, 46, 46, 0.8);
    padding: .3125vw
}

.sec5 .content::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: all 600ms;
    pointer-events: none
}

.sec5 .content.active::before {
    opacity: 1
}

.sec5 .content .btns {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 4.58333vw;
    display: flex;
    justify-content: center;
    gap: 1.66667vw;
    transition: all 600ms
}

.sec5 .content .btns a {
    display: flex;
    justify-content: center;
    border-radius: 90px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    width: 11.66667vw;
    padding: .52083vw 0;
    align-items: center;
    color: white;
    gap: .52083vw;
    /* font-weight: 300; */
    font-family: 'Poppins-Light';
    transition: all 600ms
}

.sec5 .content .btns a img {
    display: block;
    width: 1.25vw;
    transition: all 600ms
}

.sec5 .content .btns a:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 2px 8px 2px rgba(255, 255, 255, 0.24), 0 0 10px 4px rgba(255, 255, 255, 0.32) inset
}

.sec5 .content .btns a:hover img {
    filter: invert(1)
}

.sec5 .content .video {
    border-radius: .625vw;
    overflow: hidden
}

.sec5 .content .video video {
    width: 100%;
    display: block
}

.sec5 .content .click_b {
    position: absolute;
    right: .52083vw;
    bottom: .72917vw;
    display: flex;
    align-items: flex-end;
    transition: all 600ms
}

.sec5 .content .click_b p {
    color: #FFF
}

.sec5 .content .click_b .hand {
    width: 2.23958vw;
    height: 2.23958vw;
    display: block;
    margin-left: .72917vw;
    transform: scale(1.5)
}

@keyframes scale1 {
    0% {
        transform: scale(0.6)
    }

    25% {
        transform: scale(0.8)
    }

    50% {
        transform: scale(1)
    }

    75% {
        transform: scale(0.8)
    }

    100% {
        transform: scale(0.6)
    }
}

.sec5 .content .click_b .play {
    margin-left: -.78125vw;
    transform: translateY(.26042vw);
    cursor: pointer
}

.sec5 .content .click_b .play img {
    width: 3.95833vw;
    display: block;
    transition: all 600ms
}

.sec5 .content .click_b .play img:hover {
    transform: scale(1.1)
}

.sec5 .content .hide {
    opacity: 0;
    pointer-events: none
}

.sec6 {
    background: url(../images/fbg.png) no-repeat;
    background-size: cover;
    height: auto !important;
    padding: 7.91667vw 0 3.28125vw 0;
    margin-top: -1px
}

.sec6 .fp-tableCell {
    height: auto !important
}

.sec6 .content {
    display: flex;
    justify-content: center;
    gap: 15.83333vw;
    align-items: flex-start
}

.sec6 .content .support {
    position: relative;
    display: block
}

.sec6 .content .support img {
    width: 8.54167vw;
    display: block
}

.sec6 .content .support p {
    position: absolute;
    right: -1.45833vw;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    /* font-weight: 500; */
    font-family: 'Poppins-Medium';
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 600ms
}

.sec6 .content .support:hover p {
    color: #7c4bf9;
    border-color: #7c4bf9
}

.sec6 .content .history {
    width: 33.75vw;
    position: relative;
    background: url(../images/di.png) no-repeat;
    background-size: 100% 100%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: .52083vw;
    padding: 2.91667vw;
    cursor: pointer
}

.sec6 .content .history .time {
    position: absolute;
    left: 0;
    top: 0;
    height: 7.55208vw;
    display: block
}

.sec6 .content .history .d1 {
    display: flex;
    justify-content: space-between;
    color: white;
    /* font-weight: 500; */
    font-family: 'Poppins-Medium';
}

.sec6 .content .history .d1 p {
    display: flex;
    align-items: center;
    gap: 1.66667vw;
    /* font-weight: 300; */
    font-family: 'Poppins-Light';
}

.sec6 .content .history .d1 p span {
    margin-top: .15625vw;
    display: none
}

.sec6 .content .history .d1 .jt {
    width: 1.25vw;
    display: block;
    transition: all 600ms
}

.sec6 .content .history .d2 {
    margin-top: 1.66667vw;
    max-height: 23.4375vw;
    overflow-y: auto;
    display: none
}

.sec6 .content .history .d2::-webkit-scrollbar {
    width: 2px
}

.sec6 .content .history .d2 .nr {
    display: flex;
    flex-direction: column;
    gap: 1.66667vw
}

.sec6 .content .history .d2 .nr a {
    display: flex;
    justify-content: space-between;
    gap: 7.8125vw
}

.sec6 .content .history .d2 .nr a p {
    /* font-weight: 300; */
    font-family: 'Poppins-Light';
    color: #fff
}

.sec6 .content .history .d2 .nr a img {
    width: 1.25vw;
    display: block;
    filter: brightness(0) invert(1);
    transition: all 600ms
}

.sec6 .content .history .d2 .nr a:hover img {
    filter: brightness(1) invert(0)
}

.header.on {
    filter: invert(1)
}

.footer {
    margin-top: -1px;
    height: auto !important
}

.footer .fp-tableCell {
    height: auto !important
}

@media screen and (max-width: 768px) {
    .home {
        padding: 60px 0 0
    }

    .section {
        height: auto !important
    }

    .section .fp-tableCell {
        height: auto !important
    }

    .sec1 .fp-tableCell {
        height: 100% !important
    }

    .sec1 .title {
        top: 40px;
        left: 5vw
    }

    .sec1 .btns {
        width: 100%;
        justify-content: center;
        gap: 10px;
        padding: 0 5%;
        bottom: 20px
    }

    .sec1 .btns a {
        width: 50%;
        padding: 8px 0;
        font-size: 14px;
        gap: 5px
    }

    .sec1 .btns a img {
        width: 14px
    }

    .sec2 {
        padding: 30px 5vw
    }

    .sec2:after {
        display: none
    }

    .sec2 .title {
        position: unset;
        color: #7c4bf9;
        margin-bottom: 15px;
        font-size: 24px
    }

    .sec2 .video_box {
        position: relative
    }

    .sec2 .video_box .video video {
        height: unset
    }

    .sec2 .video_box .play {
        width: 40px;
        height: auto
    }

    .sec2 .video_box .play svg {
        width: 100%;
        height: 40px !important
    }

    .sec2 .video_box:after {
        content: "";
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 64%, rgba(0, 0, 0, 0.56) 100%);
        position: absolute;
        top: 0;
        left: 0
    }

    .sec2 .bottom {
        position: unset;
        margin: 20px 0 0;
        transform: unset;
        padding: 0
    }

    .sec2 .bottom .h5 {
        font-size: 18px
    }

    .sec2 .bottom .p {
        margin: 10px 0 0;
        font-size: 16px
    }

    .sec3 {
        padding: 30px 5vw 0 5%
    }

    .sec3 .wrap {
        width: 100%;
        padding-top: 0
    }

    .sec3 .wrap .title {
        font-size: 24px;
        margin-bottom: 15px
    }

    .sec3 .wrap .swiper_box {
        width: 100%
    }

    .sec3 .wrap .swiper_box .btns {
        display: none
    }

    .sec3 .wrap .swiper_box .swiper {
        width: 100%
    }

    .sec3 .wrap .swiper_box .swiper .swiper-slide .slide_box {
        border-radius: 6px;
        padding: 3px;
        transform: scale(1) !important;
    }

    .sec3 .wrap .swiper_box .swiper .swiper-slide .slide_box .play img {
        width: 40px
    }

    .sec3 .wrap .swiper_box .swiper .swiper-slide .slide_box .img {
        height: 198px;
        border-radius: 6px;
    }

    .sec3 .wrap .tabs {
        width: 100%;
        margin: 15px 0;
        flex-wrap: wrap;
        border-radius: 0;
        border: none;
        gap: 10px
    }

    .sec3 .wrap .tabs span {
        height: 40px;
        padding: 0 15px;
        width: auto
    }

    .sec3 .wrap .tabs span.on {
        background: rgba(0, 0, 0, 0.1);
        border-color: rgba(255, 255, 255, 0.5);
        color: #fff
    }

    .sec4 {
        padding-top: 30px
    }

    .sec4 .title {
        font-size: 24px;
        margin-bottom: 15px
    }

    .sec4 .content {
        width: 90%;
        padding: 3px;
        border-radius: 6px
    }

    .sec4 .content .pl2 {
        left: 1.8vw;
        bottom: 4.80208vw
    }

    .sec4 .content .pl2 .pic1 {
        width: 17.34375vw
    }

    .sec4 .content .pl2 .line {
        left: 16.5vw;
        width: 7.59375vw;
        top: 30%
    }

    .sec4 .content .pl {
        top: 6.6875vw
    }

    .sec4 .content .pl img {
        width: 19.80208vw
    }

    .sec4 .content .center {
        top: 12.94792vw;
        right: 17.125vw
    }

    .sec4 .content .svga_box {
        left: 21.84375vw
    }

    .sec4 .content .svga_box #svg1 {
        width: 5.91667vw;
        height: 13.33333vw
    }

    .sec4 .content .svga_box #svg2 {
        width: 6.86458vw;
        height: 6.86458vw;
        right: 7.90625vw
    }

    .sec4 .content .svga_box .btns a {
        font-size: 1.875vw;
        transform: scale(0.7);
        margin-bottom: 0 !important;
    }

    .sec5 {
        padding: 50px 0 0 0;
    }

    .sec5 .title {
        font-size: 24px;
        margin-bottom: 15px
    }

    .sec5 .content {
        width: 90%;
        padding: 3px;
        border-radius: 6px
    }

    .sec5 .content .btns {
        width: 100%;
        justify-content: center;
        gap: 10px;
        padding: 0 5%;
        bottom: 20px
    }

    .sec5 .content .btns a {
        width: 50%;
        padding: 8px 0;
        font-size: 14px;
        gap: 5px
    }

    .sec5 .content .btns a img {
        width: 14px
    }

    .sec5 .content .video {
        border-radius: 6px
    }

    .sec5 .content .click_b {
        right: 5px;
        bottom: 10px;
        font-size: 14px
    }

    .sec5 .content .click_b .hand {
        width: 25px;
        height: 25px;
        margin-left: 7px
    }

    .sec5 .content .click_b .play {
        margin-left: -5px
    }

    .sec5 .content .click_b .play img {
        width: 38px
    }

    .sec6 {
        padding: 30px 5%
    }

    .sec6 .content {
        flex-direction: column;
        gap: 30px;
        align-items: center
    }

    .sec6 .content .support img {
        width: 80px
    }

    .sec6 .content .support p {
        right: -14px
    }

    .sec6 .content .history {
        width: 100%;
        padding: 20px;
        border-radius: 5px
    }

    .sec6 .content .history .time {
        height: 70px
    }

    .sec6 .content .history .d1 p {
        gap: 10px;
        font-size: 16px;
        flex-direction: column;
        align-items: flex-start
    }

    .sec6 .content .history .d1 p span {
        margin-top: 2px;
        font-size: 14px
    }

    .sec6 .content .history .d1 .jt {
        width: 16px
    }

    .sec6 .content .history .d2 {
        margin-top: 16px;
        max-height: 250px
    }

    .sec6 .content .history .d2 .nr {
        gap: 16px
    }

    .sec6 .content .history .d2 .nr a {
        gap: 15px
    }

    .sec6 .content .history .d2 .nr a img {
        width: 16px
    }

    @keyframes img_go1 {
        100% {
            transform: translateX(188px)
        }
    }
}