.header{ background:#f5f5f5; background:url(../images/headbg.png)}
	.head{ width:1200px; height:125px; margin:0 auto;}
	.head .logo{width:485px;height:62px;float:left;padding:40px 0 0 0;}
	.head .logo a{ width:485px; height:62px;}


	.search{ background:url(../images/sear_bg.png) no-repeat; width:412px; height:40px; float:left; margin:40px 0 0 120px;}
	.search .fidtext{ width:258px; height:20px; line-height:20px; border:0; background:none; float:left; padding:10px 0 10px 10px;}
	.search .bnt{ width:66px; height:40px; border:0 none; background:none; float:right; cursor:pointer;}
	

	.login{ float:right; height:46px; margin-top:34px;}
	.login .login_yi{height:36px; line-height:36px; font-size:14px; color:#175691; text-align:center; padding:5px 0 0 0;}
	.login_yi .dglu{ display:block; width:63px; height:36px; float:left; background:#0d73c9; color:#FFF;}
	.login_yi .zhce{ display:block; width:63px; height:36px; float:left; background:#00b4ff; color:#FFF; margin-left:2px;}

	.zt_user{ width:150px; height:46px; position:relative;}
	.zt_user .zt_tit{width:110px;height:42px;font-size:14px;color:#333;display:block;position:absolute;left: 0;top:0;z-index:9999;background: url(../images/topHead_ico.png) no-repeat right -107px;margin:1px 0 0 1px;border-bottom:0;padding:4px 26px 0 6px;}
	.zt_user .zt_tit b.icons{ width:19px; height:19px; position:absolute; left:35px; top:30px;}
	.zt_user .readerhover{ background:#FFF url(../images/topHead_ico.png) no-repeat right -138px; border:solid #e5e5e5 1px; border-bottom:0; margin:0;}
	.zt_user img{ vertical-align:middle; margin-right:8px; border-radius: 50%}


	.header .zt_user .space {width: 146px;height: 130px;position: absolute;z-index: 100;background-color: #ffffff;box-shadow: 0px 0px 8px 0px rgba(0, 150, 255, 0.15);border: solid 1px #f5f5f5;top: 60px;right: 0; display: none}

	.header .zt_user .space:before,
	.header .zt_user .space:after {position: absolute;content: '';width: 14px;height: 14px; top: -8px;left: 50%; margin-left: -7px;overflow: hidden;pointer-events: none;-webkit-transform: rotate(45deg);-mz-transform: rotate(45deg);transform: rotate(45deg);}
	.header .zt_user .space:before {background: #ffffff;box-shadow: -2px -2px 4px 0px rgba(0, 150, 255, 0.15);}
	.header .zt_user .space:after {bottom: -7px;background: #fff;}
	.header .zt_user .space ul {overflow: hidden;}
	.header .zt_user .space ul li {display: block;overflow: hidden;height: 20px;margin-top: 17px;}
	.header .zt_user .space ul li a {display: block;overflow: hidden;}
	.header .zt_user .space ul li a i {display: block;float: left;width: 18px;height: 18px;margin: 0px 10px 0 30px;}
	.header .zt_user .space ul li a i.myspace {background: url(../images/icon-space.png) no-repeat center;}
	.header .zt_user .space ul li a i.integra {background: url(../images/icon-integral.png) no-repeat center;}
	.header .zt_user .space ul li a i.sign-out {background: url(../images/SignOut.png) no-repeat center;}
	.header .zt_user .space ul li a i.enter-children {background: url(../images/enter-children.png) no-repeat center;}
	.header .zt_user .space ul li a i.manage-children {background: url(../images/manage-children.png) no-repeat center;}
	.header .zt_user .space ul li a span {font-size: 14px;line-height: 20px; display: block; float: left;}

	.header .zt_user .dglu{ display:block; width:63px; height:36px; line-height: 36px; text-align: center; float:left; background:#0d73c9; color:#FFF; margin-top: 7px;}
	.header .zt_user .zhce{ display:block; width:63px; height:36px; float:left; line-height: 36px; text-align: center; background:#00b4ff; color:#FFF; margin-left:2px;margin-top: 7px;}
	
	.nav{background: #008cff;height: 47px;overflow:hidden;}
	.nav ul{width:1200px;height: 47px;margin:0 auto;}
	.nav li{float:left;line-height: 47px;font-size:14px;font-weight:bold;}
	.nav li a{color:#FFF;padding: 0 30px;display:block;}
	.nav li a:hover,.nav li.cur a{background: #006dc7;overflow:hidden;}
	
	
	.footer{ background:#0062b3; color:#FFF; text-align:center; padding:35px 0; position:relative; margin-top:20px;}
	.footer{ line-height:24px;}
	.footer a{ font-size:14px; color:#FFF;}
	.footer a:hover{ color:#c60000;}
	.footer span{ margin:0 20px;}
	
	input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {  
		
	    -webkit-text-fill-color: #333 !important;  
	    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
	    background-color:transparent;  
	    background-image: none;  
	     transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间  
	}  
	input {  
	     background-color:transparent;  
	}
	
	.header .search-cla{ position: relative;}
	.header .search-cla .search-con {height: 30px;font-size: 14px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;cursor: pointer;}
	.header .search-cla .search-con span {display: block;float: left;margin: 8px 0 0 10px; font-size: 18px; color: #333}
	.header .search-cla .search-con i {display: block;float: right;width: 30px;height: 30px;margin-top: 10px;background: url(../images/bottom_row.png) no-repeat center;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
	.header .search-cla .search-con i.active {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
	.header .search-cla .search-list {display: block;width: 75px;overflow: hidden;background-color: #ffffff;
		box-shadow: 0px 0px 8px 0px rgba(0, 150, 255, 0.15);border: solid 1px #f5f5f5;position: absolute;top: 40px;left: 0;z-index: 99;}
	.header .search-cla .search-list li {display: block;height: 36px;line-height: 36px;text-align: center;font-size: 18px; color: #333; cursor: pointer;}
	.header .search-cla .search-list li.cur,
	.header .search-cla .search-list li:hover {background-color: #008cff;color: #ffffff;}
	



@media screen and (max-width: 1000px){
	html{
		min-width:auto
	}
	.head{
		width:100%;
		height:50px;
		box-sizing: border-box;
		padding: 0 20px;
	}
	.login{
		margin-top:5px;
		height:auto;
	}
	.zt_user{
		width:auto;
		height:auto;
	}
	.header .zt_user .dglu,.header .zt_user .zhce{
		width:40px;
		height:30px;
		line-height:30px
	}
	.head .logo{
		width:auto;
		height:auto;
		padding-top: 11px;
	}
	.head .logo img{
		width:120px
	}
	.head .search{
		display:none
	}
	.head .logo a{
		width:auto;
		height:auto
	}
	.header{
		background-size: 100% 50px;
	}
	.nav{
		overflow: auto;
		height: auto;
	}
	.nav ul{
		width:100%;
		height: initial;
		display: flex;
	}
	.nav li{
	width: 100%;
	flex: 1;
	text-align: center;
	}
	.zt_user .zt_tit{
		left:auto;
		right:0;
		width: 80px;
		padding: 6px 5px 0 0;
		height: 30px;
		background-position: right -110px;
	}
	.zt_user .zt_tit img{
		width:28px;
		height:28px
	}

	.nav li a{
		padding:0;
		font-size: 14px !important;
	}
	
}