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.
78 lines
1.4 KiB
78 lines
1.4 KiB
5 years ago
|
page {
|
||
|
width:100%;
|
||
|
height: auto;
|
||
|
min-height:100vh;
|
||
|
overflow-y: auto;
|
||
|
background: linear-gradient(to bottom, #db1a1f 0%,#e95027 50%,#db1a1f 100%);
|
||
|
}
|
||
|
.guide-info {
|
||
|
position: relative;
|
||
|
}
|
||
|
.topic-img{
|
||
|
width: 750rpx;
|
||
|
height: 306rpx;
|
||
|
position: absolute;
|
||
|
}
|
||
|
.guide-content {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
position: absolute;
|
||
|
top: 243rpx;
|
||
|
margin: 16rpx 30rpx;
|
||
|
}
|
||
|
|
||
|
.today-top {
|
||
|
position: relative;
|
||
|
}
|
||
|
.today-top image{
|
||
|
width: 232rpx;
|
||
|
height: 50rpx;
|
||
|
}
|
||
|
.today-top text{
|
||
|
height: 50rpx;
|
||
|
line-height: 50rpx;
|
||
|
font-size: 32rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: bold;
|
||
|
color: rgba(255,255,255,1);
|
||
|
position: absolute;
|
||
|
left: 76rpx;
|
||
|
z-index: 999;
|
||
|
}
|
||
|
.topic-item, .today-item {
|
||
|
background-color: #ffffff;
|
||
|
border-radius: 10rpx;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin-bottom: 16rpx;
|
||
|
width: 690rpx;
|
||
|
}
|
||
|
.item-top {
|
||
|
position: relative;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
padding-left: 31rpx;
|
||
|
margin-top: 39rpx;
|
||
|
}
|
||
|
.item-top image{
|
||
|
width: 32rpx;
|
||
|
height: 32rpx;
|
||
|
}
|
||
|
.item-top text{
|
||
|
font-size: 32rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: bold;
|
||
|
color: #BF1F1F;
|
||
|
margin-left: 18rpx;
|
||
|
}
|
||
|
.item-content, .today-content{
|
||
|
padding: 28rpx 32rpx;
|
||
|
}
|
||
|
.item-content text,.today-content text{
|
||
|
font-size:34rpx;
|
||
|
font-family:PingFang SC;
|
||
|
font-weight:500;
|
||
|
color:rgba(51,51,51,1);
|
||
|
line-height:52rpx;
|
||
|
height: 52rpx;
|
||
|
}
|