.cgreen {
		color: #39D9C9;
	}

	.tips {
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.top {
			width: 100%;
			display: flex;
			margin-top: 20px;
			align-items: flex-start;

			.left {
				font-size:  64rpx;
				margin-right: 10px;
			}

			.right {
				.text {
					font-size: 32rpx !important;
				}

				text {
					font-size: 32rpx;
					display: block;
					width: 100%;
					margin-bottom: 5px;
				}
			}
		}

		.item {
			background-color: #272a2a;
			border-radius: 10px;
			margin-top: 8px;
			color: #fff;
			height: 35px;
			line-height: 35px;
			display: flex;

			text {
				flex-grow: 0;
				display: inline-block;
			}

			.cgreen {
				flex-grow: 2;
				font-size:  32rpx;
				text-align: center;
			}

			.level {
				color: #516752;
			}
		}

		.title {
			font-size: 32rpx;
			margin: 20px;


			view {
				width: 100%;
				margin-top: 40px;
				text-align: center;
			}
		}

		.data {
			margin-top: 20px;

			.text {
				font-size: 32rpx;
				color: #fff;
				line-height: 20px;
			}
		}

		.btn {
			width: 70%;
			color: #fff;
			padding: 5px 15px;
			border-radius: 15px;
			text-align: center;
			background: $maincolor;
			margin: 15px auto;
			position: absolute;
			bottom: 80px;
			left: calc(15% - 15px);
		}

		.close {
			background: #999;
			bottom: 20px;
		}
	}

	.weight {
		padding-top: 30px;

		.title {
			width: 80%;
			margin: auto;
			font-size: 32rpx;
			text-align: center;
		}
	}

	.box1 {
		color: #fff;
		margin: 50px 15px 15px;
		width: calc(100%- 30px);

		.time {
			width: 60%;
			margin: auto;
			position: relative;
			text-align: center;
			border-radius: 10px;
			background-color: #272a2a;
			height: 30px;
			line-height: 30px;
		}

		.time:after {
			content: "";
			position: absolute;
			left: 45%;
			bottom: -7px;
			width: 0px;
			height: 0px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 8px solid #272a2a;
		}

		.item {
			width: 100%;
			font-size:28rpx;
			padding: 10px 0;
			border-radius: 15px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 15px;
			position: relative;
			margin-top: 10px;

			.image {
				width: 80%;

				image {
					width: 100%;
					margin-top: 10px;
				}
			}

			.center {
				top: 0px;
				bottom: -15px;
				position: absolute;
				width: 55px;
				margin: auto;
				text-align: center;
				background-color: #333;
				border-radius: 10px;
				z-index: 9;
			}

			.level-bg {
				position: absolute;
				width: 55px;
				margin: auto;
				text-align: center;
				background-color: #4d6c7b;
				border-radius: 0 0 10px 10px;
				bottom: 0px;
				z-index: 19;
			}

			.level-item {
				width: 55px;
				height: 100%;
				position: absolute;
				z-index: 99;

				:last-child {
					border-bottom: none;
				}

			}

			.ite {
				margin: 0 5px;
				width: calc(100% - 10px);
				height: 40px;
				line-height: 40px;
				font-size: 32rpx;
				color: #fff;
				z-index: 99;
				border-bottom: 1px solid #999;
			}
		}
	}

	.val {
		width: 100%;
		text-align: center;
		margin: 20px 0;
		color: #fff;
		font-size:28rpx;

		text {
			display: block;
			color: #39D9C9 !important;
			font-size: 64rpx;
			margin-bottom: 10px;
		}
	}