@mixin padding() {
  padding: 18rpx 0;
}

.section {
	margin-bottom: 20rpx;
	border: 1rpx solid $border-color-dark;
	border-radius: 18rpx;
	overflow: hidden;
	
  .section-title {
		width: 100%;
		height: 88rpx;
		padding: 0 32rpx;
		background-color: white;
		border-bottom: 1rpx solid $border-color;
		@include left;
			
		.icon {
			width: 45rpx;
			height: 45rpx;
			margin-right: 15rpx;
		}

		.title {
			flex: 1;
			font-size: $wk-font-medium;
		  color: $dark;
			font-weight: 500;
		}
		
		.add-btn  {
			font-size: $wk-font-sm;
			color: $theme-color;
			@include center;
			.icon-add {
				vertical-align: middle;
				font-size: $wk-font-sm;
				margin-right: 12rpx;
			}
		}
		
		.title-icon {
		  width: 32rpx;
		  height: 32rpx;
		}
	}
		
	.section-body {
		background-color: white;
	}
}

.no-data {
	width: 100%;
	text-align: center;
	font-size: $wk-font-sm;
	color: $light;
	padding: 40rpx 0;
	background-color: white;
}