You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
.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; /* 内边距，确保文本不靠边 */
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.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，确保在前面 */
|
|
|
|
|
|
|
|
|
|
|
|
}
|
