html {font-size:55px;}
a,a:hover{text-decoration: none;}

.news-wrap{position: relative;top: 0.9rem;height: auto;box-sizing: content-box;z-index: 1;width: 100%; overflow-x: hidden;overflow-y: auto; -webkit-overflow-scrolling: touch;}
.has-switch{padding-bottom: .275rem;}

/* 轮播 */
.news-swiper {width:100%;height:4.1435rem;position: relative;}			
.news-swiper .swiper-container { width: 100%;height: 100%;overflow: hidden;position: relative;}

.news-swiper .swiper-slide {width: 100%;height: 100%; position: relative;}
.news-swiper .swiper-slide::before{content: '';    background: rgba(0, 0, 0, .5);;height:0.5rem;position: absolute;width: 100%;bottom:0;left:0;z-index: 2;}
.news-swiper .swiper-slide em{display: block;width: 100%;height: 100%;}
.news-swiper .swiper-slide em img{display:block;width: 100%;height:100%;}

.news-swiper .swiper-slide span{display: block;width:100%;font-size: 0.32rem;line-height: 0.5rem;height:0.55rem;overflow:hidden;position: absolute;bottom:0;left:0.2rem;z-index: 3;box-sizing: border-box;}
.news-swiper .swiper-slide span a{display:block;color: #fff;max-width: 80%; display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news-swiper .swiper-pagination{width: auto !important;height: 0.12rem;bottom:0.15rem !important;left:auto !important;right:0.1rem;text-align: right;box-sizing: border-box;z-index: 5;display: inline-block;box-sizing: border-box;}
.news-swiper .swiper-pagination-bullet {display: inline-block;vertical-align: top;width: 0.12rem;height: 0.12rem;opacity:1;border-radius:50%;background:hsla(0, 0%, 100%, .8);margin: 0 0.06rem !important;cursor: pointer;transition: width 0.3s ease-in-out;}
.news-swiper .swiper-pagination-bullet-active{background: #ff0000;}


.news-title {display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;overflow: hidden; padding: 0 .15rem; box-sizing: border-box;margin-bottom: .15rem; background: #F2F2F2;}
.news-title b {display:block;font-size: .3rem;line-height: 0.75rem;letter-spacing: .025rem; font-weight: bold;}
.news-title a {display:block;line-height: 0.75rem;color: #333333;font-size: .275rem;}

.news-articles {padding-bottom: 0.5rem;}

.news-articles dl{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;position: relative; padding: .15rem .15rem;background-color: #fff;z-index: 1;border-bottom: 1px solid #eee;}
.news-articles dl dt{margin-top: 0.05rem; width: 32%; margin-right: 2%;}
.news-articles dl dt a{display: block;width: 100%;}
.news-articles dl dt img{width: 100%;height: 1.6285rem;object-fit: cover;-webkit-transition: opacity .7s; transition: opacity .7s;border-radius: .15rem;}

.news-articles dl dd{display: flex;flex-direction: column; -webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;width: 66%; height: 1.675rem; overflow: hidden;position: relative;}
.news-articles dl.noimg dd{width: 100%;}
.news-articles dl dd b{color: #232323; font-size: 0.32rem;font-weight: normal;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-articles dl dd span{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}

.news-articles dl.noimg dd span{display: block !important;text-align: left;}
.news-articles dl.d-s  dd span{display: block !important;text-align: right;}
.news-articles dl dd i{display: block;max-width: 80%; display: inline-block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #999;vertical-align: middle;font-size: .225rem;}
.news-articles dl.noimg dd i:nth-child(2){}
.news-articles dl.noimg dd i:first-child{margin-right: .15rem;}

/* 详情 */

.news-detail{position: relative; padding: 0 0.25rem 0.15rem; box-sizing: border-box;}
.detail-title{text-align: justify !important;font-size: .325rem; color: #323232;padding-top: 0.2rem; line-height: 0.5rem; letter-spacing: 0.015rem; font-weight: bold;}
.detail-sub{text-align: justify !important; font-size: 0.45rem; color: #323232;letter-spacing: 0.04rem;background: #f2f2f2;padding: .2rem;border-radius: .15rem;margin-top: .25rem;line-height: 0.65rem;}
.detail-info{margin: 0.05rem 0rem;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;border-bottom: 2px rgb(240, 240, 240) solid;}
.detail-info span{color: #999999;font-size: 0.28rem;letter-spacing: 0.025rem;margin-top: .1rem;line-height: 0.7rem;}

.detail-content{line-height: .45rem;font-size: .31rem;  letter-spacing: 0.015rem; font-weight: 300;color: #333;text-indent: 1rem;font-family: Hiragino Sans GB;}
.detail-content p{text-align: justify;line-height: .45rem; font-size: .31rem;letter-spacing: 0.015rem; font-weight: 300; margin: 0.15rem 0; color: #333;text-indent: 1rem;}

.detail-content img{display: block; width: 100%;}

.detail-author{margin: 5px 0px 15px 0px;color: #7e7e7e;letter-spacing: 0.025rem;font-size: 0.275rem;font-weight: 300;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.detail-author span{display: block;}

.detail-line{height: 0.25rem; background: rgb(242, 242, 242); margin: .75rem 0px 0.25rem;}
.detail-rec{font-size: .3rem; line-height: 0.5rem;text-align: center;}

/*点赞区域*/

.big-zan {padding: 10px 18px;}
.big-zan .article-zan { width: 55%;height: 0.75rem;padding: 0 10px;margin: 0 auto; font-size: 0.5rem; display: block; border-radius: 5vh;}
.article-zan i { height: 0.5rem; width: 0.5rem; margin-right: .25rem; display: block; float: left;  margin-left: 43%;  vertical-align: top;  background-size: 100% auto;  background-position: center center; margin-top: .125rem;}
.icon-big-zan { display: inline-block;  vertical-align: middle;   *vertical-align: auto;  *zoom: 1;  *display: inline;  width: 24px;height: 100%;  background-size: 100% 100%; background-repeat: no-repeat;}
.bg-no-zan {background-image: url('../images/noClickZan.png?v=1');}
.bg-zan { background-image: url('../images/clickZan.png?v=1');}
.bg-no-bless { background-image: url('../images/noClickBless.png?v=1');}
.bg-bless { background-image: url('../images/clickBless.png?v=1');}
.article-zan span { font-size: .3rem;line-height: 0.75rem;display: block;float: left;}
.big-zan.bigZan .article-zan { border: 1px solid #d04346;color: #d04346;text-align: center;}



























