.box {
		margin: 15px 10px 0;
		padding: 15px 10px 10px;
		background-color: #fff;
		width: calc(100% - 40px);
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		border-radius: 10px;

		.charts {
			width: 100%;
			height: 260upx;
			margin: 10px 0;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;

			.name {
				position: absolute;
				width: 100%;
				text-align: center;
				font-size: 56rpx;
				margin: auto;
				color: #4687F9;
			}
		}

		.title {
			width: 100%;
			text-align: center;
		}

		.time {
			width: 100%;
		}
	}

	.indexCarList {
		width: calc(100% - 40px);
		margin: 10px;
		padding: 5px 10px;
		background-color: #fff;
		border-radius: 10px;

		.title {
			color: #000;
			background-color: #f5f5f5 !important;
			border-bottom: 1px solid #d9d9d9;
			padding-left: 10px;
			border-radius: 5px;
			height: 35px;
			display: flex;
			font-weight: bold;
			align-items: center;
			width: calc(100% - 10px);
			font-size: 32upx;

			.name {
				font-weight: bold;
				margin-top: 3px;
			}

			.right {
				width: 30%;
				color: $textcolor;
				font-size: 32rpx;
				text-align: right;
				margin-top: 5px;
				margin-right: 10px;
			}
		}

		.item3 {
			display: flex;
			background: #fff;
			padding: 0 10px;
			height: 50px;
			font-size: 32upx;
			align-items: center;
			border-bottom: 1px solid #f7f7f7;

			.name {
				width: 40%;
				// line-height: 50px;
			}

			.weight {
				width: 60%;
				display: flex;
				align-items: center;
				position: relative;
				justify-content: space-between;

				view {
					width: 30%;
					text-align: center;
				}

				.input {
					width: 40%;
				}

			}
		}

		.item3:nth-child(1) {
			font-weight: bold;
		}
	}