@import '~@/uni.scss';

/* start--演示页面使用的统一样式--start */
.u-demo {
	padding: 25px 20px;
}

.u-demo-wrap {
	border-width: 1px;
	border-color: #ddd;
	border-style: dashed;
	background-color: rgb(250, 250, 250);
	padding: 20px 10px;
	border-radius: 3px;
}

.u-demo-area {
	text-align: center;
}

.u-no-demo-here {
	color: $u-tips-color;
	font-size: 13px;
}

.u-demo-result-line {
	border-width: 1px;
	border-color: #ddd;
	border-style: dashed;
	padding: 5px 20px;
	margin-top: 30px;
	border-radius: 5px;
	background-color: rgb(240, 240, 240);
	color: $u-content-color;
	font-size: 16px;
	/* #ifndef APP-NVUE */
	word-break: break-word;
	display: inline-block;
	/* #endif */
	text-align: left;
	
}

.u-demo-title,
.u-config-title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.u-config-item {
	margin-top: 25px;
}

.u-config-title {
	margin-top: 20px;
	padding-bottom: 5px;
}

.u-item-title {
	position: relative;
	font-size: 15px;
	padding-left: 8px;
	line-height: 1;
	margin-bottom: 11px;
}

.u-item-title:after {
	position: absolute;
	width: 4px;
	top: -1px;
	height: 16px;
	/* #ifndef APP-NVUE */
	content: '';
	/* #endif */
	left: 0;
	border-radius: 10px;
	background-color: $u-content-color;
}
/* end--演示页面使用的统一样式--end */


.fren-main {
				height: auto;
				display: flex;
				// justify-content: center;
				flex-wrap: wrap;

				.u-checkbox__label {
					min-width: 45px !important;
				}
				.fren-main-but{
					width: 100%;
				}
			}
		.bomButin {	
			.u-grid,
			.u-grid-item {
				border-radius: 10px;
			}
			.u-border-bottom:after,
			.u-border-left:after,
			.u-border-right:after,
			.u-border-top-bottom:after,
			.u-border-top:after,
			.u-border:after {
				border: 0px solid transparent !important;
			}}
.people {
		width: 100%;
		height: auto;
		// border: 1px solid red;
.u-card.u-border.u-card--border{
	border: 1px solid rgba($color: #103289, $alpha: .5);
}
		.u-card{
			margin: 0px 0 10px !important;
		}
		.u-card__head.u-border-bottom,.u-card__body,.u-card__foot.u-border-top{
			padding-top: 10px !important;
			padding-bottom: 10px !important;
		}
		
		
	}
		
		
		
		// .OnceLoginStyles {
		// 	.u-mode-center-box{
		// 		background-color: transparent !important;
		// 		width: 80% !important;
		// 		height: 50% !important;
		// 		.backimgs{
		// 			background-image: url('/static/home/img/paper.jpg');
		// 			width: 100% !important;
		// 			height: 300px !important;
		// 			border-radius: 100px 100px 0 0;
		// 		}
		// 		.onceHead{
		// 			height: 50% !important;
		// 			width: 100% !important;
		// 			border-radius: 100px;
					
		// 		}
		// 		.onceBody{
		// 			display: flex !important;
		// 					align-items: center !important;
		// 					justify-content: center !important;
		// 					flex-direction: column;
		// 			height:50% !important;
		// 			width: 100% !important;
		// 			position: relative;
		// 			top: -25%;
		// 			.names{
		// 				font-size: 1.4rem;
		// 				font-weight: 500;
		// 			}
		// 			.texts{
		// 				font-size: 1.4rem;
		// 				text-indent: 2rem;
		// 				line-height: 2rem;
		// 			}
		// 		}
		// 	}
		// }
		.OnceLoginStyles {
			.u-mode-center-box{
				// background-color: transparent !important;
				background-color: #fff !important;
				width: 80% !important;
				height: auto !important;
				border-radius: 20px;
				// .backimgs{
				// background-image: url('/static/home/img/paper.jpg');
				// padding: 20px;
				// 	width: 100% !important;
				// 	height: 300px !important;
				// 	border-radius: 100px 100px 0 0;
				// }
				position: relative;
				
				display: flex !important;
				align-items: center !important;
				justify-content: center !important;
				$iconsize:30px;
				// &::after{
				// 	content: "";
				// 	// background-color: red;
				// 	width: $iconsize;
				// 	height: $iconsize;
				// 	position: absolute;
				// 	top: -$iconsize;
				// 	left: -$iconsize;
				// }
				.imgs1{
					width: $iconsize !important;
					height: $iconsize !important;
					position: absolute;
					top: 0px;
					left: 5px;
				}
				// .onceHead{
					
				// 	width: 30px !important;
				// 	height: 30px !important;
				// 	background-color: red !important;
				// 	top: -10px !important;
				// 	left: -0px !important;
				// }
				.onceBody{
					margin: 30px 20px 20px 20px;
					// height:100% !important;
					// width: 100% !important;
					
				// 	position: relative;
				// 	top: -25%;
				$fontsize:1.1rem;
					.names{
						font-size: $fontsize;
						font-weight: 500;
					}
					.texts{
						font-size: $fontsize;
						text-indent: $fontsize * 2;
						line-height: 2rem;
					}
				}
				// .buts{
				// 	width: calc(100% + 2px);
				// 	position: relative;
				// 	left: -1px;
				// 	top: 2px;
				// 	border-radius: 0 0 20px 20px ;
				// 	background-color: #103289 !important;
				// 	color: #fff;
				// }
			}
		}