/* 新活动css */
/* Navigation Tabs */
.nav-tabs {
    display: flex;
    justify-content: center;
    height: 140px;
    background: url('../images/h-tab-frame.webp') no-repeat center center;
    background-size: cover;
}

.tab-btn {
    display: block;
    width: 516px;
    height: 120px;
    cursor: pointer;
    transition: all 0.3s;
}

.tab-content {
    background: url('../images/h-tab-content.webp') no-repeat center center;
    background-size: cover;
}

.tab-content:hover {
    background: url('../images/h-tab-content-hover.webp') no-repeat center center;
    background-size: cover;
}

.tab-activity {
    background: url('../images/h-tab-activity-hover.webp') no-repeat center center;
    background-size: cover;
}

.tab-activity:hover {
    background: url('../images/h-tab-activity-hover.webp') no-repeat center center;
    background-size: cover;
}

/* 第一部分 */
.section1 {
    margin-top: 80px;
}

.section1 .title {
    margin-bottom: 54px;
}

.section1 .title img {
    width: 488px;
    height: 83px;
    display: block;
    margin: 0 auto;
}

.s1-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 80px;
    height: 672px;
}

.s1-content .s1c-left {
    width: 479px;
    height: 567px;
    background: url('../images/p1-return-gift-bg.webp') no-repeat center center;
    background-size: cover;
    padding-top: 40px;
    position: relative;
}


.s1-content .s1c-right {
    width: 480px;
    height: 569px;
    background: url('../images/p1-limited-gift-bg-blue.webp') no-repeat center center;
    background-size: cover;
    position: relative;
    padding-top: 40px;
}

.s1-content .s1c-left .bind,
.s1-content .s1c-right .bind {
    width: 83px;
    height: 74px;
    position: absolute;
    top: 108px;
    right: 12px;
}

.s1-content .s1c-left h2,
.s1-content .s1c-right h2 {
    font-size: 22px;
    color: rgb(252, 237, 195);
    text-align: center;
    margin-bottom: 15px;
}

.s1-content .s1c-left h3,
.s1-content .s1c-right h3 {
    font-size: 16px;
    color: rgb(241, 199, 139);
    width: 307px;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-weight: normal;
    margin-bottom: 15px;
}

.s1cl-list {
    display: flex;
    justify-content: center;
    gap: 19px;
}

.s1cl-list .s1c1l-item,
.s1-content .s1c-right .s1cl-list .s1c1l-item {
    text-align: center;
    margin-bottom: 10px;
}


.s1cl-list .s1c1l-item img {
    width: 71px;
    height: 82px;
}

.s1-content .s1c-right .s1cl-list {
    display: flex;
    justify-content: center;
    gap: 0;
}

.s1-content .s1c-right .s1cl-list .s1c1l-item {
    width: 105px;
}

.s1-content .s1c-right .s1cl-list .s1c1l-item:last-child {
    width: 117px;
}

.s1-content .s1c-right .s1cl-list .s1c1l-item img {
    width: 92px;
    height: 72px;
}

.s1cl-list .s1c1l-item p,
.s1-content .s1c-right .s1cl-list .s1c1l-item p {
    font-size: 14px;
    color: rgb(234, 202, 173);
}

.s1cl-list-last .s1c1l-item {
    width: 202px !important;
    text-align: center;
    margin: 0 auto;
}

.s1cl-list-last img {
    width: 202px !important;
    height: 71px !important;
}


.s1-content .s1-mid-img {
    width: 742px;
    height: 393px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

/* 第二部分 */
.section2 {
    margin-top: 22px;
    margin-bottom: 75px;
}

.section2 .title h2 {
    font-size: 18px;
    color: rgb(241, 199, 139);
    text-align: center;
    margin-bottom: 20px;
}

.section2 .title img {
    width: 480px;
    height: 86px;
    display: block;
    margin: 0 auto;
    margin-bottom: 27px;
}

.s2-top {
    display: flex;
    justify-content: space-around;
    margin-bottom: 13px;
}

.s2t-left {
    width: 480px;
    height: 260px;
    background: url('../images/p2-p5-growth-gift-bg.webp') no-repeat center center;
    background-size: cover;
}

.s2t-right {
    width: 480px;
    height: 260px;
    background: url('../images/p2-limited-gift.webp') no-repeat center center;
    background-size: cover;
}

.s2t-left h2 {
    color: #f0bd9b;
    font-size: 22px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 42px;
}

.s2t-right h2 {
    color: #f0bd9b;
    font-size: 22px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 42px;
}

.s2t-list {
    display: flex;
    justify-content: space-around;
}

.s2t-item {
    width: 90px;
    text-align: center;
    color: #f1c78b;
    font-size: 14px;
}

.s2-mid {
    width: 1021px;
    height: 221px;
    background: url('../images/p2-annual-card-bg.webp') no-repeat center center;
    background-size: cover;
    margin: 0 auto;
    padding: 38px 0 0 311px;
    color: #f1c78b;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
}

.s2-bottom {
    width: 1000px;
    margin: 0 auto;
    line-height: 2;
    color: #998471;
}

/* 第三部分 */
.section3 .title h2 {
    font-size: 18px;
    color: rgb(241, 199, 139);
    text-align: center;
    margin-bottom: 24px;
}

.section3 .title img {
    width: 480px;
    height: 86px;
    display: block;
    margin: 0 auto;
    margin-bottom: 27px;
}

.s3-top {
    display: flex;
    justify-content: center;
    margin-bottom: 13px;
}

.s3t-left {
    width: 353px;
    height: 361px;
    background: url('../images/p3numb02.webp') no-repeat center center;
    background-size: cover;
    margin-top: 40px;
    padding-top: 210px;
    text-align: center;
}

.s3t-left p,
.s3t-right p,
.s3t-center p {
    font-size: 16px;
    color: #f1c78b;
    line-height: 1.8;
}


.s3t-center {
    width: 363px;
    height: 431px;
    background: url('../images/p3numb01.webp') no-repeat center center;
    background-size: cover;
    padding-top: 230px;
    text-align: center;
}

.s3t-right {
    width: 353px;
    height: 361px;
    background: url('../images/p3numb03.webp') no-repeat center center;
    background-size: cover;
    margin-top: 40px;
    padding-top: 210px;
    text-align: center;
}

.s3-mid ul li {
    width: 1015px;
    height: 48px;
    background: url('../images/p3-numb4-10.webp') no-repeat center center;
    background-size: cover;

    display: flex;
    align-items: center;
    color: #f1c78b;
    margin: 0 auto;
    margin-bottom: 20px;
}

.s3-mid ul li span {
    font-size: 18px;
    color: #f1c78b;
    width: 185px;
    text-align: center;
    display: block;
    margin-right: 120px;
}



.s3-bottom {
    width: 1000px;
    margin: 0 auto;
    line-height: 2;
    color: #998471;
}

.s3-bottom p span {
    color: red;
}

.s3-bottom p a {
    color: lightblue;
    text-decoration: underline;
}

/* 第四部分 */
.section4 {
    margin-top: 75px;
}

.section4 .title img {
    width: 479px;
    height: 86px;
    display: block;
    margin: 0 auto;
    margin-bottom: 27px;
    margin-bottom: 29px;
}

.s4-top,
.s4-bottom {
   width: 1061px;
    height: 124px;
    background: url('../images/n-doc-border.webp') no-repeat center center;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: 32px;
    font-size: 16px;
    color: #f1c78b;
    padding: 0 40px;        /* 左右内边距，去掉上下内边距 */
    line-height: 1.8;
    display: flex;
    flex-direction: column;
    justify-content: center;  /* 垂直居中 */
    align-items: flex-start;  /* 文字左对齐，如果居中对齐改为 center */
}

.s4-mid {
    margin: 20px 0;
}

.s4-list {
    display: flex;
    justify-content: center;
    gap: 20px;
}


.s4-list-item {
    text-align: center;
    position: relative;
}

.s4-list-item img {
    width: 168px;
    height: 89px;
}

.s4-list-item p {
    font-size: 14px;
    color: #f1c78b;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    width: 100%;
}

.s4m-title {
    margin: 15px 0;
}

.s4m-title img {

    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}

.s4m-title p {
    color: #f1c78b;
    font-size: 16px;
    width: 1000px;
    margin: 0 auto;
}

/* 第五部分 */
.section5 {
    margin-top: 75px;
}

.section5 .title img {
    width: 610px;
    height: 86px;
    display: block;
    margin: 0 auto;
    margin-bottom: 27px;
    margin-bottom: 29px;
}

.s5-top,
.s5-bottom {
    width: 1061px;
    height: 124px;
    background: url('../images/n-doc-border.webp') no-repeat center center;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: 32px;
    font-size: 16px;
    color: #f1c78b;
    padding: 20px 0 0 20px;
    line-height: 1.8;
}

.s5-top {
    display: flex;
    justify-content: space-around;
    margin-bottom: 13px;
}

.s5-mid {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 13px;
}

.s5m-left {
    width: 480px;
    height: 260px;
    background: url('../images/p2-p5-growth-gift-bg.webp') no-repeat center center;
    background-size: cover;
}

.s5m-right {
    width: 479px;
    height: 236px;
    background: url('../images/p5-douyin-frame.webp') no-repeat center center;
    background-size: cover;
    margin-top: 20px;
}

.s5m-left h2 {
    color: #f0bd9b;
    font-size: 22px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 42px;
}

.s5m-right h2 {
    color: #f0bd9b;
    font-size: 22px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 42px;
}

.s5m-list {
    display: flex;
    justify-content: space-around;
}

.s5m-item {
    width: 110px;
    text-align: center;
    color: #f1c78b;
    font-size: 14px;
}

.s5m-right{
    display: flex;
    align-items: center;
    color: #f1c78b;
    padding: 0 30px;
}

.s5mr-qr {
    text-align: center;
    font-size: 18px;
}

.s5mr-info {
    margin-left: 20px;
    color: #f1c78b;
    width: 225px;
    font-size: 14px;
    line-height: 1.8;
}

/* 第六部分 */
.section6 {
    margin-top: 75px;
}

.section6 .title {
    margin-bottom: 54px;
}

.section6 .title img {
    width: 479px;
    height: 86px;
    display: block;
    margin: 0 auto;
    margin-bottom: 27px;
}
.s6-top {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.s6t-left {
    width: 684px;
    height: 565px;
    background: url('../images/p6-route-reward-all-bg.webp') no-repeat center center;
    background-size: cover;
    margin-right: 20px;
}

.s6t-left h2 {
    color: #f0bd9b;
    font-size: 22px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 52px;
}

.s6t-left p {
    color: #f1c78b;
    font-size: 16px;
    line-height: 1.8;
    margin-left: 100px;
}

.s6t-left h3 {
    margin-top: 187px;
    font-weight: normal;
    color: #f1c78b;
    display: flex;
    align-items: center;
}

.s6t-left h3 span {
    display: block;
}

.s6t-left h3 span:nth-child(1) {
    margin-left: 90px;
    margin-right: 17px;
}

.s6t-left h3 span:nth-child(2) {
    margin-right: 110px;
}

.s6t-left h4 {
    margin-top: 162px;
    font-weight: normal;
    color: #f1c78b;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.s6t-left h4 span {
    display: block;
}

.s6t-left h4 span:nth-child(1) {
    margin-left: 90px;
    margin-right: 77px;
}

.s6t-left h4 span:nth-child(2) {
    margin-right: 88px;
}

.s6t-right {
    width: 369px;
    height: 565px;
    background: url('../images/p6-rules.webp') no-repeat center center;
    background-size: cover;
}
.s6t-right h2{
    color: #f0bd9b;
    font-size: 22px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 42px;
}

.s6t-right p{
    color: #f1c78b;
    font-size: 16px;
    line-height: 1.8;
    width: 80%;
    margin: 0 auto;
}


.s6-bottom {
    width: 1061px;
    height: 124px;
    background: url('../images/n-doc-border.webp') no-repeat center center;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: 32px;
    font-size: 16px;
    color: #f1c78b;
    padding: 0 40px;        /* 左右内边距，去掉上下内边距 */
    line-height: 1.8;
    display: flex;
    flex-direction: column;
    justify-content: center;  /* 垂直居中 */
    align-items: flex-start;  /* 文字左对齐，如果居中对齐改为 center */
}