130 lines
2.4 KiB
Plaintext
130 lines
2.4 KiB
Plaintext
.container {
|
|
width: 750rpx;
|
|
height: 902rpx;
|
|
background: linear-gradient(0deg, rgba(255,182,92,0) 0%, #ED7554 80%);
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
}
|
|
.header {
|
|
margin-top: 57rpx;
|
|
margin-left: 34rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.left_detail {
|
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
|
background: rgba(255,255,255,0.2);
|
|
overflow: auto;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
.gold_icon {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
margin: 8rpx 20rpx 8rpx 17rpx;
|
|
}
|
|
.points {
|
|
font-weight: 400;
|
|
font-size: 40rpx;
|
|
color: #FFFFFF;
|
|
margin-right: 25rpx;
|
|
}
|
|
.left_icon {
|
|
margin-right: 23rpx;
|
|
}
|
|
.tomorrow_sign {
|
|
margin-top: 20rpx;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
.right_desc {
|
|
text-align: right;
|
|
font-weight: bold;
|
|
font-size: 80rpx;
|
|
background: linear-gradient(90.00002264849354deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
|
|
}
|
|
.rigth_icon {
|
|
width: 408rpx;
|
|
height: 94rpx;
|
|
}
|
|
|
|
|
|
.main {
|
|
width: 100%;
|
|
/* height: 1315px; */
|
|
border-radius: 30px 30px 30px 30px;
|
|
border: 1px solid #FFFFFF;
|
|
padding: 25rpx 20rpx 0;
|
|
margin-top: 22rpx;
|
|
position: relative;
|
|
}
|
|
.center_icon {
|
|
width: 382rpx;
|
|
height: 283rpx;
|
|
position: absolute;
|
|
right: 0;
|
|
top: -173rpx;
|
|
}
|
|
.center_header {
|
|
width: 710rpx;
|
|
display: inline-flex;
|
|
background: #FCF7DD;
|
|
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
|
}
|
|
.signed {
|
|
font-weight: 400;
|
|
font-size: 32rpx;
|
|
color: #222222;
|
|
margin: 36rpx 0 36rpx 46rpx;
|
|
}
|
|
.center_time {
|
|
font-weight: 400;
|
|
color: #D5AC66;
|
|
margin: 36rpx 28rpx 36rpx 163rpx;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
}
|
|
.points_detail {
|
|
margin-top: 40rpx;
|
|
width: 750rpx;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.day_detail {
|
|
width: 90rpx;
|
|
margin-right: 10rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.item {
|
|
background: #FFECE7;
|
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
width: 90rpx;
|
|
height: 110rpx;
|
|
overflow: hidden;
|
|
}
|
|
.red_border {
|
|
border: 1rpx solid #2583FF;
|
|
|
|
}
|
|
.points_time {
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #000000;
|
|
text-align: center;
|
|
margin: 11rpx 0 11rpx;
|
|
}
|
|
.points_icon {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin: 0 auto;
|
|
}
|
|
.day_time {
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #000000;
|
|
margin-top: 10rpx;
|
|
text-align: center;
|
|
}
|
|
.color_red {
|
|
color: #2583FF;
|
|
} |