﻿@charset "utf-8";
body{padding:0;margin:0;color:#333; font-size:14px; -webkit-text-size-adjust:100%;text-size-adjust:100%;font-family:Helvetica,Arial,sans-serif; background-color:#fff;}
form,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,input{padding:0;margin:0;list-style:none}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:link{color:#222;text-decoration:none}
a:visited{color:#222;text-decoration:none}
a:hover{color:#222;text-decoration:none}
a:active{color:#222;text-decoration:none}
.header{ height:49px;}
.nav{ position:fixed; top:0px; left:0px; z-index:9999; width:100%; height:48px; border-bottom:1px solid #eee; background-color:#fff;}
.nav-func{ float:right; width:80px;}
a.search-ico{ display:block; float:right; width:20px; height:48px; padding:0 10px 0px 10px;}
a.search-ico ins, .menu ins, .sortico span, .sortico-w span{background:url(images/wwico.png) no-repeat;}
a.search-ico ins{ display:inline-block; width:20px; height:20px; background-size:128px; background-position:0px 0px; text-indent:-9999px; margin-top:14px;} 
.box{ width:100%; background-color:#fff; overflow:hidden; margin-bottom:15px;}
.sbox{ width:100%; overflow:hidden;}
.mbox{ width:100%; background-color:#fff; overflow:hidden;}
.wbox{ padding:0px 10px; background-color:#fff;}
.menu{ float:right; display:inline-block; width:20px; height:48px; padding:0px 15px 0px 5px}
.menu ins{ display:inline-block; width:20px; height:20px; background-size:128px; background-position:-20px 0px; margin-top:14px;}
.navscroll{ padding:0 80px 0 0; height:48px;}
.navscroll a{ display:block; float:left; padding:0px 5px 0px 15px;  font-size:16px; line-height:48px;}
@media screen and (max-width:356px){
	.navscroll a{ display:block; float:left; padding:0px 5px 0px 4px;  font-size:16px; line-height:48px;}
	
	}
.navscroll a.wwlogo{ padding:6px 5px 0 0;}
#wrapper ul{ width:100%; height:49px; overflow:hidden; background-color:#f2f2f4;}
#wrapper ul li{ float:left; padding:0 0 0 10px; line-height:48px;}
#wrapper ul li a{ display:block; padding:0 5px; font-size:16px;}
#wrapper ul li a.wwlogo{ padding:6px 5px 0 0;}
#wrapper{ position:relative; z-index:100; height:49px; width:100%; overflow:hidden;}
#wrapper ul li a.curr{ color:#dd0000; border-bottom:1px solid #dd0000;}
.menu-array{ width:100%; overflow:hidden; padding:15px 0 6px 0;}
.menu-array li{ float:left; width:25%; padding:0 0 12px 0; text-align:center;}
.menu-array li a{ display:block; color:#666;}
.menu-array li span{ display:block; width:38px; height:38px; border-radius:20px; margin:0px auto;}
.menu-array li p{ padding:2px 0 0 0; font-size:12px;}
.qa{ background-color:#FFCC33;}
.qa ins, .yuand ins, .feature ins, .cq ins, .jiuz ins, .pinz ins, .peix ins, .home ins, .wenhua ins{ background:url(images/sprites.png) no-repeat;}
.qa ins{ display:inline-block; width:25px; height:25px; margin-top:7px; background-size:225px; background-position:2px 2px; }
.yuand{ background-color:#4893ef;}
.yuand ins{ display:inline-block; width:25px; height:25px; margin-top:7px; background-size:225px; background-position:-100px -20px;}
.life{ background-color:#ff8033;}
.life ins{display:inline-block; width:26px; height:28px; margin-top:7px; background:url(images/po.png) no-repeat -2px 0px; background-size:30px; }
.feature{ background-color:#ef4343;}
.feature ins{ display:inline-block; width:22px; height:25px; margin-top:7px; background-size:205px; background-position:-161px 2px;}
.cq{ background-color:#88ce5a;}
.cq ins{ display:inline-block; width:22px; height:25px; margin-top:7px; background-size:205px; background-position:-137px 3px;}
.jiuz{ background-color:#31bd80;}
.jiuz ins{display:inline-block; width:22px; height:23px; margin-top:7px; background-size:205px; background-position:-21px 3px;}
.pinz{ background-color:#6666CC;}
.pinz ins{display:inline-block; width:22px; height:23px; margin-top:7px; background-size:205px; background-position:-44px 3px;}
.peix{ background-color:#d42828;}
.peix ins{display:inline-block; width:22px; height:23px; margin-top:7px; background-size:205px; background-position:-91px 3px; }
a#float-btn2{ display:none; position:fixed; z-index:99; bottom:40px; right:10px; width:48px; height:48px; border-radius:24px; opacity:0.6;background:#000 url(images/top.png) no-repeat center 14px; background-size:20px;}
#allItem{ display:none; position:fixed; top:49px; width:100%; z-index:2000;}
#articleID{ display:none; position:fixed; top:49px; width:100%; z-index:200;}
#wineFilter{ position:fixed; top:0px; bottom:0px; width:100%; height:100%; z-index:10000; visibility:hidden; background-color:#f1f1f1;}
/*#gardenFilter{ position:fixed; top:49px; bottom:0px; width:100%;  z-index:200; background-color:#f1f5f7;}*/
#winerySorts{position:fixed; /*top:49px;*/ width:100%; padding:0px 6px;  z-index:200; box-sizing:border-box; -moz-box-sizing:border-box;}
#grapeFilter{position:fixed; /*top:49px;*/ width:100%;  background-color:#f1f5f7; z-index:200; visibility:hidden;}
.mask {position:fixed; top: 0; left: 0; z-index:300; width:100%; height:100%; background: #000; opacity:0.8; -moz-opacity:0.8; display:none;}
.mask2 {position:fixed; top: 0; left: 0; z-index:105; width:100%; height:100%; background: #000; opacity:0.8; -moz-opacity:0.8; display:none;}
.closeItm, .closesort{ height:40px; text-align:center; line-height:40px; background-color:#f6f6f6; border-top:1px solid #f0f0f0; font-size:16px;}
.font1{ font-size:16px; font-weight:bold; color:#1655bd;}
.font2{ color:#1655bd;}
.font3{ color:#dd0000;}
.font4{ color:#aaa;}
.font5{ color:#dd0000; font-weight:bold;}
.font6{ color:#000;}
.font7{ color:#dd0000; font-size:18px; font-weight:bold;}
em.emc{ color:#dd0000; font-style:normal;}
/*.fixAD{ position:fixed; left:0px; bottom:0px; width:100%;}
.fixAD img{ width:100%; display:block;}*/
/*.navbar{ position:relative; height:155px; width:100%; background-color:#fff; padding:0px 8px; box-sizing:border-box; overflow:hidden;}*/
.home{ background-color:#c3d835;}
.home ins{ display:inline-block; width:25px; height:25px; margin-top:7px;  background-size:330px; background-position:-225px -40px;}
.jiuk{ background-color:#71c890;}
.jiuk ins{ display:inline-block; width:25px; height:25px; margin-top:7px; background:url(images/wp2.png) no-repeat 5px 0;  background-size: auto 25px; }
.wenhua{ background-color:#66c3c9;}
.wenhua ins{ display:inline-block; width:25px; height:25px; margin-top:7px;  background-size:255px; background-position:1px -27px;}
.malls{ background-color:#e96975;}
.malls ins{ display:inline-block; width:25px; height:25px; margin-top:7px; background:url(images/ceart.png) no-repeat 1px 2px;  background-size:auto 20px; }
.menu-arrays{
	position:absolute;
	width:145%;
	overflow:hidden;
	padding:15px 16px 6px 0;
	left: 21px;
	top: 2px;
}
.menu-arrays li{ float:left; width:16.66%; padding:0 0 12px 0; text-align:center;}
.menu-arrays li a{ display:block; color:#666;}
.menu-arrays li span{ display:block; width:38px; height:38px; border-radius:20px; margin:0px auto;}
.menu-arrays li p{ padding:2px 0 0 0; font-size:12px;}

.navabave{ display:none; width:100%; height:201px;}
.f-bd{ border-bottom:1px dotted #ddd;}
span.down{ background-position: -18px -58px; }



.boxpad1{ padding-bottom:50px;} 


.nav-l{ display:block; position:absolute; top:66px; left:5px; z-index:100; width:10px; padding-left:4px; height:40px;}
.nav-l ins{ display:inline-block; width:9px; height:24px; background:url(images/jtico2.png) no-repeat 0 0px; background-size:18px;}
.nav-r{ display:block; position:absolute; top:66px; right:2px; z-index:100; width:10px; padding-right:4px; height:40px;}
.nav-r ins{ display:inline-block; width:9px; height:24px; background:url(images/jtico2.png) no-repeat -9px 0px; background-size:18px;}
.navabave{ display:none; width:100%; height:181px;}


#allItems{ position:fixed; z-index:100; top:-1000px; padding-bottom:40px;}
.navbar{ position:relative; height:155px; width:100%; background-color:#fff; padding:0px 8px; box-sizing:border-box; -webkit-box-shadow:0 1px 2px #e3e4e8; -moz-box-shadow:0 1px 2px #e3e4e8; box-shadow:0 1px 2px #e3e4e8; border-bottom:1px solid #e0e0e0;}
.closeItm2{ display:block; position:absolute; bottom:-35px; left:50%;  width:80px; height:36px; line-height:26px; text-align:center; background-color:#fff; margin-left:-40px; border-bottom-left-radius:40px; border-bottom-right-radius:40px; box-shadow:0 2px 3px #ddd; border-bottom:1px solid #ddd; }
#gardenFilter{ background-color:#f1f5f7;}

wap
#wban99{width:640px; background:url(images/0028618-640.jpg) no-repeat; height:231px; margin:0px auto; padding-bottom:15px;}

.ind_fl{width:100%;  background-color:#e3ebb2; margin:0px auto;}
.ind_fl ul li{width:100%; height:180px; text-align:center;}
.jxxx{ height:15px; width:100%;}
#bot{width:100%; height:50px; border-top:5px solid #75651d; line-height:50px; margin:0px auto; text-align:center;}

.ind_fl0{width:48%; float:left; background-color:#e3ebb2; margin-right:4%; margin-top:15px;}
.ind_fl0 ul li{width:100%; height:auto; text-align:center;}
.ind_fl1{width:48%;  background-color:#e3ebb2;  float:left; background-color:#e3ebb2;margin-top:15px;}
.ind_fl1 ul li{width:100%; height:auto; text-align:center;}

.mainban1{with:100%; height:35px; line-height:35px;}
#tttble{width:1000px; margin:0p auto; height:300px;}
#tttble ul li{width:330px; height:30px; float:left;}



<!--newslist-->
.atctit{
    display: block;
	font-size:14px;
    line-height: 20px; 
}
.singleimg {
    display: block;
    float: right;
    padding: 0 0 0 5px;
    width: 90px;
}
.singleimg img {
    display: block;
}
.wzlist {
    border-bottom: 1px dotted #e8e8e8;
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}
.wzlist a {
    display: block;
}

.list-info {
    color: #bbb;
    display: block;
    font-size: 11px;
    padding-top: 10px;
}
