.active {
|
|
color: #FFBF60;
|
|
background-color: rgb(255, 241, 240);
|
|
}
|
|
|
|
.daan {
|
|
background-color: #F3F3F3;
|
|
border-radius: 50rpx;
|
|
}
|
|
|
|
.p20 {
|
|
padding: 20px;
|
|
}
|
|
|
|
.box {
|
|
height: 180rpx;
|
|
background-image: linear-gradient(to bottom, #ffbf60, #f2f2f2);
|
|
padding: 16rpx;
|
|
position: absolute;
|
|
|
|
.step {
|
|
width: 720rpx;
|
|
height: 15rpx;
|
|
border-radius: 32rpx;
|
|
background-color: #D9D9D9;
|
|
|
|
.in {
|
|
width: 50%;
|
|
height: 15rpx;
|
|
background-color: #ffbf60;
|
|
border-radius: 32rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.content {
|
|
border-radius: 20rpx;
|
|
padding: 15rpx 20rpx;
|
|
position: relative;
|
|
bottom: 0;
|
|
left: 0;
|
|
|
|
.label {
|
|
width: 80rpx;
|
|
justify-content: center;
|
|
padding: 5rpx 15rpx;
|
|
color: #fff;
|
|
background-color: #FFBF60;
|
|
}
|
|
}
|
|
|
|
.level{
|
|
display: flex;
|
|
}
|