|
|
- .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;
- }
|