@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;}
form,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,input{padding:0;margin:0;list-style:none}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0);}
img{vertical-align:middle;border:0;}
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;}
.headerserch{ height:95px;}
.nav{ position:fixed; top:0px; left:0px; z-index:150; width:100%;  background-color:#fff;}
.nav-func{ float:right;}
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;} 
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;}
.box{ width:100%; background-color:#fff; overflow:hidden; margin-bottom:15px;}
.sbox{ width:100%; 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;}
#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,.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;}
.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; }
#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;}*/
#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{ display:none; position:fixed; top:0px; left:0px; bottom:0px; z-index:160; width:100%; height:100%; background-color:#000; -moz-opacity:0.5; opacity:.5;}
/*.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;}
/*.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;}
.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;}
/*.nav-l{ display:block; position:absolute; top:60px; left:0px; z-index:100; width:10px; padding-left:4px; height:40px;}
.nav-l ins{ display:inline-block; width:10px; height:24px; background:url(images/jtico.png) no-repeat 0 -6px; background-size:20px;}
.nav-r{ display:block; position:absolute; top:60px; right:0px; z-index:100; width:10px; padding-right:4px; height:40px;}
.nav-r ins{ display:inline-block; width:10px; height:24px; background:url(images/jtico.png) no-repeat -11px -6px; background-size:20px;}*/
/*.closeItm2{ display:block; width:80px; height:36px; line-height:26px; text-align:center; background-color:#fff; margin:0px auto; border-bottom-left-radius:40px; border-bottom-right-radius:40px; box-shadow:0 1px 3px #ddd; }*/
/*#allItems{ position:absolute; top:-1000px; }*/
.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:155px;}
#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; }
/*20170228 文章、酒款、产区、酒庄、问答、品种 改版*/
a.blink:link{color:#2057b3;text-decoration:none}
.marg{ margin-bottom:10px;}
#wineFilter{ position:fixed; top:0px; bottom:0px; left:100%; width:100%; height:100%; z-index:10000; visibility:hidden; background-color:#f1f1f1;}
.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; }
em.emc{ color:#ac1630; font-style:normal;}
.wpad1{ padding-top:10px;}
.life{ background-color:#ff8033;}
.life ins{display:inline-block; width:12px; height:28px; margin-top:8px;margin-left:2.5px; background:url(images/po.png) no-repeat 0px 0px; background-size:10px; }
.navscroll{ float:left; padding:0 0 0 10px;}
.videoP{ background-color:#66CCCC;}
.videoP ins{display:inline-block; width:22px; height:23px; margin-top:10px; background-size:205px; background-position:0px -45px;}
.liveP{ background-color:#7d9dde;}
.liveP ins{display:inline-block; width:22px; height:23px; margin-top:10px; background-size:205px; background-position:-25px -45px;}
/*-------------------app懂红酒首页-----------------------------------------*/
.nav-shadow{ display:block; position:absolute; top:0; right:0; z-index:102; height:44px; width:20px;}
.app-header{ width:100%; height:41px;}
.app-nav{position:fixed; top:0px; left:0px; z-index:999; width:100%; height:40px; border-bottom:1px solid #f1f1f1; background-color:#fff}
.app-navscroll{ height:41px; margin:0 45px 0 1px;}
.app-wrapper{ position:relative; z-index:10; height:44px; width:100%; background:url(images/shd_02.png) no-repeat right top; background-size:auto 40px; }
.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 4px 0 14px; /*line-height:40px;*/}
.app-wrapper ul li a{ display:block; font-size:17px;padding: 14px 0 13px 0;line-height:16px;}
.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; }
.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:16px;}
.appbar{ position:fixed; top:0; left:0;z-index:999; width:100%; height:45px; background-color:#fff;}
.bar-t{ width:100%; height:45px;}
.bar-t .searcherlink{ position:relative; z-index:20; float:right; width:40px; height:44px; padding-left:3px; line-height:44px; text-align:center; font-size:20px; background-color:#fff;}
.bar-t a.search-top{ display:block; float:right; z-index:20; width:40px; height:44px; line-height:44px; text-align:center; font-size:21px; background-color:#fff;}
.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-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;}
.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-dark-1px{position:relative}
.bdb-dark-1px:after{height: 1px; content: ''; width: 100%; border-top: 1px solid #c0c0c2; position: absolute; bottom: -1px;right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}
.navscrolls{ position:relative; height:44px; margin:0 83px 0 6px;}
#nav-wrapper{ position:relative; z-index:10; height:44px; width:100%; }
#nav-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;}
#nav-wrapper ul li{ float:left; padding:0 14px 0 4px;}
#nav-wrapper ul li a{ display:block; padding:14px 0 13px 0; font-size:17px; line-height:16px;}
#nav-wrapper ul li a.curr{ color:#ac1630; }
a.retPage{ display:block; float:left; width:45px; height:45px; line-height:44px; font-size:21px; text-align:center; }
.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; font-size:21px; line-height:44px; text-align:center;}
.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:45px; height:44px;}
.fav span{ display:block; width:22px; height:22px; margin:11px auto 0 auto; background-size:130px; background-position:-95px -115px;}
.fav-ok span{background-position:0 -143px;}
.app-navscrollNew{ height:44px; margin:0 48px 0 40px;position: relative;}
#app-wrapperNew-ul li{ padding:0 14px 0 4px; /*line-height:44px;*/ }
.pageTit{ height:44px; line-height:44px; margin:0 45px; overflow:hidden; text-align:center; font-size:18px; }
.pageTit span{ display:block; width:100%; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.extendNav{ position:relative; float:right; z-index:20; width:40px; height:44px; line-height:44px; text-align:center; font-size:20px; background-color:#fff; }
.app-extendNav{ position:relative; float:right; z-index:20; width:48px; height:44px; line-height:44px; text-align:center; font-size:21px; background-color:#fff; }
.navfixed{ display:none; position:fixed; top:90px; 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;}

.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;}
.page404{  height: 200px;line-height: 20px;color: #63708b;padding: 200px 0 0 50px;background: url(images/404_03.jpg) no-repeat 0px 50px;  margin: auto;width: 400px;}
.box2 .page404 a{ color:#186FB6; border-bottom:1px solid #186FB6; text-decoration:none;}

.downapp{ height:45px;background-color: #333;}
a.fixed-d-cont{ display:block; width:100%; height:45px; }
.app-logo{ float:left; padding:6px 10px 0 10px;}
.app-inf{ margin:0 85px 0 54px; padding:6px 0 0 0; line-height:16px; font-size:15px;  color:#f2f2f2; }
.app-inf p{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-top:1px; font-size:11px;}
.app-function{ float:right; height:30px; padding:0 12px; margin-top:8px; margin-right:8px; background-color:#ac1630; color:#fff; line-height:30px; border-radius:3px; font-size:12px; }
.navwrap{ height:48px; width:100%;}

.top-so{ height:32px; padding:6px 10px 0 45px;}
.top-inp{ position:relative; height:32px; padding: 0 35px 0 30px; border-radius: 3px; background: #f1f2f3;}
.top-inp input {height: 32px; border: 0px; width: 100%; padding: 0; background-color: transparent; font-size: 14px;}
.schico{ display:block; position:absolute; top:0; height:32px; left:0; width:30px; font-size:14px; color:#aaa; text-align:center; line-height:32px;}
.s-del {display: none; position: absolute; top: 0px; right: 0; width: 35px; height: 32px; font-size:19px; line-height:32px; text-align:center; color:#c8c8c8;}
.latest-s,.relcont{ padding:0 10px;}
.relcont{ display:none;}
.relcont-list li{ padding:0 0 0 30px;}
.relcont-list a{ display:block; width:100%; height:45px; overflow:hidden; line-height:45px; white-space:nowrap; text-overflow:ellipsis;}
.relcont-list a em{ font-style:normal; font-weight:normal; color:#ac1630;}
.relcont-list span{ display:block; position:absolute; top:0; left:0; width:30px; height:45px; line-height:45px; font-size:14px; color:#aaa; text-align:center;}
.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;}
.showSch{ padding-top:6px; margin:0 10px 0 45px; }
.schbar{padding:9px 0; line-height:14px; background-color:#f1f2f3; border-radius:3px; color:#c3c3c3;}
.showSch span{ display:block; width:30px; float:left; text-align:center; font-size:14px; color:#aaa;}


.tab-tit{ padding:8px 0 8px 10px;}
.tab-list{ width:100%; overflow:hidden; background-color:#fff;}
.tab-cell{ position:relative; float:left; width:33.333%; -webkit-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #f1f1f1; border-right:1px solid #f1f1f1; text-align:center; }
.tab-cell img{ display:block; width:100%;}
.tab-cell a{ display:block; position:absolute; top:12%; left:0; width:100%; bottom:0;}
.navico{ width:100%; height:44%; text-align:center;}
.circular{ position:relative; display:inline-block; height:100%;}
.circular img{ display:block; height:100%; width:auto;}
.circular span{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; border-radius:50%; }
.circular .wine-ico{ background:#c83158 url(images/wine.png) no-repeat center center; background-size:58%;}
.circular .winery-ico{ background:#bc8244 url(images/winery.png) no-repeat center center; background-size:58%;}
.circular .region-ico{ background:#5f64cf url(images/region.png) no-repeat center center; background-size:68%;}
.circular .zhishi-ico{ background:#21b88f url(images/yuedu.png) no-repeat center center; background-size:56%;}
.circular .article-ico{ background:#4b94df url(images/yuandi.png) no-repeat center center; background-size:56%;}
.circular .grape-ico{ background:#7750c0 url(images/grape.png) no-repeat center center; background-size:60%;}
.circular .live-ico{ background:#33a7f1 url(images/live.png) no-repeat center center; background-size:60%;}
.circular .qa-ico{ background:#f2721c url(images/qa.png) no-repeat 8px center; background-size:56%;}
.circular .zhuanti-ico{ background:#df4434 url(images/zhuanti.png) no-repeat center center; background-size:56%;}
.circular .mall-ico{ background:#d63131 url(images/mall.png) no-repeat center center; background-size:68%;}
.circular .kuajing-ico{ background:#377cdb url(images/kuajing.png) no-repeat center center; background-size:80%;}
.circular .qijiu-ico{ background:#d88031 url(images/qijiu.png) no-repeat center center; background-size:56%;}
.tab-name{ width:100%; height:56%; display:-moz-box; -moz-box-pack: center; -moz-box-align: center; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; display:box; box-align:center; box-pack:center; vertical-align:middle; font-size:13px; line-height:16px;}
.tab-name i{ font-size:10px; font-style:normal; color:#666;}
@media screen and ( max-width:360px ){
.tab-name{font-size:12px;}
}

.headNav a.sortico{ padding:0 15px 0 10px; display:block; float:left;  text-align:center; font-size:11px;}
.headNav a.sorticonoclick{ padding:0 15px 0 10px; display:block; float:left;  text-align:center; font-size:11px;}
.sortico{ height:20px; padding-top:5px; display:block; text-align:center; font-size:18px;}

.homeheader{ height:49px;}
.homenav{ position:fixed; top:0px; left:0px; z-index:150; width:100%;  background-color:#fff;}
.headNav{ width:100%; height:49px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}
.headNav a.retpage,.headNav span.retpage,.headNav a.retpage, .headNav span.retpage{ display:block; float:left; width:45px; height:48px; line-height:48px; text-align:center; font-size:21px;}

.navcell{ display:inline-block; padding-top:28px;}
.xuanjiu{ background:url(images/sort.png) no-repeat 3px 10px; background-size:17px;}
.xuanjiu.curr{ color:#ac1630; background-position:-18px 10px;}
.nav-qj{ background:url(images/qijiu-small.png) no-repeat 3px 8px; background-size:50px;}
.nav-kj{background:url(images/kuajing-small.png) no-repeat 1px 7px; background-size:50px;}
.soso{ background:url(images/sosuo.png) no-repeat 2px 8px; background-size:50px;}
.soso.curr{ color:#ac1630; background-position:-19px 10px;}
.h-u{background:url(images/user.png) no-repeat 3px 7px; background-size: 17px;}
.sorts{ float:right;}

.topimg{ float:left; padding-top:9px; padding-left:5px;}

.filter-itm{ padding:5px 0;}
.filter-tit{ padding:6px 10px 4px 10px; font-weight:bold; color:#999;}
.filter-tit span{ display:inline-block; float:right; width:17px; height:11px; margin-top:8px; background:url(images/ico.png) no-repeat 0px -53px; background-size:110px; }
.filter-tit span.down{ background-position: -16px -53px; }
.themes, .themes-three, .themes-four{ width:100%; overflow:hidden; padding:0 4px 0 10px; box-sizing:border-box; -moz-box-sizing:border-box;}
.themes li{ float:left; width:50%; padding:6px 6px 0 0; box-sizing:border-box; -moz-box-sizing:border-box;}
.themes li a{ display:block; padding:8px 4px 8px 10px; font-size:12px; border:1px solid #f3f3f3; background-color:#fafafa;}
.themes li i{ font-size:10px; display:inline-block; padding-left:3px; font-style: normal; }
.theme-tit{ display:block; width:100%; text-align:center; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
.themes-three li{ float:left; width:33.333%; padding:6px 6px 0 0; box-sizing:border-box; -moz-box-sizing:border-box;}
.themes-three li a{ display:block; padding:8px 4px 8px 10px; font-size:12px; border:1px solid #f3f3f3;  background-color:#fafafa; text-align:center;}
.themes-four li{ float:left; width:33%; padding:6px 6px 0 0; box-sizing:border-box; -moz-box-sizing:border-box;}
.themes-four li a{ display:block; padding:8px 4px 8px 10px; font-size:12px; border:1px solid #f3f3f3;  background-color:#fafafa; text-align:center;}
.filter-btn{ position:fixed; bottom:0px; left:0px; width:100%; height:45px; line-height:45px; border-top:1px solid #e6e6e6; font-size:12px; background-color:#fff;}
.filter-btn a{ display:block; float:right; width:50%; height:45px; background-color:#ac1630; color:#fff; font-size:16px; text-align:center;}
.filter-btn .reset-btn{ display:block; float:right; width:50%; height:45px; text-align:center; border-left:1px solid #e3e3e3; font-size:16px; background-color:#f0f0f0;}
.themes-four li a.curr, .themes-three li a.curr, .themes li a.curr{ border:1px solid #ac1630; background-color:#fff; color:#ac1630;}
.f-bd{ border-bottom:1px dotted #ddd;}
.wfilters{ position:relative; width:100%; overflow:hidden;}
.filterCont{  position: absolute; width:100%;}

.choose-filter{ display:none; position:fixed; top:0px; bottom:0px; z-index:999999; width:100%; height:100%; padding-bottom:55px; overflow-y:auto; background-color:#fff; box-sizing:border-box; -moz-box-sizing:border-box;}
.choose-itm{ padding:5px 0;}
.choose-tit{ font-size:18px; padding:10px 10px 4px 10px; color:#ac1630;}
.choose-tit span{ display:inline-block; float:right; width:18px; height:11px; margin-top:8px; background:url(images/ico.png) no-repeat 0px -58px; background-size:116px; }
.choose-tit span.down{ background-position: -18px -58px; }
.choose-btn{ position:fixed; bottom:0px; width:100%; height:45px; line-height:45px; border-top:1px solid #e6e6e6; font-size:12px; background-color:#fff;}
.choose-btn a{ display:block; float:right; width:50%; height:45px; background-color:#ac1630; color:#fff; font-size:16px; text-align:center;}
.choose-btn .reset-btn{ display:block; float:right; width:50%; height:45px; text-align:center; border-left:0px solid #e3e3e3; font-size:16px; background-color:#f0f0f0;}

.foot_link{background-color:#ffffff;color:#aaa; font-size:12px; border-top:1px solid #e6e6e6;text-align:center;margin:0 0; padding:10px 0;}
.foot_link .link { color:#ccc; font-size:14px;}
.foot_link .link li {padding:0 10px;display:inline-block; line-height:16px; vertical-align:middle; border-right:1px solid #ccc;}
.foot_link .link li:last-child { border-right:0 none;}
.foot_link p{line-height:20px;text-align:center; width:100%; font-size:11px; margin-top:5px;}
.foot_link a {color:#666;font-size:13px;}

.floatbox{position:fixed; z-index:100; bottom:50px; right:4px;}
.float-btn{width:35px; padding:10px 0px 10px 0; height:64px; border-radius:16px; background-color:#000; opacity:0.6;}
.float-top-bg{ width:38px; height:38px; border-radius:50%; background-color:#000; opacity:.6;}
.float-cart{ display:block; position:absolute; z-index:10; top:10px; left:0; width:35px; height:25px; padding-bottom:6px; border-bottom:1px solid #777; background:url(images/cart.png) no-repeat center 3px; background-size:20px;}
.float-phone{ display:block; position:absolute; z-index:10; top:10px; left:0; width:35px; height:25px; padding-bottom:6px; border-bottom:1px solid #777; background:url(images/phone.png) no-repeat center 3px; background-size:20px;}
.float-top{ position:absolute; z-index:10; display:block; width:35px; height:30px; top:45px; background: url(images/top.png) no-repeat center 8px; background-size:15px;}
.cart-sl2{ display:block; position:absolute; top:-6px; right:8px; z-index:9999; padding:0 4px; height:14px; border-radius:8px; background-color:#ac1630; color:#fff; font-size:9px; line-height:14px; text-align:center;}

.lodingmore {margin:0px auto 15px;width:180px;color: #666;text-align:center;}

.forChat{ position:fixed; z-index:5; top:268px; right:0; width:32px; padding:6px 0 6px 0; text-align:center; font-size:10px; border-top-left-radius:8px; border-bottom-left-radius:8px; background-color:#708bbc; color:#fff;}
.forChat span{ display:block; width:32x; height:20px; background:url(images/chat.png) no-repeat center center; background-size:15px;}

.cent-search{ height:32px; padding:6px 0 0 0; margin:0 45px;}
.sbar{ height:32px; background-color:#f1f2f3; border-radius:3px;}
.search-inp{ position:relative; height:32px; padding:0 0 0 30px; background:url(images/s.png) no-repeat 10px center; background-size:14px; }
.search-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; line-height:32px; font-size:19px; text-align:center; color:#c8c8c8;}