@charset "utf-8";
/* CSS Document */
body{
	background:#f5f5f5;
}
/*待办页面*/
/*2022/3/23*/
.upComeBox{
	width:1200px;
	margin:30px auto 0;
	overflow:hidden;
	background: #fff;
}
.onlineCont{
	margin: 0 28px;
}
/**兼容谷歌写法**/
input::-webkit-input-placeholder{
	color:#888;
}

/**兼容火狐写法**/
input::-moz-placeholder{
	color: #888;
}

/**兼容IE写法**/
input:-ms-input-placeholder{
	color:#888;
}
.boread{ margin-top:10px; overflow:hidden;}
.boread li{ float:left;}
.boread li b.cicle{ width:5px; height:4px; display:block; float:left; background:url(../images/cicle.png) no-repeat; margin: 8px 5px 0 0;}
.boread li a,.boread li b.moreThan{ font-size:14px; color:#888; display:block; float:left;}
.boread li b.moreThan{
	padding:0 8px;
	font-weight: normal;
	font-family: "microsoft yahei";
}


/*左侧菜单*/
.upLeft{ width:220px; float:left;}
.upLeftTop{}
.upLeftTop dt{ overflow:hidden; margin:34px 0 0 6px;}
.upLeftTop dt b,.upLeftTop dt span{ float:left; display:block;}
.upLeftTop dt b{ margin:3px 8px 0 0;}
.upLeftTop dt span{ font-size:18px; color:#888;}
.upLeftTop dd{ margin-top:13px;}
.upLeftTop dd a{ width:200px; height:48px; display:block; position:relative; background:#fff;  box-shadow:0px 0px 6px 2px #cccbcb4a; border-radius:10px; margin:10px 10px 10px 6px;}
.upLeftTop dd b{ display:block; position:absolute; height:18px; top:50%; left:0; margin-top:-9px;}
.upLeftTop dd a.upSelect b{ border-left:2px solid #d9473c;}
.upLeftTop dd span{ font-size:20px; color:#555; display:block; text-align:center; line-height:48px;}
.upLeftTop dd a.upSelect span{ color:#d9473c;}

/*右侧待办事项*/
.upRight{ width:938px; float:right; padding-bottom:150px;}
.upTitle{ font-size:26px; color:#222;}
.upComeTab{ border-bottom:1px solid #ddd; overflow:hidden; margin-top:22px;}
.upComeTab li{ float:left; position:relative; margin-right:36px; cursor:pointer;}
.upComeTab li span,.upComeTab li span em{ color:#888;}
.upComeTab li span{ font-size:18px; display:block; float:left; padding-bottom:8px;}
.upComeTab li b{ font-size:14px; color:#888; font-style:normal; display:block; float:left; padding:3px 0 0 9px;}
.upComeTab li.cometabSelect span{ color:#d9473c;border-bottom:2px solid #d9473c;}
.upComeTab li.cometabSelect b{color:#d9473c; }

.upComeUl ul{ display:none;}
.upComeUl li{ border-bottom:1px solid #eee; padding:20px 0;}
.pendDate span{ font-size:16px; color:#555;}
.pendDate span em{ padding:0 3px;}
.pendDate .pendCicle{ width:5px; height:5px; display:block; float:left; background:url(../images/pendCicle.png) no-repeat; margin:9px 8px 0 0;}
.pendTop{ position:relative;}
.pendTop .pendText{ font-size:18px; color:#222; display:block; line-height:33px; padding-left:12px;}
.pendBottom{ margin-top:8px; position:relative;}
.pendBottom p{ font-size:14px; color:#888; line-height:21px; padding-left:12px;}
.pendBottom p em{ padding:0 13px;}
.pendIcons{ display:block; position:absolute; right:0; top:4px;}
.pendAgree{ position:absolute; right:0; top:4px;}
.pendAgree a{ font-size:14px; padding:5px 15px; display:block; float:left; border-radius:28px; margin-left:16px; }
.pendAgree a.agreeIcons1{ border:1px solid #3cd97b; color:#3cd97b; }
.pendAgree a.agreeIcons2{ border:1px solid #888; color:#888; }

/*分页*/
.pagination{ width:265px; margin:30px auto 45px; overflow:hidden;}
.pagination li{ float:left; padding:0 10px;}
.pagination li a{ font-size:16px; color:#555;padding-bottom:2px; display:block;}
.pagination li a.pageSelect{ color:#d9473c; border-bottom:1px solid #d9473c;}

/*待办事项-详情*/
.pendDateTop{ position:relative; border-bottom:1px solid #ddd; padding-bottom:20px;}
.upComeDate span{ font-size:16px; color:#555;}
.upComeDate span em{ padding:0 3px;}
.pendDateText{ font-size:24px; color:#222; display:block; margin-top:14px;}
.pendDateIcons{ position:absolute; top:27px; right:0;}
.approTable{ margin-top:20px;}
.approTable td{ float:left; padding-bottom:12px;}
.approTable td span,.approTable td b{ font-size:16px;}
.approTable td span{ color:#888;}
.approTable td b{ color:#555;}
.approTable td b.approveRed{ color:#d9473c;}
.process{ margin-top:15px}
.processTitle{ font-size:18px; color:#222;}
.processUl{ margin-top:25px;}
.processUl li{ width:705px; border-left:1px solid #ddd; margin-left:11px; position:relative; padding-bottom:15px;}
.processUl li.processLast{ padding-bottom:0;}
.processText .cicle{ display:block; position:absolute; margin-left:-9px;}
.processText span{ font-size:16px; color:#888; padding-left:33px; line-height:20px;}
.processText span.processYellow{ color:#ef9e53;}
.processDate{ float:right; font-size:14px; color:#888;}
.processText span em{ font-style:normal; color:#3cd97b;}
.remark{ font-size:14px; color:#888; padding:8px 0 10px 31px;}
.processButton{ top:-5px;}
.processAera{ width:622px; height:77px; border:1px solid #eee; display:block; margin:20px 0 0 35px; padding:10px 0 0 10px; font-size:14px; color:#888; border-radius:3px;}
.approvSister{ padding-top:15px;}



/*服务大厅页面*/
/*2022/3/23*/
.serverTop{
	overflow:hidden;
	margin-top:24px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
.onlineSearch{
	width: 275px;
	height: 34px;
	border: 1px solid #ddd;
	border-radius: 18px;
	padding:0 20px 0 23px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	float: right \9;
}
.searchInput{
	border: none;
	font-size: 15px;
	color: #888;
	height: 34px;
	line-height: 34px;
	width: 86%;
	float: left \9;
}
.searchButton{
	width: 18px;
	height: 18px;
	display: block;
	background: url(../images/icon-search.png) no-repeat;
	border: none;
	cursor: pointer;
	float:right \9;
	margin-top:8px \9;
}
.serverTitle{ float:left;}
.serverTitle b{ height:27px; border-left:6px solid #d9473c; display:block; float:left; margin:7px 12px 0 0;}
/*2022/3/23*/
.serverTitle span{
	font-size:24px;
	color:#000;
	font-weight:normal;
}
.searchBox{ width:298px; height:34px; border:1px solid #ddd; border-radius:22px;}

.serverType{
	margin: 32px 0 20px;
}
/*2022/3/23*/
.serverDl{
	overflow:hidden;
	margin:0 0 24px 0;
}
.serverDl dt{
	font-size:16px;
	color:#888;
	float:left;
	line-height:28px;
	margin-right:25px;
}
.serverDl dd{ float:left; width: 90%;}

/*2022/3/23*/
.serverDl dd a.selected{
	float: left;
	font-size: 16px;
	color: #d9473c;
	height: 28px;
	background: #fbeceb;
	text-align: center;
	line-height: 29px;
	border-radius: 5px;
	padding: 0 13px;
	margin-right: 13px;
}
.serverDl dd a.unselected{
	font-size:16px;
	color:#555;
	line-height:28px;
	display:block;
	float:left;
	padding:0 15px;
	margin-right: 10px;
}
.searchWords{
	font-size: 16px;
	color: #888;
	padding: 11px 0;
}
.searchWords b{
	color: #c3132d;
	font-weight: normal;
}
.zeroInquire img{
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}
.zeroInquire b{
	font-size: 18px;
	color: #888;
	display: block;
	text-align: center;
	font-weight: normal;
}
.serverPic{
	width:100%;
	/* min-height:700px; */
	margin-top: 40px;
	/* background: #fff; */
}
.serverUl ul{
	display: flex;
	align-content: flex-start;
	flex-flow: row wrap;
	justify-content:flex-start;
	margin: 0 -15px;
}
.serverUl li{
	width: 233px;
	height: 82px;
	float: left;
	/* overflow: hidden; */
	box-shadow: 4px 8px 20px 7px rgb(0 0 0 / 6%);
	border-radius: 12px 12px 12px 12px;
	display: flex;
	padding: 16px 12px;
	background: #fff;
	margin: 15px 18px 15px;
	*
	margin: 0 14px 30px;
}
.serverUl li:hover{
	/* border: 1px solid red; */
	box-shadow: -1pt 6pt 20pt 2px rgba(0, 0, 0, 0.12);
}
.serverUl li:hover h3 a{
	color:rgba(195, 18, 44, 1);
}
.serverLeft{
	line-height:82px;
}
.serverImg{
	/* display:block; */
	float: left;
	width: 80px;
	/* height: 80px; */
	overflow: hidden;
}
.serverImg img{
	width: 80px;
	height: 80px;
	/* background-size: 100% 100%; */
}
.serverRight{
	margin:0px 0 0 15px;
	width: 57%;
	float: right \9;

}

.serverRight h3 a{
	font-size:16px;
	color:#222;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	display: block;
	font-weight: normal;
}
.beenText{
	color: #888;
	font-size: 14px;
	padding-top:10px;
}


.serverCont{width:1200px;margin:0 auto;min-height: 700px;background: #fff;/* margin: 10px 0 30px; */overflow: hidden;}
.serverRight h3{ overflow:hidden;}
.serverRight h3 a.realm{ width: 63%;}
.serverIconsBox{ overflow:hidden;}
.serverIconsBox b.apply{
	height:16px;
	line-height:17px;
	padding:0 6px;
	margin:9px 0 0 0px;
	display:block;
	float:left;
	margin-right:10px;
	border-radius: 3px 3px 3px 3px;
	opacity: 1;

	font-size: 12px;
	font-weight: normal;
}
.serverIconsBox b.apply0{
	background: #E2F9FF;
	border: 1px solid rgba(127, 185, 199, 0.64);
	color: #7FB9C7;
}
.serverIconsBox b.apply1{
	color: #eca39d;
	border: 1px solid #eca39d;
	background: #eca39d36;
}
.serverIconsBox b.apply2{
	border: 1px solid rgba(194, 182, 124, 0.64);
	color: rgba(194, 182, 124, 1);;
	background: rgba(241, 249, 200, 1);
}
.serverIconsBox b.apply3{
	color:rgba(143, 193, 143, 1);
	border: 1px solid rgba(143, 193, 143, 0.64);
	background: rgba(217, 254, 211, 1);
}
.serverIconsBox b.apply4{
	color: rgba(184, 151, 204, 1);
	border: 1px solid rgba(184, 151, 204, 0.64);
	background: rgba(249, 241, 254, 1);
}

.serverRight span{ font-size:14px; color:#888; display:block; line-height:21px; margin-top:1px; width:127px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pageServer{ margin:60px auto 45px;}
.processliteral{ margin-top:3px;}
.processliteral li{ float:left; padding-right:20px;}
.processliteral li img{ float:left; display:block; margin:6px 5px 0 0;}
.processliteral li span{ float:left; display:block; font-size:14px; color:#999; padding-top:6px;}


/*2022/3/24*/
.applyCont{
	min-height: 700px;
}
.applyUl{
	display: flex;
	flex-flow: wrap row;
	margin: 16px -12px 0;
}
.applyUl li{
	margin: 16px 18px;
	float: left \9;
}
.applyUl li a{
	width: 130px;
	height: 108px;
	display: block;
	box-shadow: 0px 16px 48px 1px rgba(0, 0, 0, 0.06);
	border-radius: 12px 12px 12px 12px;
}
.applyUl li a img{
	width: 46px;
	height: 50px;
	display: block;
	margin: 0 auto;
	padding-top: 20px;
}
.applyUl li a span{
	font-size: 14px;
	color: #555;
	display: block;
	text-align: center;
	padding-top: 5px;
}
.applyUl li a:hover{
	box-shadow: 0px 16px 36px 1px rgba(0, 0, 0, 0.12);
	border-radius: 12px 12px 12px 12px;
}
.applyUl li a:hover span{
	color: rgba(195, 18, 44, 1);
}




/*服务大厅详情页面*/
.servDetaCont{/* background:#fff; *//* margin:10px 0 30px; *//* overflow:hidden; */}
.servDetaLeft{ width:776px; float:left; padding:0 32px; border-right:1px solid #eee; margin:30px 0 43px; }
.servDetaTop{overflow:hidden; padding-bottom:6px;}
.servDetailImg{/* margin: 3px 3px; *//* float:left; */}
.startProcess{ float:right; margin-top:-5px;}
/*2020/10/10*/.startProcess a{ width:118px; height:72px; background:url(../images/startProcess.png) no-repeat; font-size:16px; color:#fff; display:block; line-height:65px; text-align:center; float:left;}
/*2020/10/10*/.startProcess a.keepIcons{ width:auto; height:auto; line-height:20px; background:#fff; font-size: 14px; color: #d9473c; border: 1px solid #d9473c; border-radius: 20px; padding:3px 14px; margin-top:18px;}
.serverDateRight{ float:left; width:50%; margin: 0px 0 0 20px;}
.serverDateRight h3{ overflow:hidden;}
.serverDateRight h3 a{ font-size:24px; color:#222; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; float: left;}
.serverDateRight h3 b.apply{ font-size:12px; height:14px; line-height:14px; padding:0 6px; border-radius:5px; margin:10px 0 0 8px; display:block; float:left;}
.serverDateRight h3 b.apply1{ color:#c99fed; border:1px solid #c99fed;}


.basicBox{}
.basicTitle{ font-size:18px; color:#222; margin-top:30px; font-weight:bold;}
.basicUl{ margin-top:17px; overflow:hidden;}
.basicUl li{ float:left; font-size:16px; color:#555; width:50%; line-height:30px;}
.basicBox p{ font-size:16px; color:#555; line-height:24px; margin-top:20px;}
.material{ margin-top:20px; font-size:14px; color:#555;}
.material .basicRed{ font-size:14px; color:#d9473c;}
.servDetaRight{width: 164px;float:left;margin:0 30px;}
.device{ font-size:18px; color:#222; margin-top:35px; font-weight:bold; font-family: microsoft yahei;overflow: hidden;margin-bottom: 12px;}
.device b.processIcons0{width: 24px;height: 24px;display: block;float: left;margin-right: 6px;background:url(../images/processTubiao0.svg) no-repeat;}
.device span{display: block;float: left;font-size: 22px;color: #353535;line-height: 24px;font-family: "microsoft yahei";}
.support{ margin-top:20px; overflow:hidden;}
.support img{ display:block; float:left; margin-right:10px;}
.precautions{ margin-top:33px;}
.precautions h3{ font-size:18px; color:#222; font-weight:bold;}

.precautions p{ font-size:16px; color:#888; line-height:24px; margin-top:20px;}


/*认证管理页面*/
.manageUl li{ width:936px; height:120px; background:#f7f7f7; border-radius:5px; margin-top:25px;}
.manageLeft{ overflow:hidden; float:left; margin:20px 0 0 30px;}
.attest{ float:left;}
.attest b{ width:80px; height:80px; display:block;}
.attest1 b{ background:url(../images/iphoneIconsMobil.png) no-repeat;}
.attest1 b.attestGray{ background:url(../images/iphoneIconsGray.png) no-repeat;}
.attest2 b{ background:url(../images/loginPcMobil.png) no-repeat;}
.attest2 b.attestGray{ background:url(../images/loginPcGray.png) no-repeat;}
.attest3 b{ background:url(../images/weChatIconsMobil.png) no-repeat;}
.attest3 b.attestGray{ background:url(../images/weChatIconsGray.png) no-repeat;}
.manageText{ float:left; margin:10px 0 0 20px;}
.manageText h3{ font-size:24px; color:#222;}
.manageText span{ font-size:16px; color:#888; display:block; padding-top:8px;}
.goCertifica{ float:right; margin-right:27px;}
.goCertifica a{ font-size:18px; color:#888; display:block; line-height:120px;}
.goCertifica a.gocertiRed{ color:#d9473c;}


/*我的申请页面*/
.applyRight{ padding-bottom:0;}
.pendInitiat{ font-size:14px; color:#888; padding-left:13px; display:block; margin-top:10px;}
/* .applyCont{
    width: 705px;
    border-left: 1px solid #ddd;
    margin-left: 11px;
    position: relative;
    padding-bottom: 15px;
	position:relative;
}
.applyUl ul{ display:block;} */
.applyTop{ margin-top:20px;}
.applyReissue{ background:#f7f7f7; margin-top:15px; padding:20px 20px 0; position:relative; z-index:0;}
.playMore{ cursor:pointer; overflow:hidden; position:absolute; top:20px; right:20px; z-index:0;}
.playMore b,.playMore span{ display:block;}
.playMore b{ width:6px; height:11px; background:url(../images/putAway.png) no-repeat; margin:4px 6px 0 0; float:left;}
.playMore span{ text-align:center; font-size:14px; font-family:"microsoft yahei"; color:#837d7d; float:left; }
.processText span em.approved{ color:#d9473c;}



/*消息列表*/
.newRight{ padding-bottom: 0;}
.newsMenuUl{ min-height:700px;}
.newsMenuUl ul{ display:none;}
.newsMenuUl li{ padding:22px 0 18px; border-bottom:1px solid #eee;}

/*个人中心-修改密码*/
.personComeBox{ min-height:800px;}
.tipsText{ width:100%; height:60px; background:#fcf6f5; font-size:14px; color:#888; line-height:60px;
	text-indent:20px; margin:26px 0 25px 0; border-radius:6px;}
.mailAlias{ margin:0 0 14px 20px; overflow:hidden;}
.mailAlias label{ font-size:16px; color:#555; display:block; float:left; line-height:40px; width:13%;}
.mailAlias input{ width:238px; height:38px; float:left; border:1px solid #d2d2d2; border-radius:3px; font-size:14px;
	text-indent:5px; line-height:38px; color:#555;}
.mailAlias span,.mailAlias a{ display:block; float:left; font-size:16px; color:#555; line-height:40px; margin-left:15px;}
.mailAlias a{ line-height:27px; margin-top:4px; }
.mailAlias a.verificat{ color:#3d82cf; border-bottom:1px solid #9ec0e7;}
.mailAlias a.lengthPass{ color:#ff151e;}
.mailButton{ width:160px; height:40px; line-height:40px; color:#fff; font-size:18px; border:none; cursor:pointer; margin:64px 0 0 19px; display:block;
	background:#d9473c; border-radius:28px; box-shadow:2px 5px 9px 3px #f1afaa;}

/*个人信息*/
.informaTitle{ border-bottom:1px solid #ddd; padding-bottom:24px;}
.informaImgBox{ overflow:hidden;}
.informaImg{ width:108px; height:108px; margin:26px 0 0 7px; position:relative; float:left;}
.informaBg{ width:100%; height:100%; background:url(../images/personalBg2.png) no-repeat; position:absolute; top:0; left:0; z-index:100;}
.informaPic{ width:100%; height:100%; position:absolute; z-index:0; left:0; top:0;}
.uploadAvatar{ width:530px; float:left; margin:50px 0 0 22px;}
.uploadAvatar .uploadArrow{ font-size:16px; color:#d9473c; display:block;}
.uploadAvatar p{ font-size:16px; color:#888; padding-top:13px;}
.informaText{ margin-top:23px;}
.informaText li{ overflow:hidden; line-height:46px;}
.informaText li h3,.informaText li span{ float:left; font-size:16px; color:#555;}
.informaText li h3{ width:96px;}
.informaText li span{ display:block; float:left;}
.informaIphone{ float:left;}
.informaModify{ display:block; float:left;}
.informaModify b{ width:16px; height:16px; display:block; float:left; background:url(../images/edit.png) no-repeat; margin:15px 10px 0 17px;}
.informaModify span{ font-size:16px; color:#d9473c !important;}
.informaInput{ width:398px; height:38px; border:1px solid #d2d2d2; float:left; position:relative; margin-top:3px; display:none;}
.typeInput{ width:290px; height:38px; float:left; line-height:38px; border:none; padding-left:10px; font-size:16px; color:#555;}
.informaSure a{ font-size:16px; float:left; display:block; line-height:38px;}
.informaSure a.confirm{ color:#d9473c;}
.informaSure a.cancel{ color:#555;}
.informaSure b{ float:left; display:block; margin:-5px 7px 0;}


@media (max-width:768px){
	.serverPic {
		min-width: 100%;
	}
	.serverCont{
		width: 100%;
	}
	.servDetaLeft {
		width: 100%;
		float: none;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.servDetaRight {
		width: 100%;
		float: none;
	}
	.serverDateRight {
		width: 40%;
	}
	.bpmnDiagram img{
		width:100%;
	}

}
.todoUl li{
	background: #f2e8e9;
	height: 32px;
	margin-right: 20px;
	padding: 0 10px;
	border-radius: 5px;
	cursor: pointer;
}
.todoUl li em{
	padding-top: 7px;
	float: left;
}
.todoUl li span{
	color: #555;
	line-height: 32px;
	padding-left: 10px;
}
.todoUl li b{
	color: #c3122c;
	line-height: 32px;
	padding-left: 10px;
}

.loginBg {
	height: 100%;
	/* margin: 12px auto 0; */
	background: url(../images/loginCodePic.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	display:none;
}
.login {
	width: 100%;
}
.peopleLogin {
	font-size: 24px;
	margin-top: 40px;
	text-align: center;
	color: #c3122c;
	letter-spacing: 2px;
}
.loginUlTab {
	margin: 35px auto 0;
	overflow: hidden;
	width: 65%;
	display: flex;
}

.loginUlTab li {
	/* float: left; */
	/* padding: 0 16px; */
	width: 50%;
	text-align: center;
	/* margin: 0 auto; */
}
.loginUlTab li a.loginUlSelect {
	border-bottom: 2px solid #c4262c;
	/* margin-top: 10px; */
	padding-bottom: 10px;
	color: #c4262c;
}
.loginUlTab li a {
	font-size: 18px;
	color: #555;
	text-decoration: none;
	display: block;
	padding: 0 3px 0;
	display: block;
	width: 45%;
	margin: 0 auto;
}
.loginForm {
	width: 320px;
	margin: 25px auto 0;
}
.passCommon {
	width: 300px;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	display: block;
	padding-left: 20px;
	color: #888;
	margin-bottom: 22px;
	border-radius: 20px;
	border: 1px solid #e0dcdd;
}
.returnCode {
	width: 165px;
	float: left;
}
.returnCode {
	width: 57%;
}
.getCode {
	overflow: hidden;
	color: #c70c27;
	text-align: center;
	padding: 0 12px;
	font-size: 15px;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	border: 1px solid #c70c27;
	border-radius: 20px;
	line-height: 40px ;
}
.loginButton {
	margin-top: 20px;
	display: block;
}
.userButton {
	width: 300px;
	height: 40px;
	display: block;
	line-height: 40px;
	*line-height: 30px;
	background: #c3122c;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
	font-family: "microsoft yahei";
	letter-spacing: 3px;
	border: none;
	border-radius: 20px;
}