bolinscreening-miniapp/pages/chart/style.scss

.charts {
	width: 750upx;
	height: 500upx;
	background-color: #ffffff;
}
.line {
	width: 100%;
	height: 10px;
	background: #f5f5f5;
}

.chart-1 {
	position: relative;
	padding: 10px 0;
	.chart-title {
		position: absolute;
		left: 10px;
		z-index: 1;
		span {
			font-size: 17px;
			color: #333333;
		}
		.icon-wenhao {
			font-size: 16px;
			color: #dbdbdb;
			margin-left: 8px;
		}
	}
}
.popup-content {
	width: 100%;
	background: #ffffff;
	border-radius: 12px 12px 0 0;
	.close-btn {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		position: absolute;
		top: 5px;
		right: 5px;
		i {
			font-size: 15px;
			color: #949494;
		}
	}
	.bl-describe-con {
		padding: 21px 15px;
		.describe-title {
			font-size: 17px;
			color: #000000;
			text-align: center;
		}
		.describe-box {
			margin-top: 20px;
			.describe-tag {
				width: 100%;
				height: 21px;
				border-bottom: 1rpx solid #10aeff;
				span {
					line-height: 21px;
					padding: 0 13px;
					box-sizing: border-box;
					text-align: center;
					transform: skew(-20deg);
					background: #10aeff;
					display: inline-block;
					margin: 1px 0 0 4px;
					i {
						font-size: 14px;
						color: #ffffff;
						transform: skew(20deg);
						display: inline-block;
					}
				}
			}
			.describe-img {
				width: 80px;
				height: 80px;
				border-radius: 12px;
				margin-top: 12px;
			}
			.describe-text {
				width: 100%;
				max-height: 410px;
				overflow-y: scroll;
				font-size: 14px;
				color: #666666;
				margin-top: 12px;
				line-height: 23px;
			}
		}
	}
}