.modal-group{
	 
}
.modal-mask{
	background-color: #333;
	opacity: 0.2;
	position: fixed;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	z-index: 998;
}
.modal{
	position: fixed;
	left:12rpx;
	right: 12rpx;
	top: 50%;
	margin-top: -456rpx;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 48rpx;
	z-index: 999;
}
.modal-header{
	border-bottom: 1px solid #eee;
	padding: 0rpx 0rpx 0rpx 36rpx;
	margin-bottom: 24rpx;
	font-weight: bold;
	 
	flex-direction: row;
	line-height: 120rpx;
}
.modal-title{
	flex: 1;
	font-size: 38.4rpx;
}
.modal-close{
	font-family: iconfont;
	width: 120rpx;
	height:120rpx;
	line-height: 120rpx;
	color: #646464;
	text-align: center;
	 
}
.modal-body{
	padding: 0rpx 36rpx  48rpx 36rpx;
	 
	 
}
 .row-box{
	 
	 flex-direction: column;
	 background-color: #fff;
	 padding: 24rpx;
 }
.row-item,.row-item-text{
 
	flex-direction: row;
	
	padding-top: 24rpx;
	padding-bottom: 24rpx;
	 
	border-bottom-style: solid;
	border-bottom-color: #eee;
	border-bottom-width: 1px;
	padding-left: 12rpx;
	padding-right: 12rpx;
	position: relative;
	align-items: center;
	color: #646464;
	 
	font-size: 33.6rpx;
}
.row-item-icon{
	margin-right: 7.2rpx;
	font-family: iconfont;
	font-style: normal;
	color: #646464;
	font-size: 43.2rpx;
}
.row-item:after{
	 
	font-family: iconfont;
	 
	color: #999;
	 
}
.row-item-title{
	flex: 1;
	font-size: 33.6rpx;
}
.row-item-text{
 
}
.row-item-active{
	font-weight: 600;
}

/**form***/
.input-flex{
	flex-direction: row;
	align-items: center;
	margin-bottom: 10rpx;
}
.input-flex-label{
	width: 160rpx;
	margin-right: 20rpx;
	font-size: 20rpx; 
}
.input-flex-text{
	flex: 1;
	border-color:#eee;
	border-width: 2rpx;
	border-style: solid;
	height: 72rpx;
	line-height: 72rpx;
}
.textarea-flex-text{
	flex: 1;
	margin: 10rpx;
	height: 200rpx;
	border-color:#eee;
	border-width: 1px;
	border-style: solid;
}
 
.btn-row-submit{
	flex: 1;
	border-radius: 10rpx;
	border-color:#15ABA5;
	border-width: 1px;
	border-style: solid;
	background-color:#fff;
	padding: 20rpx 40rpx;
	justify-content: center;
	align-items: center;
}
.btn-row-submit-text{
	color: #15ABA5;
}

.flex{
	flex-direction: row;
}
 
.flex-col{
	flex-direction: column;
}
 .flex-1{
 	flex: 1;
 }
.flex-wrap{
	flex-wrap: wrap;
}
 /***定义了 flex 容器中 flex 成员项在纵轴方向上如何排列以处理空白部分***/
 .flex-ai-stretch{ align-items: stretch;}
 .flex-ai-start{ align-items: flex-start;}
 .flex-ai-end{ align-items: flex-end;}
 .flex-ai-center{ align-items: center;}
 /***定义了 flex 容器中 flex 成员项在主轴方向上如何排列以处理空白部分***/
 .flex-jc-start{justify-content: flex-start;}
 .flex-jc-end{justify-content: flex-end;}
 .flex-jc-center{justify-content: center;}
 .flex-jc-bettwen{justify-content: space-between;}
 .flex-center{text-align: center;justify-content:center;align-items: center;}

.wh-30{ width: 72rpx; height: 72rpx;}
 .wh-40{width: 96rpx; height: 96rpx;}
 .wh-60{ width: 144rpx; height: 144rpx;}
 .wh-100{width:240rpx; height: 240rpx;}
 .wh-150{width: 360rpx; height: 360rpx;}
 .wh-200{width: 480rpx; height: 480rpx;}
 .wmax{ max-width: 100%; }
 .w50{width: 120rpx;}
 .w60{width: 144rpx;}
 .w100{width: 240rpx;}
 .w150{width: 360rpx;}
 .w300{width: 720rpx;}
 .h30{ height: 72rpx;}
 .h60{height:144rpx;}
 .h100{ height: 240rpx;}
 .h160{height: 384rpx;}
 .h200{height: 480rpx;}
 /***fontsize**/
 .f36{ font-size: 86.4rpx;}
 .f28{ font-size: 67.2rpx;}
 .f22{font-size: 52.8rpx!important;}
 .f20{font-size: 48rpx!important;}
 .f18{font-size: 43.2rpx!important;}
 .f16{font-size: 38.4rpx!important;}
 .f14{font-size:33.6rpx!important;}
 .f12{font-size: 28.8rpx!important;}
 .fw-600{font-weight:600;}
 /***col1 2 3 内容字体差异 主标题 副标题 描述****/
 .cl1{color: #323232!important;}
 .cl2{color: #646464!important;}
 .cl3{color: #969696!important;}
 .cl-f30{color: #f30;}
 .cl-red{color: #c12725;}
 .cl-primary { color: #007bff!important;}
 .cl-secondary {color: #6c757d!important;}
 .cl-success{color: #28a745!important;}
 .cl-danger{color: #dc3545!important}
 .cl-warning{color: #ffc107!important}
 .cl-info { color: #17a2b8!important;}
 .cl-light { color: #f8f9fa!important;}
 .cl-dark{color:#343a40!important;}
 .cl-muted {color: #6c757d!important;}
 .cl-white{color: #fff;}
 .cl-money{color: #FF6600!important;}
 .cl-num{color: #f70!important;}
 .cl-status{color: #f70!important;}
 /***background-color***/
 .bg-ef{ background-color: #efefef;}
 .bg-fff{background-color: #fff!important;}
 .bg-f30{
 	background-color: #f30;
 }
 .bg-primary { background-color: #007bff!important;}
 .bg-secondary {
    background-color: #6c757d!important;
}
.bg-success {
    background-color: #28a745!important;
}
.bg-danger {
    background-color: #dc3545!important;
}
.bg-warning {
    background-color: #ffc107!important;
}
.bg-info {
    background-color: #17a2b8!important;
}
.bg-light {
    background-color: #f8f9fa!important;
}
.bg-dark {
    background-color: #343a40!important;
}
.bg-white {
    background-color: #fff!important;
}
 .bg-transparent {background-color: transparent;}
 .bg-royal{background-color:#8a6de9;}
 .bg-disabled{background-color:#FBFBFB;}
 /****固定颜色****/
 
 /***padding****/
 .pd-5{padding: 12rpx;}
 .pdl-5{padding-left: 12rpx;}
 .pdr-5{padding-right: 12rpx;}
 .pdt-5{padding-top: 12rpx;}
 .pdb-5{padding-bottom: 12rpx;}
 .pd-10{padding: 24rpx;}
 .pdl-10{padding-left: 24rpx;}
 .pdr-10{padding-right: 24rpx;}
 .pdt-10{padding-top: 24rpx;}
 .pdb-10{padding-bottom: 24rpx;}
 .pdb-30{padding-bottom: 72rpx;}
 .pdt-0{ padding-top: 0rpx;}
 /***margin****/
 .mg-5{margin: 12rpx!important;}
 .mgb-5{margin-bottom: 12rpx!important;}
 .mgt-5{margin-top: 12rpx!important;}
 .mgl-5{margin-left: 12rpx!important;}
 .mgr-5{margin-right: 12rpx!important;}
 .mg-10{margin: 24rpx!important;}
 .mgb-10{margin-bottom: 24rpx!important;}
 .mgt-10{margin-top: 24rpx!important;}
 .mgl-10{margin-left: 24rpx!important;}
 .mgr-10{margin-right: 24rpx!important;}
 .mgr-20{ margin-right: 48rpx;}
 .mgb-20{margin-bottom: 48rpx!important;}
 .mgl-20{margin-left: 48rpx;}
 .mgt-20{margin-top: 48rpx;}
 .mgb-0{margin-bottom: 0rpx;}