.banner[data-v-7b633643] {
    position: relative;
    width: 100%;
    height: 648px;
    padding-top: 133px;
    padding-left: 36px;
    background: url(2.1.1/home-banner-bg-1.c76a8fd7.png) no-repeat;
    background-size: 895px 467px;
    background-position: right 24px top 72px
}

.banner .banner-title[data-v-7b633643] {
    position: relative;
    z-index: 2;
    width: 819px
}

.banner .banner-bg[data-v-7b633643] {
    position: absolute;
    z-index: 1;
    height: 100%;
    right: 0;
    top: 0
}

.banner p[data-v-7b633643] {
    margin: 32px 0 0;
    line-height: 29px;
    font-size: 24px;
    padding-left: 21px;
    color: #7a7b85
}

.banner .btn-wrapper[data-v-7b633643] {
    position: relative;
    z-index: 2;
    margin-top: 117px;
    padding-left: 21px
}

.banner .btn-wrapper[data-v-7b633643] .btn {
    border: 0;
    outline: 0;
    width: 174px;
    line-height: 48px;
    height: 48px;
    color: #fff;
    font-size: 16px;
    border-radius: 32px;
    cursor: pointer
}

.banner .btn-wrapper .btn-ai[data-v-7b633643] {
    background: linear-gradient(90deg, #00b8e1 0%, #c941c7 100%)
}

.banner .btn-wrapper .btn-ai[data-v-7b633643]:hover {
    box-shadow: 0 10px 30px #d871ea80, inset 0 0 5px #ffdc9c
}

.banner .btn-wrapper .btn-promote[data-v-7b633643] {
    border: unset;
    padding: 0;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(117deg, #d02034 0%, #ff4f63 100%);
    margin-left: 24px;
    font-weight: 400
}

.banner .btn-wrapper .btn-promote[data-v-7b633643]:hover {
    opacity: 1;
    box-shadow: 0 10px 30px #ea717380, inset 0 0 #ffdc9c
}

.opc-consult[data-v-8b06d2b3] {
    position: relative;
    z-index: 3;
    margin-top: 117px;
    min-height: 600px
}

.opc-consult .content-section .section-title[data-v-8b06d2b3] {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 72px;
    color: #fff;
    line-height: 86px;
    text-align: center;
    margin-bottom: 16px
}

.opc-consult .content-section .section-subtitle[data-v-8b06d2b3] {
    font-family: PingFang SC, PingFang SC;
    line-height: 28px;
    font-size: 40px;
    font-weight: 400;
    color: #99a1af;
    text-align: center;
    margin: 12px 0 64px
}

.opc-consult .content-section .image-wrapper[data-v-8b06d2b3] {
    position: relative;
    border-radius: 24px;
    padding: 72px 0 0 72px;
    background: linear-gradient(143deg, rgba(255, 169, 169, .15) 0%, rgba(0, 0, 0, .06) 100%);
    width: 100%;
    height: 560px;
    margin-bottom: 40px;
    transition: all .3s ease
}

.opc-consult .content-section .image-wrapper[data-v-8b06d2b3]:hover {
    box-shadow: 0 0 15px #dc2626b3
}

.opc-consult .content-section .image-wrapper[data-v-8b06d2b3] :not(.content-img) {
    position: relative;
    z-index: 2
}

.opc-consult .content-section .image-wrapper .content-img[data-v-8b06d2b3] {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 100%;
    object-fit: cover
}

.opc-consult .content-section .image-wrapper .content[data-v-8b06d2b3] {
    display: flex;
    flex-direction: column;
    height: 100%
}

.opc-consult .content-section .image-wrapper .content .overlay-title-img[data-v-8b06d2b3] {
    width: 511px;
    margin-bottom: 16px
}

.opc-consult .content-section .image-wrapper .content .overlay-subtitle[data-v-8b06d2b3] {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 20px;
    color: #d1d5dc;
    line-height: 28px;
    margin-bottom: 32px
}

.opc-consult .content-section .image-wrapper .content .overlay-content[data-v-8b06d2b3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 32px
}

.opc-consult .content-section .image-wrapper .content .overlay-content .content-item[data-v-8b06d2b3] {
    width: fit-content;
    padding: 10px 21px;
    background: rgba(0, 0, 0, .5);
    border: 1px solid rgba(130, 24, 26, .3);
    border-radius: 32px;
    font-size: 14px;
    font-weight: 600;
    color: #d1d5dc;
    line-height: 20px
}

.opc-consult .content-section .image-wrapper .content .consult-btn[data-v-8b06d2b3] {
    width: 240px;
    height: 70px;
    font-weight: 500;
    font-size: 14px;
    padding: 20px 0;
    color: #fff;
    border: none;
    border-radius: 8px;
    background: linear-gradient(80deg, #530bce 0%, #c10000 100%);
    cursor: pointer;
    transition: all .3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.opc-consult .content-section .image-wrapper .content .consult-btn img[data-v-8b06d2b3] {
    width: 13px;
    height: 13px;
    margin-right: 8px
}

.opc-consult .content-section .image-wrapper .content .consult-btn[data-v-8b06d2b3]:hover {
    box-shadow: 0 0 60px #dc262633, 0 0 40px #dc26264d, 0 0 20px #dc262680
}

.opc-consult .content-section .image-wrapper .content .consult-btn[data-v-8b06d2b3]:active {
    transform: translateY(0)
}

.opc-consult-modal .arco-modal-mask {
    background: rgba(10, 10, 10, .7)
}

.opc-consult-modal .arco-modal {
    background: unset;
    color: #fff
}

.opc-consult-modal .arco-modal-header {
    border-bottom: none;
    padding-bottom: 0
}

.opc-consult-modal .arco-modal-body {
    padding: 0;
    position: relative
}

.opc-consult-modal .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10
}

.opc-consult-modal .modal-content {
    padding: 32px 26px;
    border-radius: 15px;
    background: url(/2.1.1/home-guide-bg.b2c9117c.png) no-repeat;
    background-size: cover;
    background-position: center
}

.opc-consult-modal .modal-content .content-wrapper {
    width: 100%;
    position: relative
}

.opc-consult-modal .modal-content .modal-title-img {
    width: 100%
}

.opc-consult-modal .modal-content .qr-section {
    position: absolute;
    right: 32px;
    bottom: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px
}

.opc-consult-modal .modal-content .qr-section .qr-wrapper {
    width: 101px;
    height: 101px;
    background: #ffffff;
    padding: 4px;
    border-radius: 16px;
    overflow: hidden
}

.opc-consult-modal .modal-content .qr-section .qr-wrapper img {
    width: 100%;
    height: 100%
}

.opc-consult-modal .modal-content .qr-section .qr-text {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 25px
}

.partners[data-v-36f0d96c] {
    position: relative;
    z-index: 3;
    margin-top: 168px;
    text-align: center;
    width: 100%;
    overflow: hidden
}

.partners .partners-title[data-v-36f0d96c] {
    font-weight: 600;
    font-size: 48px;
    color: #fff
}

.partners .partners-list[data-v-36f0d96c] {
    padding: 0 36px;
    margin-top: 72px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 24px;
    width: max-content;
    animation: marquee-36f0d96c 30s linear infinite
}

.partners .partners-list .partners-item[data-v-36f0d96c] {
    flex: 0 0 210px;
    width: 210px;
    height: 194px;
    text-align: center;
    padding-top: 37px;
    background: rgba(255, 255, 255, .05);
    border-radius: 21px;
    border: 2px solid rgba(255, 255, 255, .1)
}

.partners .partners-list .partners-item img[data-v-36f0d96c] {
    width: 74px;
    height: 74px;
    object-fit: contain;
    margin: 0 auto 18px
}

.partners .partners-list .partners-item span[data-v-36f0d96c] {
    display: block;
    text-align: center;
    font-size: 21px;
    color: #99a1af
}

@keyframes marquee-36f0d96c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.steps .steps-title[data-v-bdebfc72] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 48px;
    color: #fff
}

.steps .steps-title span[data-v-bdebfc72] {
    color: #fe2c55
}

.steps .steps-subtitle[data-v-bdebfc72] {
    text-align: center;
    margin: 16px 0 64px;
    line-height: 28px;
    font-size: 18px;
    color: #99a1af
}

.steps .box-list[data-v-bdebfc72] {
    display: flex;
    gap: 32px
}

.steps .box-list .box-list-item[data-v-bdebfc72] {
    padding: 32px;
    background: linear-gradient(137deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .1) 100%);
    border-radius: 16px;
    flex: 1
}

.steps .box-list .box-list-item h3[data-v-bdebfc72] {
    margin: 20px 0 6px;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    line-height: 32px
}

.steps .box-list .box-list-item p[data-v-bdebfc72] {
    font-size: 16px;
    color: #99a1af;
    line-height: 26px
}

.steps .box-list .box-list-item .img-wrapper[data-v-bdebfc72] {
    width: 64px;
    height: 64px
}

.steps .box-list .box-list-item .img-wrapper img[data-v-bdebfc72] {
    width: 100%;
    height: 100%
}

.choose-us[data-v-6d421899] {
    position: relative;
    z-index: 3;
    margin-top: 117px;
    display: flex;
    gap: 32px
}

.choose-us .box-list-item[data-v-6d421899] {
    padding: 32px;
    background: linear-gradient(137deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .1) 100%);
    border-radius: 16px;
    flex: 1
}

.choose-us .box-list-item h3[data-v-6d421899] {
    margin: 20px 0;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    line-height: 32px
}

.choose-us .box-list-item p[data-v-6d421899] {
    font-size: 16px;
    line-height: 26px;
    color: #99a1af
}

.choose-us .box-list-item .img-wrapper[data-v-6d421899] {
    width: 64px;
    height: 64px
}

.choose-us .box-list-item .img-wrapper img[data-v-6d421899] {
    width: 100%;
    height: 100%
}

.training[data-v-574e4191] {
    margin: 168px 0;
    width: 100%
}

.training h2[data-v-574e4191] {
    margin: 0;
    text-align: center;
    font-size: 72px;
    color: #fff;
    line-height: 86px;
    font-weight: 600
}

.training h3[data-v-574e4191] {
    line-height: 28px;
    font-weight: 400;
    margin: 12px 0 64px;
    text-align: center;
    font-size: 40px;
    color: #99a1af
}

.training .training-content[data-v-574e4191] {
    position: relative;
    border-radius: 24px;
    padding: 72px 0 0 72px;
    background: linear-gradient(143deg, rgba(255, 169, 169, .15) 0%, rgba(0, 0, 0, .06) 100%);
    width: 100%;
    height: 560px
}

.training .training-content[data-v-574e4191]:hover {
    box-shadow: 0 0 15px #dc2626b3
}

.training .training-content[data-v-574e4191] :not(.content-img) {
    position: relative;
    z-index: 2
}

.training .training-content .content-img[data-v-574e4191] {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 100%
}

.training .training-content .training-content-title[data-v-574e4191] {
    line-height: 1.4;
    display: flex;
    font-weight: 800;
    font-size: 50px;
    color: #fff;
    line-height: 60px
}

.training .training-content .training-content-title span[data-v-574e4191] {
    margin: 0 2px;
    color: #fe2c55
}

.training .training-content .training-content-subtitle[data-v-574e4191] {
    line-height: 1.4;
    font-size: 50px;
    background: linear-gradient(45deg, #fe2c55 0%, #ff7282 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-weight: 800
}

.training .training-content .training-content-desc[data-v-574e4191] {
    margin-top: 24px;
    color: #d1d5dc;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 32px
}

.training .training-content .training-content-desc span[data-v-574e4191] {
    font-size: 20px;
    margin: 0 5px;
    color: #fe2c55
}

.training .training-content .btn-wrapper[data-v-574e4191] {
    display: flex;
    margin-top: 70px
}

.training .training-content .btn-wrapper button+button[data-v-574e4191] {
    margin-left: 16px
}

.training .training-content .btn-wrapper button[data-v-574e4191] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 70px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
    border-radius: 8px;
    border: 0;
    outline: 0;
    cursor: pointer
}

.training .training-content .btn-wrapper button[data-v-574e4191]:hover {
    box-shadow: 0 0 60px #dc262633, 0 0 40px #dc26264d, 0 0 20px #dc262680
}

.training .training-content .btn-wrapper button img[data-v-574e4191] {
    width: 13px;
    height: 13px;
    margin-right: 8px
}

.training .training-content .btn-wrapper .btn-consult[data-v-574e4191] {
    background: linear-gradient(90deg, #e7000b 0%, #9f0712 100%)
}

.training .training-content .btn-wrapper .btn-detail[data-v-574e4191] {
    background: #ffffff;
    color: #fb2c36
}

.training .training-content .footer-list[data-v-574e4191] {
    margin-top: 48px;
    display: flex
}

.training .training-content .footer-list .footer-list-item[data-v-574e4191] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 21px;
    font-size: 14px;
    color: #d1d5dc;
    height: 46px;
    border-radius: 23px;
    border: 1px solid rgba(130, 24, 26, .3);
    margin-right: 16px;
    background: rgba(0, 0, 0, .5)
}

.training .training-content .footer-list .footer-list-item img[data-v-574e4191] {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.tutorial[data-v-78dc2531] {
    margin-top: 64px
}

.tutorial h2[data-v-78dc2531] {
    margin: 0 0 16px;
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    line-height: 43px
}

.tutorial p[data-v-78dc2531] {
    text-align: center;
    font-size: 18px;
    color: #99a1af;
    line-height: 28px
}

.tutorial-list[data-v-78dc2531] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 42px
}

.tutorial-list .tutorial-item[data-v-78dc2531] {
    padding: 32px;
    border-radius: 24px;
    width: 680px;
    height: 258px;
    background: url(/2.1.1/home-box-grey.316e2aff.png) no-repeat;
    background-size: cover
}

.tutorial-list .tutorial-item .tutorial-item-title[data-v-78dc2531] {
    display: flex;
    align-items: center
}

.tutorial-list .tutorial-item .tutorial-item-title span[data-v-78dc2531] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 58px;
    border-radius: 14px;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    background: linear-gradient(153deg, rgba(120, 162, 255, .44) 0%, rgba(25, 60, 184, .2) 100%);
    border: 1px solid rgba(21, 93, 252, .3)
}

.tutorial-list .tutorial-item .tutorial-item-title p[data-v-78dc2531] {
    margin-left: 16px;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    line-height: 32px
}

.tutorial-list .tutorial-item ul[data-v-78dc2531] {
    margin-top: 24px;
    list-style: none;
    padding: 0
}

.tutorial-list .tutorial-item ul li[data-v-78dc2531] {
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.tutorial-list .tutorial-item ul li img[data-v-78dc2531] {
    width: 20px;
    height: 20px
}

.tutorial-list .tutorial-item ul li span[data-v-78dc2531] {
    margin-left: 12px;
    font-size: 16px;
    color: #d1d5dc;
    line-height: 26px
}

.tutorial-list .tutorial-item.tutorial-item--cyan[data-v-78dc2531] {
    background-image: url(/2.1.1/home-box-grey.316e2aff.png)
}

.tutorial-list .tutorial-item.tutorial-item--cyan .tutorial-item-title span[data-v-78dc2531] {
    background: linear-gradient(153deg, rgba(120, 162, 255, .44) 0%, rgba(25, 60, 184, .2) 100%);
    border: 1px solid rgba(21, 93, 252, .3)
}

.tutorial-list .tutorial-item.tutorial-item--purple[data-v-78dc2531] {
    background-image: url(/2.1.1/home-box-purple.118aadf4.png)
}

.tutorial-list .tutorial-item.tutorial-item--purple .tutorial-item-title span[data-v-78dc2531] {
    background: linear-gradient(153deg, rgba(216, 163, 255, .55) 0%, rgba(112, 5, 189, .72) 100%);
    border: 1px solid rgba(152, 16, 250, .3)
}

.tutorial-list .tutorial-item.tutorial-item--red[data-v-78dc2531] {
    background-image: url(/2.1.1/home-box-red.65c9806d.png)
}

.tutorial-list .tutorial-item.tutorial-item--red .tutorial-item-title span[data-v-78dc2531] {
    background: linear-gradient(153deg, rgba(231, 0, 11, .2) 0%, rgba(159, 7, 18, .2) 100%);
    border: 1px solid rgba(231, 0, 11, .3)
}

.tutorial-list .tutorial-item.tutorial-item--blue[data-v-78dc2531] {
    background-image: url(/2.1.1/home-box-blue.34d92319.png)
}

.tutorial-list .tutorial-item.tutorial-item--blue .tutorial-item-title span[data-v-78dc2531] {
    background: linear-gradient(153deg, rgba(120, 162, 255, .44) 0%, rgba(25, 60, 184, .2) 100%);
    border: 1px solid rgba(21, 93, 252, .3)
}

.container[data-v-9c45b91c] {
    font-family: PingFang SC, PingFang SC;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.container .content[data-v-9c45b91c] {
    position: relative;
    margin: 0 auto;
    width: 1440px
}

.container .content .glow-wrapper[data-v-9c45b91c] {
    background: url(/2.1.1/home-glow-red.7082fe83.png) no-repeat;
    background-position: top -220px center;
    background-size: 100% 100%
}

.container .glow[data-v-9c45b91c] {
    position: absolute;
    z-index: 2;
    top: 440px;
    width: 100%;
    height: 1213px;
    background: url(/2.1.1/home-glow.fa023a91.png) no-repeat;
    background-position: top center;
    background-size: 100%
}

.container .glow.glow-bottom[data-v-9c45b91c] {
    bottom: -180px;
    top: unset
}

.container .info[data-v-9c45b91c] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    min-height: 831px
}

.container .slogan-bg[data-v-9c45b91c] {
    margin-top: 201px;
    width: 1048px;
    height: 107px
}

.container .home-bg-back[data-v-9c45b91c] {
    width: 895px;
    height: 467px;
    position: absolute;
    right: 39px;
    top: 113px
}

.container .home-bg-front[data-v-9c45b91c] {
    width: 1013px;
    height: 648px;
    position: absolute;
    right: 15px;
    top: 41px
}

.container .home-text[data-v-9c45b91c] {
    width: 819px;
    height: 176px;
    position: absolute;
    left: 64px;
    top: 174px
}

.container .home-desc[data-v-9c45b91c] {
    position: absolute;
    top: 382px;
    left: 85px;
    font-family: Manrope, Manrope;
    font-weight: 400;
    font-size: 24px;
    color: #7a7b85;
    line-height: 29px
}

.container .home-btn[data-v-9c45b91c] {
    position: absolute;
    top: 528px;
    left: 98px;
    display: flex;
    justify-content: space-between
}

.container .home-btn .creation-btn-ai[data-v-9c45b91c] {
    border: unset;
    width: 230px;
    height: 68px;
    padding: 0;
    border-radius: 34px;
    background: linear-gradient(90deg, #00b8e1 0%, #c941c7 100%);
    font-weight: 700;
    font-size: 26px;
    color: #fff
}

.container .home-btn .creation-btn-ai img[data-v-9c45b91c] {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.container .home-btn .creation-btn-ai[data-v-9c45b91c]:hover {
    opacity: .8;
    color: #fff
}

.container .left[data-v-9c45b91c],
.container .right[data-v-9c45b91c] {
    width: 301px;
    height: 601px;
    position: absolute
}

.container .left[data-v-9c45b91c] {
    left: 32px;
    top: 60px
}

.container .right[data-v-9c45b91c] {
    right: 50px;
    top: 15px
}

@media (min-width: 1500px) {
    .container .left[data-v-9c45b91c] {
        left: 8%;
        top: 136px
    }

    .container .right[data-v-9c45b91c] {
        right: 8%;
        top: 82px
    }
}

.container .footer[data-v-9c45b91c] {
    position: relative;
    z-index: 10;
    margin: 213px auto 50px;
    text-align: center;
    color: #6b6b6b;
    font-size: 12px
}

.container .footer .line[data-v-9c45b91c] {
    margin-top: 10px
}

.container .footer a[data-v-9c45b91c] {
    color: #918b8d;
    text-decoration: none
}

.home-novice-guide-modal {
    z-index: 2000 !important
}

.home-novice-guide-modal .arco-modal-mask {
    background: rgba(10, 10, 10, .7)
}

.home-novice-guide-modal .arco-modal {
    background: unset;
    color: #fff
}

.home-novice-guide-modal .arco-modal-body {
    padding: 0;
    position: relative
}

.home-novice-guide-modal .close-btn {
    position: absolute;
    top: 30px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10
}

.home-novice-guide-modal .guide-modal-content {
    position: relative;
    font-family: PingFang SC, PingFang SC;
    padding: 36px 30px;
    border-radius: 10px;
    background: url(/2.1.1/home-guide-bg.b2c9117c.png) no-repeat;
    background-size: contain;
    box-shadow: 0 3px 8px #0000001f, 0 1px 2px #0000000a;
    backdrop-filter: blur(50px)
}

.home-novice-guide-modal .guide-modal-content .img-hi {
    position: absolute;
    z-index: 4;
    top: 0px;
    right: 0;
    opacity: .2;
    width: 230px
}

.home-novice-guide-modal .guide-modal-content .header {
    color: #fff;
    display: flex;
    justify-content: space-between;
    text-align: left;
    margin-bottom: 43px
}

.home-novice-guide-modal .guide-modal-content .header .header-title-wrapper {
    width: 380px;
    flex: 0 0 380px
}

.home-novice-guide-modal .guide-modal-content .header .header-title-wrapper .header-title {
    display: flex;
    font-weight: 600;
    font-size: 28px;
    color: #fff;
    line-height: 34px
}

.home-novice-guide-modal .guide-modal-content .header .header-title-wrapper .header-title span {
    margin-right: 6px;
    color: #d82d2d
}

.home-novice-guide-modal .guide-modal-content .header .header-title-wrapper .header-subtitle {
    font-size: 18px;
    color: #cfcfcf;
    line-height: 34px
}

.home-novice-guide-modal .guide-modal-content .header .header-btn {
    position: relative;
    z-index: 5;
    flex: 0 0 90px;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .2);
    border-radius: 32px;
    border: 1px solid #dadada;
    cursor: pointer
}

.home-novice-guide-modal .guide-modal-content .header .header-btn:hover {
    background: rgba(255, 255, 255, .3)
}

.home-novice-guide-modal .guide-modal-content .header .header-btn img {
    width: 12px;
    height: 12px;
    margin-right: 6px;
    margin-top: -2px
}

.home-novice-guide-modal .guide-modal-content .question-list {
    position: relative;
    z-index: 5;
    display: flex;
    gap: 22px
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item {
    position: relative;
    flex: 1;
    padding: 22px 16px 0;
    height: 246px;
    background: rgba(255, 255, 255, .1);
    box-shadow: 0 4px 11px #0000001a;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, .2);
    transition-property: transform;
    cursor: pointer
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item:hover {
    transform: translateY(-4px);
    box-shadow: none
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item .arco-card-body {
    padding: 0
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item .item-title {
    display: flex;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    line-height: 34px
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item .item-title-icon {
    text-align: center;
    padding-top: 3px;
    margin-right: 8px;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, .1);
    border-radius: 5px
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item .item-title-icon img {
    width: 18px;
    height: 18px
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item .item-desc {
    margin: 16px 0;
    font-size: 12px;
    color: #fff;
    line-height: 18px
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item ul {
    padding-left: 0;
    list-style: none;
    margin: 0
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item ul li {
    display: flex;
    font-size: 10px;
    color: #fff9;
    line-height: 15px;
    margin: 0
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item ul li img {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-top: 1px
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item ul li+li {
    margin-top: 4px
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item .guide-btn {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 22px;
    width: 202px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, .15);
    border-radius: 32px;
    text-align: center
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item.question-item-highlighted {
    box-shadow: 0 0 20px #d02034cc;
    border: 1px solid #ff3f55;
    background: linear-gradient(0deg, #5e2027 0%, #5e2027 100%), linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, rgba(48, 0, 0, .1) 100%);
    backdrop-filter: blur(5px)
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item.question-item-highlighted .item-title-icon {
    background: #ff243d
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item.question-item-highlighted .guide-btn {
    overflow: hidden;
    border-radius: 999px;
    background: transparent
}

.home-novice-guide-modal .guide-modal-content .question-list .question-item.question-item-highlighted .guide-btn:before {
    content: "";
    position: absolute;
    inset: -1px;
    background: linear-gradient(90deg, #d02034 -10%, #ff4f63 110%);
    z-index: -1
}

.home-novice-guide-modal .guide-modal-content .expert-info {
    width: 498px;
    height: 380px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    font-weight: 700
}

.home-novice-guide-modal .guide-modal-content .expert-info.from-consult-btn {
    background-image: url(/2.1.1/home-expert-bg.98ed1b58.png) !important
}

.home-novice-guide-modal .guide-modal-content .expert-info .qr-code-wrapper {
    position: absolute;
    bottom: 17px;
    left: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px
}

.home-novice-guide-modal .guide-modal-content .expert-info .qr-code-wrapper .qr-code-img {
    width: 92px;
    height: 92px
}

.home-novice-guide-modal .guide-modal-content .expert-info .qr-code-wrapper .qr-code-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    font-family: SF Pro, SF Pro;
    color: #fff;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .25)
}

.container .home-promotion {
    width: 230px;
    height: 68px;
    border-radius: 34px;
    font-size: 26px;
    margin-right: 30px
}

.container .home-promotion img {
    width: 30px;
    height: 30px
}