.div_os_cnca{
	width: 100vw;
	height:100vh;
	color: #ded9d9;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
	outline:0;
	-webkit-overflow-scrolling:touch;
	background-color: rgba(114, 114, 114, 0.7);
	z-index: 9999999;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

/* 进程页 div 框 */
.div_os_jincheng{
	width: 100%;
	height: 100%;
	font-size: 18px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.i_os_jincheng_fa{
	/* --fa-animation-direction: reverse;	动画方向 */
	/* --fa-animation-duration: 2s;	动画运动速度 */
	/* --fa-animation-iteration-count: 5;	动画迭代计数 */
	/* --fa-animation-timing: ease-in-out;	动画计时 */
}
.div_os_jincheng_char{
	width: 100%;
	line-height: 2rem;
	margin: 1rem 0px;
	color: #eae6e6;
	display: flex;
	font-size: 16px;
	flex-wrap: nowrap;
	justify-content: center;
}

.os_ifr{
	width: 70vw;
	height: 80vh;
	background-color: #ECECEC;
}

/* 消息、警示、提醒 交互 */
.div_os_jiaohu{
	margin: 0.5rem;
	max-width: 458px;
	min-width: 358px;
	height: 258px;
	padding: 18px;
	border-radius: 15px;
	background-color: rgba(53, 151, 156, 0.8);
	color: #ffffff;
	font-size: 16px;
	display: flex;
	flex-wrap: nowrap;
	flex-flow: column;
	justify-content: space-between;
	justify-items: center;
}
.div_jiaohu_biaoti{
	width: 100%;
	float: top;
}
.span_daojishi{
	line-height: 32px;
	color: #ded9d9;
	border: none;
	outline: none;
}
.div_jiaohu_text{
	line-height: 2rem;
	color: #ffffff;
	padding: 0px 1rem 0px 1rem;
}
.div_os_inp_but{
	position: relative;
	line-height: 32px;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	justify-items: center;
}
.os_inp_but{
	margin: 0px 3px;
	width: 100%;
	color: #ffffff;
	line-height: 2rem;
	font-size: 14px;
	border: 1px solid #21686c;
	background-color: #35979C;
	border-radius: 0.5rem;
	padding: 0px 18px 0px 18px;
	text-align: center;
	display: flex;
	justify-content: space-around;
}
.os_inp_but:hover{
	border: 1px solid #35979C;
	background: #21686c;
}
.sousuo_top{
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	color: #FFFFFF;
	/*background-image: linear-gradient(to right, #0041AD, #58AFF6);*/
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.sousuo_top_span{
	line-height: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.SousuoHome{
	color: #2c59fd;
}
#sousuo_span_title{
	margin-bottom: 1rem;
	font-size: 15px;
	white-space: nowrap;
}
#sousuo_span_biaoti{
	font-size: 20px;
	white-space: nowrap;
}
.sousuo_form{
	width: 50%;
	line-height: 100%;
	margin-top: 1rem;
	display: flex;
	flex-wrap: nowrap;
}
#sousuo_key{
	margin-left: 0.5rem;
}
#sousuo_anniu_block{
	margin-left: 0.5rem;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
#sel_sousuo_key{
	width: 100%;
	min-width: 12rem;
	background-color: #b073a4;
	color: #ffffff;
	border: 1px solid #0A777D;
	white-space: nowrap;
}
#sel_sousuo_key:hover{
	background-color: #935288;
}
.but_sousuo{
	min-width: 7rem;
	line-height: 1.3rem;
	background-color: #32969B;
	color: #ffffff;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-left: 0.2rem;
	border: 1px solid #0A777D;
	white-space: nowrap;
	text-align: center;
}
.but_sousuo:hover{
	background-color: #045D62;
}
#but_sousuo_all{
	background-color: #b073a4;
}
#form_sousuo_datas .div_sousuo_datas{
	min-width: 30rem;
}
.div_suosuo_datas{
	width: 100%;
	margin-bottom: 0.5rem;
	padding-left: 0.5rem;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.div_suosuo_datas img{
	width: 10rem;
	min-width: 10rem;
	height: 10rem;
	margin-right: 1rem;
}
.div_suosuo_datas p{
	white-space: pre-wrap;
	margin-top: 0.5rem;
}

/* 搜索栏 css */
@media (max-width: 1218px) {
	#sousuo_top .sousuo_form{
		width: 100%;
	}
}
@media (max-width: 998px) {
	#sousuo_top .sousuo_top_span{
		display: none;
	}
}
@media (max-width: 518px) {
	#sousuo_top .sousuo_form{
		margin-right: 0.5rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#sousuo_key{
		min-width: 20rem;
	}
	#sousuo_anniu_block{
		width: 100%;
	}
	.div_suosuo_datas{
		width: 100%;
		flex-wrap: wrap;
	}
}