@charset "utf-8";
/* CSS Document */


/*==============================================================================================*/
/* header-css
/*==============================================================================================*/
.header{ padding-top:0px; padding-bottom:0px; height:50px; margin: 0px; position:relative; background:#fff; display:flex; align-items: center; justify-content:center;}
.header .site_logo { width:50px; overflow:hidden; text-align:center; align-content:center; height:30px;}
.header .site_logo a{ height:30px; }
.header .site_logo a img { height:30px; }

.header .site_name { height:50px; flex:1; justify-content:center; line-height:50px; text-align:center; font-size:16px;}

.header .site_nav{text-align:right; display:block; height:50px; position:relative;}
.header .site_nav img{ height:36px; border:0px; margin:7px; }
.header .site_nav ul{ padding:0px; margin:0px; position:fixed; width:200px; height:100%; z-index:8889; top:0px; right:-200px; padding:10px; background:#fff; display:none; overflow:hidden; overflow-y:auto;}
.header .site_nav ul li{ line-height:25px; text-align:left; float:left; clear:both; display:block; width:100%; border-bottom:#f5f5f5 solid 1px; margin-bottom:5px; padding-bottom:5px;}
.header .site_nav ul li a{ display:block; overflow:hidden; padding:0px 5px; font-size:14px; }
.header .site_nav ol{ list-style:none;}
.header .site_nav ol li{ line-height:20px;}
.header .site_nav ol li a{ display:block; overflow:hidden; padding:0px 5px;font-size:14px; }

.header .toolbar{ display:block; height:50px; overflow:hidden; width:100%; position:relative;}
.header .toolbar li{line-height:50px;}
.header .toolbar .l-box{ width:40px; line-height:50px; position:absolute; left:0px; top:0px; text-align:center;}
.header .toolbar .l-box i{ margin-top:13px; }
.header .toolbar .m-box{ margin:0px 50px; text-align:center; font-size:16px;}
.header .toolbar .r-box{ width:40px; position:absolute; right:0px; top:0px; text-align:center;}
.header .toolbar .r-box i{ margin-top:13px; }

.header .toolbar.r{ background:#f15340;}
.header .toolbar.r,.header .toolbar i{ color:#fff;}

.header .toolbar.o{ background:#ff6d00;}
.header .toolbar.o,.header .toolbar i{ color:#fff;}

.header .toolbar.b{ background:#0096e0;/*url("../images/btm.png") repeat*/;/* background:#0096e0;*/}
.header .toolbar.b,.header .toolbar i{ color:#fff;}

.header .toolbar.g{ background:#1cbb7f;}
.header .toolbar.g,.header .toolbar i{ color:#fff;}

/*==============================================================================================*/
/*内容模块 bodyer
/*==============================================================================================*/

#bodyer{ position:relative;}
.bodyer{ background:#fff; overflow:hidden; display:block; min-height:100px;}
#main-container {
  margin-bottom: 15px;
}
.main-wrapper {
  overflow:hidden;
  padding-top: 0px;
}
.pager {
  margin: 10px 0;
}
.control-group{ margin-bottom:10px;}
.help-block{ color:#ccc;}
.login,.login-form-inbox,.register{ padding:25px;}

.message_toast{ 
	position:relative !important; padding:5px !important; margin:5px !important;
}
.message_toast_sign{ 
	position:absolute; right:0px; top:0px; z-index:88; display:block; width:8px !important;height:8px !important; font-size:0px !important; line-height:none !important; background:#f15340; 
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
}

.cate_box{width: 100%;overflow: hidden;}
.cate {padding: 0 10px;position: relative;z-index: 2;width: 100%;height: 40px;background-color: #fff;-moz-box-shadow: 0px -3px 5px #f5f5f5 inset;-webkit-box-shadow: 0px -3px 5px #f5f5f5 inset;box-shadow: 0px -3px 5px #f5f5f5 inset;}
.cate_box ul {display: -webkit-box;overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.cate_box ul li {min-width: 23%;height: 40px;line-height: 40px;text-align: center;}
.cate_box ul li a {padding: 0 5px;text-align: center;color: #333;font-size: 14px;display: block;position: relative;}





/*==============================================================================================*/
/*guide
/*==============================================================================================*/

.showcase{overflow:hidden; padding:8px; background:#f2f2f2;}
.showcase li{float: left; margin: 5px 0; position: relative;width: 31.3333%;padding: 5px;border-radius: 30px;background: #fff;margin-right: 3%;}
.showcase li a{margin:0 5px; display: block; }
.showcase li a span{display: block; height: 25px; line-height: 25px; text-align: center;float: left;}
.showcase li a span img{max-width: 100%; max-height: 100%; vertical-align: sub;}
.showcase li a p{text-align: center; line-height: 25px; height: 25px; overflow: hidden; padding:0px; margin:0px;}
.showcase li:nth-child(3n){margin-right: 0;}

.banner{position: relative;}

.searchbd{width:100%; overflow:hidden; margin:0px; display:table;top: 5px;left: 0;position: absolute;}
.searchbd .bd{ width:100%; overflow:hidden; height:36px; float:left; background:rgba(0, 0, 0, 0.4); border:#eee solid 0px; position:relative; vertical-align:middle;border-radius:30px;}
.searchbd input{overflow:hidden;padding: 2px 80px 2px 4px;width:100%; background:none;font-family:"微软雅黑",Arial, Helvetica, sans-serif;float:left;height: 20px;line-height: 20px;margin: 8px 0 0 25px;border: 0;outline: 0;color:#fff;-webkit-appearance: none;}
.searchbd i{position:absolute; left:8px; top:10px; color:#fff;}
.searchbd .search-btn{ background:none; width:50px; height:36px; line-height:32px; padding:0px;  position:absolute; left:0px; display:block; overflow:hidden;  font-size:14px; font-weight:bolder; text-align:center; border:0px; cursor:pointer; border-radius:0px; }

.searchbd input::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff;
}
.searchbd input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
.searchbd input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff;
}
.searchbd input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff; 
} 



/*.guide_pro { overflow:hidden; width:100%; clear:both; margin-bottom:8px; background:#fff; }
.guide_pro h2{font-size:16px; font-weight:normal; font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#666;  border-bottom:#eee solid 1px;  line-height:50px; text-indent:10px; padding:0px; margin:0px 0px 5px 0px; }
.guide_pro h2 span{ 
	display:inline-block; 
	float:right;
	text-indent:0px;
	text-align:center;
	height:30px;
	line-height:22px;
	margin-top:15px;
	width:68px;
	padding:0px 3px 0px 3px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#999; 
}
.guide_pro h2 span a{ display:block; color:#ccc;}
.guide_pro ul{display:block; overflow:hidden;  padding:8px;}
.guide_pro ul li{ width:50%; float:left; display:block;}
.guide_pro ul li a{ display:block; margin: 5px; overflow:hidden; padding:5px; border:#eee solid 1px;}
.guide_pro ul li dl{ display:block;  padding:0px; margin:0px; clear:both;}
.guide_pro ul li dl img{ width:100%; }
.guide_pro ul li dd{height:35px; overflow:hidden; line-height:20px; text-align:center; padding:0px; margin:0px; font-size:1.2rem}
*/

.hot-community{overflow: hidden;width: 100%;display: block;clear: both;background: #f2f2f2;}
.hot-community h2 {font-size: 16px;font-weight: normal;font-family: "微软雅黑",Arial, Helvetica, sans-serif;color: #333;border-bottom: #bbb solid 2px;line-height: 40px;text-indent: 10px;padding: 0px;margin: 0px;}
.hot-community h2 a{display: block;float: right;text-indent: 0px;text-align: center;line-height: 45px;width: 68px;padding: 0px 3px 0px 3px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #999;}
.hot-community ul {list-style: none;background: #fff;}
.hot-community ul li{list-style: none;line-height: 20px;clear: both;border-bottom: #f2f2f2 solid 1px;padding: 10px}
.hot-community ul li:last-child{border-bottom: none;}
.hot-community ul li a {padding: 0px 2px;overflow: hidden;line-height: 20px;display: flex;}
.hot-community ul li dd{line-height: 20px;padding: 0px;margin: 0;overflow: hidden;width: 60%;margin-right: 5%;min-height: 65px;position: relative;}
.hot-community ul li dd h3{margin: 0;font-size: 1.2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hot-community ul li dd span{display: block;background: url(../images/view-icon.png) no-repeat left;background-size: 100% auto;width: 30px;padding-left: 30px;height: 30px;line-height: 30px;margin-right: 25px;position: absolute;right: 0;bottom: 0;}
.hot-community ul li dt{padding: 0px;font-size: 14px;clear: both;width: 35%;overflow: hidden;border: #f5f5f5 solid 1px;}
.hot-community ul li dt img{width: 100%;display: block;height: 90px;object-fit: cover;}


/*.guide_about {overflow:hidden; width:100%; display:block; margin-bottom:8px; background:#fff;}
.guide_about h2{font-size:16px; font-weight:normal; font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#666;  border-bottom:#eee solid 1px;   line-height:50px; text-indent:10px; padding:0px; margin:0px 0px 0px 0px; }
.guide_about h2 span{ 
	display:inline-block; 
	float:right;
	text-indent:0px;
	text-align:center;
	height:30px;
	line-height:22px;
	margin-top:15px;
	width:68px;
	padding:0px 3px 0px 3px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#999; 
}
.guide_about h2 span a{ display:block; color:#ccc;}
.guide_about dl{ display:block;  padding:10px 10px 5px 10px; margin:0px;  clear:both;}
.guide_about dl img{ width:100%;}
.guide_about dd{line-height:25px; display:block;  padding:5px 10px 10px 10px; text-align:left; margin:0px;}

.guide_news {overflow:hidden; width:100%; display:block; margin-bottom:8px; clear:both; background:#fff; padding-bottom:10px;}
.guide_news h2{font-size:16px; font-weight:normal; font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#666; border-bottom:#eee solid 1px;  line-height:50px; text-indent:10px; padding:0px; margin:0px 0px 0px 0px; }
.guide_news h2 span{ 
	display:inline-block; 
	float:right;
	text-indent:0px;
	text-align:center;
	height:35px;
	line-height:22px;
	margin-top:15px;
	width:68px;
	padding:0px 3px 0px 3px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; color:#999; 
}
.guide_news h2 span a{ display:block; color:#ccc;}
.guide_news ul{ list-style:none; padding:5px 10px;}
.guide_news ul li{ list-style:none; line-height:35px; clear:both; border-bottom:#eee solid 1px; display:block; overflow:hidden;}
.guide_news ul li:last-child{ border-bottom:#eee solid 0px;}
.guide_news ul li a{ display:block;}
.guide_news ul li dl{ display:block; padding:0px; width:100%; margin:0px; float:left;}
.guide_news ul li dl img{ width:100%; height:180px;}
.guide_news ul li dt{ display:block; line-height:30px; }
.guide_news ul li dd{ display:block; line-height:20px;}
.guide_news ul li dd span{ display:block; color:#ccc; overflow:hidden; margin-top:0px; clear:both;}
.guide_news ul li span{ display:inline-block; float:left;}
.guide_news ul li em{ display:inline-block; float:right; font-style:normal; color:#999;}*/

.guide_case {overflow:hidden; width:100%; display:block; margin-bottom:8px; clear:both; background:#f2f2f2; padding:10px 0;}
.guide_case h2{font-size: 16px;font-weight: normal;font-family: "微软雅黑",Arial, Helvetica, sans-serif;color: #333;border-bottom: #bbb solid 2px;line-height: 40px;text-indent: 10px;padding: 0px;margin: 0px;}
.guide_case h2 a{display: block;float: right;text-indent: 0px;text-align: center;line-height: 45px;width: 68px;padding: 0px 3px 0px 3px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #999;}
.guide_case ul{ list-style:none; padding:10px 10px 5px 10px;}
.guide_case ul li{list-style:none; line-height:20px;width: 32%;float: left;margin-right: 2%;position: relative;border-radius: 10px;}
.guide_case ul li img{width: 100%;display: block;}
.guide_case ul li:first-child{width: 100%;margin-right: 0;margin-bottom: 5px;}
.guide_case ul li:nth-child(4){margin-right: 0;}
.guide_case ul li p{width: 100%;position: absolute;bottom: 0;background: #000;margin: 0;border-radius: 0px 0px 5px 5px;opacity: 0.7;text-indent: 1rem;color: #fff;}

/*==============================================================================================*/
/*list-css
/*==============================================================================================*/

.catelist{clear:both; background:#eee; overflow:hidden; display:block; padding-top:10px;}
.catelist ul{ list-style:none; padding:0px 10px; margin:0px;}
.catelist ul li{ display:block; overflow:hidden; margin-bottom:10px; padding:10px; clear:both;  border-bottom:#eee solid 1px; background:#fff; position:relative; min-height:70px;}
.catelist ul li a{ display:block; overflow:hidden;}
.catelist ul li dd{ width:60px; position:absolute; left:10px; margin:0px; display:block; overflow:hidden; }
.catelist ul li dd img{ width:48px; height:48px;}
.catelist ul li dl{ float:left; padding:0px; margin:0px 0px 0px 60px}
.catelist ul li dl h3{ padding:0px; margin:0px 0px 5px 0px; font-weight:normal; font-size:12px}
.catelist ul li dl p{ padding:0px; margin:0px; line-height:22px; color:#999;}

.artlist{clear:both;}
.artlist ul{list-style:none;}
.artlist ul li{list-style: none;line-height: 20px;clear: both;border-bottom: #f2f2f2 solid 1px;padding: 10px;}
.artlist ul li a{min-height: 90px;overflow: hidden;line-height: 20px;display: flex;}
.artlist ul li dd{line-height: 20px;padding: 0px;margin: 0;overflow: hidden;width: 60%;margin-right: 5%;position: relative;}
.artlist ul li dd h3{margin: 0;font-size: 1.2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.artlist ul li dd p{font-size: 12px;margin: 0;text-align: left;}
.artlist ul li dd span {display: block;background: url(../images/collect-icon.png) no-repeat left;background-size: 100% auto;width: 20px;height: 20px;position: absolute;right: 30px;bottom: 0;}
.artlist ul li dd span:last-child{background: url(../images/like-icon.png) no-repeat left;right: 0;background-size: 100% auto;}
.artlist ul li dt img{width: 100%;display: block;height: 90px;object-fit: cover;}
.artlist ul li dt{padding: 0px;font-size: 14px;clear: both;width: 35%;overflow: hidden;border: #f5f5f5 solid 1px;}





@media screen and (max-width: 320px) { 
	.artlist ul li dd{ display:block;}
	.artlist ul li dl{ width:100%; }
} 
@media screen and (max-width: 480px) { 
	.artlist ul li dl{ width:250px; }
} 
@media screen and (min-width: 481px) { 
	.artlist ul li dl{ width:400px; }
} 

.abmlist{clear:both;}
.abmlist ul{ list-style:none; padding:0px 10px; margin:0px;}
.abmlist ul li{ display:block; overflow:hidden; clear:both;  border-bottom:#eee solid 1px; position:relative;  padding:10px 0px;}
.abmlist ul li a{ display:block; overflow:hidden; min-height:82px;}
.abmlist ul li dd{ width:120px; position:absolute; left:0px; margin:0px; display:block; overflow:hidden; }
.abmlist ul li dd img{ width:100%; height:80px; border:#f8f8f8 solid 1px;}
.abmlist ul li dl{ float:left; padding:0px; margin:0px 0px 0px 130px}
.abmlist ul li dl h3{ padding:0px; line-height:22px; font-weight:normal; font-size:14px; padding:0px; margin:0px;}
.abmlist ul li dl p{ padding:0px; margin:0px; line-height:16px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


.prolist {
	clear:both;
	position:relative;
	float:left;
	overflow:hidden;
	padding:0px 5px;
	list-style:none;
	width:100%; 
}
.prolist ul {
	margin-top:5px;
	width:100%; 
}
.prolist li {
	width:50%; float:left; display:block; overflow:hidden;
}
.prolist li a{ display:block; margin: 5px; overflow:hidden; padding:5px; border:#eee solid 1px;}
.prolist li dd{
	display:block; padding:0px; width:100%; margin:0px; float:left;
}
.prolist li img {
	display: block;
	overflow:hidden;
	width:100%;
}
.prolist li dl {
	clear:both;
	height:35px; overflow:hidden; line-height:35px; text-align:center; padding:0px; margin:0px; font-size:12px; display:block;
}


.srchlist{clear:both; background:#fff; overflow:hidden; display:block; margin:0px 0px 5px 0px;}
.srchlist ul{ list-style:none; padding:0px 10px;}
.srchlist ul li{ list-style:none; padding:0px; display:block; border-bottom:#eee solid 1px; clear:both; overflow:hidden;}
.srchlist ul li a{ display:block; overflow:hidden;padding:10px 0px;}
.srchlist ul li dl{ padding:0px; margin:0px; display:block; clear:both; overflow:hidden; line-height:25px; font-size:14px;}
.srchlist ul li dd{ padding:0px; margin:0px; color:#999; display:block; clear:both; overflow:hidden;}
/*==============================================================================================*/
/*page-css
/*==============================================================================================*/


.pager > .active > a, .pager > .active > span, .pager > .active > a:hover, .pager > .active > span:hover, .pager > .active > a:focus, .pager > .active > span:focus
{ background:#22ac38;}

/*==============================================================================================*/
/*view-css
/*==============================================================================================*/

.comcont{ 
	float:right;
	width:990px;
	min-height:800px;
	overflow:hidden;
	text-align:left;
	background:#ffffff;
	
}
.comcont .hd{
	overflow:hidden;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	line-height:38px; height:38px;
	border-bottom:#dddddd solid 1px;
	background:#f8f8f8;
}
.comcont .locate { overflow:hidden; text-align:left; float:left; display:inline-block; }
.comcont .locate div{float:left; background:url(../images/home.png) no-repeat 10px 14px; padding-left:30px; line-height:38px; height:38px; display:block;margin-right:20px;}
.comcont .locate span{float:right; line-height:38px; height:38px; display:block;margin-right:20px;}
.comcont .locate ul{ list-style:none; display:table-cell; float:left;text-align:left; background:url(../images/home.png) no-repeat 8px 10px; padding-left:20px; margin-right:10px;}
.comcont .locate li{ float:left;display:block; padding:0px 12px 0px 8px; text-align:left; background:url(../images/arrow.png) no-repeat right 16px;}
.comcont .locate li a{ font-size:12px; font-weight:normal; text-align:center;}

.comcont .fellow {background:#f8f8f8; overflow:hidden; clear:both;}
.comcont .fellow ul{ list-style:none; display:block; }
.comcont .fellow li{ float:left;display:block; padding:10px; text-align:center;}
.comcont .fellow li a{ font-size:12px; font-weight:normal; text-align:center;}
.comcont .fellow .cur{ background-color:#f2f2f2;}

.content
{
	display:block;
}
.content .hd{
	overflow:hidden;
	font-family: "微软雅黑",Arial, Verdana, Helvetica, sans-serif;
	line-height:40px; 
	background:#fff;
	font-size:14px;
	padding:12px 0px;
	margin:8px 10px 5px 10px;
	text-align:center;
}	
.content .hd span{
	line-height:20px;
	font-weight:800;
    display: inline-block;
	vertical-align: middle;
}

.goods-guide{ overflow:hidden; margin-bottom:30px; }
.goods-guide .pic{
	position:relative;
	padding:10px;
	border:#eaeaea solid 1px;
	}	
.goods-guide .pic h3 { display:block; padding:0px; margin:0px;}	
.goods-guide .pic h3 .img{ border:#eee solid 1px;}
.goods-guide .pic ul{ list-style:none; width:100%;  clear:both; display:block; overflow:hidden; margin:5px 0px;}
.goods-guide .pic li .img{ width:100%; cursor:pointer;}


.content .guide {
	padding:10px;
	margin-bottom:10px;
}
.content .intro{
	padding:10px;
	margin-bottom:10px;
}

.next_map{ padding-top:10px; padding-bottom:10px; line-height:25px; overflow:hidden; clear:both; border-top:#ddd solid 1px; margin-top:20px; width:100%;}
.next_map a{ display:block; margin:3px 10px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; width:95%; overflow:hidden;}


/*==============================================================================================*/
/*页脚模块 footer
/*==============================================================================================*/
.footer{ position:relative; margin-top:30px;  margin-bottom:90px; display:block; overflow:hidden; line-height:20px;  color:#999; clear:both;}
.footbd a{ color:#999;}
.footbd a:link,.footbd a:hover,.footbd a:active,.footbd a:visited{ color:#999;}

.footer-nav ul{
	margin: 0px auto; padding: 6px 0px; left: 0px; right: 0px; bottom: 0px; border-top-color:#f2f2f2; border-top-width: 1px; border-top-style: solid; position: fixed; z-index: 499; background:#fff;
}
.footer-nav li {
	text-align: center; color: rgb(89, 89, 89); padding-top: 0rem; font-size: 12px; line-height:18px; display: block; 
}
.footer-nav li a{ display:block;}

.footer-nav li .buy-btn{ display:block; width:50px; margin:0px auto;}
.footer-nav li .buy-btn em{ padding-top:26px; display:block; }




.footer-nav li .icons.i-logo {
    background: url(../images/logo.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .active .i-logo {
    background: url(../images/logo.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .icons.i-home {
    background: url(../images/icon-home.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .active .i-home {
    background: url(../images/icon-home2.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .icons.i-cate {
    background: url(../images/icon-community.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .active .i-cate {
    background: url(../images/icon-community2.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .icons.i-flow {
    background: url(../images/icon-shop.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .active .i-flow {
    background: url(../images/icon-shop2.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .icons.i-user {
    background: url(../images/icon-my.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .active .i-user {
    background: url(../images/icon-my2.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li a span {
    font-size: 1.1rem;
    line-height: 1.6rem;
	color: #7f7f7f;
}

.footer-nav li .active span {
    color: #333;
}

.footer-nav li .icons {
    vertical-align: top;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    margin: 0px auto;
    display: block;
}

.footer-nav ul {
	    padding: 0;
	    padding-top: 1.6rem;
	    background: url(../images/footer-bg.png) no-repeat;
	    background-size: 100% 100%;
	    border: none;
}
.footer-nav li a img {
    height: 3rem;
    width: 3rem;
    display: block;
    margin: 0 auto;
    margin-top: -1rem;
}



/*==============================================================================================*/
/*icons-css
/*==============================================================================================*/
.icons {
	background: url("../images/icons.png") no-repeat 0% 0% / 416px; margin: 0px auto; width: 24px;  height: 24px; display: block;
}

.icons.i-home {background-position: 0px 0px;}
.icons.i-home.active {background-position: 0px -24px;}

.icons.i-cate {background-position: -24px 0px;}
.icons.i-cate.active {background-position: -24px -24px;}

.icons.i-flow {background-position: -52px 0px;}
.icons.i-flow.active {background-position: -42px -26px;}

.icons.i-user {background-position: -78px 0px;}
.icons.i-user.active {background-position: -68px -26px;}

.icons.i-shop {background-position: -104px 0px;}
.icons.i-shop.active {background-position: -94px -26px;}

.icons.i-search {background-position: -130px 0px;}
.icons.i-search.active {background-position: -120px -26px;}

.icons.i-locat {background-position: -156px 0px;}
.icons.i-locat.active {background-position: -146px -26px;}

.icons.i-phone {background-position: -182px 0px;}
.icons.i-phone.active {background-position: -182px -26px;}

.icons.i-list {background-position: -208px 0px;}
.icons.i-list.active {background-position: -208px -26px;}

.icons.i-chat {background-position: -234px 0px;}
.icons.i-chat.active {background-position: -234px -26px;}

.icons.i-file {background-position: -260px 0px;}
.icons.i-file.active {background-position: -260px -26px;}

.icons.i-catelist {background-position: -286px 0px;}
.icons.i-catelist.active {background-position: -286px -26px;}

.icons.i-setting {background-position: -312px 0px;}
.icons.i-setting.active {background-position: -312px -26px;}

.icons.i-share {background-position: -338px 0px;}
.icons.i-share.active {background-position: -338px -26px;}

.icons.i-users {background-position: -364px 0px;}
.icons.i-users.active {background-position: -364px -26px;}

.icons.i-favor {background-position: -390px 0px;}
.icons.i-favor.active {background-position: -390px -26px;}


.icons36 {
	background: url("../images/icons.png") no-repeat 0% 0% / 576px; margin: 0px auto; width: 36px;  height: 36px; display: block;
}

.icons36.i-home {background-position: 0px 0px;}
.icons36.i-home.active {background-position: 0px -36px;}

.icons36.i-cate {background-position: -36px 0px;}
.icons36.i-cate.active {background-position: -36px -36px;}

.icons36.i-flow {background-position: -72px 0px;}
.icons36.i-flow.active {background-position: -72px -36px;}

.icons36.i-user {background-position: -108px 0px;}
.icons36.i-user.active {background-position: -108px -36px;}

.icons36.i-shop {background-position: -144px 0px;}
.icons36.i-shop.active {background-position: -144px -36px;}

.icons36.i-search {background-position: -180px 0px;}
.icons36.i-search.active {background-position: -180px -36px;}

.icons36.i-locat {background-position: -216px 0px;}
.icons36.i-locat.active {background-position: -216px -36px;}

.icons36.i-phone {background-position: -252px 0px;}
.icons36.i-phone.active {background-position: -252px -36px;}

.icons36.i-list {background-position: -288px 0px;}
.icons36.i-list.active {background-position: -288px -36px;}

.icons36.i-chat {background-position: -324px 0px;}
.icons36.i-chat.active {background-position: -324px -36px;}

.icons36.i-file {background-position: -360px 0px;}
.icons36.i-file.active {background-position: -360px -36px;}

.icons36.i-catelist {background-position: -396px 0px;}
.icons36.i-catelist.active {background-position: -396px -36px;}

.icons36.i-setting {background-position: -432px 0px;}
.icons36.i-setting.active {background-position: -432px -36px;}

.icons36.i-share {background-position: -468px 0px;}
.icons36.i-share.active {background-position: -468px -36px;}

.icons36.i-users {background-position: -504px 0px;}
.icons36.i-users.active {background-position: -504px -36px;}

.icons36.i-favor {background-position: -540px 0px;}
.icons36.i-favor.active {background-position: -540px -36px;}


.icons-buy {
	position:absolute;
	z-index:100;
	top:-20px;
	background: url("../images/nav-buy.png") no-repeat 0% 0% / 50px; margin: 0px auto; width: 50px;  height: 50px; display: block;
}