@charset "utf-8";
/* CSS Document */
*{font-family: "Microsoft Yahei";}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
a,u,s,del{text-decoration:none!important;}
li{list-style:none;}
p{word-wrap: break-word;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

fieldset,a,img,{border:0;}

/*微调*/
.ic_1{position:relative;top:-1px;}
.ic_2{position:relative;top:-2px;}

/*解决高度塌陷*/
.clear{zoom:1;}
.clear:after{content:"";clear:both;display:block;}

/*单行文本加省略号*/
.over{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*图片垂直居中*/
.vcenter{display:inline-block;vertical-align:middle;height:100%;width:0;}

/* 首行缩进*/
.ind2{text-indent:2em;}

.cu{cursor:pointer;}

.margin{width:1003px;margin:0 auto;}

/*PingFang SC Light*/
/*@font-face{
	font-family: 'PingFang SC Light';
	src: url('font/PingFang SC Light.ttf');
}*/
/*PingFang SC Medium*/
/*@font-face{
	font-family: 'PingFang SC Medium';
	src: url('font/PingFang SC Medium.ttf');
}*/
/*PingFang SC Regular*/
/*@font-face{
	font-family: 'PingFang SC Regular';
	src: url('font/PingFang SC Regular.ttf');
}*/
/*PingFang SC Thin*/
/*@font-face{
	font-family: 'PingFang SC Thin';
	src: url('font/PingFang SC Thin.otf');
}*/

/*首页头部*/
.header{
	height:64px;
	background:#485778;
	margin-bottom: 22px;
}
.wrap .logo{
	padding-top:15px;
	float: left;
	cursor: pointer;
}
.wrap .logo img{
	width:64px;
}
.wrap .wrapnav{
	float: right;
	color:#fff;
	font:14px/64px "PingFang SC Regular";
}
.wrap .wrapnav ul{
	float: left;
}
.wrap .wrapnav ul li{
	float: left;
}
.wrap .wrapnav ul li a{
	color: #fff;
	padding-bottom: 2px;
}
.username{
	float: left;
	display: block;
	max-width:95px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 17px;
}
.exit{
	float: left;
	display: block;
}
.wrap .wrapnav .nav li a:hover{
	border-bottom: 3px solid #fff;
}
.active{
	border-bottom: 3px solid #fff;
}
.wrap .wrapnav .nav li{
	margin:0 9px;
}
.wrap .wrapnav .repla{
	margin-left: 9px;
}
.top{
	position: fixed;
	width:32px;
	height:32px;
	background:#d1d1d1 url("../images/top.png") no-repeat center;
	right:5%;
	bottom: 84px;
	cursor: pointer;
}
.top:hover{
	background:#485678 url("../images/top2.png") no-repeat center;
}
/* index_content */
.wrapcontent{
	margin:0 auto;
	width:632px;
	padding-top: 218px;
	margin-bottom: 93px;
}

.wrapcontent .left img{
	display: block;
	width:90%;
	margin:0 auto;
	opacity: 0;
}
/*首页尾部*/
.footer .search{
	background:#dfdfdf;
	height:46px;
	padding-top: 20px;
	margin-bottom: 3px;
}
.footer .search .wrap-search{
	width:555px;
	margin:0 auto;
	border:1px solid #485678;
	border-radius: 15px;
	background:#fff;
	padding-left:15px;
}
.footer .search .wrap-search input{
	border:0;
	outline: none;
	height:30px;
	width:475px;
	font:16px/30px "PingFang SC Light";
	color:#485678;
	float: left;
}
.footer .search .wrap-search a{
	float: right;
	font:16px/26px "PingFang SC Light";
	color:#fff;
	background:#485678;
	padding: 0 15px;
	border-radius: 13px;
	margin-top: 2px;
	margin-right: 2px;
}
.footer .link{
	height:65px;
	background:#485678;
	font:14px/65px "PingFang SC Light";
	color:#fff;
}
.footer .link .wrap-link ul{
	float: left;
}
.footer .link .wrap-link ul li{
	float: left;
	width:75px;
	text-align: center;
}
.footer .link .wrap-link ul li:nth-child(2n-1){
	width:1px;
	margin-right: 3px;
}
.footer .link .wrap-link ul li span{
	margin-right: 5px;
}
.footer .link .wrap-link p{
	float: right;
}
.footer .link a{
	color:#fff;
}

.hidden{
	background:#000;
	opacity: 0.4;
	position: fixed;
	top:0;
	left: 0;
	z-index: 1000;
}
.login{
	position: fixed;
	z-index: 9999;
	top:50%;
	left:50%;
	margin-top: -200px;
	margin-left: -200px;
	width:360px;
	height:360px;
	background:#fff;
	padding:20px;
	color:#999;
	border:2px solid #8ca4d9;
	border-radius: 10px;
	box-sizing: content-box;
}
.login input{
	border:1px solid #ddd;
	outline: none;
}
#close{
	margin-bottom: 10px;
	height:16px;
}

.register{
	display: none;
}
.register h4{
	text-align: center;
	font:700 16px/30px "PingFang SC Regular";
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	color:#999;
}
.register ul{
	width:335px;
	margin:25px auto;
}
.register ul li{
	margin:0 auto;
	margin-bottom: 15px;
	width:310px;
}
.register ul li input{
	height:23px;
	width:152px;
	outline: none;
}
.register ul li:last-child{
	text-align: right;
}
.register ul li:last-child a{
	color:#999;
}
.foget{
	display: inline-block;
	margin-left: 149px;
	cursor: pointer;
}
.bot{
	text-align: center;
}
.bot>input{
	width:250px;
	background:#8ca4d9;
	color:#fff;
	text-align: center;
	border-radius: 5px;
	border:0;
	font:700 16px/20px "PingFang SC Regular";
	height:40px;
}
#remenber{
	position: relative;
	top:6px;
}
.slogin{
	/*display: none;*/
}
.slogin h4{
	text-align: center;
	font:700 16px/30px "PingFang SC Regular";
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	color:#999;
}
.slogin ul{
	width:335px;
	margin:40px auto;
}
.slogin ul li{
	margin-bottom: 15px;
}
.slogin ul li input{
	height:23px;
	outline: none;
}
.userName{
	width:226px;
}
.userPassword{
	width: 226px;
}
.slogin ul li:last-child .forget{
	float: left;
}
.slogin ul li:last-child .gorege{
	float: right;
}
.slogin ul li:last-child a{
	color:#999;
}
.tourist{
	position: fixed;
	z-index: 1003;
	top:50%;
	left:50%;
	margin-top: -200px;
	margin-left: -200px;
	width:360px;
	height:360px;
	background:#fff;
	padding:20px;
	color:#999;
	border:2px solid #8ca4d9;
	border-radius: 10px;
	box-sizing: content-box;
}
.tourist input{
	border:1px solid #ddd;
}
.tourist h4{
	text-align: center;
	font:700 16px/30px "PingFang SC Regular";
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	color:#999;
}
.tourist ul{
	width:335px;
	margin:30px auto;
}
.tourist ul li{
	margin:0 auto;
	margin-bottom: 15px;
	width:310px;
}
.tourist ul li input{
	height:23px;
	outline: none;
}
#tclose{
	margin-bottom: 20px;
	height: 16px;
}
.close{
	position: relative;
	float: right;
	height:16px;
	width:16px;
	cursor: pointer;
}
.close b:first-child{
	display: inline-block;
	border-top:1px solid #999;
	width:20px;
	height:1px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);		/* IE 9 */
	-webkit-transform: rotate(45deg);	/* Safari and Chrome */
	-o-transform: rotate(45deg);		/* Opera */
	-moz-transform: rotate(45deg);		/* Firefox */
	position: absolute;
	top:8px;
	right:-1px;
}
.close b:last-child{
	display: inline-block;
	border-top:1px solid #999;
	width:20px;
	height:1px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);		/* IE 9 */
	-webkit-transform: rotate(-45deg);	/* Safari and Chrome */
	-o-transform: rotate(-45deg);		/* Opera */
	-moz-transform: rotate(-45deg);		/* Firefox */
	position: absolute;
	top:8px;
	right:-2px;
}
.tclose{
	position: relative;
	float: right;
	height:16px;
	width:16px;
	cursor: pointer;
}
.tclose b:first-child{
	display: inline-block;
	border-top:1px solid #999;
	width:20px;
	height:1px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);		/* IE 9 */
	-webkit-transform: rotate(45deg);	/* Safari and Chrome */
	-o-transform: rotate(45deg);		/* Opera */
	-moz-transform: rotate(45deg);		/* Firefox */
	position: absolute;
	top:8px;
	right:-1px;
}
.tclose b:last-child{
	display: inline-block;
	border-top:1px solid #999;
	width:20px;
	height:1px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);		/* IE 9 */
	-webkit-transform: rotate(-45deg);	/* Safari and Chrome */
	-o-transform: rotate(-45deg);		/* Opera */
	-moz-transform: rotate(-45deg);		/* Firefox */
	position: absolute;
	top:8px;
	right:-2px;
}
.user{
	display: none;
	position: relative;
	height: 64px;
}
.center{
	position: absolute;
	top:44px;
	left: -10px;
	display: none;
	background:#485778;
	line-height: 20px;
	padding:5px;
	border-top: 1px solid #fff
}
.user:hover .center{
	display: block;
}
.yzm{
	width:76px!important;
}
.ma{
	line-height: 23px;
	height:23px!important;
	width:76px!important;
	padding:0 5px;
}
.yma{
	line-height: 23px;
	height:23px!important;
	width:76px!important;
	padding:0 5px;
}
.fma{
	line-height: 23px;
	height:23px!important;
	width:66px!important;
	float: right;
}
.fomima{
	display: none;
}
.fomima input{
	line-height: 23px;
	height:23px;
}
.fomima ul{
	width:340px;
	margin:40px auto;
}
.fomima ul li{
	margin-bottom: 20px;
}
.fomima ul li:last-child{
	text-align: center;
	font:30px/40px "PingFang SC Regular";
	padding-top: 25px;
}
.fomima .qd{
	background:#8ca4d9;
	padding:5px 10px;
	border:0;
	border-radius: 4px;
	color:#fff;
	outline: none;
	height:33px;
}
.fomima .qx{
	background:#8ca4d9;
	padding:5px 10px;
	border:0;
	border-radius: 4px;
	color:#fff;
	outline: none;
	height:33px;
}
.fphone{
	width:226px;
}
.fpassw{
	width:226px;
}
.fpassw1{
	width:226px;
}
.yzname{
	width:152px;
}
.yzphone{
	width:152px;
}
.yzpassw{
	width:152px;
}
.kuang{
	float:right;
	width:152px;
	height:23px;
	margin-right: 76px;
	border:1px solid #ddd;
}
.kuang input{
	border:0;
	width:76px;
	outline: none;
}
.fkuang{
	float:right;
	width:226px;
	height:23px;
	margin-right: 32px;
	border:1px solid #ddd;
}
.fkuang input{
	border:0;
	outline: none;
}
.secm{
	float:right;
}
.sec{
	float:right;
}
.ysecm{
	float:right;
}
.ysec{
	float:right;
}