/* 全局样式 */
:root {
    --lewei-leader-fill-content: .;
    --lewei-breakpoint-s: 640px;
    --lewei-breakpoint-m: 960px;
    --lewei-breakpoint-l: 1200px;
    --lewei-breakpoint-xl: 1600px;
    --primary-color: #2c7dfa; /* 定义主色调 */
}

/* 通用样式 */
canvas, img, video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

[class*='lewei-width'] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

/* 顶部区域 */
.lewei_vip2_top {
    color: #fff;
    text-align: center;
    width: 100%;
    height: 613px;
    display: inline-block;
	background:linear-gradient(0deg, #5482f8 0%, #527df7 20%, rgb(148 202 255) 75%, rgb(255 255 255) 100%)
}

.lewei_vip2_max {
    padding-top: 50px;
    padding-bottom: 50px;
}

.lewei_vip2_max h2 {
    font-size: 25px;
    color: #fff;
    margin-top: 35px;
	font-family: serif;
}

.lewei_vip2_privilege_list {
    margin-top: 35px;
}

.lewei_vip2_privilege_list span {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    border-radius: 5px;
    background-color:#00000075;
    margin-right: 10px;
    display: inline-block;
}

.lewei_vip2_privilege_list span:last-child {
    margin-right: 0;
}

.lewei_vip2_privilege_list span i {
    margin-right: 5px;
}

/* 背景区域 */
.lewei_vip2_bg {
    margin-top: -329px;
    background:linear-gradient(0deg, #5481f7 0%, #5381f7 20%, rgb(83 128 247) 50%, rgb(84 129 248) 100%);
    padding-bottom: 40px;
}

.lewei_vip2_content {
    padding-top: 40px;
}

.lewei_wavepr {background:linear-gradient(0deg, #5481f7 0%, #5381f7 20%, rgb(83 128 247) 50%, rgb(84 129 248) 100%)}

/* VIP 类型卡片 */
.lewei_vip2_types {
    border-radius: 6px;
    background: #fff;
}

.lewei_vip2_type_top {
    position: relative;
    background:#edf7ff;
    padding: 35px 50px;
    border-radius: 6px 6px 0 0;
}

.lewei_vip2_type_top .tag {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: linear-gradient(102.51deg, #ff451d 3.76%, #ff6f32 93.18%);
    border-radius: 4px 0 4px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 0 12px;
}

.lewei_vip2_type_top_title {
    text-align: center;
    font-size: 26px;
    color: #321a00;
    font-weight: 600;
    line-height: 30px;
}

.lewei_vip2_type_price {
    margin: 24px 0 15px;
    line-height: 30px;
    font-size: 14px;
    color: #0e131a;
    text-align: center;
}

.lewei_vip2_p_num {
    color: #e92d18;
    font-size: 40px;
    font-weight: bold;
    line-height: 43px;
    height: 47px;
}

.lewei_vip2_p_num em {
    color: #0e131a;
    font-size: 14px;
    font-style: normal;
    margin-left: 5px;
    font-weight: 400;
}

.lewei_vip2_text {
    color: #111;
    font-size: 14px;
    margin-bottom: 15px;
    text-align: center;
    display: block;
}

.lewei_vip2_touse a {
    background: linear-gradient(90deg, #e33c18, #ff7a5d);
    color: #fff !important;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    display: block;
    text-align: center;
    font-size: 16px;
    transition: all 0.3s;
}

.lewei_vip2_touse a:hover {
    transform: translateY(-3px);
}

.lewei_vip2_vip_type_privilege {
    padding: 20px 40px;
}

.lewei_vip2_vip_type_privilege li {
    color: #333;
    font-size: 14px;
    line-height: 33px;
}

.lewei_vip2_vip_type_privilege p {
    line-height: 2.5;
    font-size: 14px;
}

.lewei_vip2_vip_type_privilege .lewei_vip2_line {
    margin-bottom: 5px;
}

.lewei_vip2_vip_type_privilege .lewei_vip2_line h3 {
    width: 100%;
    display: inline-block;
    position: relative;
}

.lewei_vip2_vip_type_privilege .lewei_vip2_line span {
    color: #111;
    font-size: 16px;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    padding-right: 10px;
    margin-top: -18px;
    position: absolute;
    top: 0;
    left: 0;
}

.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}

.content {
    position: relative;
    height: 20vh;
    text-align: center;
    background-color: white;
}

.content a {
    margin: 0 5px;
    font-size: 12px;
    color: #333;
}

.content a:hover {
    color: #000;
}

/* Animation */
.parallax > use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}
@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/* Shrinking for mobile */
@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
    .content {
        height: 30vh;
    }
    h1 {
        font-size: 24px;
    }
}

/* 活动区域 */
.lewei_vip2_activity {
    padding: 40px 0;
}

.lewei_vip2_activity_title {
    color: #111;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.lewei_vip2_activity_title p {
    color: #909399;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
}

.lewei_vip2_activity_box {
    margin: 40px 0;
}

.lewei_vip2_activity_gifts_b {
    color: #111;
    text-align: center;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0 30px -20px #9e9e9e;
}

.lewei_vip2_activity_gifts_b i {
    display: block;
    font-size: 58px !important;
    margin-bottom: 20px;
}

.lewei_vip2_activity_gifts_b span {
    font-size: 16px;
    font-weight: 600;
    color: #444444;
}

.lewei_vip2_activity_gifts_b p {
    font-size: 12px;
    color: #666666;
    text-align: center;
    margin-top: 10px;
}

.lewei_vip2_btn_box {
    text-align: center;
}

.lewei_vip2_btn_box a {
    color: #fff !important;
    font-size: 18px;
    padding: 12px 60px;
    background: #2c7dfa;
    border-radius: 5px;
    display: inline-block;
}

/* 常见问题区域 */
.lewei_vip2_qa_box {
    margin: 40px 0;
}

.lewei_vip2_qa_box ul li {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
}

.lewei-background-default {
    background-color: #fff;
}

.lewei_vip2_qa_box ul li p {
    background: #f5f9fc;
    padding: 20px;
}

.lewei_vip2_qa {
    background: #f5f9fc;
    padding: 40px 0;
}

/* 页脚区域 */
.lewei_vip2_footer {
    position: relative;
    height: 333px;
    text-align: center;
}

.lewei_vip2_footer_wrapper {
    height: 157px;
    max-width: none;
    padding: 88px 0;
    margin: 0;
    background: rgba(50, 83, 227, 0.9);
    text-align: center;
}

.lewei_vip2_footer_wrapper h3 {
    position: relative;
    margin-bottom: 63px;
    font-weight: 400;
    font-size: 36px;
    color: #fcffff;
}

.lewei_vip2_footer_wrapper h3:before {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: -75px;
    display: inline-block;
    content: "";
    width: 70px;
    height: 5px;
    background-color: #fff;
}

.lewei_vip2_footer_wrapper a {
    padding: 15px 80px;
    background-color: #fff;
    border-radius: 4px;
    color: #0d7bf8;
    font-size: 16px;
    transition: all 0.3s;
}

.lewei_vip2_footer_wrapper a:hover {
    background-color: #0d7bf8;
    color: #fff;
}

/* 响应式设计 */
@media (max-width: 900px) {
    .lewei_vip2_activity_gifts_b {
        padding: 10px;
    }

    .lewei_vip2_activity_gifts_b i {
        font-size: 38px !important;
    }

    .lewei_vip2_type_top {
        padding: 20px;
    }

    .lewei_vip2_vip_type_privilege {
        padding: 20px;
    }

    .lewei_vip2_activity_title {
        font-size: 20px;
    }

    .lewei_vip2_activity_gifts_b span {
        font-size: 14px;
    }

    .lewei_vip2_type_top_title {
        font-size: 20px;
    }

    .lewei_vip2_p_num {
        font-size: 28px;
    }

    .lewei_vip2_max h2 {
        font-size: 16px;
        margin-top: 22px;
		font-family: serif;
    }

    .lewei_vip2_privilege_list {
        display: none;
    }

    .lewei_vip2_bg {
        margin-top: -423px;
    }

    .lewei_vip2_footer_wrapper h3 {
        font-size: 20px;
    }

    .lewei_vip2_footer_wrapper a {
        padding: 13px 60px;
    }

    .lewei_vip2_footer_wrapper h3:before {
        bottom: -56px;
    }

    .lewei_vip2_footer {
        height: 229px;
    }

    .lewei_vip2_footer_wrapper {
        height: 104px;
        padding: 53px 0 72px;
    }
}

@media (max-width: 767px) {
    .lewei_vip2_box:nth-child(2),
    .lewei_vip2_box:nth-child(3),
    .lewei_vip2_box:nth-child(4) {
        margin-top: 30px;
    }
}

/* 动画效果 */
.lewei-dt {
    transition: all 0.3s;
}

.lewei-dt:hover {
    transform: translateY(-3px);
}

/* 网格布局 */
.lewei-container {
    box-sizing: content-box;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0px !important;
}

.lewei-container::before, .lewei-container::after {
    content: "";
    display: table;
}

.lewei-container >:last-child {
    margin-bottom: 0;
}

.lewei-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -30px;
}

.lewei-grid > * {
    padding-left: 30px;
}

.lewei-grid-small, .lewei-grid-column-small {
    margin-left: -15px;
}

.lewei-width-1-2 {
    width: 50%;
}

.lewei-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333;
    overflow: hidden;
}

.lewei-open > .lewei-accordion-title::before {
	    content: "+";

}

.lewei-accordion-title::before {
    content: "-";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.lewei-accordion >:nth-child(n+2) {
    margin-top: 30px;
}

.lewei-accordion-content {
    margin-top: 20px;
}

.lewei-accordion-content >:last-child {
    margin-bottom: 0;
}

/* 响应式布局 */
@media (min-width: 640px) {
    .lewei-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .lewei-width-1-1 {
        width: 100%;
    }
}

@media (min-width: 960px) {
    .lewei-container {
        padding-left: 40px;
        padding-right: 40px;
    }

    h2, .lewei-h2 {
        font-size: 2rem;
    }

    .lewei-width-1-2 {
        width: 50%;
    }

    .lewei-width-1-4 {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .lewei-grid {
        margin-left: -21px;
    }

    .lewei-width-1-4 {
        width: 25%;
    }
}

@media (min-width: 960px) {
    .lewei-width-1-6 {
        width: calc(100% * 1 / 6.001);
    }
}