@charset "utf-8";
body{padding:0;margin:0;color:#333; font-size:14px; -webkit-text-size-adjust:100%;text-size-adjust:100%;font-family:PingFangSC-Regular,Helvetica,Arial,sans-serif; background-color:#f1f1f1;}
.pagebg{ background-color:#f1f1f1;}
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:#333;text-decoration:none}
a:visited{color:#333;text-decoration:none}
a:hover{color:#333;text-decoration:none}
a:active{color:#333;text-decoration:none}
a.blink:link{color:#2057b3;text-decoration:none}
a.blink:visited{color:#2057b3;text-decoration:none}
a.blink:hover{color:#2057b3;text-decoration:none}
a.blink:active{color:#2057b3;text-decoration:none}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder  {color: #c3c3c3 !important; }
input:-moz-placeholder, textarea:-moz-placeholder {color: #c3c3c3 !important;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #c3c3c3 !important;　}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {　color: #c3c3c3 !important; 　}
input[type="text"],input[type="password"], input[type="button"],textarea, button{ -webkit-appearance:none; border-radius:0px; outline:none;}
*{tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent;}
.header{ height:49px;}
.nav{ position:fixed; top:0px; left:0px; z-index:9999; width:100%; height:48px; border-bottom:1px solid #f1f1f1; background-color:#fff;}
.nav-func{ float:right; }
.nav-func a{ display:block; float:right; padding:0 10px 0 0; line-height:48px;}
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, .fav 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:10px;}
.sbox{ width:100%; overflow:hidden;}
.mbox{ width:100%; background-color:#fff; overflow:hidden;}
.colSort{ position:relative; z-index:200;}
.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{ float:left; padding:0 0 0 10px;}
#wrapper ul{ width:100%; height:49px; overflow:hidden;}
#wrapper ul li{ float:left; padding:0 0 0 10px; line-height:48px;}
#wrapper ul li a{ display: inline-block; padding:0 5px; font-size:16px;}
.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{ position:relative; z-index:100; height:49px; width:100%; overflow:hidden;}
#wrapper ul li a.curr{ color:#ac1630; border-bottom:1px solid #ac1630;}
.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, .liveP ins, .videoP 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:12px; height:28px; margin-top:8px; background:url(../images/po.png) no-repeat 0px 0px; background-size:10px; }
.feature{ background-color:#FF9966;}
.feature ins{ display:inline-block; width:22px; height:25px; margin-top:7px; background-size:205px; background-position:-161px 2px;}
.cq{ background-color:#7d9dde;}
.cq ins{ display:inline-block; width:22px; height:25px; margin-top:7px; background-size:240px; background-position:-163px 1px;}
.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:#9966CC;}
.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; }
.liveP{ background-color:#7d9dde;}
.liveP ins{display:inline-block; width:22px; height:23px; margin-top:10px; background-size:205px; background-position:-25px -45px;}
.videoP{ background-color:#66CCCC;}
.videoP ins{display:inline-block; width:22px; height:23px; margin-top:10px; background-size:205px; background-position:0px -45px;}
a#float-btn2{ display:none; position:fixed; z-index:99; bottom:40px; right:10px; width:45px; height:45px; border-radius:50%; 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; left:100%; width:100%; height:100%; z-index:10000; visibility:hidden; background-color:#f1f1f1;}
#winerySorts{position:fixed; top:49px; width:100%; padding:0px 6px;  z-index:200; box-sizing:border-box; -moz-box-sizing:border-box;}
.mask {position:fixed; top: 0; left: 0; z-index:300; width:100%; height:100%; background: #000; opacity:0.5; -moz-opacity:0.5; display:none;}
.mask2 {position:fixed; top: 0; left: 0; z-index:105; width:100%; height:100%; background: #000; opacity:0.5; -moz-opacity:0.5; display:none;}
.mask3 {position:fixed; top: 0; left: 0; z-index:1000; width:100%; height:100%; background: #000; opacity:0.5; -moz-opacity:0.5; 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:#2057b3;}
.font2{ color:#2057b3;}
.font3{ color:#ac1630;}
.font4{ color:#aaa;}
.font5{ color:#ac1630; font-weight:bold;}
.font6{ color:#000;}
.font7{ color:#ac1630; font-size:18px; font-weight:bold;}
.font8{ color:#ac1630; font-size:16px; }
.marg{ margin-bottom:10px;}
.wpad1{ padding-top:10px;}
em.emc{ color:#ac1630; font-style:normal;}
.fixAD{ position:fixed; left:0px; bottom:0px; width:100%;}
.fixAD img{ width:100%; display:block;}
.closeAD{ display:block; position:absolute; top:0px; right:0px; z-index:100; height:25px; line-height:25px; padding:0px 6px 0px 20px;  opacity:0.6; color:#fff; border-bottom-left-radius:15px;  background:#000 url(../images/close.png) no-repeat 10px 5px; background-size:12px; font-size:12px;}
.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;}
.home{ background-color:#e84360;}
.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:175%; overflow:hidden; padding:15px 16px 6px 0;}
.menu-arrays li{ float:left; width:14.28%; 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;}
.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;}
.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; }
#allItems{ position:fixed; z-index:100; top:-1000px; padding-bottom:40px;}
.navabave{ display:none; width:100%; height:155px;}
.boxpad1{ padding-bottom:50px;} 
/*-------------------app懂红酒首页-----------------------------------------*/
.app-header{ width:100%; height:45px;}
.appbar{ position:fixed; top:0; left:0;z-index:999; width:100%; height:45px; background-color:#fff;}
.pageTit{ height:44px; line-height:44px; padding:0 48px; text-align:center; font-size:18px; }
.pageTit span{ display:block; width:100%; overflow: hidden; white-space:nowrap;}
.bar-t{ width:100%; height:45px;}
.retbox{ position:relative; z-index:20; float:left; width:45px; height:44px; background:url(../images/retbg.png) no-repeat; background-size:cover;}
.retbox .retPage{ display:block;  width:45px; height:44px; background:url(../images/ret-gray.png) no-repeat center center; background-size:12px;}
.bar-t .reHome{ display:block; float:right; width:55px; height:44px; background:url(../images/home2.png) no-repeat center center; background-size:26px;}
.rgtbox{ float:right; width:45px; height:44px;}
.share{ display:block; width:45px; height:44px; background:url(../images/share_black.png) no-repeat center center; background-size:21px;}
.fav{ float:right; width:35px; height:44px;}
.fav span{ display:block; width:23px; height:23px; margin:11px auto 0 auto; background-size:130px; background-position:-95px -115px;}
.fav-ok span{background-position:0 -143px;}
.app-navscroll{ position:relative; height:44px; margin:0 48px 0 40px;}
.nav-shadow{ display:block; position:absolute; top:0; right:0; z-index:102; height:44px; width:20px;}
#app-wrapper{ position:relative; z-index:10; height:44px; width:100%; }
#app-wrapper ul{ position:absolute; width:685px; height:44px; -webkit-tap-highlight-color: rgba(0,0,0,0); -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;}
#app-wrapper ul li{ float:left; padding:0 14px 0 4px; line-height:44px;}
#app-wrapper ul li a{ display:block; font-size:17px;}
#app-wrapper ul li a.curr{ color:#ac1630; }
/*----------------------------------------------*/
.slideico{ position:relative; float:right; z-index:20; width:45px; height:40px; background:url(../images/arrow-bg.png) no-repeat; background-size:cover; }
.extendNav{ position:relative; float:right; z-index:20; width:48px; height:44px; line-height:44px; text-align:center; font-size:14px; background:#fff url(../images/navico.png) no-repeat center center; background-size:18px; }
.slide-click{ display:block; position:absolute; top:0; right:0; z-index:20; width:45px; height:40px; background:url(../images/arrow.png) no-repeat center center; background-size:14px;}
.bdb-1px{position:relative}
.bdb-1px:after{height: 1px; content: ''; width: 100%; border-top: 1px solid #e3e5e9; position: absolute; bottom: -1px;
right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}
.bdb-t-1px{position:relative}
.bdb-t-1px:after{height: 1px; content: ''; width: 100%; border-bottom: 1px solid #e3e5e9; position: absolute; top: -1px;right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}
.bdb-r-1px{position:relative}
.bdb-r-1px:after{ width:1px; height:100%; content: ''; border-right: 1px solid #e3e5e9; position: absolute; right:-1px; top:0;transform: scaleX(.5); -webkit-transform: scaleX(.5); z-index: 10;}
.top-so{ height:32px; padding:6px 10px 0 48px;}
.top-inp{ position:relative; height:32px; padding: 0 35px 0 30px; border-radius: 3px; background: #f1f2f3 url(../images/s.png) no-repeat 10px center; background-size: 14px;}
.top-inp input {height: 32px; border: 0px; width: 100%; padding: 0; background-color: transparent; font-size: 14px;}
.s-del {display: none; position: absolute; top: 0px; right: 0; width: 35px; height: 32px; background: url(../images/delete2.png) no-repeat center center; background-size: 15px;}
.latest-s{ padding:0 10px;}
.latest-t{ position:relative; padding:10px 0 8px 0; height:20px; font-size:12px; line-height:20px; color:#999;}
.a-del{ display:block; position:absolute; top:0; right:0px; width:40px; height:38px; background:url(../images/delete2.png) no-repeat center center; background-size:16px;}
.none-latest{ padding:0 0 10px 0; text-align:center; color:#aaa;}
.latest-cell{ width:100%; overflow:hidden;}
.latest-cell li{ float:left; margin:0 8px 8px 0;}
.latest-cell li a{ display:inline-block; height:26px; padding:0 10px; line-height:26px; border-radius:3px; background-color:#f1f2f3; font-size:12px;}
.hot-sch li a{ display:block; width:100%; height:45px; line-height:45px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.navfixed{ display:none; position:fixed; top:45px; left:0; width:100%; z-index:210; background-color:#fff;}
.navZone{ width:100%; overflow:hidden;}
.navZone li{ float:left; width:25%;}
.navZone li a{ position:relative; display:block; padding:60px 0 20px 0; font-size:16px; text-align:center;}
.navZone li span{ position:absolute; display:block; top:20px; left:50%; margin-left:-15px; width:30px; background:url(../images/wwico.png) no-repeat; background-size:130px;}
.navZone li .whicon{ height:28px; margin-left:-12px; background-position:-25px -25px;}
.navZone li .wineicon{ background-size:140px; width:26px; height:28px; margin-left:-12px; background-position:0 -59px;}
.navZone li .jzicon{ height:28px; margin-left:-14px; background-position:-24px -55px;}
.navZone li .cqicon{ height:30px;  background-position:-56px -52px;}
.navZone li .grapeicon{ height:30px;  background-position:-91px -54px;}
.navZone li .liveicon{ height:25px; background-size:140px;  background-position:-89px -89px;}
.navZone li .qaicon{ height:28px; background-size:140px;  background-position:0 -89px;}
.navZone li .lifeicon{ height:28px; width:26px; margin-left:-13px;  background-position:-28px -84px;}
.navZone li .zticon{ height:30px; width:26px; margin-left:-13px;  background-position:-56px -84px;}
.navZone li .ydicon{ height:30px; margin-left:-13px; background-size:138px;  background-position:-32px -120px;}
.navZone li .mallicon{ height:30px; width:26px; margin-left:-13px; background-size:138px; background-position:-2px -120px;}