.container {
    height: 100vh;
    background-size: cover;
    background-position: center;
}
  
.header {
    text-align: center;
}
  
.title-image {
    width: 500rpx;
    max-height: 300px;
    margin: -100px auto 0 auto; /* 向上移动20像素 */
    
}
  
.rules {
    background-color:#d8bfab;
    margin: -60px 50rpx 150rpx 50rpx;
    border-radius: 34rpx;
    padding-bottom: 30rpx;
}
  
.tab {
    font-size: 40rpx;
    display: flex;
    justify-content: space-around;
    background-color: #d8bfab;
    padding: 65rpx 0rpx;
    border-radius: 34rpx;
}
  
.tab text {
    flex: 1;
    text-align: center;
    font-weight: bold;
    color: #666;
}
  
.tab .active {
    color: #333333;
    text-decoration: underline; /* 添加下划线 */
}

.content {
    margin: 0rpx 50rpx 90rpx 50rpx;
    background-color: #b89172; /* 棕色背景 */
    border-radius: 34rpx; /* 圆角 */
    padding: 50rpx; /* 内边距，确保文本不靠边 */
}

.bold {
    font-weight: bold; /* 这将使文本加粗 */
}

.content text {
    display: block;
    color: #101010;
    margin-bottom: 30rpx;
}
.fanhui-image {
    position: absolute;     /* 绝对定位 */
    left: 0px;            /* 距离左侧200px */
    top: 0px;             /* 距离顶部150px */
    width: 70px;           /* 图片宽度 */
    height: auto;           /* 图片高度自适应 */
    z-index: 7;             /* 设置z-index，确保在前面 */
    
}