.bigevent {
    position: relative;
    background: #0e1522
}

.bigevent h2 {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 30px;
    font-size: 48px;
    font-weight: normal;
    color: #eef2f7
}

.bigevent .leftbarWrap {
    position: absolute;
    height: 100%;
    z-index: 4;
    left: calc((100vw - 1300px)/2)
}

.bigevent .animatedPath {
    position: relative;
    width: 30px;
    height: 500vh
}

.bigevent .scFstText {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.bigevent .pinSpace {
    position: relative;
    width: 116px;
    height: 116px;
    background-size: cover
}

.bigevent .pinSpace div {
    display: none;
    position: absolute;
    left: 30px;
    top: 44px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.bigevent .screen5 {
    margin-bottom: 0 !important;
    padding-bottom: 150px;
    position: relative
}

.bigevent .screen5 img {
    height: 1121px;
}
/* 时间线 */
.bigevent .timeline {
    position: relative;
    display: flex;
    --leftWidth: 400px;
    --primaryColor: #006dfd;
    padding: 68px 0;
    overflow: hidden;
}
.bigevent .timeline .timeIcon {
    position: absolute;
    top: 50%;
    transform: translate(0, -185%);
}
.bigevent .timeline .timelineMask {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: linear-gradient(to bottom, #0e1522 0, transparent 20%, transparent 80%, #0e1522 100%);
    width: 100%;
    height: 140%;
    transform: translate(0, -15%);
    user-select: none;
    z-index: 1;
}
.bigevent .timeline .timelineBox {
    position: relative;
    width: calc(var(--leftWidth) * 2);
    margin-left: calc(-1 * var(--leftWidth));
    color: #fff;
}

.bigevent .timeline .timelineBox .timelineLine {
    position: absolute;
    border-radius: 100%;
    width: 1402px;
    height: 1400px;
    left: -791px;
    top: -393px;
    border: 1px solid transparent;
    border-right: 1px solid var(--primaryColor);
    /* z-index: -1; */
}

.bigevent .timeline .timelineBox .timelineItem {
    position: absolute;
    display: flex;
    font-size: 24px;
    align-items: center;
    cursor: pointer;
}
.bigevent .timeline .timelineBox .active {
    font-weight: bold;
}
.bigevent .timeline .timelineBox .active::after {
    content: '';
    position: absolute;
    right: -85px;
    top: 50%;
    transform: translate(0, -50%);
    height: 2px;
    width: 90px;
    background-image: linear-gradient(to right, #006dfd 0, #006dfd, 80%, transparent 100%);
}
.bigevent .timeline .timelineBox .active .timelineCircle {
    background: var(--primaryColor);
    width: 15px;
    height: 15px;
    transform: translate(-30%, 0);
}
.bigevent .timeline .timelineItem .timelineCircle {
    border-radius: 100%;
    width: 10px;
    height: 10px;
    margin-left: 30px;
    border: 1px solid var(--primaryColor);
    background-color: #0e1522;
}

.bigevent .timeline .timelineContent {
    flex: 1;
    /* background-color: #fff; */
    height: 800px;
}
.bigevent .timeline .timelineContent .box{
    position: relative;
}

.bigevent .timeline .timelineContent img {
    margin-bottom: 20px;
}

.bigevent .timeline .timelineContent h3 {
    color: #a2adbe;
}

.bigevent .timeline .timelineContent .timelineContentDesc {
    position: relative;
}
.timelineContent .timelineContentDesc .graph {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.graph .dashed {
    width: 465px;
    height: 2px;
    background-image: linear-gradient(to right, #2e4060, #2e4060 5px, transparent 5px, transparent);
    background-size: 10px 100%;
}

.graph .rect {
    width: 20px;
    height: 20px;
    background-image: linear-gradient(45deg, #1f64ef, #6635c0);
    border-radius: 3px;
}

/* 结束时间线 */

.confirm {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.confirm .slick-slide {
    width: 192px;
}

.bigevent .screen5 .imgWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.bigevent .screen5 .imgWrap h4 {
    position: absolute;
    left: 0;
    top: 500px;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    color: #eef2f7
}

.bigevent .screen5 .imgWrap .desc {
    position: absolute;
    top: 558px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #a3aebf;
    text-align: center
}

.bigevent .event-screen {
    width: 1300px;
    margin: 0 auto 150px;
    /* padding-left: 140px; */
    box-sizing: border-box
}

.bigevent .event-screen h3 {
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 400;
    color: #eef2f7;
    text-align: center;
}

.bigevent .event-screen h5 {
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #a3aebf;
    text-align: center;
}

.bigevent .event-screen .videoWrap {
    position: relative
}

.bigevent .event-screen .videoWrap .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px)
}

.bigevent .event-screen .videoWrap .icon img {
    display: block;
    margin: 0 auto
}

.bigevent .event-screen .videoWrap .icon .bg {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: 1.2s enter linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@keyframes enter {
    0% {
        background: rgba(255, 255, 255, 0);
        transform: translate(-50%, -50%) scale(1)
    }

    50% {
        background: rgba(255, 255, 255, .5);
        transform: translate(-50%, -50%) scale(1.2)
    }

    to {
        background: rgba(255, 255, 255, 0);
        transform: translate(-50%, -50%) scale(1.4)
    }
}

.bigevent .event-screen.screen1 h5 {
    margin-bottom: 40px
}

.bigevent .event-screen.screen2 .imgWrap {
    background: rgb(218, 222, 251);
    position: relative;
    margin-top: 30px
}

.bigevent .event-screen.screen2 .imgWrap h4 {
    position: absolute;
    top: 180px;
    left: calc(50% - 120px);
    font-size: 48px;
    font-weight: 400;
    color: #000
}

.bigevent .event-screen.event-screen3 .news-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap {
    width: 306px;
    margin-right: 24px
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap:hover {
    box-shadow: 0 0 49px 5px rgba(0, 0, 0, .15);
    border-radius: 16px
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap img {
    display: block;
    width: 306px;
    border-radius: 16px
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap .common-arrows {
    display: inline-block;
    width: 12px;
    height: 12px
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap .item-wrap-desc {
    padding: 24px 0
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap .item-wrap-desc h5 {
    font-size: 20px;
    font-weight: 700;
    color: #eef2f7;
    margin-bottom: 8px;
    text-align: left
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap .item-wrap-desc p {
    font-size: 14px;
    font-weight: 400;
    color: #a3aebf;
    margin-bottom: 15px
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap .item-wrap-desc a {
    font-size: 14px;
    font-weight: 400;
    color: #0177ff
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap .last-one {
    height: 356px;
    border-radius: 16px;
    padding: 22px;
    background: rgb(20, 27, 36)
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap .last-one h6 {
    font-size: 22px;
    font-weight: 700;
    color: #0177ff;
    margin-bottom: 20px
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap .last-one p {
    font-size: 30px;
    font-weight: 400;
    color: #fff
}

.bigevent .event-screen.event-screen3 .news-wrap .item-wrap .last-one .blue-btn {
    margin-top: 50px;
    width: 220px;
    height: 56px;
    background: #0177ff;
    border-radius: 28px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 56px;
    text-align: center
}

.bigevent .event-screen.event-screen4 {
    border-radius: 16px
}

.bigevent .event-screen.event-screen4 .imgWrap,
.bigevent .event-screen.event-screen4 .slider-item {
    width: 1163px;
    height: 700px;
    border-radius: 16px
}

.bigevent .event-screen.event-screen4 .slider-item h5 {
    margin-top: 116px;
    text-align: center;
    font-size: 72px;
    font-weight: 400;
    color: #eef2f7
}

.bigevent .event-screen.event-screen4 .slider-item h6 {
    margin-bottom: 35px;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #eef2f7
}

.bigevent .event-screen.event-screen4 .slider-item img {
    margin: 0 auto
}

.bigevent .event-screen.event-screen4 .slider-item1 {
    background: #6375ff
}

.bigevent .event-screen.event-screen4 .slider-item2 {
    background: #1460fb
}

.bigevent .event-screen.event-screen4 .slider-item3 {
    background: #4553f3
}

.bigevent .videoWrap {
    width: 1166px;
    height: calc(100vh - 240px)
}

.bigevent .videoWrap .video {
    width: 1166px;
    height: calc(100vh - 240px);
    -o-object-fit: fill;
    object-fit: fill
}


.hero-video-play {
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 999px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 104px;
    height: 104px;
    transform: translate(-50%, -50%);
    transition: .3s cubic-bezier(.6, .6, 0, 1) width;
    z-index: 20
}

.hero-video-play .glowing-box {
    min-width: 72px;
    transition: .3s cubic-bezier(.6, .6, 0, 1) width;
    width: 72px;
}

.hero-video-play .glowing-box-button {
    align-items: center;
    background: rgba(255, 255, 255, .04);
    display: flex;
    height: 72px;
    padding: 12px 24px 12px 28px;
    position: relative;
    border-radius: 999px;
    width: 100%
}

.hero-video-play-text {
    isolation: isolate;
    overflow: hidden;
    left: 68px;
    opacity: 0;
    position: absolute;
    text-align: left;
    transform: translate(-4px);
    transition: .3s cubic-bezier(.6, .6, 0, 1) transform, .3s cubic-bezier(.6, .6, 0, 1) opacity;
    width: 142px
}

.hero-video-play-title {
    font-size: 16px;
    color: #fff
}

.hero-video-play-description {
    color: #fff;
    opacity: .7
}

@media (max-width: 1248px) {
    .hero-video {
        padding: 0
    }

    .hero-video .magical-borders-inner {
        background-color: #0a0118cc !important
    }

    .hero-video-content {
        height: 509px;
        margin: 0 auto;
        width: 342px
    }
}

@media (min-width: 1248px) {
    .hero-video-play:hover {
        width: 215px
    }

    .hero-video-play:hover .glowing-box {
        width: 180px
    }

    .hero-video-play:hover .hero-video-play-text {
        opacity: 1;
        transform: translate(0)
    }
}

.glowing-box {
    isolation: isolate;
    overflow: hidden;
    border-radius: 999px;
    display: inline-block;
    position: relative
}

.glowing-box-active .glowing-box-animations, .glowing-box-active .glowing-box-borders-masker {
    opacity: 1
}

.glowing-box-animations, .glowing-box-borders {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.glowing-box-animations:before, .glowing-box-borders:before {
    content: "";
    float: left;
    padding-top: 100%
}

.glowing-box-animations:after, .glowing-box-borders:after {
    clear: both;
    content: "";
    display: block
}

.glowing-box-animations {
    opacity: 0;
    pointer-events: none;
    transition: 1s ease opacity
}

.glowing-box-animations * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.glowing-box-borders, .glowing-box-glow, .glowing-box-stars {
    animation: borderTurn 2s infinite linear;
    background-image: conic-gradient(from 0 at 50% 50%, rgba(255, 255, 255, .5) 0deg, rgba(255, 255, 255, 0) 60deg, rgba(255, 255, 255, 0) 310deg, rgba(255, 255, 255, .5) 360deg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.glowing-box-stars-masker {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    -webkit-mask-size: auto;
    mask-size: auto
}

.glowing-box-glow {
    filter: blur(8px);
    opacity: .12
}

.glowing-box-borders {
    animation-name: borderTurnWithTranslate
}

.glowing-box-borders-masker {
    border-radius: 999px;
    content: "";
    height: 100%;
    inset: 0;
    left: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: 1s ease opacity;
    width: 100%
}

@keyframes borderTurn {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes borderTurnWithTranslate {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}