.tub{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
}
.tub-bg {
    height: 100%;
    width: 80%;
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 40px 80px ;
    position: relative;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.3),
    2px 2px 5px rgba(1, 51, 11, 0.5);
    /* justify-content: center; align-items: center; */ /* 这些属性用于使网格项目在容器内居中 */
}
 /* 颗粒感实现 */
 /* .tub-bg::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='8' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
      opacity: 0.15;
      pointer-events: none;
      z-index: -1;  */
 
    

.tub-item {
    height: 250px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #888888;
    margin-bottom: 20px;
}
.tub-title{
    position: absolute;
    min-width: 200px;
    max-width: 250px;
    height: auto;
    background-color: #132017;
    text-align: center;
    justify-content: center;
    border-radius: 15px;

}


.tub-title h1 {
    font-size: 2em;
    margin: 0;
    padding: 10px 20px;
    word-break: break-word; /* 允许文字换行 */
}

.tub-title h3 {
    margin: 0;
    padding:10px;
    word-break: break-word; /* 允许文字换行 */
    color: #ffffff;
    font-size: 28px;
    display: block;
    font-family: 'ziti2'; 
}

    /* .tub-title h1 {
    font-size: 1.75em;
    margin: 0;
    padding: 10px 20px;
    word-break: break-word; 
}
.tub-title h3 {
    margin: 0;
    padding:10px;
    word-break: break-word;
    color: #ffffff;
    font-size: 28px;
    display: block;
    font-family: 'ziti2'; } */

#main, #main2 {
    width: 100%; /* 占据父容器的宽度 */
    height: 100%; /* 自适应父容器的高度 */
    background: #e3f0de; /* 可选：添加背景色 */
    border-radius: 8px; /* 可选：圆角 */
    overflow: hidden; /* 防止图表内容超出容器 */
    box-sizing: border-box;
}
#main3 {
    width: 100%; /* 占据父容器的宽度 */
    height: 100%; /* 固定高度，可根据需求调整 */
    /* background-color: #ffffff; 可选：添加背景色 */
    border-radius: 8px; /* 可选：圆角 */
    overflow: hidden; /* 防止图表内容超出容器 */
    box-sizing: border-box;
    background: #e3f0de;
}
.tub-tp{
    background: url(../image/wzbg.png) no-repeat center center;
    background-size: cover;
    height: 100%;
    width: 100%;

}
.tub-wz{
     background: rgba(0, 0, 0, 0.3) no-repeat center center;
     height: 100%;
    color: #ffffff;
    border-radius: 15px;
}
.tub-wz p{
    font-size: 14px;
    margin: 0;
    padding: 40px;
    word-break: break-word;
}