h4, .h4 {
    font-size: 1.5rem;
}
 .font-size-60 {
            font-size: 3.75rem;
        }

        .font-size-68 {
            font-size: 4.25rem;
        }

        .line-height-100 {
            line-height: 100%;
        }

        .line-height-150 {
            line-height: 150%;
        }

        .line-height-175 {
            line-height: 175%;
        }

        .mb-30 {
            margin-bottom: 1.875rem;
        }

        .text-gradient {
            display: inline-block;
            color: #007BFF;
            background-image: -webkit-linear-gradient(173.44deg, #00C8C8 2.16%, #0C99FF 37.28%, #007BFF 72.56%, #895EE3 100.1%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .wsc-main {
            color: #181818;
        }

        .wsc-main .text-action {
            color: #1584FC !important;
        }

        .wsc-main .btn-lg {
            padding: 1.0313rem 3.375rem;
            border-radius: 3.75rem;
        }

        .wsc-main .btn-action {
            color: #FFFFFF;
            background-color: #1584FC;
            border-color: #1584FC;
        }

        .wsc-main .btn-outline-action {
            color: #1584FC;
            border-color: #1584FC;
        }

        .wsc-main .btn-action:hover {
            color: #FFFFFF;
            background-color: #005dd9;
            border-color: #0057cc;
        }

        .wsc-main .btn-outline-action:hover {
            color: #FFFFFF;
            background-color: #1584FC;
            border-color: #1584FC;
        }

        .banner {
            background-image: url(../picture/banner-bg1.png), url(../picture/banner-bg2.png);
            background-size: 100% auto, cover;
            background-position: bottom;
            background-repeat: no-repeat;
            border-bottom: 1px solid #BEDCFF;
        }

        .dot-list li {
            position: relative;
            padding-left: 1.5rem;
            line-height: 2.2;
        }

        .dot-list li::before {
            content: '';
            width: 0.875rem;
            height: 0.875rem;
            border-radius: 50%;
            background: linear-gradient(263.44deg, #32E2E2 2.16%, #35E9BE 2.17%, #0C99FF 37.28%, #007BFF 72.56%, #895EE3 100.1%);
            position: absolute;
            left: 0;
            top: 0.8125rem;
        }

        #nav-tab-pm .nav-item {
            margin-bottom: 0;
            border: 0;
            text-decoration: none;
            position: relative;
        }

        #nav-tab-pm .nav-item::after {
            content: '';
            background: transparent;
            border-radius: 1.25rem;
            width: 100%;
            height: 0.375rem;
            position: absolute;
            bottom: 0;
            left: 0;
            transform: translateY(50%);
        }

        #nav-tab-pm .nav-item.active::after {
            background: linear-gradient(266.58deg, #32E2E2 4.03%, #35E9BE 4.04%, #0C99FF 43.62%, #007BFF 71.24%, #895EE3 97.54%);
        }

        #nav-tab-pm .nav-item img {
            width: 3rem;
            height: 3rem;
            position: absolute;
            top: 0;
            left: 0;
            transition: all .2s;
        }

        #nav-tab-pm .nav-item>p {
            color: #888888;
            display: inline-block;
            line-height: 1.1;
        }

        #nav-tab-pm .nav-item.active>p {
            font-weight: 700;
            color: #007BFF;
            background-image: -webkit-linear-gradient(263.44deg, #00C8C8 2.16%, #0C99FF 37.28%, #007BFF 72.56%, #895EE3 100.1%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        #nav-tab-pm .nav-img-box {
            width: 3rem;
            height: 3rem;
            position: relative;
        }

        #nav-tab-pm .nav-img-box img:first-child {
            opacity: 1;
        }

        #nav-tab-pm .nav-img-box img:last-child {
            opacity: 0;
        }

        #nav-tab-pm .nav-item.active .nav-img-box img:first-child {
            opacity: 0;
        }

        #nav-tab-pm .nav-item.active .nav-img-box img:last-child {
            opacity: 1;
        }

        #nav-tabContent-pm .dot-list {
            line-height: 1.75;
            max-width: 335px;
        }

        #nav-tabContent-pm .dot-list li {
            line-height: 1.75;
        }

        .swiper-box {
            padding: 1.5rem 3.75rem;
            background: linear-gradient(10.31deg, rgba(17, 140, 228, 0.85) 7.7%, #3B66FD 92.3%);
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: 0 0 1.25rem 1.25rem;
            min-height: 204px;
        }

        .swiper-button-prev,
        .swiper-button-next {
            background-image: none;
            width: 4rem;
            height: 4rem;
        }

        .swiper-button-next.swiper-button-disabled,
        .swiper-button-prev.swiper-button-disabled {
            opacity: 1;
        }

        .swiper-button-next.swiper-button-disabled svg defs stop,
        .swiper-button-prev.swiper-button-disabled svg defs stop {
            stop-color: #DCDCDC;
        }

        .swiper-container-horizontal>.swiper-pagination-bullets {
            bottom: 6px;
        }

        .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 6px;
        }

        .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background: #DEDEDE;
            opacity: 1;
            transition: all .2s;
        }

        .swiper-pagination-bullet-active {
            background: linear-gradient(223.92deg, #32E2E2 8.23%, #0C99FF 25.48%, #007BFF 66.04%, #916DDC 82.01%, #FF867B 91.07%), #DEDEDE;
        }

        /* logo轮播 */
        .logo_wrap,
        .logo_wrap-mobile {
            position: relative;
            overflow: hidden;
            margin: -15px auto;
            font-size: 0;
        }

        .logo_wrap-mobile {
            margin: -12px auto;
        }

        .logo_wrap .line_odd {
            width: 7832px;
            -webkit-animation: scrollToRight 36s linear infinite;
            animation: scrollToRight 36s linear infinite;
        }

        .logo_wrap .line_even {
            width: 7832px;
            -webkit-animation: scrollToRight 30s linear infinite;
            animation: scrollToRight 30s linear infinite;
        }

        .logo_wrap .logo_img,
        .logo_wrap-mobile .logo_img {
            width: 25%;
            display: inline-block;
        }

        .logo_wrap .logo_img {
            padding: 15px;
        }

        .logo_wrap-mobile .logo_img {
            padding: 12px;
        }

        .logo_wrap-mobile .line_odd {
            width: 2176px;
            -webkit-animation: scrollToRight 36s linear infinite;
            animation: scrollToRight 36s linear infinite;
        }

        .logo_wrap-mobile .line_even {
            width: 2176px;
            -webkit-animation: scrollToRight 30s linear infinite;
            animation: scrollToRight 30s linear infinite;
        }

        .play-btn {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -35%);
        }

        @-webkit-keyframes scrollToRight {
            from {
                -webkit-transform: translate3d(-50%, 0, 0);
                transform: translate3d(-50%, 0, 0);
            }

            to {
                -webkit-transform: translate3d(0%, 0, 0);
                transform: translate3d(0%, 0, 0);
            }
        }

        @keyframes scrollToRight {
            from {
                -webkit-transform: translate3d(-50%, 0, 0);
                transform: translate3d(-50%, 0, 0);
            }

            to {
                -webkit-transform: translate3d(0%, 0, 0);
                transform: translate3d(0%, 0, 0);
            }
        }

        @media (max-width: 1279.98px) {
            .font-size-60 {
                font-size: 3rem;
            }

            .font-size-68 {
                font-size: 3.5rem;
            }

            .swiper-box {
                padding: 1.5rem;
                min-height: 232px;
            }

            .play-btn {
                width: 4rem;
                height: 4rem;
            }
        }

        @media (max-width: 991.98px) {
            .dot-list {
                max-width: max-content;
                margin: 0 auto;
            }

            #nav-tabContent-pm .dot-list {
                max-width: max-content;
            }

            .swiper-box {
                min-height: 186px;
            }

            .wsc-main .font-size-super {
                font-size: 18px;
            }

            .wsc-main .font-size-large {
                font-size: 16px;
            }
        }

        @media (max-width: 575.98px) {
            .display-1 {
                font-size: 3.5rem;
            }

            .font-size-60 {
                font-size: 2.3rem;
            }

            .font-size-68 {
                font-size: 2.5rem;
                white-space: nowrap;
            }

            .wsc-main .font-size-large {
                font-size: 14px;
            }

            #nav-tab-pm {
                flex-wrap: nowrap;
                overflow-x: auto;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }

            #nav-tab-pm::-webkit-scrollbar {
                display: none;
            }

            #nav-tab-pm .nav-item {
                min-width: 145px;
            }

            #nav-tab-pm .nav-item::after {
                transform: translateY(0);
            }

            .swiper-box {
                position: static;
            }

            #nav-tabContent-pm .dot-list {
                margin-left: 1.5rem;
                margin-right: 1.5rem;
            }

            .play-btn {
                width: 3rem;
                height: 3rem;
            }
        }

        /*手机号邮箱输入+免费使用按钮*/
        .use-now-btn {
            display: none;
        }

        .free-btn-background {
            display: none;
            justify-content: center;
            align-items: center;
            max-width: 420px;
            border-radius: 100px;
            height: 72px;
            line-height: 72px;
            background: linear-gradient(269.1deg, #32E2E2 0.22%, #0094FF 24.18%, #1B5BFF 50.74%, #EE43BE 74.18%, #FF6543 100.22%),
            linear-gradient(0deg, #FFFFFF, #FFFFFF);


        }

        .free-btn-container {
            flex: 1;
            max-width: 418px;
            border-radius: 100px;
            height: 70px;
            background: #FFFFFF;
            line-height: 70px;
        }

        .account-input {
            flex: 1;
            max-width: 230px;
            font-weight: 400;
            font-size: 20px;
            border: none;
            background: none;
            outline: none;
        }

        input::placeholder {
            color: #B0B0B0;
        }

        .free-btn {
            width: 152px;
            height: 56px;
            border-radius: 100px;
            font-weight: 700;
            font-size: 20px;
            line-height: 56px;
            text-align: center;
            color: #FFFFFF;
            background: #1584FC;
            box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.15);
            right: 8px;
            top: 8px;
        }

        .free-btn:hover {
            text-decoration: none;
            transform: perspective(1px) scale(1.05, 1.05);
            transition: all .2s ease-in;
            position: relative;
            z-index: 1;
            color: inherit;
        }

        a.pay-link {
            font-weight: 500;
            font-size: 16px;
            color: #1584FC;
        }

        @media(max-width:576px) {
            .free-btn-background {
                max-width: 400px;
                height: 60px;
                line-height: 60px;
            }

            .free-btn-container {
                max-width: 398px;
                height: 58px;
                line-height: 58px;
            }


            .account-input {
                font-size: 18px;
                max-width: 250px;
            }

            .free-btn {
                width: 120px;
                height: 48px;
                font-size: 18px;
                line-height: 48px;
                right: 5px;
                top: 5px;
            }

            a.pay-link {
                font-size: 15px;
            }
        }

        @media(max-width:390px) {
            .free-btn-background {
                max-width: 252px;
                height: 42px;
                line-height: 42px;
            }

            .free-btn-container {
                max-width: 250px;
                height: 40px;
                line-height: 40px;
            }


            .account-input {
                font-size: 15px;
                max-width: 150px;
                margin-left: -7px;
            }

            .free-btn {
                width: 80px;
                height: 32px;
                font-size: 14px;
                line-height: 32px;
                right: 4px;
                top: 4px;
            }

            a.pay-link {
                font-size: 13px;
            }
        }