@charset "utf-8";

/**
 * 专题页H5
 * @author created by
 * @date 2018-09-13
 */

/* 专题页默认样式 start */
body,
button,
input,
select,
textarea {
  font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  color: #000;
  background-color: #fff;
  position: relative;
}

a {
  color: #000;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0
}

body {
  overflow: scroll;
}

/* 专题页默认样式 end */

/* 专题页头部 start */
.special-header {
  position: relative;
  padding: 0.2rem;
}

.special-header .special-header-back {
  font-size: 0.28rem;
  padding-left: 0.35rem;
}

.special-header .special-header-back .icon-xiangzuojiantou {
  position: absolute;
  top: 50%;
  left: 0.2rem;
  transform: translateY(-50%);
  vertical-align: middle;
  font-size: 0.3rem;
}

.special-header .special-header-more .icon-more {
  font-size: 0.3rem;
}

/* 专题页头部 end */

/* 专题页 banner start */
.special-banner {
  position: relative;
}

.special-banner .special-banner-img {
  display: block;
  width: 100%;
}

.special-banner .special-banner-recent-news {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0.2rem;
  padding: 0.15rem 0.15rem 0.15rem 0.25rem;
  font-size: 0.2rem;
  color: #fff;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background-color: #f44b50;
}

/* 专题页 banner end */

/* 专题页 nav start */
.special-nav-wrap {
  margin-bottom: 0.3rem;
  width: 100%;
  height: 0.8rem;
}

.special-nav {
  position: relative;
  width: 100%;
  height: 0.8rem;
  background-color: #e9533c;
  overflow: hidden;
  z-index: 999;
}

.special-nav-fiexd {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.special-nav .special-nav-lists {
  width: 1000%;
}

.special-nav .special-nav-lists .special-nav-item {
  float: left;
  padding: 0 0.15rem;
}

.special-nav .special-nav-lists .special-nav-item .item-text {
  max-width: 2.16rem;
  text-align: center;
  color: #fff;
  font-size: 0.3rem;
  line-height: 0.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* 专题页 nav end */

/* 专题页内容 start */
.special-content {
  padding: 0 0.3rem;
  box-sizing: border-box;
}

.special-content h2 {
  position: relative;
  padding-left: 0.15rem;
  font-size: 0.34rem;
  font-weight: 700;
}

.special-content h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 0.03rem;
  height: 0.22rem;
  background-color: #f44b50;
}

.special-content .special-load-more {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.5rem 0 0.15rem;
  text-align: center;
  background: url(../img/special_h5_mengceng.png) repeat-x;
}

.special-content .special-load-more p {
  font-size: 0.22rem;
  color: #5da0e6;
}

.special-content .special-load-more img {
  display: block;
  width: 0.25rem;
  margin: 0 auto;
  padding: 0.18rem 0 0;
}

.special-content .special-click-fold {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 0.2rem;
  text-align: center;
}

.special-content .special-click-fold img {
  display: block;
  width: 0.25rem;
  margin: 0 auto;
  padding: 0.18rem 0;
}

.special-content .special-click-fold p {
  font-size: 0.22rem;
  color: #5da0e6;
}

.special-content .special-content-pictures {
  position: relative;
  padding: 0.3rem 0 1rem;
  border-bottom: 1px solid #f4f4f4;
}

.special-content .special-content-pictures .special-content-pictures-list li {
  position: relative;
  margin-top: 0.3rem;
}

.special-content .special-content-pictures .special-content-pictures-list img {
  display: block;
  width: 6.9rem;
  height: 3.88125rem;
}

.special-content .special-content-pictures .special-content-pictures-list h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.15rem;
  font-size: 0.32rem;
  color: #fff;
  background-color: rgba(255, 0, 0, 0.5);
}

.special-content .special-content-personage {
  padding: 0.3rem 0 0.4rem;
  border-bottom: 1px solid #f4f4f4;
}

.special-content .special-content-personage li {
  width: 2rem;
  margin-top: 0.3rem;
}

.special-content .special-content-personage li:nth-child(3n-1) {
  margin: 0.3rem 0.45rem 0;
}

.special-content .special-content-personage li img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.special-content .special-content-personage li h3 {
  padding: 0 0.1rem;
  margin-top: 0.15rem;
  height: 0.64rem;
  text-align: center;
  font-size: 0.32rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.special-content .special-content-video {
  position: relative;
  padding: 0.3rem 0 1rem;
  border-bottom: 1px solid #f4f4f4;
}

.special-content .special-content-video li {
  margin-top: 0.3rem;
  width: 3.3rem;
}

.special-content .special-content-video li:nth-child(2n) {
  margin-left: 0.3rem;
}

.special-content .special-content-video li img {
  width: 3.3rem;
  height: 1.85625rem;
}

.special-content .special-content-video li h3 {
  margin-top: 0.1rem;
  line-height: 0.4rem;
  height: 0.75rem;
  font-size: 0.32rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.special-content .special-content-video-wrap {
  padding: 0.3rem 0 0.3rem;
  border-bottom: 1px solid #f4f4f4;
}

.special-content .special-content-video-wrap .special-content-video-play {
  position: relative;
  margin-top: 0.3rem;
}

.special-content .special-content-video-wrap .special-content-video-play video {
  width: 100%;
}

.special-content .special-content-video-wrap .special-content-video-play img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.special-content .special-content-video-wrap .special-content-video-play .play {
  display: none;
}

.special-content .special-content-video-wrap .special-content-video-play h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.15rem;
  font-size: 0.32rem;
  color: #fff;
  background-color: rgba(255, 0, 0, 0.5);
}

.special-content .special-content-headlines {
  position: relative;
  padding: 0.3rem 0 1rem;
  border-bottom: 1px solid #f4f4f4;
}

.special-content .special-content-headlines .special-content-headlines-list {
  padding-top: 0.3rem;
}

.special-content .special-content-headlines .special-content-headlines-list li {
  margin-top: 0.3rem;
}

.special-content .special-content-headlines .special-content-headlines-list li h3 {
  width: 4.18rem;
  font-size: 0.32rem;
  line-height: 0.38rem;
}

.special-content .special-content-headlines .special-content-headlines-list li img {
  width: 2.4rem;
  height: 1.35rem;
}

.special-content .special-content-news {
  position: relative;
  padding: 0.3rem 0 1rem;
  border-bottom: 1px solid #f4f4f4;
}

.special-content .special-content-news .special-content-news-list {
  padding-top: 0.3rem;
}

.special-content .special-content-news .special-content-news-list li.special-content-news-img {
  margin-top: 0.3rem;
}

.special-content .special-content-news .special-content-news-list li.special-content-news-img h3 {
  width: 4.18rem;
  font-size: 0.32rem;
  line-height: 0.38rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.special-content .special-content-flow {
  position: relative;
  padding: 0.3rem 0 1rem;
  border-bottom: 1px solid #f4f4f4;
}

.special-content .special-content-flow .special-content-flow-list {
  padding-top: 0.3rem;
}

.special-content .special-content-flow .special-content-flow-list li.special-content-flow-one {
  margin-top: 0.3rem;
}

.special-content .special-content-flow .special-content-flow-list li.special-content-flow-one h3 {
  width: 7.1rem;
  height: 1.4rem;
  font-size: 0.32rem;
  line-height: 0.38rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.special-content .special-content-flow .special-content-flow-list li.special-content-flow-img {
  margin-top: 0.3rem;
}

.special-content .special-content-flow .special-content-flow-list li.special-content-flow-img h3 {
  width: 4.18rem;
  font-size: 0.32rem;
  line-height: 0.38rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.special-content .special-content-flow .special-content-flow-list li.special-content-flow-img img {
  width: 2.4rem;
  height: 1.35rem;
}

.video-news-item a {
  display: block;
  position: relative;
}

.video-news-item a::before {
  content: '';
  position: absolute;
  left: 0.1rem;
  bottom: 0.10rem;
  width: 0.4rem;
  height: 0.24rem;
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAICAgICAQICAgIDAgIDAwYEAwMDAwcFBQQGCAcJCAgHCAgJCg0LCQoMCggICw8LDA0ODg8OCQsQERAOEQ0ODg7/2wBDAQIDAwMDAwcEBAcOCQgJDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg7/wAARCAAYACgDASIAAhEBAxEB/8QAGQABAQEBAQEAAAAAAAAAAAAAAAMEBwIJ/8QAKxAAAQQBAQYFBQEAAAAAAAAAAQACAwQRIQUSFDFUkxMiNUFzBgdRYbHB/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APvfDDFYrMnnYJnSNDsPGQ0HUABV4Op0sPbCU/Savwt/gWhBjbBs90z42w13SMxvtDGktzyyPZU4Op0sPbC5Z9QSW4/ufZdRdI20TGGeFnePkbppzXTNmG+djQnaYYLmPOI/9/f5xog9TQxV6z54GCF0bS7DBgOA1IIRVuek2vhd/CiCUM0VesyCd7YXRtDRvnAcBoCCq8ZU6qHuBEQZWDZUe0pbjX1xakAD5fEBcQBjHPTkFq4yp1UPcCIglNNFYrPgge2Z0gLTuHIaDoST7IiIP//Z");
  background-size: 0.4rem 0.22rem;
  background-repeat: no-repeat;
}

.special-content .special-content-news .special-content-news-list li.special-content-news-img img {
  width: 2.4rem;
  height: 1.35rem;
}

.special-content .special-content-news .special-content-news-list li.special-content-news-one {
  position: relative;
  border-bottom: 1px solid #f4f4f4;
}

.special-content .special-content-news .special-content-news-list li.special-content-news-one:last-child {
  border-bottom: none;
}

.special-content .special-content-news .special-content-news-list li.special-content-news-one::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #f44b50;
}

.special-content .special-content-news .special-content-news-list li.special-content-news-one h3 {
  padding: 0.1rem 0.1rem 0.1rem 0.3rem;
  font-size: 0.32rem;
  line-height: 0.4rem;
}

/* 专题页内容 end */

/* 专题页打开 app start */
.special-open-app {
  padding: 0.3rem;
}

.special-open-app a {
  display: block;
  padding: 0.3rem;
  margin-bottom: 0.2rem;
  font-size: 0.3rem;
  text-align: center;
  color: #fff;
  border-radius: 0.45rem;
  background-color: #f44b50;
}

/* 专题页打开 app end */

/* 实时疫情 */
.hide-yiqing-title {
  display: none;
}

.yiqing-title-wrap {
  border-bottom: 0.02rem solid #F1F1F1;
}

.yiqing-title-wrap .yiqing-title {
  float: left;
  padding: 0.2rem 0.05rem;
  width: auto;
  font-weight: 400;
  color: #000;
  cursor: pointer;
}

.yiqing-title-wrap .yiqing-title::before {
  display: none;
}

.yiqing-title-wrap .yiqing-title.active {
  position: relative;
  font-weight: 700;
  color: #ee4b4b;
}

.yiqing-title-wrap .yiqing-title.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.02rem;
  width: 100%;
  height: 0.04rem;
  background-color: #ee4b4b;
  ;
}

.special-data {
  padding-top: 0.2rem;
  /*padding-left: 0.15rem;*/
  /*padding-right: 0.15rem;*/
}

.J-2019nCoV-inland {
  display: none;
}

.special-data-list {
  margin: 0.5rem 0;
}

.special-data-item {
  position: relative;
  width: 25%;
  box-sizing: border-box;
  text-align: center;
  /*white-space: nowrap;*/
  /* border-right: 0.01rem solid #888; */
  /*padding: 0.5rem;*/
}

.special-data-item:not(.nth-not)::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #f4f4f4;
}

.special-data-item .yesterday-data {
  font-size: 0.24rem;
  color: #333;
}

.special-data-item .current-num {
  padding: 0.24rem 0;
  font-size: 0.30rem;
  font-weight: bold;
}

.special-data-item .tip-text {
  font-size: 0.28rem;
  color: #333;
  font-weight: bold;
}

.yesterday-data .yesterday-num {
  padding: 0.20rem 0;
  white-space: nowrap;
}

.special-data-current .yesterday-num,
.special-data-current .current-num {
  color: #FF9900;
}

.special-data-confirmed .yesterday-num,
.special-data-confirmed .current-num {
  color: #FF0000;
}

.special-data-suspected .yesterday-num,
.special-data-suspected .current-num {
  color: #FF9900;
}

.special-data-cured .yesterday-num,
.special-data-cured .current-num {
  color: #3dc25c;
}

.special-data-dead .yesterday-num,
.special-data-dead .current-num {
  color: #000066;
}

.special-data-serious .yesterday-num,
.special-data-serious .current-num {
  color: #222;
}

.detail-data-url {
  display: block;
  padding: 0.18rem;
  font-size: 0.30rem;
  text-align: center;
  border: 1px solid #E8E8E8;
  border-radius: 5px;
}