.pre-horizon-horizon[data-v-e909c4e0] {
    height: 244px;
    width: 434px
}

.pre-horizon-vertical.pre-video[data-v-e909c4e0],.pre-vertical-horizon.pre-img[data-v-e909c4e0] {
    height: 507px;
    width: 898px
}

.pre-horizon-vertical.pre-img[data-v-e909c4e0],.pre-vertical-horizon.pre-video[data-v-e909c4e0],.pre-vertical-vertical[data-v-e909c4e0] {
    height: 507px;
    width: 285px
}

.swiper[data-v-e909c4e0] {
    height: 100%;
    width: 100%
}

.play-icon[data-v-e909c4e0] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45'%3E%3Ctitle%3Eicon_play%3C/title%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='22.5' cy='22.5' r='22' fill='%23000' fill-opacity='.301'/%3E%3Cpath fill='%23FFF' fill-opacity='.849' d='m18.029 12.817 14.113 8.468a2 2 0 0 1 0 3.43l-14.113 8.468A2 2 0 0 1 15 31.468V14.532a2 2 0 0 1 3.029-1.715'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    height: 45px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 45px
}

.fs-horizontal[data-v-e909c4e0] {
    height: 450px;
    transform-origin: center top;
    width: 800px
}

.fs-vertical[data-v-e909c4e0] {
    height: 608px;
    transform-origin: center top;
    width: 342px
}

.icon-arrow[data-v-e909c4e0] {
    cursor: pointer;
    height: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px
}

.icon-arrow-pre[data-v-e909c4e0] {
    left: -64px
}

.icon-arrow-next[data-v-e909c4e0] {
    right: -64px
}

.icon-close[data-v-e909c4e0] {
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: -40px;
    top: -24px;
    width: 32px
}

.preview-video[data-v-e909c4e0] {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

video[data-v-e909c4e0]::-webkit-media-controls-fullscreen-button {
    display: none
}

.emu-intro[data-v-4e8d28bd] {
    padding-top: 40px
}

.item[data-v-4e8d28bd] {
    position: relative
}

.item[data-v-4e8d28bd]:after {
    background-image: url(data:image/png;base64,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);
    content: "";
    display: block;
    height: 52px;
    position: absolute;
    right: -133px;
    top: 50%;
    transform: translateY(-50%);
    width: 133px
}

.item[data-v-4e8d28bd]:nth-of-type(3n):after {
    content: none
}

.item[data-v-08dd38d0]:not(:nth-child(8n)) {
    margin-right: 21px
}

.item[data-v-08dd38d0] {
    background: linear-gradient(180deg,#37373f,#29292e);
    border-radius: 8px;
    cursor: pointer;
    display: block;
    margin-bottom: 32px;
    padding: 28px 18px;
    position: relative;
    width: 132px
}

.brand_banner[data-v-df515b2f] {
    align-items: center;
    bottom: 20px;
    cursor: pointer;
    display: flex;
    left: 50%;
    max-width: 1324px;
    position: fixed;
    transform: translate(-50%);
    width: 100%;
    z-index: 1
}

.brand_banner .bg[data-v-df515b2f] {
    background: linear-gradient(129deg,#ffd0ca,#ffee85);
    border-radius: 65px;
    bottom: 0;
    height: 120px;
    position: absolute;
    width: 100%;
    z-index: -1
}

.brand_banner .content[data-v-df515b2f] {
    align-items: center;
    display: flex;
    margin-top: 32px
}

.brand_banner .button[data-v-df515b2f] {
    background: linear-gradient(96deg,#ff3b10,#ff890b);
    border-radius: 35px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    height: 69px;
    line-height: 69px;
    position: relative;
    text-align: center;
    width: 201px
}

button[data-v-df515b2f] {
    background: transparent
}

.detail-warp {
    color: #fff;
    font-size: 16px
}

.btn-download {
    background: #46464d;
    border-radius: 44px;
    cursor: pointer;
    font-size: 20px;
    height: 68px;
    line-height: 68px;
    margin-top: 16px;
    text-align: center;
    width: 198px
}

.detail-tags {
    display: flex;
    flex-wrap: wrap
}

.detail-tags .tag-item {
    background: #ffffff1a;
    border-radius: 4px;
    color: #ffffff80;
    font-size: 12px;
    margin-right: 10px;
    padding: 3px 8px
}

.qrcode-wrapper {
    background: #fff;
    border-radius: 24px;
    bottom: -214px;
    height: 198px;
    overflow: hidden;
    position: absolute;
    width: 198px;
    z-index: 10
}

.brief {
    border-bottom: 2px solid #4c4c4c;
    padding-bottom: 40px
}