@charset "UTF-8";
/*渐变文字*/
.gradient-text {
  display: inline-block;
  width: auto;
  color: #ff316c;
  background-image: linear-gradient(-90deg, #ff316c 0%, #44D7F6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*盒子布局*/
/*单行省略*/
/*多行省略*/
.center-box {
  width: 62.5%;
}

.news-list-page .section {
  position: relative;
}

.news-list-page .section .title-bg {
  width: 100%;
  display: block;
}

.news-list-page .section .title-box {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
  line-height: 1.8;
  position: absolute;
  left: 0;
  top: 0;
}

.news-list-page .section .title-box > div {
  width: 100%;
  height: 100%;
}

.news-list-page .section .section-title {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  display: inline-block;
}

.news-list-page .section .section-bg {
  width: 100%;
  display: block;
}

.news-list-page .news-nav {
  color: #2f2f2f;
  padding: 1.1rem 0 0.8rem 0;
  display: flex;
  -ms-display: flex;
  /* IE 9 */
  -moz-display: flex;
  /* Firefox */
  -webkit-display: flex;
  /* Safari  Chrome */
  -o-display: flex;
  /* Opera */
  align-items: center;
  -ms-align-items: center;
  /* IE 9 */
  -moz-align-items: center;
  /* Firefox */
  -webkit-align-items: center;
  /* Safari  Chrome */
  -o-align-items: center;
  /* Opera */
  justify-content: felx-end;
  -ms-justify-content: felx-end;
  /* IE 9 */
  -moz-justify-content: felx-end;
  /* Firefox */
  -webkit-justify-content: felx-end;
  /* Safari  Chrome */
  -o-justify-content: felx-end;
  /* Opera */
  flex-direction: row;
  -ms-flex-direction: row;
  /* IE 9 */
  -moz-flex-direction: row;
  /* Firefox */
  -webkit-flex-direction: row;
  /* Safari  Chrome */
  -o-flex-direction: row;
  /* Opera */
}

.news-list-page .news-nav .tab-list {
  width: 100%;
  font-size: 0.18rem;
  display: flex;
  -ms-display: flex;
  /* IE 9 */
  -moz-display: flex;
  /* Firefox */
  -webkit-display: flex;
  /* Safari  Chrome */
  -o-display: flex;
  /* Opera */
  align-items: center;
  -ms-align-items: center;
  /* IE 9 */
  -moz-align-items: center;
  /* Firefox */
  -webkit-align-items: center;
  /* Safari  Chrome */
  -o-align-items: center;
  /* Opera */
  justify-content: felx-end;
  -ms-justify-content: felx-end;
  /* IE 9 */
  -moz-justify-content: felx-end;
  /* Firefox */
  -webkit-justify-content: felx-end;
  /* Safari  Chrome */
  -o-justify-content: felx-end;
  /* Opera */
  flex-direction: row;
  -ms-flex-direction: row;
  /* IE 9 */
  -moz-flex-direction: row;
  /* Firefox */
  -webkit-flex-direction: row;
  /* Safari  Chrome */
  -o-flex-direction: row;
  /* Opera */
  justify-content: flex-end;
}

.news-list-page .news-nav .tab-list li:not(:first-child) {
  margin-left: 50px;
}

.news-list-page .news-nav .tab-list a {
  color: #2f2f2f;
}

.news-list-page .news-nav .tab-list a:hover {
  opacity: 0.6;
}

.news-list-page .news-nav .tab-list .active a {
  color: #e3c49d;
}

.news-list-wrap {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  -ms-display: flex;
  /* IE 9 */
  -moz-display: flex;
  /* Firefox */
  -webkit-display: flex;
  /* Safari  Chrome */
  -o-display: flex;
  /* Opera */
  align-items: center;
  -ms-align-items: center;
  /* IE 9 */
  -moz-align-items: center;
  /* Firefox */
  -webkit-align-items: center;
  /* Safari  Chrome */
  -o-align-items: center;
  /* Opera */
  justify-content: flex-start;
  -ms-justify-content: flex-start;
  /* IE 9 */
  -moz-justify-content: flex-start;
  /* Firefox */
  -webkit-justify-content: flex-start;
  /* Safari  Chrome */
  -o-justify-content: flex-start;
  /* Opera */
  flex-direction: row;
  -ms-flex-direction: row;
  /* IE 9 */
  -moz-flex-direction: row;
  /* Firefox */
  -webkit-flex-direction: row;
  /* Safari  Chrome */
  -o-flex-direction: row;
  /* Opera */
}

.news-item-wrap {
  width: 31%;
  margin-bottom: 0.6rem;
}

.news-item-wrap:not(:nth-child(3n+1)) {
  margin-left: 3.5%;
}

.news-item-wrap .img-box {
  width: 100%;
  height: 3.5rem;
  background-color: #EEEEEE;
}

.news-item-wrap .img-box img {
  display: block;
  width: 100%;
  height: 100%;
}

.news-item-wrap .news-info-box {
  width: 100%;
  height: 1.6rem;
  padding: 0.2rem 0.1rem;
  box-sizing: border-box;
}

.news-item-wrap .news-info-box .time {
  font-size: 0.18rem;
  color: #7b7b7b;
  margin-bottom: 0.15rem;
}

.news-item-wrap .news-info-box .news-tit {
  font-size: 0.26rem;
  color: #2f2f2f;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-detail-page .center-box {
  padding: 0 0.35rem 1rem 0.35rem;
  box-sizing: border-box;
}

.news-detail-page .article-detail-wrap {
  padding: 1.4rem 1.9rem 1.3rem 1.9rem;
  box-sizing: border-box;
}

.news-detail-page .article-detail-wrap .article-pages {
  font-size: 0.24rem;
  padding-bottom: 0.57rem;
  display: flex;
  -ms-display: flex;
  /* IE 9 */
  -moz-display: flex;
  /* Firefox */
  -webkit-display: flex;
  /* Safari  Chrome */
  -o-display: flex;
  /* Opera */
  align-items: center;
  -ms-align-items: center;
  /* IE 9 */
  -moz-align-items: center;
  /* Firefox */
  -webkit-align-items: center;
  /* Safari  Chrome */
  -o-align-items: center;
  /* Opera */
  justify-content: space-between;
  -ms-justify-content: space-between;
  /* IE 9 */
  -moz-justify-content: space-between;
  /* Firefox */
  -webkit-justify-content: space-between;
  /* Safari  Chrome */
  -o-justify-content: space-between;
  /* Opera */
  flex-direction: row;
  -ms-flex-direction: row;
  /* IE 9 */
  -moz-flex-direction: row;
  /* Firefox */
  -webkit-flex-direction: row;
  /* Safari  Chrome */
  -o-flex-direction: row;
  /* Opera */
}

.news-detail-page .article-detail-wrap .article-pages a {
  display: block;
  color: #8f8f8f;
  text-decoration: underline;
}

.news-detail-page .article-detail-wrap .article-pages a:hover {
  opacity: 0.7;
}

.news-detail-page .article-detail-wrap .article-pages .disabled {
  color: #c5c5c5;
}

.news-detail-page .article-detail-wrap .article-header .article-tit {
  color: #2f2f2f;
  font-size: 0.36rem;
}

.news-detail-page .article-detail-wrap .article-header .release-box {
  font-size: 0.18rem;
  color: #7b7b7b;
  margin-top: 0.25rem;
  display: flex;
  -ms-display: flex;
  /* IE 9 */
  -moz-display: flex;
  /* Firefox */
  -webkit-display: flex;
  /* Safari  Chrome */
  -o-display: flex;
  /* Opera */
  align-items: center;
  -ms-align-items: center;
  /* IE 9 */
  -moz-align-items: center;
  /* Firefox */
  -webkit-align-items: center;
  /* Safari  Chrome */
  -o-align-items: center;
  /* Opera */
  justify-content: flex-start;
  -ms-justify-content: flex-start;
  /* IE 9 */
  -moz-justify-content: flex-start;
  /* Firefox */
  -webkit-justify-content: flex-start;
  /* Safari  Chrome */
  -o-justify-content: flex-start;
  /* Opera */
  flex-direction: row;
  -ms-flex-direction: row;
  /* IE 9 */
  -moz-flex-direction: row;
  /* Firefox */
  -webkit-flex-direction: row;
  /* Safari  Chrome */
  -o-flex-direction: row;
  /* Opera */
}

.news-detail-page .article-detail-wrap .article-header .release-box > div:not(:first-child) {
  margin-left: 26px;
}

.news-detail-page .article-detail-wrap .article-header .release-box .label {
  color: #2f2f2f;
}

.news-detail-page .article-detail-wrap .article-content {
  padding-top: 0.6rem;
}

.news-detail-page .article-detail-wrap .article-content p,
.news-detail-page .article-detail-wrap .article-content a,
.news-detail-page .article-detail-wrap .article-content span {
  font-size: 16px;
  line-height: 1.5;
}

.news-detail-page .article-detail-wrap .article-content img {
  max-width: 100% !important;
  margin: 0 auto;
}

.recommend-box {
  padding-top: 0.56rem;
  border-top: 1px dashed #b8b8b8;
}

.recommend-box .recommend-tit-wrap {
  display: flex;
  -ms-display: flex;
  /* IE 9 */
  -moz-display: flex;
  /* Firefox */
  -webkit-display: flex;
  /* Safari  Chrome */
  -o-display: flex;
  /* Opera */
  align-items: center;
  -ms-align-items: center;
  /* IE 9 */
  -moz-align-items: center;
  /* Firefox */
  -webkit-align-items: center;
  /* Safari  Chrome */
  -o-align-items: center;
  /* Opera */
  justify-content: center;
  -ms-justify-content: center;
  /* IE 9 */
  -moz-justify-content: center;
  /* Firefox */
  -webkit-justify-content: center;
  /* Safari  Chrome */
  -o-justify-content: center;
  /* Opera */
  flex-direction: row;
  -ms-flex-direction: row;
  /* IE 9 */
  -moz-flex-direction: row;
  /* Firefox */
  -webkit-flex-direction: row;
  /* Safari  Chrome */
  -o-flex-direction: row;
  /* Opera */
}

.recommend-box .recommend-tit {
  font-size: 0.26rem;
  text-align: center;
  padding-bottom: 0.07rem;
  position: relative;
  display: inline-block;
  margin-bottom: 0.6rem;
}

.recommend-box .recommend-tit::after {
  content: '';
  width: 100%;
  height: 3px;
  background-color: #e3c49d;
  position: absolute;
  bottom: 0;
  left: 0;
}

.learn-more-box,
.pc-no-more {
  text-align: center;
  font-size: 0.24rem;
}

@media screen and (min-width: 1px) and (max-width: 750px) {
  .center-box {
    width: 100%;
    padding: 0 0.76rem;
    box-sizing: border-box;
  }
  .news-item-wrap {
    width: 47%;
    margin-bottom: 0.3rem;
  }
  .news-item-wrap:not(:nth-child(3n+1)) {
    margin-left: 0;
    /* margin-left: 3.5%; */
  }
  .news-item-wrap:nth-child(2n) {
    margin-left: 6%;
    /* margin-left: 3.5%; */
  }
  .news-item-wrap .img-box {
    height: 2.82rem;
  }
  .news-item-wrap .news-info-box {
    height: 1.4rem;
  }
  .news-item-wrap .news-info-box .time {
    font-size: 0.17rem;
  }
  .news-item-wrap .news-info-box .news-tit {
    font-size: 0.21rem;
  }
  .news-list-page .section .section-title {
    font-size: 0.53rem;
    font-weight: 400;
  }
  .news-list-page .news-nav {
    justify-content: flex-start;
    padding: 0.62rem 0 0.53rem 0;
  }
  .news-list-page .news-nav .tab-list {
    font-size: 0.29rem;
    justify-content: center;
  }
  .news-list-page .news-nav .tab-list li:not(:first-child) {
    margin-left: 0.44rem;
  }
  .news-list-page .news-nav .tab-list a {
    color: #959494;
  }
  .news-list-page .news-nav .tab-list .active a {
    color: #565656;
  }
  .news-detail-page .article-detail-wrap {
    padding: 1.5rem 0 1rem 0;
  }
  .news-detail-page .article-detail-wrap .article-header .release-box {
    font-size: 0.21rem;
  }
  .news-detail-page .article-detail-wrap .article-content p,
  .news-detail-page .article-detail-wrap .article-content a,
  .news-detail-page .article-detail-wrap .article-content span {
    font-size: 0.25rem;
  }
}