/**
 * 顶部banner
 */
.banner .banner-content {
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.banner .banner-content h1.fs-54 {
    font-size: 3.375rem;
}

.banner .banner-content h4 {
    font-size: 1.5rem;
}

.banner .banner-content .btn {
    height: 5.875rem;
    line-height: 5.875rem;
    padding: 0 4rem;
    font-size: 2.25rem;
    font-weight: normal;
}

@media (max-width: 1399.98px) {
    .banner .banner-content h1.fs-54 {
        font-size: 2.5rem;
    }

    .banner .banner-content h4 {
        font-size: 2rem;
    }

    .banner .banner-content .btn {
        height: 3.75rem;
        line-height: 3.75rem;
        padding: 0 2rem;
        font-size: 2rem;
    }
}
@media (max-width: 991.98px) {
    .banner .banner-content .btn {
        height: 4.5rem;
        line-height: 4.5rem;
        padding: 0 2.5rem;
        font-size: 2rem;
    }
}

@media (max-width: 767.98px) {
    .banner .banner-content h1.fs-54 {
        font-size: 2rem;
    }

    .banner .banner-content h4 {
        font-size: 1.4rem;
    }

    .banner .banner-content .btn {
        height: 3.75rem;
        line-height: 3.75rem;
        padding: 0 2rem;
        font-size: 2rem;
    }
}

@media (max-width: 575.98px) {
    .banner .banner-content h1.fs-54 {
        font-size: 1.25rem;
    }

    .banner .banner-content h4 {
        font-size: 1rem;
    }

    .banner .banner-content .btn {
        height: 2rem;
        line-height: 2rem;
        padding: 0 1rem;
        font-size: 1rem;
    }
}

/**
 * VIP购买
 */
.vip {
    background: #EFFAFF;
    padding: calc(1rem + 2.5vw) 0;
}

.vip .item .top {
    background-image: url(../images/vip/vip-list-bg.png);
    background-size: 100% 100%;
    padding: 2.1875rem 0;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

.vip .item .top .price {
    height: 4.5rem;
}

.vip .item .top .desc {
    color: #93989B;
}

.vip .item .top .download-btn {
    padding: 0 2.1875rem;
}

.vip .item .top .btn {
    height: 3.125rem;
    line-height: 3.125rem;
    padding: 0 1rem;
}

.vip .item .top .btn.function {
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.8rem;
    border: 0;
}

.vip .item .top .base::before {
    content: '';
    height: 100%;
    width: .0625rem;
    background-color: #7E96B8;
    position: absolute;
    right: .3125rem;
    transform: rotate(30deg);
}

.vip .item .bottom {
    background-color: #fff;
    padding: 1.5625rem 1.1875rem;
    border-radius: 0 0 1.5rem 1.5rem;
}

.vip .item .bottom p {
    font-size: .875rem;
}

.vip .item .bottom p text {
    font-size: 1.125rem;
    vertical-align: middle;
}

.vip .item .bottom .service-icon-1 {
    width: 1.0625rem;
    margin-right: .1875rem;
}

.vip .item .bottom .service-icon-2 {
    width: .875rem;
    margin-right: .3125rem;
}

.vip .item .bottom .success-icon {
    width: .875rem;
    margin-right: .375rem;
}

.vip .note {
    border-radius: 1.5rem;
    padding: 2.125rem 1.25rem;
}

.badge {
    position: absolute;
    top: 0;
    right: 0;
    height: 1.9375rem;
    line-height: 1.9375rem;
    font-size: .875rem;
    color: #A69675;
    font-weight: 500;
    background-color: #FFFEF1;
    border-radius: 0;
    border-top-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    padding: 0 .9375rem;
}