.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,确保在前面 */ }