body {

   
    font-family: pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;

    background-color: #f8fafc !important;

}

a{text-decoration: none}
.container1 {max-width: 1500px !important;margin: 0 auto  !important;}

/* 头部样式 */

header {

    background: #fff;

    color: #000;

    padding: 20px 0;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

  
}



.header-content {

    display: flex;

    justify-content: left;

    align-items: center;

}



.logo {

    font-size: 24px;

    font-weight: bold;

    display: flex;

    align-items: center;

    cursor: pointer;

}

.logo img{width: 122px;height: 44px;}





nav ul {

    display: flex;

    list-style: none;

}



nav ul li {

    margin-left: 30px;

}



nav ul li a {

    color: #000;

    text-decoration: none;

    font-weight: 500;

    transition: var(--transition);

    font-size: 16px;

}



nav ul li a:hover {

    color: #00b277;

}

.zhuce{display: flex;margin-left: 25rem;align-items: center}

.zhuce>a{color: #000;display: inline-block;margin-left: 30px}

.zhuce>a.zhuce{background: #00b277;width: 80px;height: 40px;text-align: center;line-height: 40px;color: #fff}

.zhuce>a.zhuce:hover{background: #fff}

.zhuce>a:hover {

    color: #00b277;

}


/* 全屏banner */

.sd2025-banner {

    background: url("images/sd2025-yw-banner.png") no-repeat top center;

    color: white;

    padding-top: 117px;

    min-height: 500px;

    text-align: left;

}







.banner-content {

    max-width: 1500px;

    margin: 0 auto;

    z-index: 2;

    padding: 0 60px;

}



.banner-title {

    font-size: 3rem;

    font-weight: 800;

    margin-bottom: 20px;

    letter-spacing: 1px;

    color: #000;

}



.banner-subtitle {

    font-size: 1.1rem;

    margin-bottom: 20px;

    line-height: 1.8;

    text-align: left;

    color: #000;

}

.banner-subtitle span{color: #f76a46}



.countdown-badge{font-size: 20px;color: #333}

#countdown-timer {

    background-color: rgba(255, 255, 255, 0.15);

    backdrop-filter: blur(10px);

    border: 1px solid #00b277;

    border-radius: 12px;

    padding: 5px 30px;

    display: inline-flex;

    align-items: center;

    font-size: 1.3rem;

    font-weight: 700;

    margin-bottom: 40px;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);

    color: #00b277;

}



.banner-actions {

    display: flex;

    gap: 30px;

    justify-content: left;

    flex-wrap: wrap;

}



.btn-gm {

    background-color: #f76a46;

    border: none;

    color: white;

    padding: 16px 66px;

    font-size: 1.1rem;

    border-radius: 10px;

    transition: all 0.3s ease;

    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);

    display: flex;

    align-items: center;

    justify-content: center;

}



.btn-gm:hover {

    background-color: #e55a2b;

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(255, 107, 53, 0.4);

}



.btn-zx {

    background-color: #00b277;

    color: white;

    padding: 16px 66px;

    font-size: 1.1rem;

    border-radius: 10px;

    transition: all 0.3s ease;

}



.btn-zx:hover {

    background-color: #00b277;

    border-color: white;

    transform: translateY(-3px);

    color: #fff;

}



.content-container {

    max-width: 1500px;

    margin: 0 auto;

    padding: 60px 40px;

}

.sd2025-server-section{margin-bottom: 60px}

.sd2025-section-header {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    margin-bottom: 40px;

    padding-bottom: 15px;

    border-bottom: 2px solid #eef2f7;

}



.sd2025-section-title {

    font-size: 2rem;

    font-weight: 700;

    color: #1a2b4c;

    position: relative;

}

.sd2025-server-card {

    background: white;

    border-radius: 16px;

    padding: 30px 20px;

    height: 100%;

    transition: all 0.3s ease;

    border: 1px solid #eef2f7;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);

    position: relative;

    overflow: hidden;

}



.sd2025-server-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 15px 30px rgba(0, 102, 255, 0.1);

    border-color: #00b277;

}

.sd2025-server-tag {

    position: absolute;

    top: 30px;

    right: 20px;

    background: linear-gradient(135deg, #00b277, #cdfcd1);

    color: white;

    padding: 6px 15px;

    border-radius: 30px;

    font-size: 0.85rem;

    font-weight: 600;

    z-index: 2;

}



.sd2025-server-location {

    display: inline-block;

    background-color: #e6f0ff;

    color: #00b277;

    padding: 8px 18px;

    border-radius: 30px;

    font-size: 0.9rem;

    font-weight: 600;

    margin-bottom: 20px;

}

.sd2025-server-name {

    font-size: 1.1rem;

    font-weight: 700;

    color: #1a2b4c;

    margin-bottom: 20px;

    line-height: 1.4;

}

.sd2025-server-specs {

    margin-bottom: 25px;

}



.sd2025-spec-item {

    margin-bottom: 12px;

    display: flex;

    justify-content: space-between;

    padding-bottom: 12px;

    border-bottom: 1px dashed #eef2f7;

}



.sd2025-spec-label {

    font-weight: 600;

    color: #5a6b8c;

    font-size: 14px;

}



.sd2025-spec-value {

    color: #1a2b4c;

    font-weight: 500;

    text-align: right;

    max-width: 75%;

    font-size: 14px;

}



.sd2025-price-container {

    background: linear-gradient(135deg, #f8fafc, #f0f7ff);

    border-radius: 12px;

    padding: 20px;

    margin: 25px 0;

    border: 1px solid #e6f0ff;

}



.sd2025-original-price {

    font-size: 1rem;

    color: #94a3b8;

    text-decoration: line-through;

    margin-bottom: 5px;

}



.sd2025-discount-price {

    font-size: 2.2rem;

    font-weight: 800;

    color: #ff6b35;

    line-height: 1;

}



.sd2025-price-period {

    font-size: 1rem;

    color: #5a6b8c;

}



.btn-server-buy {

    background: linear-gradient(135deg, #00b277, #02c786);

    border: none;

    color: white;

    width: 100%;

    padding: 16px;

    font-size: 1.1rem;

    font-weight: 600;

    border-radius: 10px;

    transition: all 0.3s ease;

    box-shadow: 0 5px 15px rgba(0, 102, 255, 0.2);

}



.btn-server-buy:hover {

    background: linear-gradient(135deg, #00b277, #02c786);

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(0, 102, 255, 0.3);

    color: #fff;

}



/* 全球服务器列表样式 */

.global-server-section {

    background: white;

    border-radius: 16px;

    padding: 40px;

    margin-top: 60px;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);

    border: 1px solid #eef2f7;

}

/* 全球服务器列表样式 - 更新版 */

.country-list-container {

    background: white;

    border-radius: 12px;

    padding: 25px;

    border: 1px solid #eef2f7;

}



.country-item {

    flex: 0 0 auto;

    margin: 8px 12px;

}



.country-item a {

    display: inline-block;

    background-color: #e6f0ff;

    color: #00b277;

    padding: 8px 20px;

    border-radius: 30px;

    font-size: 0.95rem;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;

    border: 1px solid transparent;

}



.country-item a:hover {

    background-color: #00b277;

    color: white;

    transform: translateY(-2px);

    box-shadow: 0 5px 12px rgba(0, 102, 255, 0.15);

    border-color: #00b277;

}



/* 活动说明样式 */

.activity-section {

    background: white;

    border-radius: 16px;

    padding: 40px;

    margin-top: 60px;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);

    border: 1px solid #eef2f7;

}



.activity-main-title {

    font-size: 2rem;

    font-weight: 800;

    color: #1a2b4c;

    padding-bottom: 15px;

    display: inline-block;

}



.activity-subtitle {

    font-size: 1.3rem;

    font-weight: 700;

    color: #00b277;

    margin: 25px 0 15px 0;

    display: flex;

    align-items: center;

}



.activity-subtitle i {

    margin-right: 10px;

}



.activity-content {

    color: #5a6b8c;

    line-height: 1.8;

}



.sd2025-activity-item {

    margin-bottom: 20px;

    padding-left: 10px;

}



.activity-highlight {

    border-radius: 10px;

    margin: 25px 0;

}



.vip-offer {

    background: url("images/sd2025-yw-zcBg.png") no-repeat top center;

    color: white;

    border-radius: 16px;

    padding: 35px;

    text-align: center;

    margin-top: 40px;

}



.vip-title {

    font-size: 1.8rem;

    font-weight: 800;

    margin-bottom: 15px;

    color: #1a2b4c;

}



.vip-description {

    font-size: 1.1rem;

    margin-bottom: 25px;

    opacity: 0.9;

    color: #1a2b4c;

}



.btn-vip {

    background-color: white;

    color: #00b277;

    border: none;

    padding: 14px 80px;

    font-size: 1.1rem;

    font-weight: 700;

    border-radius: 10px;

    transition: all 0.3s ease;

    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);

}



.btn-vip:hover {

    background-color: rgba(255, 255, 255, 0.9);

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.3);

}

/* 响应式设计 */

@media (max-width: 1285px) {

    .zhuce{margin-left: 300px}

}



@media (max-width: 992px) {

    .zhuce{margin-left: 0px}

    .header-content {

        text-align: center;

    }

    nav ul {

        margin-top: 20px;

        justify-content: center;

    }

    nav ul li {

        margin: 0 15px;

    }

}


@media (max-width: 768px) {
    nav{display: none}

    .zhuce{margin-left: 70px}


    .banner-content{

        padding: 0 30px;

    }

    .banner-actions{

        gap: 10px;

    }

    .content-container {

        padding: 60px 20px;

    }

}