﻿@charset "utf-8";
body{ text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100% !important;width:100%; max-width:100%; padding:0;margin:0;color:#333;font-family: PingFangSC-Regular,Helvetica,Arial,sans-serif;text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100% !important; background-color:#f1f1f1; font-size:14px;}
*{tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent;}
form,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,input{padding:0;margin:0;list-style:none; font-family: PingFangSC-Regular,Helvetica,Arial,sans-serif; outline:none;}
input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="button"],textarea{ -webkit-appearance:none; outline:none; border-radius:0px;}
input[type="password"]{ font-family:Arial, Helvetica, sans-serif;}
input[type="search"], input[type="text"] { -webkit-appearance: textfield; box-sizing: content-box; background-color: transparent; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; padding: 0; font-size: 14px; -webkit-appearance: none; outline: none; border-radius: 0; border: 0 }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c3c3c3 !important }
img { border: 0; vertical-align: middle }
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.blinks:link{color:#2057b3;text-decoration:none}
a.blinks:visited{color:#2057b3;text-decoration:none}
a.blinks:hover{color:#2057b3;text-decoration:none}
a.blinks:active{color:#2057b3;text-decoration:none}
a.clink{color:#2057b3; text-decoration:underline; }
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;}
.box-white { width: 100%; margin: 0 auto; overflow: hidden; background-color: #fff; margin-bottom: 10px }
.box{ width:100%; max-width:640px; margin:0px auto; overflow:hidden;}
.slidebox{ width:100%; margin:0px auto; overflow:hidden;}
.box2{ width:100%; max-width:640px; margin:0px auto; overflow:hidden; background-color:#fff;}
.box3{ width:100%; max-width:640px; margin:0px auto; }
.box4{ width:100%; max-width:640px; margin:0px auto 10px auto; overflow:hidden; background-color:#fff; border-bottom:1px solid #e6e6e6; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
.pad{ padding-top:15px;}
.pad2{ padding-bottom:10px;}
.pad3{ padding-top:10px;}
.pad4{ padding:20px 8px 50px 8px;}
.pad5{ padding-bottom:40px;}
.pad6{ padding-left:15px;}
.pad7{ padding-bottom:60px;}
.pad8{ padding-bottom:90px;}
.marg{ margin-top:12px;}
.marg2{ margin-bottom:10px;}
i,em { font-style: normal }
.noscroll { height: 100%; overflow: hidden; }
.noscroll body { position: relative; height: 100%; overflow: hidden; }
.noscroll .pagewrap { height: 100%; overflow: hidden; }
.txt-wrap { width: 100%; height: 410px; padding: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.tip-simp {position: relative;padding: 10px;color: #999;line-height: 1.428571429;font-size: 12px;}
.tip-simp .tipico { width: 14px; height: 14px; padding-right: 5px; line-height: 14px; font-size: 14px; color: #999; font-weight: bold; vertical-align: -1px; }
.article-list-bd, .cell-primary, .check-primary, .checker-panel-primary, .coupon-value .val, .coupon-value-invalid .val, .filter-tit .filter-extend, .ordered-bd, .share-bd, .tip-simp .tip-bd, .grid-price-bd, .panel-primary, .relsearch-jm {-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; }
.hnav{ position:relative; z-index:12; width:100%; max-width:640px; margin:0px auto; height:49px;}
.hborder{ border-bottom:1px solid #e3e3e3;}
.hborder2{ border-bottom:2px solid #222e52;}
.hnav-t{ position:fixed; top:0px; width:100%; max-width:640px; z-index:1000;background-color:#fff; }
.xzh-hnav-t{width:100%; max-width:640px;background-color:#fff;}
.fixHnav{ position:absolute;}
.hnav-t .left{ float:left;padding:6px 0 2px 16px;}
.xzh-hnav-t .left{ float:left;}
.xzh-fixed{position:fixed;width:100%;top:0;left:0;z-index:15;background-color:#fff;}
.xzh-height{height:66px;}
.xzh-wrap{height:66px;width:100%;}
.hnav-b{width:100%; max-width:640px; overflow:hidden; position:fixed; top:0px; padding:8px 0px 10px 0px; background-color:#f1f1f1; z-index:9999;}
a.wwlogo{ display:block; float:left; width:86px; height:48px; background:url(../images/logo.png) no-repeat 10px 9px; background-size:60px; }
.hnav-ind{ margin:0px 55px; padding-top:7px; }
.hnav-ind .search .s-box{ width:100%; background-color:#f0f0f0; border-radius:3px; height:34px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.hnav-ind .search .s-box .s-input{ display:block; height:32px; padding:0 40px 0 0;}
.hnav-ind .search .s-box .s-input input{ display:block; width:100%; height:32px; padding:0 0 0 10px; font-size:14px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:0px; border-radius:5px; background-color:#f0f0f0;}
.hnav-ind .search .s-box .s-btn{ display:block; float:right; width:40px; height:30px; border:0px; background:#f0f0f0 url(../images/s.png) no-repeat center 9px; background-size:15px; border-radius:5px;}
.audio{ display:block; position:absolute; right:0; top:0; width:35px; height:32px; line-height:32px; text-align:center; color:#2057b3; font-size:20px;}
.sorts{ float:right; position:relative;  height:32px; padding-right:0px;  padding-top:6px; padding-bottom:8px;}
.navbar{ float:left; width:100%; height:32px; }
.hnav-t a.sortico{ padding:0 15px 0 10px; display:block; float:left;  text-align:center; font-size:11px;}
.hnav-t a.sorticonoclick{ padding:0 15px 0 10px; display:block; float:left;  text-align:center; font-size:11px;}
.hnav-t .sorts a.sortico{ padding:0 15px 0 5px; display:block; float:left;  text-align:center; }
.hnav-t .sorts a.sortico span{ padding:23px 0 0 0; display: inline-block;  font-size:11px; background:url(../images/sort.png) no-repeat 3px 5px; background-size:16px;}
.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;}
.huodong{ background:url(../images/huodong.png) no-repeat 3px 10px; background-size:52px;}
.homeico{ background:url(../images/home2.png) no-repeat 3px 7px; background-size:45px;}
.dongico{ background:url(../images/dong.png) no-repeat 5px 9px; background-size:52px;}
.dongico.curr{ color:#ac1630; background:url(../images/dong.png) no-repeat -32px 8px; background-size:60px;}
.huodong.curr{ color:#ac1630; background-position:-31px 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;}
.dongico{ background:url(../images/dong.png) no-repeat 5px 9px; background-size:52px;}
.dongico.curr{ color:#cc0000; background:url(../images/dong.png) no-repeat -32px 7px; background-size:60px;}
.sorts .h-u{ padding:23px 0 0 0; display:block; float:left; margin-right:16px; text-align:center; font-size:11px; background:url(../images/user.png) no-repeat 3px 4px; background-size: 17px;}
.sorts .phone{ padding:20px 0 0 0; display:block; float:left; margin-right:15px; text-align:center; font-size:11px; background:url(../images/phone.png) no-repeat 1px 0px; background-size: 20px;}
.sorts .shopcart{ padding:20px 0 0 0; display:block; float:left; margin-right:22px; text-align:center; font-size:11px; background:url(../images/add-shopping-cart.png) no-repeat 5px 0px; background-size:20px;}
.navbar a{ display:block; float:left; padding:0px 15px 0px 15px;}
.navbar a.uright{ float:right;}
.navbar .h-u{ padding:20px 0 0 0; display:block; float:left; text-align:center;font-size:11px; background:url(../images/user.png) no-repeat 0px 0px; background-size: 20px;}
.hnav-t a.home{ padding:21px 0 0 0; display:block; float:left;  text-align:center; font-size:11px; background:url(../images/home.png) no-repeat 0px 2px; background-size:20px;}
.navbar .sosuo{ padding:20px 0 0 0; display:block; float:left;  text-align:center; font-size:11px; background:url(../images/so.png) no-repeat 2px 0px; background-size:42px;}
.navbar .sosuo.curr{ background-position:-21px 0px; color:#d10000;}
.navbar .cartico{ padding:20px 0 0 0; display:block; float:left;  text-align:center; font-size:11px; background:url(../images/add-shopping-cart.png) no-repeat 2px 0px; background-size:20px;}
.pages2 a.nonpage{ color:#ccc;}
.pages2 .pagecurr{display:inline-block; position:relative;  padding:6px 20px; font-size:16px; background-color:#f9f9f9; border:1px solid #fff; box-shadow:0px 0px 3px #bbb;}
.pages2 .pagecurr i{ display:inline-block; width: 0;height:0px; padding-top:3px; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #aaa;}
.pages2{ padding:20px 0px 40px 0px; text-align:center;}
.pages2 a{ display:inline-block; padding:6px 10px; margin:0px 6px; background-color:#f9f9f9; border:1px solid #fff; font-size:16px; box-shadow:0px 0px 3px #bbb; text-decoration:none; }
.pages2 .pagenum{ position:absolute; top:0px; left:0px; opacity:0; padding:6px 0px; height:30px; width:100%;}
.width95{width:95%;margin:0 auto;}
.font1{ font-size:20px;}
.font2{ color:#ac1630;font-style: normal;}
.font3{ color:#1655bd;}
.font4{ font-size:12px; color:#999;}
.font5{ font-size:12px; color:#666; line-height:16px;}
.font6{ color:#ac1630; font-size:16px;}
.font7{ color:#15b500;}
.font8{ color:#1655bd; font-size:12px;}
.font9{ display:block; text-align:center; padding:0px 8px 10px 8px; line-height:28px; font-size:20px; color:#00368f}
.font10{color:#00368f; font-weight:bold;}
.font11{ font-size:22px; color:#d10000;}
.font12{ text-decoration:line-through;}
.font13{ color:#777; }
.font14{ font-size:20px; color:#dd0000;}
.font15{ color:#000; font-weight:bold; }
.ufont4{ text-decoration:line-through; font-size:14px;}
.ufont5{ color:#dd0000; font-size:14px;}
.ufont6{ color:#000; font-weight:bold; }
.ufont7{ color:#999;}
.ufont8{ color:#9098a4;}
.ufont8{ font-size:12px; color:#aaa;}
.ufont9{ font-size:11px; color:#333; line-height:16px;}
.ufont10{ font-size:18px; color:#dd0000;}
.ufont11{ color:#2963c4;}
.font12{ text-decoration:line-through;}
.font13{ color:#777; }
.font14{ font-size:20px; color:#dd0000;}
.font16{ color:#ac1630;}
.font17{ color:#aaa; }
.font18{ color:#333; }
.font-red { color: #ac1630 }
.font-gray { color: #999 }
.ufont9{ width:100%; padding-top:3px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; line-height:14px; }
.textbox{ width:100%; height:50px; border:0px; padding:13px 0 0 0; overflow: scroll; font-size:15px;-webkit-tap-highlight-color: rgba(0,0,0,0); }
.textarea { width: 100%; height: 34px; margin: 8px 0; border: 0px; padding: 0; overflow-y: scroll; resize: none; font-size: 15px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.downlist{ font-size:14px; border-radius:0px; margin-bottom:10px; -webkit-appearance: none; outline:none; padding:5px 25px 5px 8px; border:1px solid #ccc; background:url(../images/sjo_03.gif) no-repeat; background-size:16px; background-position: right center;}
.mod01{ width:100%; overflow:hidden; padding:10px 8px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
a.btn-c{ display:block; position:absolute; right:10px; top:4px; padding:8px 20px; font-size:14px; background-color:#4f6cbf; color:#fff;}
.popContainer{ position:fixed; top:40%; width:100%; z-index:1070;}
.popmain{ width:85%; max-width:400px; margin:0 auto; background-color:#fff; border-radius:8px;}
.popdiv{ position:fixed; top:40px; width:95%; left:50%; margin-left:-48%; background-color:#fff;  z-index:999; border-radius:5px;}
.pop-msg{ position:fixed; top:100px; width:90%; left:50%; margin-left:-45%;  background-color:#fff;  z-index:999; border-radius:5px;}
.poptit{ padding:10px 15px; background-color:#212c4f; color:#fff; font-size:16px; border-top-left-radius:4px;border-top-right-radius:4px;}
.popcont{ padding:20px 15px;}
.poptip{ padding:30px; line-height:26px; font-size:16px;}
.short-tip{ text-align:center;}
.boldf{ display:block; font-weight:bold; text-align:center;}
.describ{ padding-top:5px;font-size:16px; line-height:26px;}
.popfoot{ width:100%; overflow:hidden; border-top:1px solid #eee; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.pfleft{ float:left; width:50%;}
.pfleft span, .pfleft a{ display:block; width:100%; padding:13px 0; text-align:center; font-size:16px; text-decoration:none;}
.pfleft .white-c{ border-top:1px solid #eee;padding:12px 0 13px 0; }
.pfleft a.pf-link, .pfleft span.pf-link{ background-color:#ac1630; color:#fff;}
.infm{ text-align:center; padding:20px 0; font-size:18px;}
/*.popfoot a{ display:block; float:left; width:100%; padding:15px 0; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }*/
.popfoot a.pop-btn-jx{ border-left:1px solid #e2e3e7;}
.pfbtn{ display:block; float:left; width:50%; border-right:1px solid #ddd; padding:14px 0; text-align:center; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; font-size:16px; border-top:1px solid #e2e3e7;}
.bold-t{ display:block; text-align:center; font-size:18px; font-weight:bold; line-height:24px;}
.pop-p{ line-height:21px; padding-bottom:8px;}
.pop-t{ font-size:16px; line-height:26px;}
.popclose{ position:absolute; top:5px; right:8px; width:30px; height:30px;  border-radius:15px; text-align:center; color:#fff; font-size:24px; cursor:pointer; }
.popclose span{ display:block; line-height:30px; margin-top:-2px;}
.pop-btn{ padding:15px 0 20px 0; text-align:center;}
.pop-btn .pop-s1{ display:inline-block; padding:8px 30px; background-color:#212c4f; font-size:16px; color:#fff; border-radius:2px;}
.point{ display:inline-block; color:#333; font-size:14px;}
#mask {position:fixed; top: 0; left: 0; z-index:105; width:100%; height:100%; background: #666; opacity:0.9; -moz-opacity:0.9; display:none;}
.mask{ display:none; position:fixed; top:0px; left:0px; bottom:0px; z-index:105; width:100%; height:100%; background-color:#000; -moz-opacity:0.6; opacity:.6;}
#mask2 {position:fixed; top: 0; left: 0; z-index:105; width:100%; height:100%; background: #000; opacity:0.6; -moz-opacity:0.6; display:none;}
.mask3{ display:none; position:fixed; top:0px; left:0px; bottom:0px; z-index:3; width:100%; height:100%; background-color:#000; opacity:.6;}
.mask-tm{ display:none; position:fixed; z-index:5; top:0px; left:0px; bottom:0px; width:100%; height:100%; background-color:#fff; -moz-opacity:0; opacity:0;}
.jfen{ font-style:normal; font-size:12px; color:#39497a;}
/*old filer start*/
.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:30%; height:45px; background-color:#ac1630; color:#fff; font-size:16px; text-align:center;}
.filter-btn .reset-btn{ display:block; float:right; width:20%; 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%;}
/*old fliter end*/
/*new filter START 2018-6-11*/
.slide-filter{position:fixed;top:0;bottom:0;left:100%;z-index:199;width:90%;-webkit-transform:translateX(10%);transform:translateX(10%);-webkit-transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1);transition:transform .5s cubic-bezier(.165,.84,.44,1);background-color:#fff}
.wfilters{position:relative;z-index:10;width:100%;height:100%;overflow:hidden}
.filterCont{position:absolute;width:100%;padding-bottom:60px}
.slide-serior{visibility:hidden;position:fixed;top:0;bottom:0;z-index:9999;width:100%;height:100%;padding-bottom:55px;overflow-y:auto;background-color:#fff;box-sizing:border-box;-moz-box-sizing:border-box}
/*.filter-itm{padding:5px 0 10px}
.filter-tit{width:100%;padding:6px 10px;overflow:hidden;color:#999;box-sizing:border-box}
.filter-heading{float:left;color:#333;font-weight:700}
.filter-extend{margin:0 0 0 88px;text-align:right;font-size:9pt}
.filter-ico{display:inline-block;float:right;width:20px;height:18px;font-size:18px;line-height:18px;color:#999}
.filter-selected{margin-right:20px}
.filter-info{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ac1630}
.themes,.themes-four,.themes-three{width:100%;height:auto;overflow:hidden;padding:0 4px 0 10px;box-sizing:border-box;-moz-box-sizing:border-box}
.max-height{max-height:36px}
.themes li{float:left;width:50%;padding:3px 6px 3px 0;box-sizing:border-box;-moz-box-sizing:border-box}
.theme-bd{height:2pc;padding:0 4px;line-height:2pc;font-size:9pt;background-color:#f1f2f3;vertical-align:middle}
.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{width:33.333%}
.themes-four li,.themes-three li{float:left;padding:3px 6px 3px 0;box-sizing:border-box;-moz-box-sizing:border-box}
.themes-four li{width:25%}
.filter-btn{position:absolute;z-index:100;bottom:0;left:0;right:0;width:100%;height:45px;line-height:45px;border-top:1px solid #e6e6e6;font-size:9pt;background-color:#fff}
.filter-btn a{width:30%;background-color:#ac1630;color:#fff}
.filter-btn .reset-btn,.filter-btn a{display:block;float:right;height:45px;font-size:1pc;text-align:center}
.filter-btn .reset-btn{width:20%;border-left:1px solid #e3e3e3;background-color:#f0f0f0}*/

/*new filter END 2018-6-11*/

.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:30%; height:45px; background-color:#ac1630; color:#fff; font-size:16px; text-align:center;}
.choose-btn .reset-btn{ display:block; float:right; width:20%; height:45px; text-align:center; border-left:1px solid #e3e3e3; font-size:16px; background-color:#f0f0f0;}


.fixed-floor-layer {
    position: fixed;
    z-index: 1000;
    right: 4px;
    bottom: 140px;
}
.fixed-floor-layer .gotochat {
        display: block;
        width: 40px;
        height: 40px;
        color: #fff;
        font-size: 22px;
        line-height: 40px;
        text-align: center;
        background: rgba(32, 87, 179, 0.9);
        font-weight: bold;
        border-radius: 20px;
    }
.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-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;}
.topChg{ width:38px; top:3px;}
a.float-btn2{ display:block; position:fixed; z-index:9999; 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;}
a.float-cart2{ display:block; position:fixed; z-index:9999; bottom:60px; right:10px;}
.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;}
.addok{ position:fixed; bottom:100px; left:50%; margin-left:-100px; width:180px; padding:12px 10px; background-color:#000; color:#fff; text-align:center; font-size:16px;z-index:99999; opacity:0;}
.mwico{background:#f14156 url(../images/dstj.png) no-repeat center center; background-size:22px;}
.tip01{ padding-bottom:5px; line-height:26px; font-size:18px; font-weight:bold; color:#1266d8;}
.qico{ width:50px; height:50px; background:url(../images/quan_03.png) no-repeat; background-size:50px;}
.tip-i01{ font-size:14px; line-height:20px; color:#666;}
.newdot{ display:block; position:absolute; top:7px; right:9px; width:8px; height:8px; border-radius:4px; background-color:#ee0000;}
.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;}
.blankbox{margin-bottom:50px; width:100%; background-color:#f1f1f1; padding:20px 0 0 0; text-align:center;}
.blankico {display: block;margin: 50px auto 0px;width: 68px;height: 70px;background: url(../images/wwico.png) no-repeat -136px 0;background-size: 248px;}
.blankbox p{ padding-top:10px; font-size:18px; color:#999;}
.blankbox p span{ font-size:12px; color:#aaa;}

.endtip { font-size: 12px; text-align: center; color: #999; padding: 10px 0 20px 0; }

.sodown2{ display:none; position:fixed; top:48px; left:0px; z-index:1000; width:100%; background-color:#fff; border-bottom:1px solid #e6e6e6;}
.sodown2 ul li{ padding:0px 10px 0px 36px; width:100%; overflow: hidden; white-space:nowrap; line-height:38px; border-bottom:1px solid #e6e6e6; text-overflow:ellipsis; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:url(../images/d9.png) no-repeat 16px center; background-size:12px;}

.usercode {color:#aaa;float:right;padding:10px;}
 #xiaoneng{position: fixed;bottom: 50%; background-size: 30px;height: 54px;width: 30px;background-repeat: no-repeat;right: 0px;left: auto;background-image: url(../images/mobileicon.jpg);}

.cbbar{ padding-bottom:10px;}
.cb-slider a{ display:block; float:left; width:100%; padding:0px 5px 15px 5px; overflow:hidden;  font-size:12px; text-align:center; line-height:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration:none;}
.cb-slider span{ display:block; width:40px; height:40px; margin:0px auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin-bottom:3px; }
.suiteico{background:#718fff url(../images/yxtz.png) no-repeat center center; background-size:23px;}
.cb-slider i{ display:block; width:100%; white-space:nowrap; overflow:hidden; font-style:normal; }
.mico-allwine-kj { background: #708bbc url("../images/bottle.png") no-repeat center center; background-size: 23px; }
.mico-suit { background: #3198f0 url("../images/yxtz.png") no-repeat center center; background-size: 23px; }
.cbico1{ background:#f2a705 url(../images/CBEN_03.png) no-repeat center center; background-size:25px;}
.cbico2{ background:#ea3232 url(../images/CBEN_06.png) no-repeat center center; background-size:28px;}
.cbico3{ background:#b66cbb url(../images/CBEN_14.png) no-repeat center center; background-size:29px;}
.cbico4{ background:#c4879b url(../images/CBEN_11.png) no-repeat center center; background-size:29px;}
.cbico5{ background:#f82a5d url(../images/CBEN_19.png) no-repeat center center; background-size:29px;}
.cbico6{ background:#8c68d4 url(../images/CBEN_22.png) no-repeat center center; background-size:25px;}
.cbico7{ background:#ffa200 url(../images/CBEN_26.png) no-repeat center center; background-size:33px;}
.cbico8{ background:#6878c6 url(../images/CBEN_28.png) no-repeat center center; background-size:30px;}
.cbico9{ background:#2eb9fc url(../images/CBEN_32.png) no-repeat center center; background-size:30px;}
.cbico10{ background:#ff5f5f url(../images/CBEN_34.png) no-repeat center center; background-size:30px;}
.cbico11{ background:#e63b3b url(../images/CBEN_39.png) no-repeat center center; background-size:30px;}
.cbico12{ background:#5bc57e url(../images/newzealand.png) no-repeat center center; background-size:30px;}
.cbico13{ background:#7985c9 url(../images/CBEN_38.png) no-repeat center center; background-size:30px;}
.cbico14{ background:#fe7f02 url(../images/Pomerol_21.png) no-repeat center center; background-size:30px;}
.kjcbico14{ background:#25aae2 url(../images/Pomerol_21.png) no-repeat center center; background-size:30px;}
.cbico15{ background:#aa7cbb url(../images/Tuscan_33.png) no-repeat center center; background-size:30px;}
.cbico16{ background:#fe7f02 url(../images/spanish.png) no-repeat center center; background-size:30px;}
.cbico17{ background:#41b7f4 url(../images/kjgico_47.png) no-repeat center 3px; background-size:34px;}
.cbico18{ background:#a061ff url(../images/hwys_06.png) no-repeat center bottom; background-size:24px;}
.cbico19{ background:#ca8278 url(../images/ganlu.png) no-repeat center center; background-size:34px;}
.cbico-chile{ background:#ca8278 url(https://wineshopwww.pgclc.com/image/ChileDryDew.png) no-repeat center center; background-size:34px;}
.cbico20{ background:#73a0ec url(../images/CBEN20.png) no-repeat center center; background-size:34px;}
.cbico21{ background:#4c8fc3 url(../images/rhone-valley.png) no-repeat center center; background-size:30px;}
.cbico22{ background:#d6657a url(../images/Bourgogne-Fine-Wines.png) no-repeat center center; background-size:30px;}
.cbico43{ background:#bd2333 url(https://www.pgclc.com/image/smobile/images/michelin.png) no-repeat center center; background-size:22px;}
.cbico-qj{background:#da7e24 url(../images/qjico_01_03.png) no-repeat center center; background-size:31px;}
.mico-argentina {background: #62ade2 url(https://wineshopwww.pgclc.com/image/qqxltb-argentina.png) no-repeat center center;background-size: 36px;}
.mico-plus {background: #2c438c url('https://wineshopwww.pgclc.com/image/plus-rights.png') no-repeat center center;background-size: 23px;}
.mico-tuan { background: #d21b3b url("../images/jingxuan.png") no-repeat center center; background-size: 24px; }
.mico-jiuju {background: #7d739e url(../images/cup.png) no-repeat center center;background-size: 27px;}
.mico-youhui {background: #d59b1c url(../images/profit.png) no-repeat center center;background-size: 23px;}
.mico-airpshop {background: #e04d62 url(../images/szairport.png) no-repeat center center;background-size: 35px;}
.mico-case {background: #00b0d0 url(../images/box.png) no-repeat center center;background-size: 25px;}
.discoverico{background:#7951d4 url(../images/discoverItm.png) no-repeat center center; background-size:24px;}
.chateauBrand{background: #09c url(../images/qjsort_74.png) no-repeat center center;background-size: 23px;}
.sauternes{ background:#9b73ba url(../images/sauter_103.png) no-repeat center 18px;  background-size:38px;}
.mico-sauternes-gcc {background: #c5b904 url(../images/CBEN_54.png) no-repeat center center;background-size: 32px;}
.mico-loire {background: #e64635 url(../images/CBEN_35.png) no-repeat center center;background-size: 30px;}
.mico-riesling {background: #6871e6 url(../images/CBEN_15.png) no-repeat center center;background-size: 28px;}
.mico-garage {background: #cf616e url(../images/garage.png) no-repeat center center; background-size: 29px;}
.mico-italy-doc { background: #484e9d url("../images/italy-doc.png") no-repeat center center; background-size: 28px; }
.mico-germany { background: #dc0000 url("https://wineshopwww.pgclc.com/image/germany.png") no-repeat center center; background-size: 34px; }
.mico-chile { background: #1c4aa3 url("../images/chile.png") no-repeat center center; background-size: 30px; }
.mico-burgundy { background: #6181dd url("https://wineshopwww.pgclc.com/image/Bourgognequanquantusy.png") no-repeat center center; background-size: 30px; }
.mico-chile_argentinaquanquantusy{ background: #ca8278 url("https://wineshopwww.pgclc.com/image/Chile_Argentinaquanquantusy.png") no-repeat center center; background-size: 30px; }
.mico-italy-mingzhuang { background: #484e9d url("https://wineshopwww.pgclc.com/image/yidalimingzhuagnquanqtupic.png") no-repeat center center; background-size: 28px; }

.slide-serior{ visibility:hidden; position:fixed; top:0px; bottom:0px; z-index:9999; width:100%; height:100%; padding-bottom:55px; overflow-y:auto; background-color:#f1f1f1; box-sizing:border-box; -moz-box-sizing:border-box;}
.seri-tit{ position:fixed; top:0px; left:0px; width:100%; height:40px; line-height:40px; z-index:10000; margin-bottom:10px; padding:0 0 0 10px; font-size:16px; background-color:#fff; border-bottom:1px solid #e6e6e6; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.seri-list{ margin:0px 6px 15px 6px; background-color:#fff; border-bottom:1px solid #e6e6e6;}
.seri-list a{ display:block; color:#fff;}
.seri-list img{ display:block; width:100%;} 
.seri-list p{ width:100%; padding:0px 10px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#666;color:white;}
.seriorList{  -webkit-tap-highlight-color: rgba(0,0,0,0);	width: 100%; padding-top:48px; -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;}
.xl{background: url(../images/series.png) no-repeat 0px 8px; background-size: 58px;}
.xl.curr{ background:url(../images/series.png) no-repeat -19px 10px; background-size:45px;}
.close-serior{ float:right; display:block; height:40px; width:50px; text-align:center; font-size:28px; line-height:40px;  background:url(../images/sclose.png) no-repeat center center; background-size:18px;}
.white-wico{background:#c7bd20 url(../images/whitewine.png) no-repeat center center; background-size:18px;}
.mico-rose { background: #ed6f83 url(../images/whitewine.png) no-repeat center center; background-size: 18px; }
.pointsico{background:#f56d5b url(../images/point2.png) no-repeat center center; background-size:24px;}
.mico-changyu { background: #c6a05f url(https://wineshopwww.pgclc.com/image/zhangyuqijiandian.png) no-repeat center center; background-size: 34px; }
 .tit01{ position:relative; padding:10px 8px; font-size:16px; background-color:#f9f9f9;}
.tit01::before{position: absolute;bottom:0px;left: 0;content: '';width: 100%;height: 1px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-webkit-transform: scaleY(0.5);}
.tit02{ position:relative; padding:15px 8px 10px 8px; font-size:16px; }
.tit02::before{position: absolute;top:0px;left: 0;content: '';width: 100%;height: 1px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-webkit-transform: scaleY(0.5);}
.graybtn{ display:inline-block; padding:8px 28px; color:#525252; font-size:14px; border-radius:2px; border:solid 1px #c9ccd1; box-shadow:0 1px 0 rgba(0, 0, 0, 0.04); background:#f6f7f8; text-shadow:0 1px 0 #ffffff;}
/*选酒单*/
.tit01{ position:relative; padding:10px 8px; font-size:16px; background-color:#f9f9f9;}
.tit01::before{position: absolute;bottom:0px;left: 0;content: '';width: 100%;height: 1px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);-webkit-transform: scaleY(0.5);}
a:link{color:#333;text-decoration:none}
form,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,input{padding:0;margin:0;list-style:none;}

/*手机版系列*/
.cbico14{ background:#fe7f02 url(../images/Pomerol_21.png) no-repeat center center; background-size:30px;}
.cbico15{ background:#fd3b44 url(../images/Tuscan_33.png) no-repeat center center; background-size:30px;}
.cbico16{ background:#fe7f02 url(../images/spanish.png) no-repeat center center; background-size:30px;}
.cbico18{ background:#a061ff url(../images/hwys_06.png) no-repeat center bottom; background-size:24px;}
/*手机版系列*/
.presale{ width:100%;}
.presale img{ display:block; border:0px; width:100%;}
.pres-num{ display:block; font-size:12px;}
/*搜索*/
.s-itms{ position:relative; z-index:15; float:left; width:40px; height:36px; }
.s-curr{ position:relative; display:block; padding-left:9px; line-height:36px; font-size:12px; color:#000;}
.s-curr i{ display:block; position:absolute; top:16px; right:9px; width:0; height:0; overflow:hidden; font-size:0px; line-height:0px; border-color: #aaa transparent transparent transparent; border-style:solid dashed dashed dashed; border-width:4px;}
.source{ display:none; position:absolute; z-index:18; top:42px; left:-8px; width:70px; background-color:#6e737b; border-radius:3px; box-shadow:0 0 3px #888;}
.source li{ height:42px; line-height:42px; border-bottom:1px solid #868b91; text-align:center; color:#fff;}
.up-ico{ display:none; position:absolute; z-index:10; left:16px; top:24px; width:0; height:0; line-height:0; font-size:0px; overflow:hidden; border-color:transparent transparent #6e737b transparent; border-style:dashed dashed solid dashed; border-width:10px;}
/**首页头部APP下载**/
.logo-row {margin: 0 86px 0 0;height: 50px;}
.logo-row img {max-width: 100%;max-height: 28px;}
.toplogo a {display: block;padding: 0 0 0 10px;}
.logo-row{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.toplogo{ position: relative; height:50px; background-color:#ac1630;}
.topimg{ position:relative; width:100%; max-width:640px; height:30px; padding:10px 0; margin:0 auto; overflow:hidden; text-align:center;}
.toplogo  .downapp{ display:block; position:absolute; top:13px; right:10px; height:24px; border:1px solid #c05a6b; line-height:24px; padding:0 6px; font-size:12px; color:#f1b7c2;}
/*浏览记录右侧购物车图标*/
a.float-cart2{ display:block; position:fixed; z-index:9999; bottom:60px; right:10px;}
.hangcart{ display:block; width:48px; height:48px; border-radius:24px;background:#000 url(../images/cart.png) no-repeat center 12px; background-size:25px; opacity:0.6;}
.input-fxk{ width:18px; height:18px; -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-appearance: none;  border: 0;  border-radius: 0; background:url(../images/goux_02.png) no-repeat; background-size:36px;}
.input-fxk:checked{ background-position:-18px 0;}
/*优惠活动页面，进入活动页面抢购*/
.act-func{ height:30px; }
.act-inf .act-btn{ display:block; float:right; height:30px;  line-height:30px; color:#ac1630;font-size:14px; }
em { color:#ac1630;font-style:normal;}


/*.xhico{display:block; float:left; height:16px; padding:0 3px; margin:5px 4px 0 0; line-height:16px; font-size:11px; background-color:#f6863b; color:#fff; border-radius:3px;}*/
.xhico { position: relative; display: inline-block; padding: 1px 4px; margin-right: 5px; line-height: 1.428571429; color: #ac1630; font-size: 11px; }
.xhico:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #ac1630; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }
.kjico-u{ display:block; float:left; height:16px; padding:0 3px; margin:0 4px 0 0; line-height:16px; font-size:11px; background-color:#708bbc; color:#fff; border-radius:3px; }
.qjico-u{display:block; float:left; height:16px; padding:0 3px; margin:0 4px 0 0; line-height:16px; font-size:11px; background-color:#d0546a; color:#fff; border-radius:3px;}
.qj-marg{ margin-top:1px;}
.gray-price{ background-color:#ccc;}
.pagetit{ margin:0 45px; height:44px; line-height:48px; font-size:18px; text-align:center;}
.bdb-1px{position:relative}
.bdb-1px:after, a .bdb-1px:after { height: 1px; content: ''; width: 100%; position: absolute; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 10; border-top: 1px solid #e3e3e3; bottom: -1px }
.bdb-dark-1px{position:relative}
.headbar{ width:100%; height:45px;}
.fixHead{ position:fixed; top:0; left:0; z-index:11; width:100%; background-color:#fff;}
/*.headNav a.retpage, .headNav span.retpage{ display:block; float:left;width:45px; height:44px; background:url(../images/ret.png) no-repeat center center; background-size:11px;}*/
.pageT{ margin:0 50px; height:45px; line-height:45px; font-size:18px; text-align:center;}
.pageT span{ display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.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;}
.bdb-dark-top{position:relative}
.bdb-dark-top:before{height: 1px; content: ''; width: 100%; border-top: 1px solid #e3e5e9; position: absolute; top:0px;right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}
.moreico{ float:right; width:35px; height:45px; padding:0 5px;}
.dots{ display:inline-block; width:4px; height:4px; margin:22px 2px 0 2px; border-radius:2px; background-color:#333;}
.header-shortcut{ display:none; position:fixed; top:57px; right:8px; z-index:20; border-radius:3px; background-color:#202225; padding:0 8px; opacity:.9;}
.shortcut-list{ position:relative; height:44px; width:125px; line-height:44px; font-size:15px; opacity:.85;}
.shortcut-list:after{ height: 1px; content: ''; width: 100%; border-top: 1px solid #444; position: absolute; bottom: -1px;right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}
.shortcut-list a{ display:block;color:#fff;}
/*.shortcut-list span{ display:block; float:left; width:20px; height:18px; margin:12px 10px 0 8px; background:url(../images/shortcut.png) no-repeat;}*/
.shortcut-list span{ display:block; float:left; width:22px; height:22px; margin:11px 10px 0 8px; font-size:19px; color:#f1f1f1; line-height:22px;}
.shortcut-list .home-sc{ background-size:18px; background-position: center top;}
.shortcut-list .search-sc{ background-size:18px; background-position: center -21px;}
.shortcut-list .favorite-sc{ background-size:18px; background-position: center -62px;}
.shortcut-list .view-sc{ background-size:18px; background-position: center -82px;}
.sanj-sc{ display:block; position:absolute; top:-16px; right:13px; width:0; height:0; line-height:0; border-style:dashed dashed solid dashed; border-color:transparent transparent #202225 transparent; border-width:8px;}
.shortcut-list .share-sc{ background-size:18px; background-position: center -42px;}

/*---------------------------APP header start------------------------------------*/
.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;}
.bdb-tp-1px{position:relative}
.bdb-tp-1px:after{height: 1px; content: ''; width: 100%; border-bottom: 1px solid #c0c0c2; position: absolute; top: -1px;right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}
.kjico{ display:block; float:left; height:16px; padding:0 3px; margin:2px 4px 0 0; line-height:16px; font-size:11px; background-color:#708bbc; color:#fff; border-radius:3px; }
.qjico{display:block; float:left; height:16px; padding:0 3px; margin:2px 4px 0 0; line-height:16px; font-size:11px; background-color:#d0546a; color:#fff; border-radius:3px;}
/*.xhico{display:block; float:left; height:16px; padding:0 3px; margin:2px 4px 0 0; line-height:16px; font-size:11px; background-color:#f6863b; color:#fff; border-radius:3px;}*/
.xhlabel{ font-size:12px; color:#333;}
.kjico-u{ display:block; float:left; height:16px; padding:0 3px; margin:0 4px 0 0; line-height:16px; font-size:11px; background-color:#708bbc; color:#fff; border-radius:3px; }
.qjico-u{display:block; float:left; height:16px; padding:0 3px; margin:0 4px 0 0; line-height:16px; font-size:11px; background-color:#d0546a; color:#fff; border-radius:3px;}
.qj-marg{ margin-top:1px;}
.gray-price{ background-color:#ccc;}
.end{ padding:10px 0; font-size:12px; text-align:center; color:#aaa;}
.latest-s{ padding:0 10px;}
/*.relcont{ display:none;}
.relcont-list li{ padding:0 0 0 24px;}
.relcont-list a{ display:block; width:100%; height:45px; overflow:hidden; line-height:45px; white-space:nowrap; text-overflow:ellipsis;}
.relcont-list a i{ font-style:normal; font-weight:normal; color:#ac1630;}
.relcont-list span{ display:block; position:absolute; top:0; left:0; width:24px; height:45px; line-height:45px; font-size:14px; color:#aaa;}*/
.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; line-height:38px; text-align:center; font-size:19px; color:#c8c8c8;}
.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;}
.none-latest{ padding:0 0 10px 0; text-align:center; color:#aaa;}

.headbar{ width:100%; height:45px;}
.fixHead{ position:fixed; top:0; left:0; z-index:50; width:100%; background-color:#fff;}
.headNav{ width:100%; height:49px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}
.hnav-t a.retpage,.xzh-hnav-t a.retpage,.headNav span.retpage,.headNav a.retpage, .hnav-t span.retpage{ display:block; float:left; width:45px; height:48px; line-height:48px; text-align:center; font-size:21px;background: url(../images/ret.png) no-repeat center center;background-size: 11px;}
.end-search2, .end-search3{ display:none; float:left;width:45px; height:44px;font-size:21px; line-height:44px; text-align:center;}
.end-search { display: none; float: right; width: 55px; height: 44px; line-height: 44px; text-align: center; }
.wine-sort{ display:block; float:right; position:relative; width:45px; height:44px; text-align:center; font-size:22px; line-height:44px;}
.msgs-sl{ display:block; position:absolute; top:5px; right:4px; min-width:8px; height:12px; padding:0 2px; line-height:12px; border-radius:7px; border:1px solid #fff; background-color:#ac1630; color:#fff; font-size:9px; text-align:center; }
.msgsbg{ display:block; width:20px; height:16px; margin:9px auto 0 auto; }
.searchico{ display:block; float:right; width:45px; height:44px; text-align:center; font-size:20px; line-height:44px; }
.centbox{ height:44px; margin:0 45px;}
.topsort{ float:right; height:44px; width:45px; font-size:11px; text-align:center; }
.sortico{ height:20px; padding-top:5px; display:block; text-align:center; font-size:18px;}
.cent-search{ height:32px; padding:6px 0 0 0; margin:0 45px;}
.cent-search.notsearch{ padding:8px 0 0 0;}
.kj-search{ margin:0 45px 0 150px;}
.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;}
.footerNav{ position:fixed; z-index:15; left:0; bottom:0; width:100%; height:50px; background-color:#fff;}
.footerbar{ height:50px; width:100%;}
.footerItm{ float:left; width:20%; height:50px;}
.footerItm a{ position:relative; display:block; height:50px; text-align:center; font-size:10px;}
.footerItm a .cnum{ display:block; position:absolute; top:5px; left:50%; margin-left:5px; min-width:12px; height:12px; padding:0 3px; line-height:12px; font-size:8px; border-radius:6px; color:#fff; background-color:#ac1630; font-style:normal; font-weight:normal;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}
.footW{ width:25%;}
.cnum-cart{display:block; position:absolute; top:5px; left:50%; margin-left:6px; min-width:6px; height:10px; padding:0 2px; line-height:10px; font-size:8px; border-radius:6px; color:#ac1630; border:1px solid #ac1630; background-color:#fff; font-style:normal; font-weight:normal; box-shadow:-1px 1px 0px #fff;}
.footerItm span{ display:block; width:100%; height:24px; padding-top:6px; text-align:center; font-size:20px; line-height:24px;}
.footerItm .icon-cart, .footerItm .icon-cart-red, .footerItm .icon-globe, .footerItm .icon-globe-red{ font-size:21px;}
.footerItm .icon-huodong, .footerItm .icon-huodong-red{ font-size:19px;}
.footerItm .currNav{ color:#ac1630;}
.num-g{ display:block; position:absolute; top:-4px; right:-7px;min-width:6px; height:12px; padding:0 3px; text-align:center; line-height:12px;  background-color:#ac1630; color:#fff; border:1px solid #fff; font-size:8px; border-radius:7px; font-style:normal; }
.footerItm .currNav .tohuodong{ background:url(../images/hudodong-cur.png) no-repeat center center; background-size:18px;}
.pageT{ margin:0 50px; height:45px; line-height:45px; font-size:18px; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sernum{ font-size:14px;}
.rgtbox{ float:right; width:45px; height:44px;}
.headNav .rgtbox{ display:block; float:right; width:45px; height:44px; font-size:22px; text-align:center; line-height:44px;}
.share{ display:block; width:45px; height:44px; background:url(../images/share_black.png) no-repeat center center; background-size:22px;}
.headNav .rgt-txt{ display:block; float:right; line-height:44px; padding:0 10px; font-size:16px; }
.footer-place{ height:60px;}
.rgt-func{ position: absolute; top:0; right:0; padding:0 10px 0 0; height:45px; line-height:45px; font-size:14px;}
.rgt-func span{ display:inline-block; padding:0 8px; font-size:16px; color:#666}
.scan{ display:block; float:left; width:45px; height:44px; text-align:center; font-size:21px; line-height:44px; text-align:center;}
/*---------------------------APP header end------------------------------------*/
/*--------红酒视频--------------*/
.liveico{background:#5792eb url(../images/live.png) no-repeat center center; background-size:24px;}

/*--------头部返回样式（new_20180104）--------------*/
.hnav-t a.retpage2, .hnav-t span.retpage2{ display:block; float:left; width:45px; height:48px; line-height:48px; text-align:center; font-size:21px;}
.cartHed{ position:relative; float:right; width:40px; height:44px; padding-left:5px; text-align:center; font-size:23px; line-height:44px; }
.cartHed .cart-goodsNum{ display:block; position:absolute; top:6px; right:6px; min-width:12px; height:12px; padding:0 3px; line-height:12px; font-size:8px; border-radius:6px; color:#fff; background-color:#ac1630; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-shadow:0 1px 1px #fff;}
.hed-rgtico {
    display: block;
    float: right;
    width: 35px;
    height: 48px;
    padding-right: 10px;
    text-align: center;
    font-size: 21px;
    line-height: 48px;
}

.hidewp {
    position: fixed;
    top: 45px;
    left: 0;
    width: 100%;
    z-index: -1;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}
/*--------头部样式_HeaderStyleNomal（new_20180703）--------------*/
.hnav-t .el-rgt{ display:block; float:right; width:45px; height:48px; line-height:48px; text-align:center; font-size:22px;}
.schpad{width:36px; padding-right:4px; text-align:right;}
.tip-infos a.reloading{ display: block; width: 100px; margin: 20px auto; text-align: center; margin-bottom: 15px; padding:7px 0;font-size: 14px; border:1px solid #ccc; color: #666; border-radius: 3px;}
.moreico{ float:right; width:35px; height:45px; padding:0 5px;}
.dots{ display:inline-block; width:4px; height:4px; margin:20px 2px 0 2px; border-radius:2px; background-color:#333;}
.header-shortcut{ display:none; position:fixed; top:53px; right:8px; z-index:20; border-radius:3px; background-color:#202225; padding:0 8px; opacity:.9;}
.shortcut-list{ position:relative; height:44px; width:125px; line-height:44px; font-size:15px; opacity:.85;}
.shortcut-list:after{ height: 1px; content: ''; width: 100%; border-top: 1px solid #444; position: absolute; bottom: -1px;right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}
.shortcut-list a{ display:block;color:#fff;}
.shortcut-list span{ display:block; float:left; width:22px; height:22px; margin:11px 10px 0 8px; font-size:19px; color:#f1f1f1; line-height:22px;}
.sanj-sc{ display:block; position:absolute; top:-16px; right:13px; width:0; height:0; line-height:0; border-style:dashed dashed solid dashed; border-color:transparent transparent #202225 transparent; border-width:8px;}
a.slideTop{ position:absolute; top:0; left:0; z-index:10; width:40px; height:40px; font-size:18px; text-align:center; line-height:40px; color:#fff !important;}
.topbg{ width:40px; height:40px; background-color:#000; opacity:.6; border-radius:50%;}
.loading-bottom{padding:10px 0 10px 0; border-radius:3px; z-index:88888; color:#999; text-align:center;}
.loading-bottom span{display:inline-block; vertical-align:5px !important; padding-left:5px; font-size:13px;}

.localico i { display: inline-block; width: 18px; height: 18px; color: #333; font-size: 18px; line-height: 18px; text-align: center; margin-left: 5px; }
.popimg { display: none; position: fixed; z-index: 1000; top: 0; left: 0; bottom: 0; width: 100%; background-color: #fff; }
.popimg-tit { position: absolute; left: 0; top: 10px; width: 100%; height: 44px; line-height: 44px; text-align: center; font-size: 18px; }
.popimg-wrap { width: 100%; height: 100%; padding: 55px 0 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; box-sizing: border-box; }
.popimg-wrap img { max-width: 100%; max-height: 100%; }

/* 焦点图 */
.slideBox {position: relative;overflow: hidden;margin: 0px auto;max-width: 640px; /* 设置焦点图最大宽度 */}
.slideBox .hd {position: absolute;height: 28px;line-height: 28px;bottom: 0;width: 100%;text-align: center;z-index: 1;}
.slideBox .hd li {display: inline-block;width:6px;height:6px;padding:0px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #ddd;text-indent: -9999px;overflow: hidden;border:0px;opacity:0.4;margin: 0 2px;}
.slideBox .hd li.on {background: #ac1630;opacity:1;}
.slideBox .bd {position: relative;z-index: 0;}
.slideBox .bd li {position: relative;text-align: center;}
.slideBox .bd li img {vertical-align: top;width: 100%; /* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a {-webkit-tap-highlight-color: rgba(0,0,0,0);}
/* 去掉链接触摸高亮 */
.slideBox .bd li .tit {display: block;width: 100%;position: absolute;bottom: 0;text-indent: 10px;height: 28px;line-height: 28px;color: #fff;text-align: left;}

.grid-price { padding: 5px 0 0 0; }
.grid-uprice { height: 20px; /*padding: 2px 0 6px 0;*/ }
.grid-price-bd { min-width: 0; }
.plusico-inline { display: inline-block; height: 13px; padding: 0 4px; margin: 0 4px 0 3px; font-size: 10px; line-height: 13px; background-color: #212c4f; color: #f6d563; border-radius: 2px; vertical-align: 1px; }
.grid-price-val { color: #ac1630; font-size: 14px; }
.grid-price-val i { font-size: 12px; }
.plus-priceVal { display: inline-block; padding-left: 12px; font-weight: bold; }
.plusico { display: block; float: left; height: 16px; padding: 0 4px; margin: 2px 4px 0 0; font-size: 11px; line-height: 16px; background-color: #212c4f; color: #f6d563; border-radius: 2px; }
.label-red-line, .label-gray-line { position: relative; display: inline-block; padding: 0 4px; margin-right: 5px; line-height: 1.428571429; color: #ac1630; font-size: 10px; }
.label-red-line:after, .label-gray-line:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #ac1630; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 6px; pointer-events: none; }
.price-val {color: #ac1630;font-size: 14px;}
.plus-price-inner { display: inline-block; height: 13px; padding: 1px 4px; margin: 0 4px 0 0; font-size: 11px; line-height: 13px; background-color: #212c4f; color: #f6d563; border-radius: 2px; vertical-align: 2px; margin-left: 4px;}
.plus-price-inner i { display: inline-block; padding-left: 4px; }
/*首页九宫格样式*/
.cbwrap {
    padding: 10px 0 0 0;
    background-color: #fff;
}
.slider-menu {
    padding-bottom: 16px;
    overflow: hidden;
    background-color: #fff;
}
.menu-cell .swiper-slide {
    display: block;
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}
.menu-cell a {
    display: block;
    float: left;
    width: 25%;
    padding: 0 5px 15px 5px;
    box-sizing:border-box;
}

.menu-cell .swiper-slide a:link, .menu-cell .swiper-slide a:visited, .menu-cell .swiper-slide a:hover, .menu-cell .swiper-slide a:active {
    color: #333;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}
.menu-cell span {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 3px;
}
.mico-whisky { background: #ed670d url("https://wineshopwww.pgclc.com/image/Whiskyqqtbsy.png") no-repeat center center; background-size: 36px; }
.menu-txt {
    display: block;
    width: 100%;
    padding-top: 3px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap
}
.mico-michelin {background: #bd2333 url(https://www.pgclc.com/image/smobile/images/michelin.png) no-repeat center center;background-size: 23px;}

.header { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; background-color: #fff; }
.header-wrap { width: 100%; height: 44px; overflow: hidden; }
.retpage { display: block; float: left; width: 45px; height: 44px; font-size: 21px; text-align: center; line-height: 44px; }
a.retpage-u { display: block; float: left; width: 45px; height: 44px; font-size: 21px; text-align: center; line-height: 44px; color: #fff; }
.el-rgt { display: block; float: right; width: 45px; height: 44px; line-height: 44px; text-align: center; font-size: 21px; }
.top-so { display: none; padding: 6px 0; margin: 0 10px 0 45px; }
.top-so.marg-so { margin: 0 10px 0 45px; }
.search-button, a.search-button { float: right; margin: 6px 10px 0 0; display: inline-block; padding: 6px 10px; font-size: 14px; line-height: 1.428571429; color: #fff; background-color: #ac1630; touch-action: manipulation; cursor: pointer; border-radius: 5px; touch-action: manipulation; display: none; }
.top-inp { position: relative; padding: 0 40px 0 30px; height: 32px; background-color: #f1f2f3; border-radius: 3px; }
.top-inp input { height: 32px; width: 100%; font-size: 14px; }
.top-inp .deleteico { display: none; position: absolute; top: 0; right: 0; width: 40px; height: 32px; text-align: center; line-height: 32px; color: #c8c8c8; }
.top-inp.before-so { padding: 0 0 0 30px; }
.search-ico { display: block; position: absolute; top: 0; left: 0; width: 30px; height: 32px; font-size: 14px; text-align: center; line-height: 32px; color: #999; }
.font-dark { color: #333; }
.mico-allwine-plus {
    background: #2c438c url(../images/bottle.png) no-repeat center center;
    background-size: 23px;
}

.pop-bottom {
    display: none;
    position: fixed;
    z-index: 1080;
    left: 0;
    bottom: 0;
    width: 100%;
}

    .pop-bottom.bgc-white {
        background-color: #fff;
    }

    .pop-bottom.hi40 {
        height: 40%;
    }

    .pop-bottom.hi50 {
        height: 50%;
    }

    .pop-bottom.hi50 {
        height: 70%;
    }

    .pop-bottom.hi80 {
        height: 80%;
    }

.pop-bottom-wrap {
    width: 100%;
    background-color: #fff;
}

    .pop-bottom-wrap.bottom-primary {
        min-width: 0;
        overflow: hidden;
    }

.pop-bottom-tit {
    position: relative;
    padding: 10px;
    font-size: 16px;
    line-height: 1.667;
    text-align: center;
}
.popCol-round {
    margin: 0 10px 10px 10px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 8px;
}

    .popCol-round .colFunc {
        display: block;
        padding: 13px 15px;
        height: 30.006px;
        line-height: 30.006px;
        font-size: 18px;
        text-align: center;
        color: #2057b3;
    }

        .popCol-round .colFunc.col-active {
            color: #ac1630;
        }

        .popCol-round .colFunc span {
            font-weight: bold;
        }
.pop-round-cont {
    padding: 15px;
    font-size: 14px;
    color: #999;
    line-height: 1.667;
    text-align: center;
}

.redpriceico { display: block; float: left; height: 16px; padding: 0 4px; margin: 2px 4px 0 0; font-size: 11px; line-height: 16px; background-color: #ac1630; color: #fff; border-radius: 2px; }
.s-holder {
    height: 52px;
}
.searfrom {
    padding: 10px;
    background-color: #fff;
}
.searchbar {
    position: relative;
    height: 32px;
    background-color: #f1f2f3;
    padding-left: 32px;
    line-height: 32px;
    color: #bbb;
}
.search-ico {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 32px;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    color: #999;
}
.pagetit.marg-hed {
    margin: 0 90px;
}

.up-ser {
    color: #ac1630;
}
.checker-panel-primary {
    position: relative;
    padding-left: 26px;
}

.checker-panel-left.markitm {
    color: #ac1630;
} 
.checker-panel-left {
    position: relative;
    padding: 10px;
    font-size: 15px;
    height: 25.005px;
    line-height: 25.005px;
    display: flex;
}
.checker-label {
    font-size: 12px;
    color: #999;
}
.markitm .markico-lft {
    display: block;
}

.markico-lft {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 25.005px;
    width: 16px;
    line-height: 25.005px;
    font-size: 16px;
    color: #ac1630;
} 
.down-serior {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    margin-left: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #666 transparent transparent transparent;
    border-width: 5px;
    border-radius: 3px;
    vertical-align: -2px;
}
.mico-shop {
    background: #6871e6 url(../images/shop.png) no-repeat center center;
    background-size: 23px;
}
.def-pad {
    padding: 44px 0 59px 0;
}
.kjico-nm {
    display: block;
    float: left;
    height: 14px;
    padding: 0 3px;
    margin: 1px 3px 0 0;
    font-size: 11px;
    line-height: 14px;
    background-color: #708bbc;
    color: #fff;
    border-radius: 2px;
}
