@charset "utf-8";
.article-sort{ width:100%; overflow:hidden; background-color:#fafafa;}
.article-sort div{ float:left; width:50%; border-bottom:1px dotted #e8e8e8; border-left:1px dotted #e8e8e8; margin-left:-1px;}
.article-sort div a{ position:relative; height:44px; display:block; padding:0px 10px 0px 36px; line-height:44px; font-size:16px;}
.article-sort div span{ display:block; position:absolute; top:12px; left:8px; width:18px; height:18px; background:url(../png/ico.png) no-repeat;background-size:336px;}
.article-sort span.zxico{ background-position:-273px -63px; }
.article-sort span.pjico{ top:10px; background-position:-20px -20px; }
.article-sort span.foodico{ top:10px; background-position:-41px -21px; }
.article-sort span.makico{  background-position:-41px -43px; }
.article-sort span.rwico{  background-position:-295px -63px; }
.article-sort span.lvico{ top:10px; background-position:-317px -63px; }
.article-sort span.jkico{ top:10px; background-position:0px -86px; }
.article-sort span.ztico{ width:20px; background-position:-317px -21px; }
.article-sort span.pzico{  top:10px; background-position:-21px -85px; }
.article-sort span.pzico{  top:10px; background-position:-21px -85px; }
.article-sort span.cqico{  top:10px; background-position:-43px -86px; }
.article-sort span.jzico{  top:10px; background-position:-64px -84px; }
.article-name{ padding:18px 10px 12px 10px; font-size:18px; line-height:30px; color:#000;font-weight:bold;}
.annex{ display:block;  font-size:12px; color:#aaa;}

.wineryAd{padding: 0px; text-indent: 0em;line-height:normal;margin:0px;}
.wineryAd p{padding: 0px; text-indent: 0em;line-height:normal;}

.aritcle-info{ padding:0px 10px; font-size:18px; line-height:28px; text-align: justify;word-break: break-word;}
.aritcle-info .img-source{display: block;padding: 10px 0 5px 0;text-align: center;font-size:12px;color:#666;}
.aritcle-info p{ padding-bottom:12px;}
.abstract{ padding:10px; margin-bottom:15px; font-size:14px; border: 1px solid #ccd2e1; background-color: #e1e5ef; line-height:22px; }
.aritcle-info p img{  display: block; text-indent: 0em;  margin: 0px auto; text-align: center;max-width: 100%;}
.aritcle-info img{  display: block; text-indent: 0em;  margin: 0px auto; text-align: center;max-width: 100%;}
.aritcle-info a{color: #2057b3;}
.article-other{ padding:15px 10px;}
.article-other a{ display:block; width:100%; padding:10px; margin-bottom:10px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; color:#6a7278; background-color:#e5ebef; box-sizing:border-box; -moz-box-sizing:border-box;}
.img-info{ display:block; font-size:14px; color:#999; line-height:18px; text-align:center;}
/*.qalist{ padding:0 0 15px 0;}
.qalist li{ border-bottom:1px solid #f1f1f1; padding:0px 10px;}
.qalist li a{ display:block; width:100%; padding:12px 0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;}
.qalist li .dot{ display:inline-block; padding-right:6px;}*/
.qainfo{ padding:20px 10px;}
.question{ font-size:20px; line-height:28px; color:#000;}
.question .qlabel{ display:block; font-size:12px; color:#7491A8;}
.answer{ padding:16px 0 0 0; font-size:18px; color:#626466; line-height:32px;text-align: justify;word-break: break-word;}
.answer img{display: block;text-indent: 0em;margin: 0px auto;text-align: center;max-width: 100%;}
.qtxt{ display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.qlabel2{ display:block; width:100%; padding-top:4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; color:#a8afb4;}
.qlabelbox{ padding:8px 0 0 0; line-height:14px; font-size:12px; color:#7491A8;}
.qlabelbox a{ display:inline-block; padding:5px 10px; font-size:12px; background-color:#B0C5D6; color:#fff; margin-right:6px; border-radius:3px;}
.region-nation{ width:100%; overflow:hidden; padding:16px 0px; height:100%;}
.region-nation li{ float:left; width:33.333%; padding-bottom:4px;}
.region-nation li a{ display:block; margin:0px 2px; padding:10px 0; color:#3b4d5b; text-align:center; font-size:16px; background-color:#edf1f3;}
.reg-tit{ padding:16px 10px 10px 10px; font-size:20px; line-height:22px; text-align:center; }
.tit-en{ display:block; font-size:14px; color:#666; }
/*.grape-attr{ margin:0px 10px; border:1px solid #dde4e8; background-color:#f1f5f7;}
.grape-attr dl{ width:100%; overflow:hidden; padding:7px 0; color:#666; line-height:20px; border-bottom:1px solid #e3e9ed; margin-bottom:-1px; }
.grape-attr dl dt{ float:left; min-width:90px; padding-left:6px; text-align:right; color:#7491A8; font-weight:bold;}
.grape-attr dl dd{ padding:0 10px 0 96px;}*/
.pad{ padding-top:20px;}
.reg-search{ padding:0 0 18px 0;}
.reg-search li{ padding:12px 0px; border-bottom:1px solid #f0f0f0;}
.reg-search li a{ display:block;}
.wineryimg{ padding:25px 0 5px 0; margin:0px auto; text-align:center;}
.wineryimg img{ max-width:90%;}
.winerytab{margin-bottom:15px;}
/*.switch-m{ width:100%; overflow:hidden; background-color:#5090e0; margin-bottom:20px; }
.switch-m li{ float:left; width:25%; padding:8px 0; text-align:center; font-size:16px; border-right:1px solid #649de3; box-sizing:border-box; -moz-box-sizing:border-box; color:#fff;}*/
.switch-m li:nth-child(1){ width:20%;}
.switch-m li:nth-child(2){ width:20%;}
.switch-m li:nth-child(3){ width:30%;}
.switch-m li:nth-child(4){ width:30%;}
.switch-m li.curr{ background-color:#fff; color:#000;}

.winery-info{ padding:0px 10px; font-size:16px; line-height:28px; color:#555;text-align: justify;word-break: break-word;}
.winery-info p{padding-bottom:10px;}

.wztime{ font-size:12px; padding-top:6px; color:#999;}
.s-result{padding-bottom:6px;}
/*.abc{ padding:10px 0 0 10px; font-size:20px;}*/
.list-zt{ padding:15px 10px;}
.list-zt li{ margin-bottom:15px; border:1px solid #e8e8e8; background-color:#fff;}
.list-zt li img{ display:block; width:100%;}
.list-zt li a{ display:block;}
.list-zt li p{ width:100%; padding:8px 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; -moz-box-sizing:border-box;}
.ztimg{ width:100%; padding-bottom:10px;}
.ztimg img{ display:block; width:100%; }
a.wset-out{ display:block; margin:0px 6px; padding-bottom:15px;  }
.wset-top{ padding:10px; background-color:#709ed7; color:#fff; font-size:18px; line-height:26px;}
.wset-top p{ font-size:12px; line-height:18px; padding-top:5px;}
.wset-img{ float:left; width:90px; padding:0px 10px;}
.wset-img img{ display:block;}
.wset-grade{ padding:0px 10px 10px 110px; font-size:16px; line-height:26px;}
.wset-grade p{ font-size:12px; line-height:18px; padding-top:5px; }
.wset-info{ background-color:#edf4fc; border:1px solid #dddfef; border-top:0px; padding:10px 0px 18px 0px; }
.wico{ float:right; margin:20px 0px 0px 0px; width:15px; height:20px; background:url(../png/ico.png) no-repeat -102px 0px; background-size:400px; }
.wset-ys{ margin:0px 10px 15px 10px; background-color:#edf4fc; border:1px solid #dddfef; padding:10px;}
.wset-ys dl{ width:100%; overflow:hidden;}
.wset-ys dl dt{ float:left; width:80px; height:80px; margin:0 10px 10px 0;}
.wset-ys dl dd{line-height:23px; color:#666;}
.wset-ys dl dd p{ font-size:16px; font-weight:bold; color:#000; padding-bottom:5px;}
.wsetimg{ display:block; float:left; width:80px; height:80px; border-radius:40px; border:1px solid #fff;  background:url(../jpg/meishi.jpg) no-repeat; background-size:contain;}
.w-tud{background:url(../jpg/tud.jpg) no-repeat;  background-size:contain;}
.w-jij{background:url(../jpg/jijin.jpg) no-repeat;  background-size:contain;}
.w-fux{background:url(../jpg/fuxi.jpg) no-repeat;  background-size:contain;}
.w-liwu{background:url(../jpg/liwu.jpg) no-repeat;  background-size:contain;}
.wsetbox{ padding:15px 10px;}
.wsetbox p{ font-size:16px; line-height:26px; color:#666; padding-bottom:10px;}
.wset-t{ display:block; font-size:14px; line-height:26px; padding-left:4px;}
.abc{ padding:0 0 8px 10px; color:#666; border-bottom:1px solid #eee;}
.abc-font{ font-size:24px; color:#333;}
.show-all-content{ position: relative; padding:10px 0 10px 0; text-align: center; font-size: 16px; color: #2057b3; border-bottom: 1px solid #efefef;}
.show-all-content:before{ content: ""; position: absolute; bottom: 100%; left: 0; height: 80px; width: 100%; background-image: -webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,.1) 90%); background-image: -o-linear-gradient(bottom,#fff 0,hsla(0,0%,100%,.1) 90%); background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(90%,hsla(0,0%,100%,.1))); background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,.1) 90%);}
.show-all-content span{ display: inline-block; margin-left: 5px; vertical-align: -1px;}

/*酒庄*/
/*.reglist{ width:100%; overflow:hidden; background-color:#809dd2;  }
.reglist li{ float:left; width:50%; margin-top:-1px; border-top:1px solid #8ea8d8; border-right:1px solid #8ea8d8; box-sizing:border-box; -moz-box-sizing:border-box;}
.reglist li a{ display:block; width:100%; overflow:hidden; color:#fff; padding:12px 0px; text-align:center;}*/


.grape-attr{border-top:1px solid #dde4e8; border-bottom:1px solid #dde4e8; background-color:#f1f5f7;}
.grape-attr dl{ width:100%; overflow:hidden; padding:7px 0; color:#666; line-height:20px; border-bottom:1px solid #e3e9ed; margin-bottom:-1px; }
.grape-attr dl dt{ float:left; min-width:90px; padding-left:6px; text-align:right; color:#7491A8; font-weight:bold;}
.grape-attr dl dd{ padding:0 10px 0 96px;}
/*20170228 文章、酒款、产区、酒庄、问答、品种 改版(样式 by yzc)*/
.sortbox{ display:none; position:fixed; top:105px; z-index:200; width:100%; background-color:#fff; }
.sortlist{ width:100%; overflow:hidden;}

.sortlist li{ float:left; width:50%; padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; border-top:1px solid #f5f5f5; border-right:1px solid #f5f5f5;}
.sortlist li a{ display:block; width:100%; height:42px; line-height:42px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; }
.downico{ position:absolute; top:-11px; right:20px; width:0; height:0; line-height:0; border-color: transparent transparent #ddd  transparent; border-width:6px; border-style:solid;}
.downico i{ display:block;  position:absolute; top:-5px; right:-6px; width:0; height:0; line-height:0; border-color: transparent transparent #fff  transparent; border-width:6px; border-style:solid;}
.reglist{ width:100%; padding:10px 8px 0 10px; overflow:hidden; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.reglist li{ float:left; width:50%; padding:0 2px 2px 0; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.reglist li a{ display:block; width:100%; overflow:hidden; padding:10px 0px; text-align:center; background-color:#eeeff0;}

.wzbt{ font-size:18px; line-height:26px; color:#2057b3;}
.wzcont{ padding-top:5px; line-height:20px; color:#999;}
.switch-m{width:100%;overflow:hidden;background-color:#708bbc;margin-bottom:20px;border-top:2px solid #708bbc;}
.switch-m li{ float:left; width:25%; padding:8px 0; text-align:center; font-size:16px; border-right:1px solid #8098c3; box-sizing:border-box; -moz-box-sizing:border-box; color:#fff;}
.winery-tit{ padding:10px 10px 15px 10px; font-size:20px; line-height:18px; text-align:center;}
.winery-tit .win-en{ display:block; font-size:14px; color:#666;}

.qalist{ padding:0 0 15px 0;}
.qalist li{ border-bottom:1px solid #f1f1f1; padding:0px 10px;}
.qalist li a{ display:block; width:100%; padding:12px 0px; font-size:16px;}
.qalist li p{font-size:12px;line-height:18px;color:#999;}
.qalist li .dot{ display:inline-block; padding-right:6px;}
.sortlist li a.markSort{ color:#ac1630;}
.relqa{ padding:10px 0 10px 10px; font-size:16px; font-weight:bold; border-bottom:1px solid #eee;}
/*手机版摘要固定显示2行，结尾有...*/
.rows_2 {overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;height:32px;}
/*文章资讯相关文章、广告*/
.relWZ li{ position:relative; padding:0 10px 0 23px;}
.relWZ li a{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.relWZ li:before{ position:absolute; content: ''; top:20px; left:10px; z-index:10; width:5px; height:5px; border-radius:50%; background-color:#aaa;}
.kjgoods{ width:100%; overflow:hidden; padding-bottom:35px;}
.kjlist{ float:left; width:33.333%; border-left:1px solid #f1f1f1; margin-left:-1px; border-bottom: 1px solid #f1f1f1;}
.kjgimg img{ display:block; width:90%; margin:0 auto;}
.kjg-wnm{ padding:5px 8px 10px 8px; font-size:12px;}
.kjg-wnm p{ display:block; width:100%; height:14px; padding-bottom:3px; line-height:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-left:-6px;  font-size:10px;}
.kjg-wnm a{ display:block; width:100%; height:14px; line-height:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:10px; }
.kjg-wnm span i{ padding:0 1px;font-size:10px; font-style:normal; }
.wz-copyright{padding: 10px;font-size: 14px;color: #999; }
.salebox{ padding:10px;background-color:#fff;}
.sale-tit{ height:40px; line-height:40px; font-size:14px; font-weight:bold;}
.sale-tit2{ width:100%; padding-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; font-weight:bold;}
.sale-inner{ border:1px solid #e6e6e6; }
.sale-goods{ width:100%; overflow:hidden;}
.sale-inner 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; left:-6px; display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px;}
.wineScore i{ display:inline-block; font-style:normal; font-weight:normal; }
.vinPrice{ width:100%;padding:10px 0 10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px;}
.sale-winename{ position:relative; padding:0 55px 0 10px; height:40px; border-bottom:1px solid #f5f5f5; }
.sale-wcn{ display:block; width:100%;  overflow:hidden; white-space:nowrap; line-height:40px; text-overflow:ellipsis;font-size:14px;}
.salew-pad{ padding-right:10px;}
.relw-mlist{ position:relative; padding:8px 10px; border-top:1px solid #e6e6e6;}
.relw-mlist a{ display:block;}
.relw-mcont{ padding:0 55px 0 0; }
.relw-mtit{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.relw-mprice{width:100%; padding-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px;}
.mpriceVal{ color:#ac1630; font-size:14px;}
.relw-btn{ display:block; top:8px; right:8px; position:absolute; font-size:12px; border-radius:3px; background-color:#ac1630; padding:4px 12px; color:#fff;}
.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:7px 10px 0 10px;line-height:26px;}
.sale-label .sale-clickbuy{ display:block; float:right; padding-right:10px; font-size:14px;}
.kjprice{ display:inline-block; height:16px; padding:0 4px; border-radius:2px; line-height:16px; font-size:11px; color:#fff; background-color:#708bbc; margin-right:5px; vertical-align:3px; }
.qjprice{ display:inline-block; height:16px; padding:0 4px; border-radius:2px; line-height:16px; font-size:11px; color:#fff; background-color:#d0546a; margin-right:5px; vertical-align:3px; }
.verc{ vertical-align:2px;}
.priceVal{ font-size:20px; color:#ac1630;}
.pointsVal{ font-size:12px; color:#ac1630;}
.tg-bar{ margin:0 10px 5px 10px; border:1px solid #e6e6e6; background-color:#fff;}
.tg-bar a{ display:block;}
.tg-inner{ position:relative; width:100%; overflow:hidden; padding:10px 0;}
.tg-ico{ float:left; padding:0 0 0 10px;}
.tg-ico img{ vertical-align:middle;}
.tg-cent{ margin:0 10px 0 70px; padding-top:5px; font-size:16px;}
.tg-cent p{font-size:12px; color:#666;}
.tg-cent div{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tg-cent span{ font-size:12px;}
.tg-btn{ position:absolute; top:20px; right:10px; height:30px; width:70px; text-align:center; line-height:30px; background-color:#ac1630; color:#fff; font-size:12px; border-radius:3px;}
.tg-btn-view{ position:absolute; top:20px; right:10px; height:28px; width:60px; text-align:center; line-height:28px; background-color:#ac1630; color:#fff; font-size:12px; border-radius:3px;}
.tg-mallItm{ width:100%; overflow:hidden; position:relative; left:-1px;}
.tg-mallItm li{ float:left; width:50%; padding:0 10px;  border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.tg-mallItm li a{ display:block; width:100%; padding:12px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px;}
.cell-group {width: 100%;background-color: #fff;}
.cell.cell-pad {padding: 10px 0 10px 10px;}.cell {padding: 10px 0 10px 15px;position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.cell-primary.cell-f14px {font-size: 14px;}
.cell-group-small .cell-primary {line-height: 21.428571435px;}
.cell-primary {position: relative;flex: 1;}
.fontbold {font-weight: bold;}
.cell-ft.ft-darker {color: #333;}
.cell-group-small .cell-ft {height: 21.428571435px;line-height: 21.428571435px;}
.cell-ft {padding-right: 28px;position: relative;font-size: 13px;}
.iconfont {font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-arrow-right:before {content: "\e631";}
.sale {border: 1px solid #e6e6e6;}
.sale a {   display: block;}
.bdb-1px {position: relative;}
.sale-winename-plus {width: 100%;padding: 10px;line-height: 1.428571429;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-sizing: border-box;}
.sale-goods {width: 100%;}
.sale-gimg {width: 40%;padding: 6px 0 0 0;text-align: center;}
.sale-right-plus {min-width: 0;padding: 10px 10px 10px 0;font-size: 13px;line-height: 1.667;-webkit-box-flex: 1;flex: 1;}
.sale-attr {width: 100%;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sale-price {padding: 10px 0 0 0;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sale-price .priceVal {    font-size: 18px;    color: #ac1630;}
.plus-price-inner {display: inline-block;height: 13px;padding: 2px 4px;margin: 0 4px 0 6px;font-size: 12px;line-height: 14px;background-color: #212c4f;color: #f6d563;border-radius: 2px;vertical-align: 2px;}
.sale-recomd {padding: 0 10px 10px 10px;}
.sale-goods-plus {width: 100%;display: flex;}
.sale-gimg img {width: 105px;}
.sale-price .priceVal {
    font-size: 18px;
    color: #ac1630;
}
.qjico {
    display: block;
    float: left;
    height: 16px;
    padding: 0 3px;
    margin: 2px 4px 0 0;
    font-size: 11px;
    line-height: 16px;
    background-color: #d0546a;
    color: #fff;
    border-radius: 2px;
}
.sale-price .kjico, .strip-price .qjico {
    margin-top: 6px;
}

.article-list {
    width: 100%;
    background-color: #fff;
}
.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;
}
.article-list a {
    display: block;
    padding: 15px 6px 15px 10px;
}
.article-hed{
    display: flex;
}
.article-list-bd {
    padding-top: 3px;
    font-size: 19px;
    line-height: 1.428571429;
}
.article-list-bd {
    -webkit-box-flex: 1;
    flex: 1;
}
.article-list-tit {
    padding-bottom: 8px;
}
.article-date {
    display: block;
    padding: 6px 0 0 0;
    font-size: 12px;
    color: #999;
}
.article-list-img {
    width: 30%;
    margin: 0 4px 0 10px;
}
.article-list-img img {
    width: 100%;
}
img {
    border: 0;
    vertical-align: middle;
}
.check-favorite {
    display: none;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
}
.select-group {
    position: relative;
    height: 20px;
    padding-right: 10px;
}
.select-cell {
    display: inline-block;
}
.select-cell input {
    position: absolute;
    top: 0;
    left: -99999em;
}
.select-cell input {
    position: absolute;
    top: 0;
    left: -99999em;
}
input {
    line-height: normal;
}
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;
}
.select-cell i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../png/goux_02.png) no-repeat left center;
    background-size: 40px;
}
.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;
}



.pagewrap {
    width: 100%;   
}
.box-white {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 10px;
}
.swiper-img {
    width: 100%;
    overflow: hidden
}

    .swiper-img .swiper-slide img {
        width: 100%
    }

    .swiper-img .swiper-pagination-bullet {
        background-color: #fff;
        opacity: 0.3
    }

    .swiper-img .swiper-pagination-bullet-active {
        background-color: #ac1630;
        opacity: 1
    }

.box-white .swiper-articleimg {
    height: 133.33vw;
    padding-bottom: 16px
}


    .swiper-articleimg .swiper-wrapper {
        background-color: #f1f2f3;    
    }

.swiper-articleimg .swiper-slide {
    height: 100%;
    background-color: #f1f2f3;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow:hidden;
}

    .swiper-articleimg .slideimg {
        width: 100%
    }

    .swiper-articleimg .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-articleimg .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0
    }

    .swiper-articleimg .swiper-pagination-bullet {
        width: 16px;
        height: 2px;
        border-radius: 0;
        opacity: .1
    }

    .swiper-articleimg .swiper-horizontal > .swiper-pagination-bullets, .swiper-articleimg .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -3px
    }

    .swiper-articleimg .swiper-pagination-bullet-active {
        background: #333;
        opacity: 1
    }

.popswiperimg {
    height: 100%
}

    .popswiperimg .swiper-slide {
        height: 100%
    }

    .popswiperimg .slideimg {
        width: 100%
    }

    .popswiperimg .swiper-pagination-fraction {
        left: 0;
        top: 0;
        bottom: auto;
        right: 0;
        height: 44px;
        line-height: 44px;
        color: #fff;
        font-size: 16px
    }

.swiper-panel {
    width: 100%;
    padding: 10px 0
}

.popimg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 1080;
}
.popimg-hed {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    height: 44px;
}
.popimg-closed {
    position: absolute;
    top: 4px;
    right: 10px;
    width: 36px;
    height: 36px;
    text-align: center;
    background: rgba(255,255,255,0.1);
    color: #fff;
    line-height: 36px;
    font-size: 14px;
    border-radius: 50%
}
.read-list, .cell, .downapp, .grid-menu a, .sharepage, .swiper-articleimg .swiper-slide, .popswiperimg .swiper-slide, .el-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.critic {
    background: linear-gradient(to right, #4873c3, #6a91db);
    color: #fff
}

.critic-top {
    background: url("../png/crtic-bg.png") no-repeat top right;
    background-size: 30%
}

.critic-flex {
    padding: 15px 15px 10px 15px
}

.critic-tx {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden
}

.critic-bd {
    min-width: 0;
    padding: 0 0 0 15px;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.critic-name .critic-cn {
    font-size: 18px;
    font-weight: bold
}

.critic-name .critic-en {
    display: inline-block;
    padding-left: 8px;
    font-size: 15px;
    font-weight: bold
}

.critic-identity {
    padding-top: 6px;
    font-size: 13px;
    line-height: 18.571428577px
}

.critic-brief {
    padding: 0 15px 40px 15px;
    line-height: 23.338px;
    opacity: .8
}

.critic-articles {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    margin-top: -18px
}

.critic-menu-place {
    width: 100%;
    height: 40px
}

.critic-menu {
    width: 100%;
    height: 40px;
    background-color: #fff;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

    .critic-menu.fixed-critic-menu {
        position: fixed;
        top: 44px;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1000
    }

.critic-menu-item {
    margin: 0 24px;
    padding: 2px 0 0 0;
    line-height: 36px;
    font-size: 16px
}

    .critic-menu-item.critic-mcurr {
        color: #ac1630;
        font-weight: bold;
        border-bottom: 2px solid #ac1630
    }
.critic-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.article-list-bd {
    padding-top: 3px;
    font-size: 19px;
    line-height: 1.428571429
}
.article-v-cover {
    position: relative;
}
.img-full {
    width: 100%;
}
.article-v-cover .article-v-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    margin-left: -21px;
    margin-top: -21px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 46px;
    text-align: center;
    font-size: 20px;
}