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.
This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
.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，
}
