*{ padding:0px; margin:0px;}
ul,li{ list-style-type:none;}
ins, a {text-decoration: none; color:#333;}
.clearfix, .layout, .clf {zoom: 1;}
body{font: 12px/1.5 tahoma,arial,"Hiragino Sans GB",\5b8b\4f53;}
.clearfix:after, .layout:after, .clf:after {visibility: hidden;display: block;font-size: 0;content: '.';clear: both;height: 0;}
.top-container {height: 40px;position: relative;z-index: 81;}

.topbg{ height:31px; width:100%; border-bottom:1px solid #eee; background:#f5f5f5;}
.topbar{ width:1003px; height:31px; margin:0 auto; line-height:31px;}
.topbar-login{ float:left; width:450px;}
.topbar-login li{ float:left; width:auto; margin-right:20px;}
.topbar-login .tp-wel{ color:#f00;}
.topbar-login .tp-log a,
.topbar-login .tp-reg a,
.topbar-login .tp-log a:visited,
.topbar-login .tp-reg a:visited{ color:#009273;}
.topbar-login .tp-log a:hover,
.topbar-login .tp-reg a:hover{ color:#f00; text-decoration:none;}

/-* 2014/07/04 user_web -*/

.topbar-name{float:left; width:auto;height:31px;display: none;}
.topbar-name li{float:left;position:relative; width:auto;}
.topbar-name li a{display:inline-block;position:relative;height:32px;padding:0 10px;font-weight:normal;cursor:point;z-index:9990;}
.topbar-name li.hover a{border:1px solid #dfdfdf;border-bottom:none;background-color:#fff; }
.topbar-name li.hover{margin:0px -1px -1px -1px; line-height:29px;z-index:9990;}
.topbar-name li .tp-cont a{ border:none; padding:0; height:28px;}
.topbar-name .tp-cont{display:none;position:absolute;left:0px;top:32px; padding:10px;border:1px solid #dfdfdf;background:#fff;z-index:10;}
.topbar-name li .tp-cont dl,dt,dd{ text-align:left; margin-left:3px; }
.topbar-name li .tp-cont a{ border:none; padding:0; height:28px; }
.manage-buy,.manage-sell{ width:59px; text-align:center;}

.topbar-name .myhn{ width:59px; clear:both }
.topbar-name .tp-nj.hover a{ width:auto; border:none; background:#f5f5f5; }
.topbar-name .tp-nj.hover{  line-height:31px;margin:0px; border:none;background:#f5f5f5; }
.topbar-name span{ width:50px;}

.topbar-name li.hover a.msgnum , .topbar-name li a.msgnum {background:#F90; color:#fff;text-align: center;height: 20px;line-height: 20px;margin: 3px 0 0 5px;}



.topbar-menu{ float:right; width:auto;}
.topbar-menu li{float:left;position:relative; width:auto;}
.topbar-menu li a{display:inline-block;position:relative;height:32px;padding:0 10px;font-weight:normal;cursor:point;z-index:9990;}
.topbar-menu li a:hover{ text-decoration:none;}
.topbar-menu .tp-cont{display:none;position:absolute;left:0;top:32px;padding:10px;border:1px solid #dfdfdf;background:#fff;z-index:10;}
.topbar-menu li.hover a{border:1px solid #dfdfdf;border-bottom:none;background-color:#fff; }
.topbar-menu li.hover{margin:0px -1px -1px -1px; line-height:29px;z-index:9990;}
.topbar-menu li .tp-cont a{ border:none; padding:0; height:28px;}
.topbar-menu .myhn{ width:200px;}
.manage-buy,.manage-sell{ float:left; width:90px; text-align:center;}
.manage-buy{ margin-right:20px; }
.topbar-menu .tp-cont .manage-buy dt a,.topbar-menu .tp-cont .manage-sell dt a{font-weight:bold;}
.topbar-menu .tp-shop{ width:200px; text-align:center;}
.topbar-menu .tp-service{ width:80px; }
.topbar-menu .tp-nj.hover a{ border:none; background:#f5f5f5;}
.topbar-menu .tp-nj.hover{ line-height:31px;margin:0px; border:none;background:#f5f5f5; }
.topbar-menu .tp-center{ width:60px; text-align:center;}
.topbar-menu .tp-map{ width:545px;left:-480px;}
.topbar-menu .tp-map p{ margin-left:5px; width:100%; }
.topbar-menu .tp-map p a{ display:inline-block; width:70px;}

#topmenu{ float:left; width:500px;}
#topmenu .tp-nj{ margin-left:5px; float:left;}
#topmenu .tp-nj .msgnum{padding:2px 10px; height:16px; line-height:16px; background:#f47b11; color:#fff; margin-left:5px; }

#head {height: 45px;background: #008220;margin-bottom: 40px;padding: 20px 0 25px;overflow: hidden;}
#head .wrap, #footer .wrap {width: 980px;margin: 0 auto;}
#head{height:45px;background:#008220;margin-bottom:40px;padding:20px 0 25px;overflow:hidden}
#head .wrap{position:relative}
#head .logo,#head h1{float:left}
#head .logo{margin-right:13px}
#head h1{margin-top:3px}
#head .contact{position:absolute;top:0;right:0;color:#fff;font-size:14px;line-height:1.7;height: 65px; width: 120px;}
#head .wrap {position: relative;}
#content {width: 770px;padding-left: 210px;margin: 0 auto;position: relative;}



#side {width: 210px;top: 170px;position: fixed;left: 50%;margin-left: -490px;_position: absolute;_left: 0;_top: 0;_margin-left: 0;}
.side-hd {height: 34px;text-align: center;color: #fff;background:url(../img/uKYGa1Pyt3.png) repeat-x 0 -102px;font: 14px/34px \5fae\8f6f\96c5\9ed1,arial,sans-serif;}
.nav-main {border-bottom: 2px solid #c65b4c;}

.side-lst li {height: 34px;width: 100%;line-height: 34px;font-size: 14px;border-bottom: 1px solid #fff;}

.nav-main a {background: url(../img/uKYGa1Pyt3.png) repeat-x 0 -34px;}
.nav-sub a {background: url(../img/uKYGa1Pyt3.png) repeat-x 0 0;}
.side-lst li a {display: block;padding-left: 38px;height: 34px;}
.side-lst .active a, .side-lst a:hover {text-decoration: none;background-position: 0 -68px;color: #b31d0c;font-weight: 700;}

#side .desc {padding: 44px 0 50px 18px;border: 1px solid #e0e0e0;border-top: 0;}
#side .desc .hd {font-size: 14px;color: #b31d0c;font-weight: 700;padding: 9px 0 7px;}
#side .desc li {line-height: 2;color: #666;width: 155px;}


#main {width: 768px;border: 1px solid #e0e0e0;border-top: 0;position:relative; padding-top:130px;}

#g-lst {height: 128px;padding-left: 5px;background: #f7f7f7;border: 1px solid #e0e0e0;border-left: 0;border-right: 0;box-shadow: 1px 1px 1px rgba(33,33,33,.2);width: 763px;z-index: 20;_margin-left: 0; position:absolute; top:0px;}
.g-lst li {width: 94px;height: 128px;float: left;margin-left: -1px;border: 1px solid #e0e0e0;border-top: 0;border-bottom: 0;overflow: hidden;background: #fff;text-align: center;cursor: pointer;}

.g-tag {padding-top: 16px;}
.g-tag em {color: #b31d0c;font: 700 24px/28px arial,sans-serif;}
.g-name {color: #999;height: 40px;line-height: 20px;padding: 0 4px;}
.g-size {color: #666;font: 700 12px/20px arial,sans-serif;}
.g-tag span {color: #999;padding-left: 3px;}

.g-price {color: #999;}
.g-price em {color: #b31d0c;font-family: arial,sans-serif;font-weight: 700;}
.img-wrap {position: relative;overflow: hidden;}
.g-lst li:hover, .g-lst .active {background: #da3b1b;}
.g-lst li:hover p, .g-lst li:hover em, .g-lst li:hover span, .g-lst .active em, .g-lst .active span, .g-lst .active p {color: #fff;}

#footer {border-top: 2px solid #2b82d9;height: 68px;margin-top: 41px;text-align: center;}

#footer p {padding-top: 16px;}
#footer p span {color: #ccc;padding: 0 8px;}

.descc{display:none ;line-height: 1.5;background: #da3b1b;color: #fff;height: 89px;cursor: default; position:absolute; z-index:100;}
.descc em {font: 700 36px/89px arial,sans-serif;float: left;margin-right: 8px;padding-left: 5px;}

.descc p {padding-top: 15px;font-size: 12px;}
.descc p em{ font-size:12px; padding:0px; margin:0px; line-height:1.5;}

.qq{
	transition: height 1s;
	height: 0px;
	width: auto;
	overflow: hidden;
}
.qq a{
	float: left;
	width: 50px;
}
.qq a img{
	width: auto;
	height: 50px;
	width: 50px;
}
#qq1{
	transition: 0.5s;
	transform: scale(1,1);
}
#qq2{
	transition: 0.5s;
	transform: scale(1,1);
}