page{
	background-color: $uni-bg-color;
	padding: 20rpx 40upx;
	font-size: $base-font-size;
	box-sizing: border-box;
	color: $uni-text-color;
}
.page{
	//顶部标题
	.page-title{
		font-size: $h2;
		color: $uni-color-title;
		padding: 40upx;
		text-align: center;
	}
	.content {
		background-color: $uni-bg-color-white;
		border-radius: $uni-border-radius-lg;
		padding: 40upx;
		//列表项
		.form-item {
			width: 100%;
			margin: 20upx 0;
			.item-label {
				width: 180upx;
				line-height: 60upx;
				display: inline-block;
				text-align: right;
				vertical-align: top;
				font-weight: 600;
				padding-right: 20upx;
			}
			.item-content{
				display: inline-block;
				width: calc(100% - 200upx);
				.uni-input {
					height: 60upx;
					line-height: 60upx;
					width: 80%;
					float: left;
				}
				.text{
					height: 60upx;
					line-height: 60upx;
				}
				.disabled-input{
					color: $uni-text-color-disable;
				}
				.item-unit{
					line-height: 60upx;
					float: right;
				}
			}
		}
	}
}

//ucharts全局样式
.uni-charts{
	.qiun-padding{
		padding:2%;
		width:96%;
	}
	.qiun-wrap{
		display:flex;
		flex-wrap:wrap;
	}
	.qiun-rows{
		display:flex;
		flex-direction:row !important;
	}
	.qiun-columns{
		display:flex;
		flex-direction:column !important;
	}
	.qiun-common-mt{
		margin-top:10upx;
	}
	.qiun-bg-white{
		background:#FFFFFF;
	}
	.qiun-title-bar{
		width:96%;
		padding:10upx 2%; 
		flex-wrap:nowrap;
	}
	.qiun-title-dot-light{
		border-left: 10upx solid #007AFF; 
		padding-left: 10upx; 
		font-size: 32upx;
		color: #000000
	}
	.qiun-charts{
		width: 100%; 
		height:600upx;
		background-color: #FFFFFF;
	}
	.charts{
		width: 100%; 
		height:600upx;
		background-color: #FFFFFF;
	}
}
//其他全局样式
.text-center {
	text-align: center;
}
.padding-vertical-20 {
	padding: 0 $uni-spacing-row-base;
}
.padding-left-20 {
	padding-left: $uni-spacing-row-base;
}
.margin-top-10 {
	margin-top: 20upx;
}
.margin-top-20 {
	margin-top: 40upx;
}
.padding-top-20 {
	padding-top: 40upx;
}
.line-height-align{
	height: 60upx;
	line-height: 60upx;
}
.no-border {
	border: none;
}

.flex_wrapper_v {
	display: flex;
	flex-direction: column
}

.flex_wrapper_v_center {
	display: flex;
	flex-direction: column;
	align-items:center;
}

.flex_wrapper_v_start {
	display: flex;
	flex-direction: column;
	align-items:flex-start;
}

.flex_wrapper_v_end {
	display: flex;
	flex-direction: column;
	align-items:flex-end;
}

.flex_wrapper_h {
	display: flex;
	flex-direction: row;
}

.flex_wrapper_h_center {
	display: flex;
	flex-direction: row;
	align-items:center;
}

.flex_wrapper_h_center_around {
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-content: space-around;
}

.flex_align_self_start{
	align-self: flex-start 
}

.flex_align_self_end{
	align-self: flex-end 
}

.absolute_bottom_20{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 20rpx;
}

.remind_text {
	color: $uni-text-color-grey;
	font-size: $small-font-size;
}
.warning_text{
	color: $uni-color-warning;
	font-size: $small-font-size;
}

.line_v_grey{
  border-right: 1px solid #dddddd;
  position: absolute;
  left: 50%;
  height: 370px;
  top: 0;
}

.line_h_grey{
	background-color: $uni-text-color-grey;
	width: auto;
	height: 1px;
}

.block_white {
	padding: 30rpx;
	background-color: #fff;
}