@charset "utf-8";

.colTit{ padding:20px 0 18px 0; font-size:24px; color:#000; font-family:"Microsoft Yahei";}
.colTit span{ display:inline-block; font-size:18px; padding-left:10px; color:#bbb;}
/*期酒banner图 */
.pc-banner{ width:100%; height:400px; background:url('https://image.wine-world.com/images/jfjs_pc.jpg') no-repeat center top;}

/*期酒tit */
.qj-tit{ height:30px; padding:20px 0 20px 0; text-align:center; background:url(/images/line.jpg) no-repeat center 35px; }
.qj-tit span{ display:inline-block; padding:0 10px; font-size:24px;font-family:"Microsoft Yahei"; background-color:#f1f1f1; }

/* 期酒套装 */
.suitebox{ width:1190px; background-color:#fff; overflow:hidden;}
.qjsuite{ float:left; width:748px;}
.qjsuite img{ display:block;}
.qjs{ float:left; width:400px; padding:25px 20px 0 22px;}
.qjs .qjs-tit{ display:block; padding-bottom:10px; font-size:24px; line-height:30px; text-decoration:none;}
.qjs p{ padding-bottom:10px; font-size:14px; line-height:24px;}
.qjs-price{ width:100%; height:32px;}
.qjs-price dt{ float:left; font-size:18px; line-height:32px; color:#ac1630;}
.qjs-price dd{ float:right; padding:0 20px; height:32px; line-height:30px; font-family:"Microsoft Yahei";  border-radius:2px; background-color:#cc394a; color:#fff; font-size:16px; cursor:pointer;}



/*期酒导航条 */
.extico2{ background:url(/images/sprite.png) no-repeat;}
.rank{ height:30px; background-color:#e6e6e6; border:1px solid #ddd; }
.ranklist{ float:left; width:1180px; height:30px;}
.ranklist li{ float:left; position:relative; height:30px;}
.ranklist .sort-cell{ position:relative; display:block; float:left; height:30px; line-height:30px; padding:0 20px; white-space:nowrap; border-right:1px solid #d6d6d6; text-decoration:none; color:#333;}
.ranklist .curr .sort-cell{ height:32px; margin-top:-1px; line-height:32px; background-color:#212c4f; color:#fff; font-weight:bold;}
.ranklist .curr .sort-cell{ color:#fff;}
.ranklist a.rank-t{ padding:0 32px 0 20px;}
.ranklist a.rank-p{ height:22px; margin:4px 0 0 15px; line-height:22px; color:#333; padding:0 30px 0 15px;}
.ranklist a.rank-p.check{ background-color:#fff; border-radius:2px;}
.ranklist a.has-sort{ padding:0 30px 0 20px; }
.ranklist li .downing, .ranklist li.curr .downing{ margin-top:0; height:31px; background-color:#fff; color:#333;}
.extico2 {display: block; position: absolute; top: 13px; right: 16px; width: 7px; height: 5px; background-position: -223px 0;}
.qj-downlist{ display:none; position:absolute; left:-1px; top:31px; width:96px; border:1px solid #ddd; border-top:0px; background-color:#fff; padding:0 10px 10px 20px; }
.qj-downlist a{ display:block; font-size:12px; font-family:Arial, "宋体"; line-height:28px;}
.down-up, .up-down, .down-up2, .up-down2{ background:url(/images/sprite.png) no-repeat;}
.down-up{ display:block; position:absolute; top:12px; left:49px; width:7px; height:8px; background-position:-94px 0;}
.up-down{ display:block; position:absolute; top:12px; left:49px; width:7px; height:8px; background-position:-103px 0;}
.down-up2{ display:block; position:absolute; top:7px; right:15px; width:7px; height:8px; background-position:-94px 0;}
.up-down2{ display:block; position:absolute; top:7px; left:46px; width:7px; height:8px; background-position:-103px 0;}
.ranklist a.curr .down-up{ background-position:-112px 0;}
.ranklist a.curr .up-down{ background-position:-121px 0;}

/* 期酒导航条中的翻页 */
.fanye{ float:right; width:280px; height:30px;}
.fanye a{ display:block; float:right; height:30px; line-height:30px; padding:0 15px; margin-left:1px; background-color:#c3c3c3; color:#fff; font-size:14px; font-weight:bold; font-family:"宋体"; text-decoration:none;}
.fanye a:hover{ background-color:#bbb;}
.fanye a.nofanye, .fanye a.nofanye:hover{ background-color:#d3d3d3; cursor:text;}
.yema{ display:block; float:right; padding:0 15px; height:30px; line-height:30px; }

/* 期酒列表样式 */

.winelist{ width:1190px; padding:20px 0 0 0; overflow:hidden;}
.wl{ width:1216px; padding-bottom:10px; overflow:hidden;}
.wlbox{ float:left; width:580px; height:184px; padding:0 1px; margin-right:26px; margin-bottom:20px; overflow:hidden; background-color:#fff; border-top:2px solid #222e52; border-bottom:1px solid #e6e6e6; background:url(/images/wl.jpg) repeat-y;}
.wlbox dt{ float:left; width:136px; padding-top:15px; text-align:center; }
.wlbox .wl-i{ float:left; width:434px; padding:15px 10px 15px 0;}
.wlbox .wl-i .wlink{ display:block; width:434px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:20px;}
.wlbox .wl-i .wen{ padding-bottom:6px;}
.comp{ color:#aaa; margin-left:-6px; line-height:23px;}
.fenge{ display:inline-block; padding:0px 6px; color:#333;}
.comp,.compt{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.wl-i .price{ padding-top:10px;}
.compth{ width:100%; overflow:hidden; padding-top:10px;}
.compth .num{ float:left; width:140px; line-height:30px;}
.num-t{ float:left; display:block;}
.numbox{ float:left;  width:90px; border:1px solid #ddd; height:28px; overflow:hidden; line-height:28px;}
.numbox .plus,.numbox .minus{ display:block; float:left; width:22px; border-left:1px solid #ddd; background-color:#eee; font-size:14px; text-align:center; font-style:normal; cursor:pointer;}
.numbox .minus{ border-right:1px solid #ddd; border-left:0px;}
.numbox .numin{ display:block; float:left; width:44px; height:28px; text-align:center;}
.numbox .numin input{ border:0px; width:44px; height:27px; line-height:27px; text-align:center; outline:none;}
.addbtn{ float:left; display:block; height:28px; line-height:28px; padding:0 15px; cursor:pointer; background-color: #f6f7f9;    border: 1px solid #cbccce; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); color:#525252; font-weight:bold;}
.qjsaleout{background-color: #f6f7f9;border: 1px solid #cbccce; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); color:#525252;font-weight:bold; margin-top: 6px; display: block; float: left; padding: 8px 15px;}
.group{ width:1208px; padding-top:5px; overflow:hidden;}
.wines{ position:relative; float:left; width:282px; height:361px; overflow:hidden; background-color:#fff; margin:0 20px 20px 0; box-shadow:0 0 3px rgba(0,0,0, 0.06); }
.wines.wht{ height:345px;}
.wines dt{ padding:10px 0; text-align:center;}
.qj-nm{ padding:0 10px 8px 10px; line-height:20px;}
.qj-nm a{ display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.qj-nm a.qj-cn{ font-size:16px;}
.qj-pf{ width:262px; padding-bottom:8px; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.qj-price{ padding:0 10px; color:#ac1630; font-size:14px;}
.addcart{ display:none; position:absolute; width:282px; top:219px; left:0px; height:30px; background:url(/images/redbg.png) no-repeat;}
.addcart span{ display:block; height:30px; padding:0 0 0 117px; cursor:pointer; line-height:30px; color:#fff; background:url(/images/cart.png) no-repeat 90px center; font-weight:bold;}

/*未找到相关酒款 */
.nonetip{ width:100%; overflow:hidden; padding:50px 0 50px 0;}
.noneico{ float:left; width:56px; height:56px; margin-left:300px; background:url(/images/sprite.png) no-repeat 0px -19px;}
.none-txt{ float:left; width:800px; padding:8px 0 0 18px; font-size:14px; color:#525252; font-weight:bold;}
.none-txt p{ line-height:23px; padding-top:5px; font-weight:normal;}