page {
	height: 100vh;
	overflow: auto;
	background: #f5f7f9;
}
.w50{width: 50%;}
.w100{width: 100%;}
.vipData .w50{width: 45%;}
.esp{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.flexbox{display: flex;}
.mt30{margin-top: 30rpx;}
.mtb30{margin: 30rpx 0;}
.mt40{margin-top: 40rpx;}
.mt50{margin-top: 50rpx;}
.align-forms-item-placeHolder{color: #999;line-height: 2.6;}
.align-forms-item{line-height: 2.6;}
	.more{color: #929AA0;font-size: 24rpx;}
	.msglist{
		.msgitem{background: #FFFFFF;border-radius: 10rpx;margin-bottom: 25rpx;padding: 30rpx 20rpx 30rpx 50rpx;
		position: relative;
			.dot{width: 12rpx;display: block;position: absolute;left: 20rpx;top: 40rpx;
height: 12rpx;
background: #C40F18;
border-radius: 50%;}
			.dot.done{
background: #C7C7CD;}
			.tt{
font-size: 28rpx;
color: #29343C;}
			.date{
color: #929AA0;
font-size: 24rpx;}
		}
	}
	
 .vipData{
	 font-size: 24rpx;padding: 10px 20px;
	 display: flex;background: #F7E7E8;
	 view{margin-right: 20rpx;
		 text{
			 font-weight: bold;
			 color: #AD1920;}
	 }
 }


.nodata{padding:10vh 0;     box-sizing: border-box; text-align: center;}
.nodata image{width: 300rpx;height: 300rpx;display: block;    margin:0 auto 40rpx;}
.nodata text{font-size: 24rpx;
    text-align: center;
    display: inline-block;
    color: #a8b3c7;}
.nodata button{
    display: inline;border-radius: 35rpx;padding:10rpx 30rpx;
    font-size: 30rpx;
    border: none!important;}

.tar {	text-align: right;}
.whitebg {background: #fff;
}
.btn-red-kx{background-color: #fff;
border: 1px solid #AD181F;
color: #AD181F;
}
.btn-red-kx.mini{font-size: 30rpx;    line-height: 2;
    border-radius: 30px;}
		
/* 底部固定按钮 */
.fixedBottom {background: #fff;height: 150rpx;
	box-shadow: 0px -2rpx 10rpx 0px #e8e8e8;		padding: 30rpx 0 0;
	position: fixed;    display: flex;justify-content: center;
	width: 100%;	bottom: 0;left: 0;z-index: 3;
	.btn-red{line-height: 70rpx;height: 70rpx;border-radius: 35rpx;width: 500rpx;font-size: 32rpx;}
	.btn-red-kx{line-height: 70rpx;height: 70rpx;border-radius: 35rpx;font-size: 32rpx;}
}
.nolineform{margin: 24rpx;background-color: #fff;padding: 30rpx;border-radius: 15rpx;
	.uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text{
font-size: 30rpx!important;}
	.uni-forms-item__label .label-text{font-size: 30rpx!important;}
	.uni-forms-item{
		&:last-child{border-bottom: none;}
	}
	.uni-select__input-placeholder{font-size: 30rpx!important;color: #999;}
	.uni-input-input{text-align: right;direction: rtl;font-size: 30rpx!important;}
	.uni-forms-item__inner{}
	.uni-select{border: transparent!important;border-bottom: transparent!important;text-align: right;font-size: 30rpx!important;}
	.uni-data-checklist .checklist-group{justify-content: flex-end;}
	.uni-data-checklist .checklist-group .checklist-box{margin-right: 0!important;margin-left: 25px!important;}
	.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .radio__inner .radio__inner-icon{
		background-color: #C40F18!important;
	}
	.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checklist-text{
		color: #C40F18!important;
	}
	.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .radio__inner{
		border-color: #C40F18!important;
	}
	.uni-forms-item__content{text-align: right;}
	.uni-date-x .icon-calendar{display: none;}
	.uni-date__x-input{font-size: 30rpx!important;}
	.selected-area{justify-content: right;font-size: 30rpx;}
	.input-value{padding: 0!important;}
	.input-value-border{padding: 0;}
	.uni-forms-item__label{    flex-direction: row-reverse!important;    justify-content: start!important;}
}
.hasfixedbottom{padding-bottom:170rpx;}
.btn-red{background: #AD181F;color: #fff;}
.invertedbtn-red{color: #AD181F;border:1px solid #AD181F;}
.text-red{color: #AD181F;}
.pd30{padding: 30rpx;}

.appList{width: 700rpx;margin:30rpx auto;
	.appItem{background: #FFFFFF;padding: 30rpx;margin-bottom: 30rpx;
box-shadow: 0rpx 12rpx 116rpx 0rpx rgba(196,203,214,0.1);
border-radius: 15rpx;position: relative;
	.iconbox{position: absolute;left: 20rpx;}
	.pp{font-size: 28rpx;color: #666;margin-bottom: 10rpx;}
	.date{
font-size: 28rpx;
color: #7D8592;}
	.name{margin: 30rpx 0 20rpx;color: #0A1629;font-size: 30rpx;}
	.flexbox{justify-content: space-between;padding: 0 0 25rpx;
		font-size: 28rpx;color: #91929E;
			view{font-size: 26rpx;
				view{color: #0A1629;font-size: 28rpx;}
			}
		}
	}
	.func{display: flex;justify-content: flex-end;
		border-top: 1px dashed #e5e5e5;padding-top: 20rpx;
		button{border: 1px solid #AD181F;
			border-radius: 30rpx;height: 60rpx;line-height: 60rpx;
			font-size: 30rpx;color: #AD181F;background: #fff;
			margin: 0 0 0 30rpx;padding: 0 60rpx;
		}
		text{font-size: 30rpx;padding:30rpx 0 0;}
	}
	.status{position: absolute;font-size: 30rpx;right: 30rpx;}
}

.text-primary{color: #1561CB;}
.text-success{color: #13B5B1;}
.text-danger{color: #d51515;}
.text-warning{color: #e6a23c;}
.h3-padding{
	padding:50rpx 30rpx 0;font-size: 36rpx;
	font-weight: 500;color: #0A1629;
}
.mt30{margin-top: 30rpx;}
	.userlist {
		.func{display: flex;justify-content: flex-end;
			border-top: 1px dashed #e5e5e5;padding-top: 20rpx;
			button{border: 1px solid #AD181F;
				border-radius: 30rpx;height: 60rpx;line-height: 60rpx;
				font-size: 30rpx;color: #AD181F;background: #fff;
				margin: 0 0 0 30rpx;padding: 0 60rpx;
			}
			text{font-size: 30rpx;padding:30rpx 0 0;}
		}
		.colorful {
			width: 100rpx;
			margin-right: 14rpx;
			height: 100rpx;
			line-height: 100rpx;
			font-size: 44rpx;
			color: #fff;
			text-align: center;
			border-radius: 50%;
		}
		.w100{width: 100%;}
		.item {
			display: flex;width: 100%;
			background: #FFFFFF;
			align-items: center;
			border-radius: 15rpx;
			margin: 0 0 26rpx;
			padding:20rpx;position: relative;
			.date{color: #999;font-size: 24rpx;}
			.status{font-size: 28rpx;position: absolute;right: 30rpx;}
			.name{font-size: 30rpx;margin-bottom: 10rpx;
				text{font-size: 28rpx;color: #666;}
			}
			.icon {
				width: 50rpx;
				height: 50rpx;
				margin-right: 20rpx;
			}

			&:nth-child(5n) .colorful {
				background: #014A9F;
			}

			&:nth-child(5n+1) .colorful {
				background: #AD181F;
			}

			&:nth-child(5n+2) .colorful {
				background: #D3B267;
			}

			&:nth-child(5n+3) .colorful {
				background: #3195F5;
			}

			&:nth-child(5n+4) .colorful {
				background: #E79222;
			}
		}
		.photobox{}
		.photo{width: 100rpx;margin-right: 14rpx;
			height: 100rpx;border-radius: 50%;}
		.colorful {
			width: 100rpx;
			margin-right: 14rpx;
			height: 100rpx;
			line-height: 100rpx;
			font-size: 44rpx;
			color: #fff;
			text-align: center;
			border-radius: 50%;
		}
		.flexbox{justify-content: space-between;
			font-size: 28rpx;color: #91929E;
				view{font-size: 26rpx;
					text{color: #0A1629;font-size: 28rpx;display: block;}
					.text-primary{color: #1561CB;}
					.text-success{color: #13B5B1;}
					.text-danger{color: #d51515;}
					.text-warning{color: #e6a23c;}
				}
		}
		
	}
.stepItem{position: relative;
	padding: 0 0 30rpx 30rpx;
	border-left: 1px dashed #e5e5e5;
	.time{font-size: 24rpx;color: #929AA0;
	margin-bottom: 20rpx;
		&::before{content: '';
		width: 15rpx;position: absolute;left: -9rpx;top: 12rpx;
		height: 15rpx;
		background: #DCDCDC;
		border-radius: 50%;}
	}
	.content{background: #F4F9FD;position: relative;overflow: hidden;
	font-size: 28rpx;border-radius: 15rpx;padding: 16rpx 36rpx;
		.status{position: absolute;right: 0;top: 0;font-size: 28rpx;
			text{color: #fff;padding: 0rpx 16rpx;border-radius: 0 0 0 10rpx;}
			.text-primary{background: #1561CB;}
			.text-success{background: #13B5B1;}
			.text-danger{background: #d51515;}
			.text-warning{background: #e6a23c;}
		}
		.name{color: #4C5359;}
		.deptName{color: #4C5359;margin: 10rpx 0;
		color: #030303;
		font-size: 30rpx;}
	}
}

	.personitem {
		background: #fff;
		box-sizing: border-box;
		margin-bottom: 30rpx;

		.content-box {
			display: flex;
			align-items: center;
			padding: 16rpx 30rpx;
			border-radius: 15rpx;
			justify-content: space-between;

			.photobox {
				position: relative;
			}

			.photo {
				width: 100rpx;
				object-fit: cover;
				margin-right: 14rpx;
				height: 100rpx;
				border-radius: 50%;
			}

			.noborder {
				border: none;

				:deep(.uni-select) {
					border: none;
					text-align: right;
				}
			}
		}

		.flexbox {
			align-items: center;
		}
		.date{font-size: 28rpx;color: #666;margin-top: 10rpx;}
		&:nth-child(3n) .colorful {
			background: #AD181F;
		}

		&:nth-child(3n+1) .colorful {
			background: #014A9F;
		}

		&:nth-child(3n+2) .colorful {
			background: #D3B267;
		}
	}

	.colorful {
		width: 100rpx;
		margin-right: 14rpx;
		height: 100rpx;
		line-height: 100rpx;
		font-size: 44rpx;
		color: #fff;
		text-align: center;
		border-radius: 50%;
	}
	
	.slot-button {
		display: flex;
		align-items: center;
		text-align: center;
	
		.danger-button {
			background-color: #E60012;
			padding: 15px 20px;
			height: 100%;
		}
	
		.edit-button {
			background-color: #13B5B1;
			padding: 15px 20px;
			height: 100%;
		}
	
	}
	
	.slot-button-text {
		color: #ffffff;
		display: block;
		font-size: 14px;
	}
.bgbg{padding:0 0 60rpx;color: #fff;background:url('/static/top_bg.png') #C40F18 no-repeat top;
background-size: cover;
position: relative;}
.girdBox{display: flex;flex-wrap: wrap;padding: 0 0 40rpx;
background: #FFFFFF;position: relative;top: -30rpx;
border-radius: 20rpx 20rpx 0rpx 0rpx;
	view{width: 25%;text-align: center;
		font-size: 24rpx;
		color: #434343;
			image{width: 20vw;height: 20vw;display: block;margin: auto;}
		}
}
	.block-btn-box{padding: 30rpx;
		.btn-red-kx{line-height: 2;font-size: 30rpx;}
	}