@charset "utf-8";
/* CSS Document */
body{background: #f6f6f6;}
.banner img{width: 100%;}

.brandnav{overflow:hidden;}
.brandnav li{float:left;margin-left:4%;width:28%;text-align:center;font-size:0.3733rem;background:#e5e5e5;margin-top: 0.32rem;line-height: 0.83rem;border-radius: 3px;}
.brandnav a{display:block;height:100%;width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #666666;}
.brandnav li.on{background: #777;}
.brandnav li.on a{color: #fff;}

.tenbrandint{margin: 0.64rem 0.4rem 0.32rem;}
.tenbrandint .title{text-align:center;width: max-content;margin: auto;color: #333;margin-bottom: 0.4rem;}
.tenbrandint .title:before,.tenbrandint .title:after{background: url(../images/brand-tit.png) no-repeat center;background-size: 0.4833rem;content:"";width: 0.4833rem;height: 0.64rem;display: block;}
.tenbrandint .title:before{float:left;margin-right:0.32rem;}
.tenbrandint .title:after{float:right;margin-left:0.32rem;}
.tenbrandint .int{font-size:0.32rem;line-height: 0.56rem;color: #999;}

.brandlist{padding: 0 0.4rem;display: inline-block;width: 100%;}
.brandlist .n_con{line-height: 0.675rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;position: relative;padding: 0.4rem;background: #ffffff;box-shadow: 0px 0px 15px rgba(223,223,223,0.8);border-radius: 0.12rem;margin: 0.4rem 0;}
.brandlist .n_con a{white-space: normal;line-height: 0.68rem;font-weight: normal;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap:break-word;word-break:break-all;}
.brandlist .col_right{position:relative;width: 53%;}
.brandlist h4{font-weight:normal;color:#333333;width: 60%;overflow: hidden;text-overflow: ellipsis;}
.brandlist p{color:#999999;line-height: 0.42667rem;margin-top: 0.24rem;overflow: hidden;text-overflow: ellipsis;font-size: 0.32rem;}
.brandlist .joinbtn{position:absolute;right:0;top: 0.05rem;font-style: normal;line-height: 0.6rem !important;font-size: 0.32rem;background: #eee;color: #999;padding: 0rem 0.25rem;border-radius: 2px;}
.brandlist .brandbox{width: 30%;margin-right: 5%;}

.pinglun .plbox{background:#ffffff;}
.empty{background:none;}

.News_content{text-align: justify;font-size:0.48rem;line-height:0.72rem;margin-top: 0.48rem;position: relative;margin-bottom: 1rem;overflow: hidden;}
.News_content p{margin-bottom: 0.48rem;/* color:#333; */font-size: 0.4267rem;}

/* 正文遮罩 */
#showMore{bottom:0;left:0;width:100%;text-align:center;background: url(../images/news-gray.png) no-repeat left bottom;background-size: 30rem;height: 7rem;line-height: 11.5rem;font-size: 0.4rem;}
#showMore a{display:block;width:100%;height:100%;}
#showMore span{color: #e6040e;}
#showMore span:after{transform: rotate(90deg);background: url(../images/icon-arrow-right.png) no-repeat center;content:"";background-size: 0.35rem;/* padding-right: 0.5333rem; */height: 0.5333rem;width: 0.5333rem;display: block;position: absolute;top: 5.5rem;right: 2.8rem;}
#showMore span.show:after{transform: rotate(-90deg);}
.newshide{height:100vh;}
.newsshow{height:auto;}
#showMore.showMore-s{position: inherit;line-height: 1.5rem;height: 1.5rem;}
#showMore.showMore-s span:after{top: 0.5rem;}
#showMore.showMore-h{position: absolute;}
.News_bot{text-align:right;/* height: 1rem; */line-height: 2rem;font-size: 0.32rem;color: #999;border-top: 1px #e5e5e5 dotted;}

/* brand */
.brandsbox{background:#ffffff;padding:0.4rem;width:100%;overflow: hidden;}
.brandbox,.namebox{float:left;}
.brandbox{margin-right: 0.4rem;width: 1.5rem;height: 1.5rem;}
.namebox{width: 38%;}
.namebox h4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 0.15rem;font-weight:normal;color:#333;}
.namebox p{margin-top:0.1rem;font-size: 0.32rem;}
.go_vote{background-image: linear-gradient(to top left,#f34225, #e10019);width:1.95rem;display:block;line-height:0.6667rem;border-radius:1rem;}
.brandsbox .right{margin-top: 0.45rem;vertical-align: middle;float:right;}

.brandsbox .int{overflow:hidden;width:100%;padding-top: 0.48rem;border-top: 1px #eee solid;margin-top: 0.48rem;display: inline-block;}
.brandsbox .int .ewm,.brandsbox .int .brandr{float:left;}
.brandsbox .int .ewm{width: 23%;margin-right: 4%;}
.brandsbox .int .brandr{width: 73%;margin-top: 0.15rem;}
.brandsbox table tr td{vertical-align:top;height:0.64rem;color: #999;font-size: 0.32rem;}
.brandsbox table tr td:first-child{width:25%;}

.brandsbox .btn{overflow:hidden;width: max-content;margin: 0.48rem auto 0.64rem;}
.brandsbox .btn a{width:3.6917rem;height:1.0333rem;line-height:1.0333rem;font-size:0.3733rem;color:#666;display:block;float:left;background:#e5e5e5;text-align:center;margin: 0 0.2rem;border-radius: 5px;}
.btnss{margin: 0 auto 0.32rem;width: max-content;}
.likebtn,.nlikebtn{background:#fff;color: #999;width: max-content;float: left;height: 0.7167rem;line-height: 0.7167rem;margin: 0 0.48rem;}
.likebtn:before{background: url(../images/icon-dianzan-s.png) no-repeat center;}
.nlikebtn:before{background: url(../images/icon-data-s.png) no-repeat center;}
.likebtn:before,.nlikebtn:before{background-size: 0.7167rem !important;content:"";height: 0.7167rem;display: block;float: left;margin-right: 0.1rem;}
.btn-pl{background: url(../images/icon-pingjia.png) no-repeat left center;color:#999;background-size: 0.3833rem;padding-left:0.5rem;line-height: 0.7167rem;font-size: 0.3733rem;margin: 0 0.3667rem;}

.pinglun .loadmore{background:#ffffff;}

.msg-mask{position:fixed;top:  0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;text-align: center;line-height: 40px;padding: 25% 0;}