@charset "utf-8";
/* CSS Document */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{ font:12px/1.5 tahoma,arial,å¾®è½¯é›…é»‘; margin:0 auto;}
html,body,form,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
iframe { background-color: white; }
ul,ol { list-style: none; }
a{text-decoration:none;}
a:hover{text-decoration:none;} 
a:active{color:#fe9601;star:expression(this.onFocus=this.blur());}
a, input {outline: none; }
a img {border: 0px; vertical-align: middle; }
hr { height: 0; border: 0; border-top: 1px solid #ccc; margin: 10px 0px; -margin: 5px 0px; overflow: hidden; }
input{ font-family:Arial, Helvetica, sans-serif;}
i{ font-style:normal;}
.mfont{ font-size:14px;}
/** float **/
.fl,.left{ float: left; }
.fr,.right{ float: right; }
.price{font-family:Verdana, Arial;}
.price .del,.del{text-decoration:line-through;}
.price .gray,.gray{color:gray;}
.price .discount{height:18px;text-align:center; line-height:18px; font-size:12px; padding:0 5px; display:inline-block; border-radius:3px; -webkit-border-radius:3px; color:#fff !important; background:#ee4566;}
.cl { clear:both !important; }
.clearfix:before, .clearfix:after {content: " "; display: block;height: 0;overflow: hidden; visibility: hidden; width: 0;
} 
.clearfix:after {clear: both;}
img.load{ background:url(../images/wap_load.gif) no-repeat center #fff;}
.grayBg{background: #f5f5f5;}
/****/
.header{width: 100%;}
.header .top{ width: 100%;height: 45px; position: relative;  display: -moz-box;display: -webkit-box;display: box;}
.header .top a.title,.header .top a.user{padding-left: 15px; height: 100%; line-height: 45px;  display: block;  font-size: 18px;}
.header .top a.titify i{ font-size: 18px; margin-left: 5px; transition:all .2s ease-in-out 0s; -webkit-transition:all .2s ease-in-out 0s;display: inline-block;}
.header .top a.titify i.on{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.header .top a.title i.back{ font-size: 24px;}
.header .tit{-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1; text-align: center; line-height: 45px; font-size: 16px;}
.header p.on{font-weight:bold; color:#4ea613; background:#f2f2f2; border-radius:5px 5px 0 0;}
.header .top a.user{width: 50px;text-align: center; padding-left: 0;}
.header .top-nav{width: 100%; height: 35px;line-height: 35px; background:rgba(255,255,255,.9); border-bottom: 1px solid #eee;}
.header .top-nav ul{width: 100%;display: flex;display: -webkit-box;display: -webkit-flex;}
.header .top-nav li{  flex: 3;-webkit-flex: 3;-moz-flex: 3; width: 25%;}
.header .top-nav li a{ width: 100%;height: 100%; display: block; text-align: center;color: #666; font-size: 14px;}
.header .top-nav li a.on{color: #4ea613;font-weight:bold;}
.header .top-fl{ display: -moz-box; display: -webkit-box;display: box;width: 100%; height: 40px;line-height: 41px;}
.header .top-nav .listA{  -moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1; white-space: nowrap; overflow: hidden; display: block;}
.header .top-nav .listA p{ font-size: 15px;color: #333; padding-left: 15px;}
.header .top-nav .listA a{ font-size: 15px; color: #666; padding:0 15px;}
.header .top-nav .listA a.on{color: #4EA613; }
#wrapper {
	position: relative;
	z-index: 1;
	height: 40px;
	width: 100%;
	overflow: hidden;
	-ms-touch-action: none;
}
#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	height: 40px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.sortTwo{width: 100%; height: 100%; box-sizing: border-box; padding: 105px 10px 20px 10px; position:fixed; top:0; left:0;z-index: 100; background: #fafafa;-webkit-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: -webkit-transform .2s ease 0s;transition: transform .2s ease 0s;}
.sortTwo-on{-webkit-transform: translateY(0);transform: translateY(0);}
.sortTwo a{ display: inline-block; border: 1px solid #ccc; border-radius: 5px; line-height: 28px;padding: 0 12px; font-size: 14px; margin:0 6px 18px 6px; color: #666; background: #fff;}
.sortTwo a.on{ color: #4EA613;}
.header .top-nav a.iconfix{ width: 40px; display:inline-block;overflow: hidden; text-align: center; color: #ccc;}
.header .top-nav a.iconfix i{ font-size: 18px; transition:all .2s ease-in-out 0s; -webkit-transition:all .2s ease-in-out 0s;display: inline-block;}
.header .top-nav a.iconfix i.on{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.header .top .classify{ width: 100%; overflow: hidden; position: absolute; z-index: 9; left: 0; top: 45px; background: #fff;
height:0;overflow: hidden;transition: height 0.3s; -webkit-transition: height 0.3s;-moz-transition: height 0.3s;-o-transition: height 0.3s;}
.header .top .classify .hd{ height: 30px; line-height: 31px; padding: 0 15px; background: #eee; border-bottom: 1px solid #ddd; color: #333; font-size: 14px;}
.header .top .classify .bd{}
.header .top .classify .bd ul{}
.header .top .classify .bd li{ height: 40px; line-height: 40px; background: #f8f8f8; border-bottom:1px solid #eee;}
.header .top .classify .bd li a{height:100%;display: block; color: #666; font-size: 14px; padding: 0 15px 0 30px;}
.header .top .classify .bd li a i.iconfont{ float: right; color: #ccc;}
.fix-top{position: fixed;z-index: 1000; left: 0; top: 0;}
.fix-padding{ padding-top: 81px; overflow: hidden;}
.fix-padding-one{ padding-top: 45px; overflow: hidden;}
.fix-padding-two{ padding-top: 86px;}
/**search**/
.top_search{ display:block;}
.top_search .text{width:100px;}
.search_tab{position:fixed; width:100%; top:45px; height:40px; line-height:40px; background:#f2f2f2;}
.search_tab a{ margin:0; display:inline-block; width:50%; float:left; text-align:center; font-size:20px;}
.search_tab a.on{ color:#F30;}
/****/
.main{}
.wx-item,.news-item{ overflow: hidden; margin: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
.wx-item .hd,.news-item .hd{ height: 40px; line-height: 40px;}
.wx-item .hd h3,.news-item .hd h3{float: left; padding-left: 10px; font-size: 16px; color: #333; font-weight:normal;}
.wx-item .hd a,.news-item .hd a{float: right; padding-right: 10px; color: #ccc}
.wx-item .bd,.news-item .bd{overflow: hidden;}
.wx-item .bd ul{ overflow: hidden; display: block; padding: 0 6px;}
.wx-item .bd li{width: 33.33%; float: left;box-sizing: border-box;}
.wx-item .bd li a{ padding: 6px; display: block; width: 100%; box-sizing: border-box; text-align: center;}
.wx-item .bd li a .pic{width: 100%; height: auto; border: 1px solid #eee; border-radius: 3px;-webkit-border-radius: 3px;}
.wx-item .bd li a .pic img{width: 100%; height: auto;}
.wx-item .bd li a p{line-height: 24px; color: #666;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.wx-item-s .bd li{width: 25%; float: left;box-sizing: border-box;}
.wx-item-s .bd li a{ padding: 5px; display: block; width: 100%; box-sizing: border-box; text-align: center;}

.news-item .bd-s ul{}
.news-item .bd-s li{ padding:5px 10px; overflow: hidden;}
.news-item .bd-s li .pic{ width: 70px;height: 70px;float: left;}
.news-item .bd-s li .pic a{width: 70px;height: 70px;display: inline-block;vertical-align: middle;text-align: center;overflow: hidden;}
.news-item .bd-s li .pic img{}
.news-item .bd-s li .view{ padding-left: 80px}
.news-item .bd-s li .view p.bt a,.news-item .bd-l li .view p.bt a{font-size: 14px; color: #666; line-height: 20px;max-height: 40px; display: block; overflow: hidden;}
.news-item .bd-s li .view p.other,.news-item .bd-l li .view p.other{ margin-top: 5px;}
.news-item .bd-s li .view p.other a,.news-item .bd-l li .view p.other a{color: #666;}
.news-item .bd-s li .view p.other .time,.news-item .bd-l li .view p.other .time{float: right;color: #999;}
.news-item .bd-s li .view i.iconfont,.news-item .bd-l li .view i.iconfont{ margin-right:3px;color: #ccc;}
.news-item .bd-s a.readMore{ display: block; text-align: center; height: 30px; line-height: 30px; border-top: 1px solid #eee; margin-top: 5px; color: #ccc;}
.news-item .bd-s a.readMore i{display:block;transition:all .2s ease-in-out 0s; -webkit-transition:all .2s ease-in-out 0s;}
.news-item .bd-s a i.onMore{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.news-view .news-item .bd-l li .view p.bt a{ font-size: 18px;color: #444; line-height: 22px;max-height: 44px; overflow: hidden;}
.news-item .bd-m ul{ padding-bottom: 10px;}
.news-item .bd-m li{ line-height: 35px; padding: 0 10px; overflow: hidden;}
.news-item .bd-m li a{color: #333; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.news-item .bd-m li a span{width: 20px;height: 20px; line-height:22px; text-align:center; margin-right: 3px; border-radius: 100%; border: 1px solid #EEEEEE; display: inline-block; color: #ccc;}
.news-item .bd-m li:nth-child(-n+3) a span{ border-color:#4EA613;color: #4EA613;}

.news-item .bd-l ul{}
.news-item .bd-l li{ padding:10px; overflow: hidden; border-bottom: 1px dotted #ddd;}
.news-view .news-item .bd-l li{padding:15px 10px;  border-bottom: 1px solid #eee;}
.news-item .bd-l li:last-child{ border-bottom: 0;}
.news-item .bd-l li .pic{ width: 100px;height: 70px;float: left;}
.news-item .bd-l li .pic a{width: 100px;height: 70px;display: inline-block;vertical-align: middle;text-align: center;overflow: hidden;}
.news-item .bd-l li .pic img{}
.news-item .bd-l li .view{ padding-left: 110px}
.news-item .news-item .bd-l li .view{ padding-left: 115px;}
.news-item .bd-tag{ overflow: hidden; padding:5px 10px 15px;}
.news-item .bd-tag a{ border: 1px solid #ddd; padding: 4px 13px;border-radius:15px;-webkit-border-radius: 15px; overflow: hidden; color: #666; display: inline-block; margin-right: 10px; font-size: 14px;}
a.ajaxMore{ display: block; height: 35px; line-height: 35px; text-align: center; width: 35%; margin: 10px auto 20px; border:1px solid #ddd; color:#666; border-radius: 5px;}
a.ajaxMore i{color: #CCCCCC; margin-left: 3px;}
a.ajaxMore i.load{
	display:none;
	height:16px;
	width:16px;
	vertical-align:middle;
	background:url(../images/ajax_load.gif) center center no-repeat;
}
a.loading i{display:none;}
a.loading i.load{display:inline-block;}

.footer{ margin-top: 10px; overflow: hidden; background: #FFF; border-top: 1px solid #DDD;padding:10px; color: #999;}
.footer p{text-align: center;}
.footer p.menu{ line-height: 24px;}
.footer p a{color: #333; margin:0  5px;}

#m-bg{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:1001; background:rgba(255,255,255,.1); display:none;}
.aisde-menu{ width:250px; height:100%; position:fixed; box-sizing: border-box; padding-left: 8px; z-index:1002; right:0; top:0; background:#fafafa; overflow:hidden;transition:all .3s ease-in-out;transform:translateX(250px); -webkit-transition:all .3s ease-in-out;-webkit-transform:translateX(250px); opacity: 0;box-shadow:5px 0px 5px #e3e2e2 inset; -webkit-box-shadow: 5px 0px 5px #e3e2e2 inset;}
.slidIn{transform:translateX(0);-webkit-transform:translateX(0); opacity: 1;}
.slidOut{transform:translateX(250px,0,0);-webkit-transform:translateX(250px,0,0);}
.aisde-menu .member{ height: 90px;padding:10px 10px 10px 20px;background: #f4f4f5; border-bottom: 1px solid #ebebeb; box-sizing: border-box;}
.aisde-menu .member  a{width: 100%;height: 100%;display: block; position: relative;}
.aisde-menu .member  a i.iconfont{ width: 20px;height: 20px;display: block; position: absolute; z-index: 9; right: 0; top: 22px; color: #ccc; font-size: 18px;}
.aisde-menu .member .pic{ width: 70px;height: 70px; float: left; overflow: hidden; border-radius: 100%;}
.aisde-menu .member .pic img{width: 70px;height: 70px;}
.aisde-menu .member .view{ padding-left: 80px; color: #666; padding-top: 12px; font-size: 14px;}
.aisde-menu .member .view p{ line-height: 24px;}
.aisde-menu .member .view p b{ font-weight: normal; font-size: 16px;color: #333;}
.aisde-menu .member .view p span{color: #999; margin-right: 8px;}
.aisde-menu .nav{ padding: 15px 10px; overflow: hidden;}
.aisde-menu .nav ul{}
.aisde-menu .nav li{ height: 45px; line-height: 45px;}
.aisde-menu .nav li a{width: 100%; height: 100%; box-sizing: border-box; display:block; padding-left: 20px;font-size: 16px; color: #666;}
.aisde-menu .nav li a i.iconfont{ font-size: 22px;margin-right: 15px;}
.aisde-menu .nav li.home a i.iconfont{ color: #ffa7a7;}
.aisde-menu .nav li.classify a i.iconfont{ color: #99e0ef;}
.aisde-menu .nav li.address a i.iconfont{ color: #ffdc9f;}
.aisde-menu .nav li.include a i.iconfont{ color: #eabfda;}
.aisde-menu .nav li.focus a i.iconfont{ color: #a4c8ed;}
.aisde-menu .nav li.news a i.iconfont{ color: #b2e7bc;}

/***TABé€‰é¡¹å¡**/
.tabBox{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
.tabBox .hd{ height:35px; line-height:36px; font-size:14px; background:#f9f9f9; border-bottom:1px solid #eee; position:relative;  }
.tabBox .hd ul{ position:absolute; height:36px; top:0; overflow:hidden;  }
.tabBox .hd ul li{ float:left; padding:0 15px;   }
.tabBox .hd ul li a{color:#333;}
.tabBox .hd ul .on{ border:1px solid #eee; border-top: 0; border-bottom-color:#fff; background:#fff; color:#CF7F21;   }
.tabBox .hd ul .on a{ display:block; color: #4EA613; margin-right: 0; padding: 0; }
.tabBox .bd{ padding: 10px 0 !important;}
/**æš‚æ— å†…å®¹**/
.no_data{ line-height:35px; font-size:16px; text-align:center; margin:40px 0; color:#666;}
.no_data span{ padding-left:38px; background:url(../images/hack_icon.png) no-repeat -7px -45px; display:inline-block;}
.no_data a{ font-size:14px; color:#999;}
/*æç¤ºä¿¡æ¯æ ·å¼*/
.tip_show{text-align:center;margin:40px 0;}
.tip_show p{line-height:30px; font-size:14px;  color:#666; margin:0 auto;}
.tip_show p a{ color:#4EA613;}
.tip_show a.seemore{ height:30px; line-height:30px; padding:0 25px;  text-align:center; display:inline-block; margin:10px auto; border:1px solid #4EA613; color:#4EA613; border-radius:3px; -webkit-border-radius:3px;}
.tip_show i{ width:200px; height:155px; display:block; margin:0 auto; background:url(../images/tips.png) no-repeat center;}
.tip_show i.ok{ background-position:-68px -34px;}
.tip_show i.sad{ background-position:-68px -250px;}

/**search**/
.search{ padding: 10px; overflow: hidden;}
.search-b{ height: 30px;border: 1px solid #ededed; border-radius: 15px;-webkit-border-radius: 15px; overflow: hidden; background: #fff;}
.search-b .text{width: 160px; height: 30px; line-height: 30px; border: 0; font-size: 14px; color: #333; padding: 0 5px 0 10px; float: left;}
.search-b a{ width: 40px; display:inline-block; height: 30px; line-height: 30px; text-indent: 15px; color: #ccc; }
.search-b a i{font-size: 18px;}

/*pagelink*/
.page_link{ padding: 20px 10px; overflow: hidden; text-align: center; color: #999; line-height: 29px;}
.page_link a{ font-size: 14px; color: #fff; line-height: 1.5; padding: 4px 12px; background: #4ea613;display: inline-block; border-radius:3px;}
.page_link a.prev{float: left;}
.page_link a.next{ float: right;}
.page_link a.disabled{ background: #aaa;}

/**å¤´éƒ¨æœç´¢**/
.top-search{width: 90%; height: 30px; margin: 7px auto 0; border: 1px solid #ddd; border-radius: 5px;-webkit-border-radius: 5px; overflow: hidden; background: #Fff;}
.top-search .text{width: 87%; box-sizing: border-box; float:left; line-height: 24px; border: 0; padding: 3px 10px; color: #333; font-size: 14px;}
.top-search .search_bt{width: 13%;height: 30px;line-height:30px; text-align:right;display:inline-block; vertical-align: top; padding-right: 10px; box-sizing: border-box;}
.top-search .search_bt i{ font-size: 18px;color: #ccc;}
