h1,
h2,
h3,
p,
ul,
li,
body {
    max-width: 100vw; /* 限制页面宽度为视口宽度 */
        width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* 防止水平滚动 */
}

/* 导航容器 */
        .nav-container2 {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            background-color: #eed7fd;
            padding: 10px 0;
            box-shadow: 0 -2px 5px #eed7fd;
            z-index: 1000; /* 确保导航在最上层 */
        }

        /* 按钮样式 */
        .nav-button2 {
            flex: 1; /* 按钮平均分配空间 */
            margin: 0 10px;
            text-align: center;
            padding: 0.7em 1.7em;
            font-size: 18px;
            border-radius: 0.5em;
            background: #e8e8e8;
            cursor: pointer;
            border: 1px solid #e8e8e8;
            transition: all 0.3s;
            box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
        }
.nav-button2:hover {
  border: 1px solid white;
}

.nav-button2:active {
  box-shadow: 4px 4px 12px #c5c5c5, -4px -4px 12px #ffffff;
}

.titleCenter {
      display: flex;
      justify-content: center; /* 水平居中 */
      align-items: center; /* 垂直居中 */
      min-height: 0px; /* 确保垂直居中效果可见 */
      font-size: 12px;
      font-weight: bold;
      margin: 0px 0;
      width: 100%; /* 确保占满父容器宽度 */
      flex-wrap: nowrap; /* 防止内容换行 */
      text-align: center; /* 确保文本在 flex 容器内居中 */
      white-space: nowrap; /* 防止文本本身换行 */
      background: linear-gradient(45deg, #f80000, #ff0000);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.imgTop {
    width: 100%; /* 确保容器宽度占满父元素 */
    overflow: hidden; /* 防止图片溢出 */
}

.imgTop2 {
    position: fixed;
    z-index: 2000;
    top: -1px;
    width: 100%; /* 确保容器宽度占满父元素 */
    overflow: hidden; /* 防止图片溢出 */
}
.imgTop3 {
    position: fixed;
    z-index: 2000;
    bottom: -1px;
    width: 100%; /* 确保容器宽度占满父元素 */
    overflow: hidden; /* 防止图片溢出 */
}

.imgTop img {
    width: 100%; /* 图片宽度占满容器（即屏幕宽度） */
    height: auto; /* 保持图片宽高比 */
    display: block; /* 消除图片底部的空白 */
    margin: 0.1px 0;
}

.imgTop2 img {
    width: 100%; /* 图片宽度占满容器（即屏幕宽度） */
    height: auto; /* 保持图片宽高比 */
    display: block; /* 消除图片底部的空白 */
    margin: 0.1px 0;
}
.imgTop3 img {
    width: 100%; /* 图片宽度占满容器（即屏幕宽度） */
    height: auto; /* 保持图片宽高比 */
    display: block; /* 消除图片底部的空白 */
    margin: 0.1px 0;
}

a {
    text-decoration: none;
    color: #0d265e;
}

body {
    overflow-x: hidden;
    font-family: 微软雅黑;

}

html {
    background-color: #FBFBFB;
}

.flex-1 {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.flex-2 {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.header {
    padding: 15px;
    box-sizing: border-box;
}

#menu {
    cursor: pointer;
}

.header>.left>.text>p:first-child {
    font-size: 3vw;
    font-weight: 500;
}

.header>.left>.text>.text-min {
    font-size: 4.2vw;
    font-weight: bold;
    animation: colorChange 3s ease-in-out infinite;
    display: flex;
    align-items: center;
}

.header>.left>.text>.text-min>img {
    width: 5.5vw;
    margin-left: .7vw;
}

@keyframes colorChange {
    0% {
        color: #3498db;
        /* 初始颜色，淡蓝色 */
    }
    50% {
        color: #2ecc71;
        /* 中间过渡到翡翠绿 */
    }
    100% {
        color: #e74c3c;
        /* 最终颜色，深红色 */
    }
}

.ava {
    width: 11vw;
    border-radius: 50%;
    margin-right: 10px;
}

.header-2 {
    /*background-color: #1B47C3;*/
    background: linear-gradient(to bottom right, #ff6e87, #0007e5);
    color: #FFF;
    border-radius: 30px 30px 0 0;
    padding: 35px 0;
    padding-bottom: 85px;
    position: relative;
    overflow: hidden;
}

.popup-YBNB {
    background-color: #FFF;
    width: 35%;
    position: absolute;
    right: 5vw;
    top: 0;
    display: flex;
    flex-direction: column;
    border-radius: 5vw;
    padding: 5vw;
    display: none;
}

.popup-YBNB>a {
    display: flex;
    align-items: center;
    font-size: 4.2vw;
    font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
}

.popup-YBNB>a:nth-child(2) {
    margin-top: 5vw;
    color: #FD4E4E;
}

.popup-YBNB>a>img {
    width: 6vw;
    margin-right: 2vw;
}

.usdt-bac {
    width: 39vw;
    position: absolute;
    opacity: .07;
    top: 2vw;
    right: -15%;
}

.header-2>p:nth-child(2) {
    font-weight: bold;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 1);
    animation: bounceText 2s ease-in-out infinite;
    /* 指定动画名称、持续时间、速度函数和重复次数 */
}

/* 定义关键帧动画 */

@keyframes bounceText {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0) scale(1);
        /* 初始位置和每次跳动的高度，同时取消旋转 */
    }
    40% {
        transform: translateY(-2.7vw) scale(1.1);
        /* 跳起的高度，同时逆时针旋转 */
    }
    60% {
        transform: translateY(-1.4vw) scale(1);
        /* 落下的高度，同时顺时针旋转 */
    }
}

.header-2>.big-text {
    margin-top: 7px;
    margin-bottom: 14px;
}

.header-2>.big-text>img {
    width: 7.7vw;
}

.header-2>.big-text>p {
    font-size: 7vw;
    font-weight: bold;
    margin-left: 7px;
    align-items: start;
}

.header-2>.big-text>p>font {
    font-size: 4.5vw;
    margin-top: 5px;
}

.header-2>.big-text>h1 {
    font-size: 5.1vw;
}

.header-2>.info-text {
    background-color: rgba(0, 0, 0, .4);
    padding: 1.7vw 7vw;
    border-radius: 10vw;
    font-size: 3.5vw;
}

.logo {
    width: 5.7vw !important;
    margin: 0 5px;
    animation: rotateAnimation 4s linear infinite;
    /* 指定动画名称、持续时间、动画速度和重复次数 */
}

/* 定义关键帧动画 */

@keyframes rotateAnimation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.main {
    padding: 5px;
    border-radius: 30px 30px 0 0;
    background-color: #FBFBFB;
    transform: translateY(-60px);

}

.tishi {
    font-size: 4vw;
    text-align: center;
    transform: translateY(-2.5vw);
    font-weight: bold;
    color: #525252;
    /*-webkit-text-stroke: .5px #000;*/
    font-family: "Microsoft YaHei", sans-serif;
}

.main-1 {
    border-radius: 3vw;
    background-color: #FFF;
    box-shadow: 0 0 2.6666666667vw rgba(45, 98, 217, .15);
    
}

.main-1>ul {
    padding: 0vw;
    list-style: none;

}

.main-1>ul>li {
    width: 50%;
    text-align: center;
    padding: 3.5vw 0;
    border-radius: 3vw;
    font-weight: bold;
    font-size: 3.5vw;
    color: #707489;
    cursor: pointer;
    transition: color 0.3s ease;
    
}

.li-active {
    color: #FFF !important;
    /*background-color: #1237A0;*/
    background: linear-gradient(to bottom right, #0095ff, #0007e5);
}

.main-1-content>.content-box {
    display: none;
    padding: 10px;
    padding-top: 0;
}

.main-1-content>.content-box>.content-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 4vw;
    border-radius: 3vw;
}

.main-1-content>.content-box>.content-list>.content-item {
    width: 25%;
    margin-bottom: 3.7vw;
    
}
.main-1-content>.content-box>.content-list>.content-item2 {
    width: 100%;
    margin-bottom: 3.7vw;
  
}

.main-1-content>.content-box>.content-list>.content-item>a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 3.5vw;
    position: relative;
}
.main-1-content>.content-box>.content-list>.content-item2>a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 3.5vw;
    position: relative;
}

.red-span {
    color: red;
    font-weight: bold;
}
/*方框大小*/
.main-1-content>.content-box>.content-list>.content-item>a>img {
    width: 20vw;
    height: 20vw;
    border-radius: 2vw;
    box-shadow: 0 0 2.6666666667vw rgba(45, 98, 217, .15);
    margin-bottom: 5px;
    
 
}
.main-1-content>.content-box>.content-list>.content-item2>a>img {
    width: 90vw;
    height: 18vw;
    border-radius: 2vw;
    box-shadow: 0 0 2.6666666667vw rgba(45, 98, 217, .15);
    margin-bottom: 0px;
    
}

.main-1-content>.content-box>.content-list>.content-item>a>img.custom-img {
    width: 20vw;
    height: 12vw;
    border-radius: 0vw;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.15);
    margin-bottom: 0px;
    
}
.main-1-content>.content-box>.content-list>.content-item2>a>img.custom-img {
    width: 20vw;
    height: 12vw;
    border-radius: 0vw;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.15);
    margin-bottom: 0px;
    
}

.main-2 {
    color: #0d265e;
}

.main-2>.title {
    font-size: 4vw;
    font-weight: bold;
    margin-left: 3px;
}

.main-2>.card {
    display: flex;
    justify-content: space-between;
    padding: 3.7vw;
    border-radius: 2vw;
    margin-top: 2vw;
    box-shadow: 0 4px 10px 0 rgba(45, 98, 217, .13);
}

.main-2>.card>.card-main>img {
    width: 10vw;
    height: 10vw;
    margin-right: 2.2vw;
}

.main-2>.card>.card-main>.card-info>p:first-child {
    font-size: 4vw;
    font-weight: bold;
}

.main-2>.card>.card-main>.card-info>p:nth-child(2) {
    font-size: 3.3vw;
    font-weight: 500;
}

.main-2>.card>.left {
    width: 4vw;
}

.main-7 {
    color: #0d265e;
}

.main-7>.title {
    font-size: 4vw;
    font-weight: bold;
    margin-left: 3px;
}

.main-7>.card {
    display: flex;
    justify-content: space-between;
    padding: 3.7vw;
    border-radius: 2vw;
    margin-top: 2vw;
    box-shadow: 0 4px 10px 0 rgba(45, 98, 217, .13);
}

.main-7>.card>.card-main>img {
    width: 10vw;
    height: 10vw;
    margin-right: 2.2vw;
}

.main-7>.card>.card-main>.card-info>p:first-child {
    font-size: 4vw;
    font-weight: bold;
}

.main-7>.card>.card-main>.card-info>p:nth-child(2) {
    font-size: 3.3vw;
    font-weight: 500;
}

.main-7>.card>.left {
    width: 4vw;
}

.card-bac7 {
    background-image: url(../2/6/IMG_GG_06.avifs); /* 替换为你的图片路径 */
    background-size: cover; /* 图片覆盖整个元素 */
    background-position: center; /* 图片居中 */
    background-repeat: no-repeat; /* 防止图片重复 */
    color: #FFF;
    position: relative;
    overflow: hidden;
    height: 60px; /* 设置固定高度，可根据需要调整 */
    /* border-radius: 0vw; */
    border-radius: 0; /* 确保没有圆角 */
    margin-top: 0; /* 移除顶部间隙 */
}

.card-bac {
    background: url(../img/bac.webp);
    background-size: cover;
    color: #FFF;
}

.card-bac2 {
    /*background-color: #1b47c3;*/
    background: linear-gradient(to bottom right, #ff8d00, #000246);
    color: #FFF;
    position: relative;
    overflow: hidden;
}

.card-bac3 {
    /*background-color: #332941;*/
    background: linear-gradient(to bottom right, #007eff, #000246);
    color: #FFF;
    position: relative;
}

.card-bac5 {
    /*background-color: #3B3486;*/
    background: linear-gradient(to bottom right, #b400ff, #0f0064);
    color: #FFF;
}

.card-bac6 {
    /*background-color: #5d589b;*/
    background: linear-gradient(to bottom right, #69009f, #043c00);
    color: #fff;
}


.logo-2 {
    width: 17vw;
    opacity: .1;
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
}

.main-3 {
    width: 100%;
    border-radius: 4vw;
    margin-top: 7vw;
    overflow: hidden;
    box-shadow: 0 4px 10px 0 rgba(45, 98, 217, .13);
}

.main-3>a {
    width: 100%;
}

.main-3>a>img {
    width: 100%;
    height: 42vw;
}

.main-3>a>.main-3-info {
    width: 100%;
    padding: 2vw 3vw;
    padding-bottom: 3.5vw;
    box-sizing: border-box;
    font-size: 3.3vw;
}

.main-3>a>.main-3-info>p:first-child {
    font-size: 3.7vw;
    font-weight: bold;
    margin-bottom: 1vw;
}

.main-3>a>.main-3-info>p:nth-child(2) {
    letter-spacing: .2vw;
    color: #707489;
}

.google>.google-logo {
    font-size: 4.2vw;
    margin-right: 1vw;
}

.google-logo {
    display: flex;
    font-weight: bold;
}

.google-logo>span:first-child {
    color: #4285F4;
}

.google-logo>span:nth-child(2) {
    color: #EA4335;
}

.google-logo>span:nth-child(3) {
    color: #FBBC05;
}

.google-logo>span:nth-child(4) {
    color: #4285F4;
}

.google-logo>span:nth-child(5) {
    color: #34A853;
}

.google-logo>span:nth-child(6) {
    color: #EA4335;
}

.footer-sj {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(-20px);
    font-size: 3.5vw;
    font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
}

.footer-sj>.footer-sj-main {
    width: 90%;
    margin-bottom: 3vw;
    display: flex;
    justify-content: center;
}

.footer-sj>.footer-sj-main>a {
    margin: 0 1.5vw;
}

.footer-sj>.footer-sj-main>a>img {
    width: 7.9vw;
}

.tips-box {
    position: relative;
}

.tips-text {
    color: #FFF;
    background: red;
    font-size: 2.5vw;
    position: absolute;
    left: 3.5vw;
    padding: .3vw;
    font-weight: bold;
    border-radius: 1vw;
}


.tab-container1 {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            justify-content: space-around;
            background-color: #fff; /* 背景色，避免透明 */
            padding: 2vw 0;
            z-index: 1000; /* 确保在其他内容之上 */
            box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* 可选：添加阴影美化 */
        }

        .tab1 {
            width: 50%; /* 每个 tab 占用接近一半宽度 */
            text-align: center;
            padding: 3.5vw 0;
            border-radius: 3vw;
            font-weight: bold;
            font-size: 3.5vw;
            color: #707489;
            cursor: pointer;
            transition: color 0.1s ease, background-color 0.1s ease;
        }