﻿@charset "utf-8";
.attr-jz,.attr-cq, .attr-grape, .winelb-ico, .attr-flavor{ background:url(../png/wwico-3.png) no-repeat;}
.goods-col {
    position: relative;
    height: 44px;
    line-height: 42px;
    text-align: center;
    margin: 0 90px;
}
.goods-col span{ display:inline-block; height:43px; margin:0 10px; font-size:16px; line-height:43px; }
@media only screen and (max-width:350px){
.goods-col span{ margin:0 8px; }
}
@media only screen and (min-width:400px){
.goods-col span{ margin:0 14px; }
}
.attr-jz,.attr-cq, .attr-grape, .winelb-ico, .attr-flavor{ background:url(../png/wwico-3.png) no-repeat;}
.goods-col .curr-col{ color:#ac1630; padding:0; }
.sub-ziliao{ display:none; position:fixed; top:90px; left:0; width:100%; z-index:10;}
.wine-ziliao{ width:100%; height:45px; margin:0 auto; border-bottom:1px solid #f5f5f5; text-align:center; background-color:#fff;}
.wine-ziliao li{ float:left; width:33.333%; height:45px; line-height:45px; text-align:center;}
.wine-ziliao span{ position:relative; display:block; height:45px;}
.wine-ziliao span:after{ display:block; position:absolute; content:''; height:13px; width:1px; right:0px; top:16px; border-right:1px solid #e9e9e9; }
.wine-ziliao .curr-zl{ color:#ac1630;}
.pageslide{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden; z-index:1; }
.wine-slider-itm{width:100% !important; float:left; overflow:hidden; text-align:left;}
.winelb{ position:relative; padding:20px 0; margin:0px auto; text-align:center; }
.winelb img{ vertical-align:middle; max-width:95%; max-height:260px;}
.goods-top{ width:100%; margin:0px auto 10px auto; padding-bottom:10px; background-color:#fff; }
.goods-n{ padding:0 10px 0 10px;}
.goods-n .cn{ font-size:16px; }
.goods-n .en{ font-size:12px;line-height:16px;padding:3px 0 5px 0;}
.goodsblock{ width:100%; margin-bottom:10px; background-color:#fff;}
.wtit{ position:relative; padding:0 10px; height:40px; line-height:40px; font-size:14px;}
.rgt-data{ display:block; position:absolute; right:8px; top:0; height:40px; font-size:12px; color:#999;}
.rgt-data i{ display:inline-block; height:40px; width:18px; font-size:18px; line-height:40px; color:#999; vertical-align:-2px;}
.vtwrap{ padding-left:10px;}
.vintage, .vintage-pj{ width:100%;  height:45px;  overflow:hidden; padding:5px 0 20px 0;}
.vtcell{width:60px; height:43px; line-height:43px; text-align:center;  background-color:#f4f5f6; border-radius:3px;}
.vtcell a{ display:block; text-align:center;}
.vtcell .curVint{height:41px; line-height:41px; border:1px solid #ac1630; color:#ac1630; background-color:#fff; border-radius:3px;}
@media screen and (-webkit-min-device-pixel-ratio: 2){
.vtcell .curVint {position: relative;border: 0;}
.vtcell .curVint:before {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;-webkit-box-sizing: border-box;border-radius: 8px;pointer-events: none;}
}
.goodsblock .wine-price{ display:block; position:relative; padding:0 10px; height:45px; line-height:45px; font-size:14px;}
.price-val{ display:inline-block; color:#ac1630;}
.buygoods{ position:absolute; right:10px; top:0; height:45px; width:100px; color:#ac1630;}
.buygoods span{ display:block; float:right; height:45px; width:16px; font-size:18px; line-height:45px;}
.buygoods .tobuy{ font-size:21px; width:22px;}
.wine-attr li{ position:relative; width:100%; overflow:hidden; padding:10px 0; line-height:24px;}
.attr-l{ float:left; display:block; padding-left:40px; font-size:14px;}
.attr-r{ display:block; margin:0 10px 0 85px; text-align:right; color:#666; }
.flavor{ margin-left:120px;}
.attr-jz{ display:block; position:absolute; top:13px; left:10px; width:20px; height:20px; background-size:118px; background-position:-78px -131px;}
.attr-cq{ display:block; position:absolute; top:12px; left:10px; width:20px; height:20px; background-size:120px; background-position:-102px -134px;}
.attr-grape{ display:block; position:absolute; top:12px; left:11px; width:21px; height:20px; background-size:128px; background-position:0 -169px;}
.attr-flavor{display:block; position:absolute; top:12px; left:11px; width:20px; height:20px; background-size:126px; background-position:-46px -164px;}
.summary{ padding:0 10px 10px 10px; line-height:24px; }
.winelb-imgs{ position:absolute; bottom:19px; right:10px; padding:7px 5px 5px 5px; border:1px solid #f1f1f1; text-align:center; font-size:10px; border-radius:3px;}
.winelb-ico{ display:block; width:20px; height:20px; margin:0 auto ; background-size:109px; background-position:-19px -143px;}
.downPop{ display:none; position:fixed; bottom:0; left:0; z-index:1005; width:100%; padding-bottom:20px; background-color:#fff;}
.poptit{ height:45px; line-height:45px; padding:0 10px 10px 10px; font-size:16px;}
.close-pop{ display:block; position:absolute; top:6px; right:10px; width:30px; height:30px; font-size:16px; color:#bbb; line-height:30px; text-align:center;}
.allvintages{ position:relative; width:100%; height:290px; overflow:hidden;}
#popvtwrap{ width:100%; height:100%;}
.vtlist{ width:100%; overflow:hidden; padding:0 0 15px 10px; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.vtlist li{float:left; width:16.666%; padding:0 8px 8px 0; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.vtlist li a{ display:block;height:43px; line-height:43px; text-align:center; /*border:1px solid #f1f1f1;*/ background-color:#f6f7f8; text-decoration:none; border-radius:3px;}
.vtlist li .curVint{ border:1px solid #ac1630; color:#ac1630; background-color:#fff;}
@media screen and (-webkit-min-device-pixel-ratio: 2){
.vtlist li .curVint {position: relative;border: 0;}
.vtlist li .curVint:before {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;-webkit-box-sizing: border-box;border-radius: 8px;pointer-events: none;}
}
@media only screen and (max-width:380px){
.vtlist li{ width:20%;}
}
@media only screen and (min-width:500px){
.vtlist li{ width:14.28%;}
}
.scores{ width:100%; overflow:hidden; padding:10px 0;}
.scoreVal{ width:100%; overflow:hidden; padding:2px 0;}
.score-zf{ font-size:12px; color:#ac1630;}
.scoreV{ font-size:16px; color:#ac1630;}
.score-r{ float:right; width:140px; padding:3px 10px 0 0; text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; color:#666;}
.score-l{ margin:0 150px 0 0; padding-left:10px;}
.score-i{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.wine-nf{ float:left; width:99px; padding-left:10px; font-size:12px; color:#666;}
.wineOrg{ position:relative; padding-right:20px; margin:0 10px 0 119px; color:#666;}
.org-t{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:right; font-size:12px;}
.rater{ position:absolute; right:0; top:0; display:inline-block; width:16px; height:16px; margin-left:4px; border-radius:100%; background-color:#708bbc; color:#fff; text-align:center; line-height:16px; font-style:normal; font-weight:bold;}
.rater-info{ padding:0 10px 40px 10px; line-height:24px;}
.rater-nm{ padding:15px 0 10px 10px; font-size:18px;}
.jzbox{ padding:6px 10px 15px 10px;margin-top:40px; line-height:23px; background-color:#fff;}
.jztit{ font-size:18px; padding:15px 0 16px 0; text-align:center; line-height:22px;}
.jzen{ display:block; font-size:14px;}
.firstimg{ width:100%; padding-bottom:15px; text-align:center;}
.w-article{ font-size:16px; line-height:28px;text-align: justify;word-break: break-word;}
.w-article p{ padding-bottom:10px;}
.w-article img{ display:block; max-width:100%;}

.grape-tit{ height:38px; margin:10px 0 0 0;  text-align:center;}
.grape-tit li{ display:inline-block; padding:0 10px; margin:0 2px; height:30px; line-height:30px; border:1px solid #e6e6e6; background-color:#fff; border-radius:3px; color:#888;}
.grape-tit li.curr{ border:1px solid #ac1630;  color:#ac1630;}
@media screen and (-webkit-min-device-pixel-ratio: 2){
.grape-tit li { position: relative;  border: 0;}
.grape-tit li:before {content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e6e6e6; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box;border-radius: 8px; pointer-events: none;}
.grape-tit li.curr { position: relative;  border: 0;}
.grape-tit li.curr:before {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; -webkit-box-sizing: border-box;border-radius: 8px; pointer-events: none;}
}

.grape-tits {height: 38px;margin: 10px 0 0 0;text-align: center;}
.grape-tits li {display: inline-block;padding: 0 10px;margin: 0 2px;height: 30px;line-height: 30px;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 3px;color: #888;}
.grape-tits li.curr {border: 1px solid #ac1630;color: #ac1630;}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.grape-tits li {position: relative;border: 0;}
.grape-tits li:before {content: "";width: 200%;height: 200%;position: absolute;top: 0;left: 0;border: 1px solid #e6e6e6;-webkit-transform: scale(0.5);-webkit-transform-origin: 0 0;padding: 1px;-webkit-box-sizing: border-box;border-radius: 8px;pointer-events: none;}
.grape-tits li.curr {position: relative;border: 0;}
.grape-tits li.curr:before {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;-webkit-box-sizing: border-box;border-radius: 8px;pointer-events: none;}
}

.gimgslide,.gwinelogolide { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; z-index: 999; background-color: #000; }
.gimgbox{ display:none; width:100%; height:100%; overflow:hidden;}
.gimgcell{ height:100%; 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;  text-align:center; }
.gimgcell img{ max-width:100%; max-height:100%;}
.fraction{ position:absolute;  width:100%; height:30px; top:15px; font-size:17px; color:#fff; }
.jiuping li{ line-height:24px; padding:10px; }
.jpOrg{ display:block; text-align:right; color:#999;}
.nofind{ position:relative; height:20px; padding-right:10px; line-height:20px;text-align:right; font-size:12px;}
.rgtico{ display:inline-block; width:16px; height:20px; margin-left:-4px; line-height:20px; font-size:18px; color:#2057b3; vertical-align:-3px;}
.sale-inner{ margin:0 10px; border:1px solid #eee; }
.sale-winename{ width:100%; height:40px; overflow:hidden; padding:0 10px; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #f5f5f5; line-height:40px; font-size:14px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.sale-goods{ width:100%; overflow:hidden;}
.sale-inner .sale-goods a{ display:block; width:100%; text-decoration:none;}
.left-gimg{ float:left; width:40%; padding:6px 0;}
.left-gimg img{ display:block; width:105px; margin:0 auto;}
.sale-inner .right{ padding:10px 10px 0 40%; line-height:24px;}
.relw-jz{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; line-height:22px;}
.relw-fg{ display:inline-block; padding:0 7px; color:#bbb;}
.wineScore{ position:relative; display:block; left:-6px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px;}
.wineScore i{ display:inline-block; font-style:normal; font-weight:normal; white-space:nowrap;}
.vinPrice{ width:100%; padding:10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px;}
.sale-label{ width:100%; overflow:hidden; height:40px; line-height:40px; font-size:12px; border-top:1px solid #f5f5f5;}
.sale-label .sale-logo{ display:block; float:left; padding:5px 10px 0 10px;}
.sale-label .sale-clickbuy{ display:block; float:right; padding-right:10px; font-size:14px;}
.priceVal{ font-size:20px; color:#ac1630;}
.pointsVal{ font-size:12px; color:#ac1630;}

@charset "utf-8";
.goods-col {
    position: relative;
    height: 44px;
    line-height: 42px;
    text-align: center;
    margin: 0 90px;
}
.goods-col span{ display:inline-block; height:43px; margin:0 10px; font-size:16px; line-height:43px; }
@media only screen and (max-width:350px){
.goods-col span{ margin:0 8px; }
}
@media only screen and (min-width:400px){
.goods-col span{ margin:0 14px; }
}
.goods-col .curr-col{ color:#ac1630; padding:0; }
.sub-ziliao{ display:none; position:fixed; top:45px; left:0; width:100%; z-index:10;}
.wine-ziliao{ width:100%; height:45px; margin:0 auto; border-bottom:1px solid #f5f5f5; text-align:center; background-color:#fff;}
.wine-ziliao li{ float:left; width:33.333%; height:45px; line-height:45px; text-align:center;}
.wine-ziliao span{ position:relative; display:block; height:45px;}
.wine-ziliao span:after{ display:block; position:absolute; content:''; height:13px; width:1px; right:0px; top:16px; border-right:1px solid #e9e9e9; }
.wine-ziliao .curr-zl{ color:#ac1630;}
.pageslide{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden; z-index:1; }
.wine-slider-itm{width:100%; float:left; overflow:hidden; text-align:left;}
.winelb{ position:relative; padding:20px 0; margin:0px auto; text-align:center; }
.winelb img{ vertical-align:middle; max-width:95%; max-height:260px;}
.goods-top{ width:100%; margin:0px auto 10px auto; padding-bottom:10px; background-color:#fff; }
.goods-n{ padding:0 10px 0 10px;}
.goods-n .cn{ font-size:16px; }
.goods-n .en{ font-size:12px;line-height:16px;padding:3px 0 5px 0;}
.goodsblock{ width:100%; margin-bottom:10px; background-color:#fff;}
.wtit{ position:relative; padding:0 10px; height:40px; line-height:40px; font-size:14px;}
.rgt-data{ display:block; position:absolute; right:8px; top:0; height:40px; font-size:12px; color:#999;}
.rgt-data i{ display:inline-block; height:40px; width:18px; font-size:18px; line-height:40px; color:#999; vertical-align:-2px;}
.vtwrap{ padding-left:10px;}
.vintage, .vintage-pj{ width:100%;  height:45px;  overflow:hidden; padding:5px 0 20px 0;}
.vtcell{width:66.6px !important; height:43px; line-height:43px; text-align:center;  background-color:#f4f5f6; border-radius:3px;}
.vtcell a{ display:block; text-align:center;}
.vtcell .curVint{height:41px; line-height:41px; border:1px solid #ac1630; color:#ac1630; background-color:#fff; border-radius:3px;}

@media screen and (-webkit-min-device-pixel-ratio: 2){
.vtlist li .curVint {position: relative;border: 0;}
.vtlist li .curVint:before {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;-webkit-box-sizing: border-box;border-radius: 8px;pointer-events: none;}}
@media only screen and (max-width:380px){
.vtlist li{ width:20%;}
}
@media only screen and (min-width:500px){
.vtlist li{ width:14.28%;}
}
.grape-tit{ height:38px; margin:10px 0 0 0;  text-align:center;}
.grape-tit li{ display:inline-block; padding:0 10px; margin:0 2px; height:30px; line-height:30px; border:1px solid #e6e6e6; background-color:#fff; border-radius:3px; color:#888;}
.grape-tit li.curr{ border:1px solid #ac1630;  color:#ac1630;}
@media screen and (-webkit-min-device-pixel-ratio: 2){
.grape-tit li { position: relative;  border: 0;}
.grape-tit li:before {content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e6e6e6; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box;
border-radius: 8px; pointer-events: none;}
.grape-tit li.curr { position: relative;  border: 0;}
.grape-tit li.curr:before {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; -webkit-box-sizing: border-box;
border-radius: 8px; pointer-events: none;}
}
.grape-tits {height: 38px;margin: 10px 0 0 0;text-align: center;}
.grape-tits li {display: inline-block;padding: 0 10px;margin: 0 2px;height: 30px;line-height: 30px;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 3px;color: #888;}
.grape-tits li.curr {border: 1px solid #ac1630;color: #ac1630;}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
.grape-tits li {position: relative;border: 0;}
.grape-tits li:before {content: "";width: 200%;height: 200%;position: absolute;top: 0;left: 0;border: 1px solid #e6e6e6;-webkit-transform: scale(0.5);-webkit-transform-origin: 0 0;padding: 1px;-webkit-box-sizing: border-box;border-radius: 8px;pointer-events: none;}
.grape-tits li.curr {position: relative;border: 0;}
.grape-tits li.curr:before {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;-webkit-box-sizing: border-box;border-radius: 8px;pointer-events: none;}
}
/*评价提示信息*/
.assess-info {display: none;height: 200px;width: 100%;margin-top: 20px;}
.assess-info #icon { font-size: 70px;color: #bbb;padding-left: 40%;}
.assess-info .assess-text{font-size:14px;color:#aaa;padding-top:10px;padding-left:30%;}

/*酒庄提示信息*/
.chateauInfo{display: none;height: 200px;width: 100%;margin-top: 20px;}
.chateauInfo #iconInfo{font-size: 70px;color: #bbb;padding-left: 40%;}
.chateauInfo .chateau-text{font-size:14px;color:#aaa;padding-top:10px;padding-left:32%;}

/*资料提示信息*/
.wineInfo{height: 200px;width: 100%;margin-top: 60px;}
.wineInfo #wineIcon{font-size: 70px;color: #bbb;padding-left: 40%;}
.wineInfo .wine-text{font-size:14px;color:#aaa;padding-top:10px;padding-left:32%;}
.cell-group {width: 100%;background-color: #fff;}
.cell-group-wine .cell { padding: 10px 0 10px 10px;}
.cell { padding: 10px 0 10px 15px; position: relative;}
.cell-group-wine .cell-primary { font-size: 14px;}
.cell-group-small .cell-primary { line-height: 21.428571435px;}
.cell-primary {position: relative;font-size: 15px;line-height: 25.005px;}
.article-content {padding: 0 10px 10px 10px; font-size: 14px;line-height: 1.667;word-break: break-word;text-align: justify;}
.article-content p {padding-bottom: 10px;word-break: break-word;text-align: justify;}

.strip {width: 100%;background-color: #fff;}
.strip-list {width: 100%;padding: 15px 10px;overflow: hidden;}
.strip-list a {display: block;}
.strip-list .strip-img {float: left;width: 139px;}
.strip-list .strip-img img {width: 100%;}
img {border: 0;vertical-align: middle;}
.strip-cont {min-height: 139px;margin: 0 0 0 159px;padding: 5px 0;}
.strip-tit {padding-bottom: 10px;font-size: 16px;font-weight: bold;line-height: 22.857142864px;}
.strip-add {padding-bottom: 5px;font-size: 12px;line-height: 17.142857148px;}
.strip-desc {max-height: 51.428571444px;overflow: hidden;font-size: 12px;line-height: 17.142857148px;color: #999;}
.strip-price {width: 100%;padding-top: 10px;font-size: 12px;}
.strip-price {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.strip-list {box-sizing: border-box; -webkit-box-sizing: border-box;}
.strip-add.indent-label {text-indent: -6px;}

.plusico { display: block; float: left; height: 16px; padding: 0 4px; margin: 13px 4px 0 0; font-size: 11px; line-height: 16px; background-color: #212c4f; color: #f6d563; border-radius: 2px; }