body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img, iframe { margin: 0; padding: 0; }  table { border-collapse: collapse; border-spacing: 0; }  input, button, textarea, option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }  ul, li, div { list-style: none; border: 0px; }  iframe { border: 0; }  img { border: 0px; max-width: 100%; max-height: 100%; vertical-align: middle; }  .clear { font: 0px/0px serif; display: block; clear: both; }  html { -webkit-text-size-adjust: none; height: 100%; }  input { outline: none; }  textarea { resize: none; }  a { text-decoration: none; }  body:nth-of-type(1) input:focus, textarea:focus { outline: none; }  body { font: 12px "microsoft yahei", "\5b8b\4f53", Tahoma, Arial; color: #333; background: #fff; position: relative; height: 100%; } .clearfix:after{content: "\200b"; display: block; height: 0; clear: both;} .clearfix{*zoom: 1;}a:hover{color: #168ce3;}



.left { float: left;}
.right { float: right; }
#header{ width: 100%; height: 30px; margin: 0px auto;background: #e0e0e0; min-width: 1180px;}
.head{ width: 1180px; height: 30px; margin: 0px auto; }
.head span{ display: block;float: left; line-height: 30px;height: 30px;font-size: 12px;}
.head span a{ color: #666;/* margin-right: 3px; margin-left: 3px; font-family: "\5b8b\4f53";font-size: 12px;line-height:30px;display: inline-block;*zoom:1;*display: block;*/}
.head span a.login{margin-left: 20px; }
.head span a.gom{ margin: 0px 8px; }
.head p{ display: block; float: right; line-height: 30px; color: #666; }
.head p a{ color: #666; margin: 0px 5px;font-family: "\5b8b\4f53"; }
.head p a.mobile{ display: inline-block; width: 50px; vertical-align: middle; line-height: 31px; text-indent: 12px; background: url(/images/caigou/phone.png) no-repeat 0 9px; }
.head a:hover,.head span a.login:hover{ text-decoration: underline; color: #ff6600; }


#top{ width:100%; height:94px; margin:0 auto;background: #0070ce;min-width: 1180px;}
.top{ width:1180px; height:94px; margin:0 auto; position:relative; z-index:1;}
.top .logo{position:absolute; left:0; top:15px; z-index:1;}
.top span{position: absolute; left: 220px; top: 15px;}
.top h1{ width:110px; height:44px; position:absolute; left:245px; top:33px; z-index:1; font:bold 30px/42px "Microsoft Yahei","\5b8b\4f53"; text-indent:10px; border-left:1px solid #c0cbd3; color:#468e00; }
.top i{ width:180px; height:42px; position:absolute; left:331px; top:36px; z-index:1; background:url("../images/bgtitle.jpg") no-repeat;}
.top p{ float:left;  color:#999999;position: absolute;left: 295px;top: 15px;}
.top p a{ color:#666; padding:0 10px;font:bold 12px/30px "Tahoma", "\5b8b\4f53";}
.top p a:hover{ color:#1b8bd4; }


.search{ width:400px; height:35px; position:absolute;top: 29px;right: 86px; background:url(/images/caigou/searchbg.jpg) no-repeat 0 0; z-index:9999;}
.search .selectbox{ width:60px; height:35px; position:absolute; left:0px;text-indent: 15px; font: normal 12px/35px "\5b8b\4f53","simhei"; color:#aaa; border:0; background: transparent none repeat scroll 0% 0%; cursor:pointer;}
.search .showfirst{ width:60px; height:35px; position:absolute; left:0px;text-indent: 15px; font: normal 12px/35px "\5b8b\4f53","simhei"; color:#aaa; border:0; background: transparent none repeat scroll 0% 0%; cursor:pointer;}
.search select{ width:60px; font:normal 14px/35px "Tahoma"; color:#868a8f;}
.search #keys{ width:230px; height:35px;line-height: 35px;color: #aaa; position:absolute; left:80px; border:none; display:block; outline:0;}
.search button{ width:69px; height:35px; position:absolute; border:0; right:0px; top: 0; display:block; cursor:pointer; background:none;font: normal 16px/35px "Microsoft Yahei";}
.search .selectbox-wrapper { width:60px; float:left; border:#cdcdcd 1px solid; border-top:0; padding-top:3px; background-color: #fff; text-align: center; position: absolute; top: 35px; z-index: 9999;}
.search .selectbox-wrapper ul { width:60px; float:left; display:block; background-color: #fff;}
.search .selectbox-wrapper ul li { width:60px; height:22px; line-height:22px; float:left; font:normal 14px/22px; color:#666; display:block; cursor:pointer;}
.search .selectbox-wrapper ul li:hover { background-color:#ccc;}
a.ruzhu{width: 80px;height: 35px;display: block;position: absolute;right: 0;top: 29px;background-color: #faaa17;text-align: center;color: #fff;font: 16px/35px "Microsoft Yahei","\5b8b\4f53";}

.search #search{ width: 64px; height: 35px; border: none; position: absolute; padding-left: 10px; left: 0; top: 0; color: #999; background: none; }
.search ul{ width: 74px; background: #fff; position: absolute; top: 35px; left: 0; }
.search ul li{ padding-left: 10px; line-height: 20px; }

.top button{width: 80px;height: 35px;display: block;border: 0px;cursor: pointer;position: absolute;background: #faaa17;font: normal 16px/35px "Microsoft Yahei";color: #fff;}

#nav{width: 100%;background: #0070ce;height: 40px;position: relative;margin: 0 auto 20px; min-width: 1180px;}
.nav{width: 1180px;margin: 0 auto;height: 40px;background: #419fe5;position: relative;}
.nav a{width: 120px;height: 40px;float: left;font: 16px/40px "Microsoft Yahei","\5b8b\4f53";text-align: center;color: #fff;}
.nav a.shouy{border: 0;width: 100px;}
.nav a:hover{background-color: #168ce3;}

.wrapper{ width: 1180px; margin: 0 auto; }

.nicheTit{width: 1175px;margin: 20px auto 15px;border-left: 5px solid #2171cb;height: 17px;text-indent: 8px;}
.nicheTit h3{font:bold 16px/17px "Microsoft Yahei";color: #333;}

.senior{width: 1180px;margin: 0 auto 0;overflow: hidden;}
.senior ul{width: 1190px;float: left;margin-left: -10px;}
.senior ul li{width: 160px;height: 140px;float: left;margin-left: 10px;background: #f5f5f5;}
.senior ul li span a{width: 160px;height: 75px;display: block;float: left;text-align: center;vertical-align: middle;}
.senior>ul>li>a{width: 160px;height: 22px;text-align: center; display: block;float: left;overflow: hidden;color: #333;font: 14px/22px "Microsoft Yahei";margin-top: 15px;}
.senior ul li p{width: 160px;height: 22px;text-align: center; float: left;overflow: hidden;color: #666;font: 12px/22px "Microsoft Yahei";}
.ser1 a{ background: url(/images/caigou/service01.png) no-repeat 59px 28px;}
.ser2 a{ background: url(/images/caigou/service02.png) no-repeat 56px 28px;}
.ser3 a{ background: url(/images/caigou/service03.png) no-repeat 56px 28px;}
.ser4 a{ background: url(/images/caigou/service04.png) no-repeat 54px 28px;}
.ser5 a{ background: url(/images/caigou/service05.png) no-repeat 54px 28px;}
.ser6 a{ background: url(/images/caigou/service06.png) no-repeat 54px 28px;}
.ser7 a{ background: url(/images/caigou/service07.png) no-repeat 55px 28px;}

.senior ul li:hover .ser1 a{ background: url(/images/caigou/service1.png) no-repeat 59px 28px;}
.senior ul li:hover .ser2 a{ background: url(/images/caigou/service2.png) no-repeat 56px 28px;}
.senior ul li:hover .ser3 a{ background: url(/images/caigou/service3.png) no-repeat 56px 28px;}
.senior ul li:hover .ser4 a{ background: url(/images/caigou/service4.png) no-repeat 54px 28px;}
.senior ul li:hover .ser5 a{ background: url(/images/caigou/service5.png) no-repeat 54px 28px;}
.senior ul li:hover .ser6 a{ background: url(/images/caigou/service6.png) no-repeat 54px 28px;}
.senior ul li:hover .ser7 a{ background: url(/images/caigou/service7.png) no-repeat 55px 28px;}

.meiTitle{width: 1100px;margin: 0 auto;border-bottom: 3px solid #eceef4;}
.meiTitle h3{float: left; font: 26px/48px "Microsoft Yahei";color: #333;}
.meiTitle a.more{float: right;color: #888; font: 12px/48px "Microsoft Yahei";}

.platform{width: 1158px;margin: 0 auto 0;/*background: url(/images/caigou/platform-bg.jpg) repeat;*/margin-bottom: 15px;padding-left: 20px; border: 1px solid #ebebeb;}
.platform span{width: 199px;height: 131px;float: left;background: url(/images/caigou/erweima.jpg) no-repeat;margin: 15px 0;}
.platform p{width: 897px;float: left;}
.platform p a{width: 153px;height: 45px;float: left;border-radius: 5px;margin-right: 23px; text-indent: 65px; margin-top: 50px; font: 18px/45px "Microsoft Yahei","\5b8b\4f53";color: #fff;background-size: contain;}
.platform p a:hover{color: #fff !important;text-decoration: none;}
.platform p a.media1{background: #fd9a34 url(/images/caigou/platform-icon.png) no-repeat 12px -1px;}
.platform p a.media2{background: #ed3f40 url(/images/caigou/platform-icon.png) no-repeat 12px -64px;}
.platform p a.media3{background: #8db800 url(/images/caigou/platform-icon.png) no-repeat 12px -128px;}
.platform p a.media4{background: #0f8eec url(/images/caigou/platform-icon.png) no-repeat 12px -193px;}
.platform p a.media5{background: #8db800 url(/images/caigou/platform-icon.png) no-repeat 12px -255px;}
.platform b{
	display: inline-block;
	width: 1px;
	height: 161px;
	background: #EBEBEB;
	float: left;
	margin: 0 30px 0 10px;
}




#service{ width:100%; height:118px; margin:20px auto 0; background:#fff;}
.service{ width:1180px; height:94px; margin:0 auto;}
.service dl{ width:260px; height:94px; float:left; padding-left:40px; }
.service dt{ width:260px; height:48px; float:left; font:normal 16px/48px "Microsoft Yahei","\5b8b\4f53"; color:#565656; text-indent:48px; background:url(/images/caigou/serviceIcon.jpg) no-repeat;}
.service dd{ width:210px; height:46px; float:left; line-height:23px;}
.service dd a{ color:#999; padding-right:14px;font-family: "\5b8b\4f53";}
.service dd a:hover{ color:#f60; text-decoration:underline;}
.service .s4,.service .s4 dt{ width:210px;}
.service .s2 dt{ background-position:0 -48px;}
.service .s3 dt{ background-position:0 -96px;}
.service .s4 dt{ background-position:0 -144px;}

.bottom .nicheTit{
	margin-top: 30px;
}


#foot{ width: 100%; margin: 10px auto 0; border-top: 1px solid #e4e4e4; text-align: center; padding: 27px 0 15px 0; background: #fafafa; }
#foot span{ font: normal 14px/25px "\5b8b\4f53"; color: #aaaaaa; }
#foot span a{ color: #666666; margin: 0 8px; }
#foot p{ color: #aaaaaa; margin: 10px 0 5px;font-family: "\5b8b\4f53"; }
#foot p strong{margin-right: 30px; }
#foot .p2{ font: normal 12px/22px "\5b8b\4f53"; color: #666666; }
#foot .p2 strong{margin-right: 20px;}
#foot b{ color: #cc0001; }
#foot a:hover{ text-decoration: underline; color: #ff6600; }





/*goTop*/
.backHome {
	width: 54px;
}
.backHome a.goTopBtn {
	width: 38px;
	height: 46px;
	display: block;
	float: left;
	background: #0058a9;
	text-align: center;
	font: normal 14px/20px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 8px 8px 0 8px;
	margin: 2px 0;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome a.goTopBtn:hover {
	background: #0058a9;
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome a.guest,
.backHome a.guest:hover {
	background: url(/images/caigou/exhi.png) no-repeat 0 -180px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome a.guest:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome .weixin{
	position: relative;
	width: 38px;
	height: 46px;
	display: block;
	float: left;
	background: #38880b;
	text-align: center;
	font: normal 14px/20px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 8px 8px 0 8px;
	margin: 2px 0;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome .weixinBot{
	position:absolute;
	left: -116px;
	top:0;
}
.backHome .weixinBot p {
	text-align: center;
}
.backHome .weixinBot img{
	width: 106px;
	height: 99px;
}
.backHome .weixin:hover{
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome .qq{
	position: relative;
	width: 38px;
	height: 46px;

	float: left;
	background: #38880b;
	text-align: center;
	font: normal 14px/20px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 8px 8px 0 8px;
	margin: 2px 0;
	opacity: 0.6;
	filter: Alpha(Opacity=60);

}
.backHome .qq,
.backHome .qq:hover {
	background: url(/images/caigou/exhi.png) no-repeat 0 -366px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome .qq:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.backHome .weixin,
.backHome .weixin:hover {
	background: url(/images/caigou/exhi.png) no-repeat -55px -366px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome .weixin:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome .qq:hover .qqconsult{
	display: block;
}
  .qqconsult{
	display: none;
	position: absolute;
	left: -115px;
	top:-20px;
	padding-right: 10px;
	z-index: 9999;

}
.qqBox{
	width: 106px;
	height: 99px;
}
.qqBox img{width:98px;height:91px}

.toTop {
	width: 54px;
	height: 54px;
	position: fixed;
	_position: absolute;
	top: 376px;
	_top: expression(eval(document.documentElement.scrollTop+318));
	display: none;

}
.toTop a,
.toTop a:hover {
	display: block;
	width: 54px;
	height: 54px;
	background: url(/images/caigou/exhi.png) no-repeat -54px -180px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.toTop a:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.exhiDate{ background: #fb972c; color: #fff; }
.CalendarCon a.exhiDate{ background: #fb972c; color: #fff; }
#goTop {
	position: fixed;
	_position: absolute;
	top: 142px;
	display: block;
	right: 10px;
	z-index: 999;
}
*html,
* html body {
	background-attachment: fixed;
}
#productNav {
	display: block;
	_top: expression(eval(document.documentElement.scrollTop+142));
	top: 142px;
}
*html #goTop {
	position: absolute;

	right: expression(eval(document.documentElement.scrollLeft+10));
	top: expression(eval(document.documentElement.scrollTop+142));
}


.publicbox{width: 100%}
.lostpro{width:450px;background: url(/images/lostpro.jpg) no-repeat;margin: 85px auto 0;padding-left: 165px;}
.lostpro span{font: 22px/44px "Microsoft Yahei";color: #333;}
.lostproab{font: 12px/30px "\5b8b\4f53";color: #767676;}
.lostproab a{background: url(/images/caigouSearch.png) no-repeat -145px -35px;padding-left: 12px;}
.iframe{height: 30px;}

.lock .locka{display:block;color:#333}


ul.recommend li {
	float: left;
	width: 161px;
	margin: 20px 9px 0;
}
ul.recommend {
	border-top: 0;
	width: calc(100% + 20px);
	padding-left: 9px;
	padding-bottom: 15px;
	overflow: hidden;
}

ul.recommend li {
	float: left;
	width: 181px;
	margin: 20px 18px 0 0;
	text-align: center;
}

ul.recommend li table {
	margin-bottom: 5px;
}

ul.recommend li td {
	height: 128px;
	width: 161px;
	text-align: center;
	vertical-align: middle;
}

ul.recommend li strong {
	font-weight: normal;
	width: 161px;
	font-size: 16px;
	color: #da0000;
	line-height: 24px;
	font-family: "microsoft yahei";
}

ul.recommend li p {
	font: normal 14px/22px "microsoft yahei";
	height: 22px;
	width: 161px;
}

ul.recommend li p a {
	color: #333;
}

ul.recommend li span {
	font: normal 12px/22px "microsoft yahei";
	height: 22px;
	width: 161px;
	overflow: hidden;
	display:block;
}

ul.recommend li span a {
	color: #666666;
}

ul.recommend li a:hover {
	color: #FF6600;
}
/* 0512-支付样式 */
.payment {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999998;
	display: none;
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.paymentMain {
	display: none;
	position: fixed;
	z-index: 999999;
	width: 800px;
	height: 500px;
	left: 50%;
	top: 50%;
	box-shadow: 0 4px 8px rgba(204,204,204,0.3);
	margin-left: -400px !important;
	margin-top: -250px !important;
	margin-top: 0px;
	position: fixed !important;
	/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
	background-color: #fff;
	border-radius: 8px;
	font-size: 16px;
	text-align: center;
}
.paymentMain p:first-of-type {
	margin-top: 15px;
}
.paymentMain p {
	line-height: 32px;
}
.paymentMain span {
	display: block;
	font-size: 20px;
	line-height: 36px;
}
.paymentMain span b {
	font-weight: normal;
	color: #f00;
}
.paymentMainIssom {
	display: none;
	position: fixed;
	z-index: 999999;
	width: 500px;
	left: 50%;
	top: 50%;
	box-shadow: 0 4px 8px rgba(204,204,204,0.3);
	margin-top: 0px;
	position: fixed !important;
	/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
	background-color: #fff;
	border-radius: 8px;
	font-size: 16px;
	text-align: center;
	transform: translate(-50%,-50%);
	padding-bottom: 15px;
}
.paymentMainIssom p:first-of-type {
	margin-top: 15px;
}
.paymentMainIssom p {
	line-height: 32px;
}
.paymentMainIssom span {
	display: block;
	font-size: 20px;
	line-height: 36px;
}
.paymentMainIssom span b {
	font-weight: normal;
	color: #f00;
}
.guestTitle,.paymentTitle{
	height: 50px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	line-height: 50px;
	background:url("/images/guestTitle.png") no-repeat;
	position: relative;
}
.guestTitle a,.paymentTitle a{
	position: absolute;
	width: 28px;
	height: 28px;
	top: -30px;
	right: -30px;
	background:url("/images/close.png") no-repeat;
}
/* 0518登录框 */
.tipGuest {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999998;
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.oneTip.nologin {
	background: none;
	height: 235px;
	position: fixed;
	z-index: 999999;
	left: 50%;
	bottom: 150px;
	margin-top: 0px;
	position: fixed !important;
	\/\ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
	width: 400px;
	height: 170px;
	font-size: 15px;
	margin-left: -200px;
}
.loginContent .content1 {
	position: absolute;
	z-index: 99;
	left: 50%;
	margin-left: -154px;
}
.oneTip .close {
	position: absolute;
	right: -45px;
	top: 2px;
	width: 30px;
	height: 30px;
	font-size: 18px;
	text-align: center;
	color: #666;
	font-family: "Microsoft YaHei";
}
.loginContent .content1 h2 {
	font: normal 22px/50px "microsoft yahei";
}
.loginContent .box {
	margin: 10px 0;
	position: relative;
	height: 40px;
	width: 308px;
}
i.user {
	position: absolute;
	height: 40px;
	top: 0;
	left: 16px;
	width: 40px;
	background: url("https://www.zyzhan.com/images/login1.png") no-repeat 0px -138px;
	z-index: 9;
}
i.pass {
	position: absolute;
	height: 40px;
	top: 0;
	left: 16px;
	width: 40px;
	background: url("https://www.zyzhan.com/images/login1.png") no-repeat 2px -181px;
	z-index: 9;
}
.loginContent input {
	float: left;
	height: 38px;
	width: 306px;
	color: #999;
	font: normal 14px/38px "\5b8b\4f53";
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	text-indent: 50px;
	background-color: #fff;
}
.oneTip .loginContent p {
	font-size: 14px;
	padding: 0;
	font-family: "Microsoft YaHei";
}
.oneTip .loginContent p b {
	font-weight: normal;
	color: #FFB600;
}
.loginContent button {
	width: 138px;
	height: 46px;
	text-align: center;
	font: normal 18px/46px "microsoft yahei";
	background-color: #50a240;
	color: #fff;
	border-radius: 3px;
	margin-top: 10px;
	cursor: pointer;
	float: left;
	border: 0;
}
.loginContent a.regIndex {
	width: 138px;
	height: 46px;
	display: inline-block;
	text-align: center;
	background: #ffd04d;
	font: normal 18px/46px "microsoft yahei";
	color: #fff;
	float: right;
	margin-top: 10px;
	cursor: pointer;
	border-radius: 3px;
}
.loginContent .bg {
	position: absolute;
	border-radius: 5px;
	left: 0;
	top: 0;
	width: 400px;
	height: 255px;
	background: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}