.newsDetail {
  background: #F8F8F8;
  min-height: 100vh;
  box-sizing: border-box;
  padding-bottom: 12vw;
}

.newsDetailHeader {
  background: #20AE9C;
  padding: 4vw 6.667vw;
  box-sizing: border-box;
  word-break: break-all;
  font-size: 4.267vw;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 5.867vw;
  position: relative;
  text-align: center;
}
.noticeHeaderBack {
  position: absolute;
  color:#fff;
  font-size: 4.267vw;
  top:50%;
  transform: translateY(-50%);
  left: 2vw;
  font-weight: 600;
}

.newsDetail .newsMain {
  padding: 4vw;
}

.newsDetail .newsTitle {
  font-size: 4.8vw;
  font-weight: 600;
  color: #333333;
}
.newsDetail .newsInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.667vw 0;
  border-bottom: 1px solid rgba(0, 85, 61, 0.1);
}
.newsDetail .newsInfo .newsInfo-title {
  color:#20AE9C;
  margin-right: 1.667vw;
}

.newsDetail .newsInfo .newsInfo-line {
  color:#D8D8D8;
}

.newsDetail .newsInfo .newsInfo-time {
  color:#666666;
  margin-left: 1.667vw;
}

.newsDetail .newsInfo .pariseIcon {
  display: inline-block;
  color: #FF776A;
}

.newsDetail .praiseNumber {
  font-size: 3.2vw;
  color: #333333;
}

.newsDetail .newsEditor {
  padding: 2.667vw 0;
  word-break: break-all;
}

.newsDetail .newsEditor img {
  max-width: 100%;
  height: auto !important;
}
.newsDetail .next-pre {
  display: flex;
  justify-content: space-between;
  border-top: 1vw solid #f2f2f2;
}
.newsDetail .pre,
.next {
  flex: 1;
  text-align: center;
  height: 12.93vw;
  line-height: 12.93vw;
  color: #333;
  font-size: 4vw;
}
.newsDetail .next {
  border-left: 1px solid #f2f2f2;
}
.newsDetail .newTips {
  font-size: 3.2vw;
  color: #999999;
  line-height: 4.8vw;
  padding: 4vw 0;
}

.recommend {
  border-top: 1vw solid #f2f2f2;
}
.recommend-title {
  padding: 2.6667vw 4vw;
  font-size: 4vw;
  border-bottom: 1px solid rgba(0, 85, 61, 0.1);
}

.hot-list {
  display: flex;
  flex-wrap: wrap;
  padding: 2.6667vw 4vw;
}
.newsDetail .hot-list .tag-item {
  display: flex;
  max-width: 44%;
  background-color: #E9F3FD;
  border-radius: 24px;
  margin: 0 4vw 4vw 0;
}
.newsDetail .hot-list .tag-item .tag-item-cotainer {
  padding: 1vw 2vw;
  border-radius: 24px;
  color: #20AE9C;
}
.newsDetail .hot-tag {
  display: flex;
  flex-wrap: wrap;
}
.newsDetail .hot-tag .tag-title {
  padding: 0.5vw 1vw;
  margin-right: 0.5vw;
  margin-bottom: 0.5vw;
}
.newsDetail .hot-tag .tag-item {
  border: 1px solid #eee;
  padding: 0.5vw 1vw;
  font-size: 3.2vw;
  margin-right: 0.5vw;
  margin-bottom: 0.5vw;
}
.newsDetail .hot-tag .tag-item a {
  color:#666;
}
.newsDetail .shareWrap {
  position: fixed;
  bottom: 5.333vw;
  left:4vw;
  width: 21.333vw;
  height: 11vw;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(71,56,0,0.1);
  border-radius: 6.4vw;
  border: 2px solid #EFEFEF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2vw;
  box-sizing: border-box;
}
.newsDetail .shareWrap .iconfont {
  font-size: 5.067vw;
  color:#18B47F;
}
.newsDetail .toParise {
  position: fixed;
  bottom: 5.333vw;
  right: 30vw;
  width: 25vw;
  height: 11vw;
  background-color: #FACB17;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2vw;
  box-sizing: border-box;
  border-radius: 6.4vw;
}
.newsDetail .toParise .iconfont {
  font-size: 5.067vw;
  color:#fff;
}
.newsDetail .collectWrap {
  position: fixed;
  bottom: 5.333vw;
  right:4vw;
  width: 21.333vw;
  height: 11vw;
  background-color: #55BC7F;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2vw;
  box-sizing: border-box;
  border-radius: 6.4vw;
}


.meetTops {
  background: #F8F8F8;
  margin-top: 2.667vw;
}
.meetTops-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2vw 4vw 2vw 4vw;
  background: #fff;
  
  color:#333;
  font-size: 4vw;
}
.meetTops-top > a {
  color: #18B47F;
  font-size: 3.2vw;
  margin-left: auto;
}