pet-front/otherPages/authentication/training/index.scss

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