html,
body {
  height: 100%;
  position: relative;
  -webkit-text-size-adjust: none;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Source Han Sans CN', 'Helvetica', 'PingFang SC', '微软雅黑', 'Microsoft YaHei',
    '思源宋', 'Arial', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
    Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/*@font-face {
    font-family: zhanku;
    src: url("../fonts/zhanku.ttf") format("opentype");
}*/

body {
  background: #ffffff;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  margin: 0;
  padding: 0;
}

div,
a,
img {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

/* scaleContainer */
#scaleContainer {
  /*height: 750px;*/
  width: 750px;
  margin: auto;
  background-color: #ffffff;
  transform-origin: 0 0;
  display: none;
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}

#scaleContainer > * {
  width: 100%;
}

#charts > *,
#news > *,
#prevent > *,
#bianqi > *,
#tail > * {
  width: 100%;
}

.timeNum {
  padding: 29px 40px 29px 40px;
  width: 750px;
  line-height: 26px;
  font-size: 24px;
  color: #222222;
  position: relative;
}

.timeNum .btn {
  width:128px;
  height:50px;
  background:url(../images/icbar-share.png);
  background-size: 100% 100%;
  position: absolute;
  right: 40px;
  top:38px;
}

.timeNum .title {
  line-height: 42px;
  font-size:40px;
  font-weight: bold;
}
.timeNum .bottom {
  color: #737373;
  font-size: 24px;
  margin-top:8px;
  display: flex;
  justify-content: space-between;
}

.timeNum .d{
  padding-right:12px;
  margin-right: 12px;
  position: relative;
}

.timeNum .d span{
  font-weight:500;
  color: #222;
}

.timeNum .d em {
  font-style: normal;
}

.timeNum .d::before {
  content: '.';
  display: block;
  font-size: 0;
  line-height: 0;
  width: 2px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #d8d8d8;
  display: none;
}

.timeNum .qs {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  color: #737373;
  font-size: 24px;
  padding-left: 32px;
  background: url(../images/icon_qs.png) no-repeat left center;
  background-size: 24px 24px;
}

#scaleContainer .legend {
  width: 740px;
  margin-left: 5px;
  height: 147px;
  background: url(../images/chinabar_v2.svg) no-repeat center/contain;
  position: relative;
  background-size: cover;
  margin-top: 20px;
}
#scaleContainer .legend .confirm {
  position: absolute;
  top: 40px;
  left: 256px;
  height: 30px;
  line-height: 30px;
  font-size: 34px;
  font-weight: bold;
}
#scaleContainer .legend .dead {
  position: absolute;
  top: 42px;
  left: 447px;
  height: 30px;
  line-height: 30px;
  font-size: 34px;
  font-weight: bold;
}
#scaleContainer .legend .suspect {
  position: absolute;
  top: 42px;
  left: 610px;
  height: 30px;
  line-height: 30px;
  font-size: 34px;
  font-weight: bold;
}

#scaleContainer .legend .newReport {
  position: absolute;
  top: 86px;
  left: 48px;
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #545353;
}

.places {
  position: relative;
}

.show-area {
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.show-area span {
  display: inline-block;
  margin-left: 15px;
  font-size: 20px;
  color: #737373;
  position: relative;
  padding-left: 24px;
  font-weight: 400;
  float: left;
}
.show-area span::before {
  content: '.';
  display: block;
  font-size: 0;
  line-height: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 2px;
}
.show-area span.add-confirm::before {
  background-color: #005dff;
}
.show-area span.confirm::before {
  background-color: #bc423c;
}
.show-area span.dead::before {
  background-color: #87878b;
}
.show-area span.heal::before {
  background-color: #65b379;
}
.show-area span.suspect::before {
  background-color: #f8d4a7;
}
/* 全国曲线 */
.lineChart {
  width: 690px;
  padding: 0;
  padding-bottom: 1px;
  height: 320px;
  margin: 1px auto 0 auto;
}

.lineChart.chinamap {
  height: 520px;
  margin-bottom: 20px;
}
.chmap {
  position: relative;
  min-height: 670px;
  left: 2.6%;
  margin-bottom: 20px;
}
.chmapInner {
  position: relative;
}
.chinamapLegend1 {
  /* position: absolute;
  width: 136px;
  height: 128px;
  bottom: 0;
  left: 20px;
  background: url(../images/mapleft.png) no-repeat center center;
  background-size: 136px 128px; */
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 12px;
}
.chinamapLegend1 .item {
  height: 32px;
  position: relative;
}
.chinamapLegend1 .item:first-child {
  border-radius: 2px 2px 0 0;
}
.chinamapLegend1 .item:last-child {
  border-radius: 0 0 2px 2px;
}

.chinamapLegend1 .item1 {
  background-color: #FFEFD7;
}
.chinamapLegend1 .item2 {
  background-color: #FFD2A0;
}
.chinamapLegend1 .item3 {
  background-color: #FE8664;
}
.chinamapLegend1 .item4 {
  background-color: #E64B47;
}
.chinamapLegend1 .item5 {
  background-color: #C91014;
}
.chinamapLegend1 .item6 {
  background-color: #9C0A0D;
}
.chinamapLegend1 .item p {
  position: absolute;
  line-height: 32px;
  height: 32px;
  white-space: nowrap;
  font-size: 20px;
  left: 24px;
  top: 50%;
  transform: translate(0, -50%);
  color: #737373;
  font-weight: 400;
}
.chinamapLegend2 {
  position: absolute;
  width: 90px;
  height: 136px;
  bottom: 0;
  right: 52px;
  background: url(../images/mapright_v1.png) no-repeat center center;
  background-size: 90px 136px;
}

.up-tips {
  box-sizing: border-box;
  padding:0 0 0 40px;
  margin-top: 30px;
  height: 80px;
  line-height: 80px;
  color: #222222;
  font-size: 28px;
  font-weight: bold;
}
.up-tips.uchi{
  height: 90px;
  margin-top: 70px;
  margin-bottom: 30px;
}

.up-tips.uchi .tips{
  position: absolute;
  top: 50px;
  left: 28px;
  color: #737373;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
}
.up-gnbl.uchi::before{
  transform: translate(0, -66%);
}

.up-tips .tips {
  font-size: 20px;
  color: #737373;
  margin-left: 10px;
  font-weight: normal;
  position: relative;
  top: -2px;
}

.tips-yiqing {
  position: relative;
  margin: 0px 40px 0 40px;
  padding: 0;
}

.up-tips .datas {
  font-size: 28px;
  font-weight: normal;
  margin-left: 24px;
}
.up-tips .datas > span {
  font-weight: bold;
}

.up-haed {
  display: flex;
  height: 78px;
  line-height: 78px;
  padding: 0 40px;
  font-size: 28px;
  text-align: center;
}

.up-haed .up-area {
  background: #ffc658;
  width: 40%;
}

.up-haed .up-confirm {
  background: #f55253;
  width: 20%;
}
/* .up-haed .up-suspect {
  background: #f9c054;
  width: 20%;
} */
.up-haed .up-heal {
  background: #65b379;
  width: 20%;
}
.up-haed .up-dead {
  background: #87878b;
  width: 20%;
}
.mobile .chinamap {
  pointer-events: none;
}
.lineChart .chart {
  width: 100%;
  height: 100%;
}

.hintW {
  line-height: 60px;
  font-size: 20px !important;
  color: #727171;
}
.hint1 {
  text-align: center;
  /*margin-left: 90px;*/
}
.hint2 {
  text-align: left;
  line-height: 30px;
  margin: 40px 0;
  padding-left: 96px;
  /*width: 654px!important;*/
}

.places .foreign {
  margin: 30px 0;
}

/* 各省数据 */
.place {
  margin: 16px 40px 0 40px;
  font-family: 'PingFang SC', 'Source Han Sans CN', 'Helvetica', '微软雅黑', 'Microsoft YaHei',
    '思源宋', 'Arial', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
    Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color: rgba(248, 248, 248, 0.3);
  border-radius: 12px;
  overflow: hidden;
}

.place .info {
  height: 76px;
  line-height: 76px;
  margin: auto;
  overflow: hidden;
  background: #f8f8f8;
  padding: 0 50px 0 30px;
  border-radius: 12px;
  font-size: 26px;
  color: #222;
  position: relative;
  font-weight: 400;
}

.place .info::before {
  content: '.';
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #005dff transparent transparent transparent;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
}

.place.no-sharp .info::before {
  display: none;
}

.place.current .info::before {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #005dff transparent;
}

.place .info .infoName {
  font-size: 32px;
  color: #005dff;
  font-weight: 400;
  min-width: 120px;
  display: inline-block;
}

.place .info .confirm span,
.place .info .heal span,
.place .info .suspect span,
.place .info .dead span {
  /* width: 20%;
  font-size: 28px; */
  font-weight: bold;
}

.place .infoItem {
  height: 68px;
  line-height: 68px;
  color: #737373;
  font-size: 24px;
  padding: 0 30px;
  /* border-bottom: 1px solid #d8d8d8; */
  border-bottom: 1px solid #e9e9e9;
  display: none;
  font-weight: 400;
}
.place .infoItem .confirm,
.place .infoItem span > span {
  font-weight: bold;
}
.place.current .infoItem {
  display: block;
}

.place .infoItem:last-child {
  border: 0;
}

.place .infoItem .name {
  font-size: 28px;
  font-weight: 500;
  min-width: 120px;
  display: inline-block;
}

.place .lineChart {
  margin-top: 1px;
  display: none;
}

.place .iconClick {
  cursor: pointer;
  width: 9%;
  height: 100%;
  float: left;
  position: relative;
}

.place .icon {
  position: absolute;
  width: 50%;
  height: 40%;
  margin-top: 32%;
  margin-left: 30%;
  /*background: blue;*/
  background: url(../images/icon.svg) no-repeat center/24px;
  cursor: pointer;
}

.place .detail {
  position: absolute;
  left: -90%;
  color: #6d7aa0;
  margin-top: 32%;
  font-size: 24px;
}

.place .icon.active {
  transform-origin: center center;
  transform: rotate(180deg);
}

.clearfix::after {
  content: '.';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}

.placeItem {
  height: 84px;
  line-height: 84px;
  font-size: 28px;
  color: #222;
  text-align: center;
  padding: 0 40px;
  background-color: #f8f8f8;
  position: relative;
}

.placeItem.nav {
  background-color: #fff;
  font-size: 24px;
}

.placeItem .blue {
  color: #005dff;
}

.placeItem .add {
  color: #005dff;
  font-weight: 400;
}

.placeItem .add.small {
  color: #639bfc;
}

.placeItem > h2 {
  width: 58px;
  height: 100%;
  float: left;
  text-align: left;
  font-weight: 400;
  overflow: hidden;
}

.placeItem > h2.small {
  letter-spacing: -2px;
}
.placeItem.placeCity > h2.small {
  letter-spacing: -2px;
  font-size: 21px;
}

.placeItem > div {
  width: 128px;
  height: 100%;
  overflow: hidden;
  float: left;
}

.placeItem > div.small {
  font-size: 22px;
  color: #a6a6a6;
}

.placeItem.abroad {
  border-bottom: 2px solid #e9e9e9;
}

.placeItem.nav.abroad,
.placeItem.abroad:last-child {
  border: none;
}

.placeItem.abroad > div {
  width: 170px;
}

.placeArea > h2 {
  font-size: 30px;
}

/* .placeArea > .small {
  font-size: 28px;
} */

.placeCity {
  height: 68px;
  line-height: 68px;
  font-size: 26px;
  color: #737373;
  background-color: rgba(248, 248, 248, 0.3);
  display: none;
}

.placeCity::before {
  content: '.';
  display: block;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 40px;
  right: 40px;
  height: 2px;
  bottom: 0;
  background-color: #e9e9e9;
}

.placeCity:last-child::before {
  display: none;
}

.current .placeCity {
  display: block;
}

.placeArea::before {
  content: '.';
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #737373 transparent transparent transparent;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
}

.placeItemWrap {
  border-bottom: 2px solid #e9e9e9;
}

.placeArea.no-sharp::before {
  display: none;
}

.current .placeArea::before {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #737373 transparent;
}

#tail {
  padding-top: 20px;
  width: 750px;
  overflow: hidden;
}
.tail {
  width: 750px;
  /* height: 332px; */
  height: 352px;
  /* background: url(../images/tail.jpg) no-repeat center/cover; */
  position: relative;
}
.tail .open-or-download {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 40px;
  width: 670px;
  height: 84px;
  background: #005dff;
  /* opacity: .5; */
  cursor: pointer;
  border-radius: 84px;
  line-height: 84px;
  color: #fff;
  font-size: 28px;
  /*font-weight: bold;*/
  text-align: center;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tail .open-or-download.inapp .logo {
  display: none;
}
.tail .open-or-download .logo {
  width: 128px;
  height: 28px;
  margin-left: 12px;
}
.tail .open-or-download .sharp {
  width: 24px;
  height: 18px;
  margin-left: 16px;
  margin-top: 2px;
}
.head {
  width: 750px;
  height: 334px;
  background: url(../images/top_headv3.png) no-repeat;
  background-size: cover;
  position: relative;
}
/*.head .jump {
  width: 214px;
  height: 52px;
  background: url(../images/jump.png);
  background-size: 214px 52px;
  position: absolute;
  right: 32px;
  top: 38px;
}*/
.head .bottom {
  display: flex;
  justify-content: space-between;
  line-height: 26px;
  height: 26px;
  font-size: 24px;
  color: #fff;
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 30px;
}
.head .bottom .qs{
  position: relative;
  padding-right: 34px;
}
.head .bottom .qs::before {
  content: '.';
  display: block;
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  width: 24px;
  height: 24px;
  background:url(../images/icon_qs2.png);
  background-size: 100% 100%;
}
#scaleContainer .prevent {
  margin-bottom: 86px;
  margin-top: 86px;
  width: 92%;
  margin-left: 4%;
}
.button {
  /*line-height: 86px;*/
  /*height: 86px;*/
  background: #a3a6bd;
  /*color: #32396C;*/
  text-align: center;
  /*    font-size: 34px;
    font-weight: bold;*/
  /* margin: 5px 0; */
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: 750px;
  transform-origin: bottom left;
  cursor: pointer;
}
#moveNav.nav {
  top: 0;
  bottom: auto;
  transform-origin: top left;
  background: #005dff;
  height: 96px;
  display: none;
}

#moveNav.nav .navTab.active::before {
  content: '.';
  display: block;
  font-size: 0;
  line-height: 0;
  width: 36px;
  height: 8px;
  border-radius: 8px;
  background-color: #fff;
  bottom: 4px;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
}

#moveNav.nav .navTab a {
  color: rgba(255, 255, 255, 0.6);
}

#moveNav.nav .navTab.active a {
  color: #fff;
}

.navTabs {
  width: 750px;
  /* height: 75px; */
  height: 96px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  background: #fff;
  margin-bottom: 20px;
  text-align: center;;
}
.navTab {
 display: inline-block;
     width: 221px;
     /* border-bottom: 3px solid #fff; */
     /* line-height: 65px; */
     line-height: 98px;
     text-align: center;
     font-size: 24px;
}
.navTab a {
  text-decoration: none;
  color: #222222;
  font-weight: normal;
}
.navTab.active {
  position: relative;
}
.navTab.active::before {
  content: '.';
  display: block;
  font-size: 0;
  line-height: 0;
  width: 36px;
  height: 8px;
  border-radius: 8px;
  background-color: #005dff;
  bottom: 4px;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
}

.navTab.active a {
  color: #005dff;
  font-weight: bold;
}

.topdataWrap, #topdataWrap .inner {
  width: 750px;
  padding: 0;
}

#topdataWrap .inner .timeNum {
  padding:0 40px 28px 40px;
}
#topdataWrap .inner .timeNum .d::before {
  display: none;
}
#topdataWrap .inner .recentNumber {
  padding-bottom: 0;
}

#topdataWrap{
  width: 0;
  height: 0;
  position: absolute;
  overflow:hidden;
  z-index: -1;
}

/* 统计信息 */
.recentNumber {
  width: 750px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  position: relative;
  z-index:2;
}

.recentNumber .icbar {
  width:164px;
  margin-right:4px;
  position: relative;
  text-align: center;
}
.icbar.confirm{
  background-color: #FDF1F1;
}
.icbar.suspect{
  background-color: #FFF7ED;
  position: relative;
}
.icbar.cure{
  background-color: #F1F8F4;
}
.icbar.dead{
  background-color: #F8F8F8;
}
.icbar.confirm .text{
  background-color: #FFE0E0;
}
.icbar.suspect .text{
  background-color: #FFEED9;
}
.icbar.cure .text{
  background-color: #DFEEE6;
}
.icbar.dead .text{
  background-color: #EEEEEE;
}
.recentNumber .icbar:last-child {
  margin-right: 0;
}
.recentNumber .add {
  padding-top: 12px;
  color: #7C7C7C;
  font-size:20px;
  line-height: 24px;
  font-weight: 500;
  display: none;
}
.recentNumber.showAdd .add {
  display: block;
}
/* 
.recentNumber .suspect .add span{
  position: relative;
  margin-right: 28px;
  display:inline-block;
}
.recentNumber .suspect .add span::before {
  content:'.';
  display: block;
  font-size: 0;
  line-height:0;
  position: absolute;
  width: 24px;
  height: 24px;
  right: -28px;
  background:url(../images/icon_suspect_qs.png);
  background-size: 100% 100%;
  top: 50%;
  transform: translate(0,-50%);
  margin-top: -2px;
} */
.recentNumber .icbar:first-child:first-child{
  border-radius: 12px 0 0 12px;
}
.recentNumber .icbar:first-child, .recentNumber .icbar:first-child .text{
  border-radius: 0 0 0 12px;
}
.recentNumber .icbar:last-child:last-child{
  border-radius: 0 12px 12px 0;
}
.recentNumber .icbar:last-child, .recentNumber .icbar:last-child .text {
  border-radius: 0 0 12px 0;
}
.recentNumber .icbar .number {
  font-size: 44px;
  margin-bottom: 8px;
  font-weight: 600;
  padding-top: 12px;
  height: 100px;
  line-height: 100px;
}
.recentNumber.showAdd .icbar .number {
  height: auto;
  line-height: 46px;
}
.recentNumber .icbar .text {
  font-size: 24px;
  height: 54px;
  line-height: 54px;
  color: #222;
  font-weight: 500;
}

.showAdd .icbar.suspect .text span {
  display: inline-block;
  padding-right: 28px;
  position: relative;
}
.showAdd .icbar.suspect .text span::before, .showAdd .icbar.suspect .text span::after {
  content: '.';
  font-size:0;
  line-height: 0;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background:url(../images/i_sus_down.png);
  background-size: 100% 100%;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
}

.showAdd .icbar.suspect .text span::after {
  background-image:url(../images/i_sus_up.png);
  display: none;
}
.showAdd .icbar.suspect.current .text span::before {
  display: none;
}
.showAdd .icbar.suspect.current .text span::after {
  display: block;
}
.icbar .qs_bottom {
  display: none;
}
.showAdd .icbar .qs_bottom {
  height: 72px;
  line-height: 72px;
  padding: 0 24px;
  position: absolute;
  bottom: -74px;
  left: 50%;
  transform: translate(-50%,0);
  background-color: rgba(0,0,0,0.75);
  border-radius: 12px;
  color: #fff;
  white-space: nowrap;
  font-size: 24px;
  margin-left: 50px;
  display: none;
}
.showAdd .icbar.current .qs_bottom {
  display: block;
}
.icbar .qs_bottom::before {
  content: '.';
  font-size:0;
  line-height: 0;
  display: block;
  position: absolute;
  width:0;
  height: 0;
  border-width: 0 10px 10px 10px;
  border-style:solid;
  border-color: transparent transparent rgba(0,0,0,0.75) transparent;
  top: -10px;
  left: 50%;
  transform: translate(-50%,0);
}

.icbar .qs_bottom span{
  color: #FF961E;
  font-weight: 500;
}

.recentNumber .icbar.confirm .number, .recentNumber .icbar.confirm .add span {
  color: #F55253;
}

.recentNumber .icbar.suspect .number, .recentNumber .icbar.suspect .add span {
  color: #FF961E;
}

.recentNumber .icbar.cure .number,.recentNumber .icbar.cure .add span {
  color: #178B50;
}

.recentNumber .icbar.dead .number,.recentNumber .icbar.dead .add span {
  color: #66666c;
}

/* 跑马灯 */
.marquee {
  width: 670px !important;
  height: 78px;
  margin: 0 40px;
  padding: 0 40px;
  /* background: #f8f8f8; */
  background: #222222;
  border-radius: 20px;
  box-sizing: border-box;
  background: url(../images/marquee.png) center center no-repeat;
  background-size: 670px 76px;
  font-size: 30px;
  position: relative;
}

.marquee .marquee-tab {
  position: absolute;
  color: #737373;
  left: 73px;
  top: 50%;
  transform: translate(0, -50%);
  width: 380px;
  font-size: 24px;
  text-align: center;
  overflow: hidden;
  font-weight: normal;
  height: 26px;
}

.marquee .marquee-tab .text {
  transform: translate3d(0,0,0);
  display:none;
  animation: pmd 30s linear infinite;
  animation-delay: 1s;
  /* word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; */
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  line-height: 26px;
}
@keyframes pmd {
  0% {
    transform: translate3d(0,0,0);
  }
  100% {
    transform: translate3d(-50%,0,0);
  }
}
.marquee .marquee-tab .text span {
  position: absolute;
  display: inline-block;
  left: 101%;
}

.marquee .ao-tap {
  width: 190px;
  height: 78px;
  background: url(../images/more-aop.png) center center no-repeat;
  background-size: 190px 36px;
  position: absolute;
  right: 20px;
  top: 0;
}
.flex-box {
  position: fixed;
  left: 0;
  bottom: 20px;
  z-index: 12;
  width: 750px;
  cursor: pointer;
  transform-origin: left bottom;
  display: none;
}
.flex-box .ko {
  /* width: 230px; */
  display: none;
  min-width: 310px;
  height: 88px;
  /* background: url(../images/koa.png) center center no-repeat; */
  background-image: linear-gradient(to right, #ff7850, #ff4344);
  /* border-radius: 60px 12px 50px 60px; */
  border-radius: 60px;
  /* background-size: 220px 67px; */
  font-size: 15px;
  color: #fff;
  box-sizing: border-box;
  padding: 0 50px 0 106px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 6px 10px -3px rgba(252, 82, 81, 0.6);
  /* transform: scale(0.8);
  transform-origin: left bottom; */
  position: absolute;
  left: 20px;
  bottom: 0;
}
.flex-box .ko::before,
.flex-box .ko::after {
  content: '.';
  font-size: 0;
  display: block;
  position: absolute;
  line-height: 0;
}
.flex-box .ko::after {
  width: 40px;
  height: 46px;
  background: url(../images/group.png);
  background-size: 100% 100%;
  left: 46px;
  top: 50%;
  transform: translate(0, -50%);
}
.flex-box .ko::before {
  width: 100px;
  height: 94px;
  background: url(../images/bottom-btn-right.png);
  top: 6px;
  right: -20px;
  background-size: 100% 100%;
}
.flex-box .text {
  padding-top: 18px;
  position: relative;
  font-size: 32px;
  font-weight: 400;
}
.flex-box .text-bottom {
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  padding-top: 2px;
  position: relative;
}
.flex-box .ko i {
  font-weight: normal;
  font-style: normal;
}

.flex-box .plan-box {
  height: 113px;
  width: 343px;
  right: 12px;
  bottom: -23px;
  position: absolute;
  padding: 0px 36px 0 0;
  background: url(../images/plan2.png) no-repeat;
  background-size: 343px 113px;
  display:none;
}

.flex-box .plan-box .num {
  position: relative;
  left: 49px;
  top:50px;
  font-size: 16px;
  line-height: 30px;
  color: #FF5641;
  white-space: nowrap;
  font-weight:400;
}

.b_jielong {
  width: 343px;
  height: 113px;
  position: absolute;
  right: 12px;
  bottom: -23px;
  padding: 0 0 0 50px;
  color: #fff;
  display:none;
  background:url(../images/b_jielong3.png);
  background-size: 100% 100%;
}
.b_jielong div {
  padding-top: 20px;
  position: relative;
  font-size: 32px;
  font-weight: 400;
}
.b_jielong p {
  font-size: 16px;
  line-height: 30px;
  white-space:nowrap;
  padding-top:2px;
}
.b_jielong a{
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
}

.flex-box .share {
  height: 88px;
  box-sizing: border-box;
  padding: 0px 36px 0 96px;
  background-image: linear-gradient(to right, #50cdff, #025fff);
  border-radius: 60px;
  box-shadow: 0 6px 10px -3px rgba(80, 205, 255, 0.6);
  /* transform: scale(0.8);
  transform-origin:right bottom; */
  right: 20px;
  bottom: 0;
  position: absolute;
  line-height: 88px;
  color: #fff;
  font-size: 32px;
  font-weight: 400;
}

.flex-box .share::before,
.flex-box .share::after {
  content: '.';
  font-size: 0;
  display: block;
  position: absolute;
  line-height: 0;
}

.flex-box .share::before {
  width: 44px;
  height: 44px;
  background: url(../images/bottom-btn-left.png);
  background-size: 100% 100%;
  left: 32px;
  top: 50%;
  transform: translate(0, -50%);
}

.ko-box {
  position: relative;
  width: 100%;
  height: 60px;
}

.bj-fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  z-index: 12;
}

.bj-fixed .previw {
  width: 300px;
  position: absolute;
  left: 50%;
  top: 48%;
  margin-left: -150px;
  margin-top: -268px;
  transform-origin: center center;
  z-index: 13;
}
.bj-fixed .previw .previw-img {
  width: 300px;
  height: 514px;
  z-index: 14;
}

#formap {
  position: absolute;
  left: -9999px;
  top: 0;
}

.bj-fixed .previw .close {
  width: 50px;
  height: 50px;
  background: url(../images/close.png) center center no-repeat;
  background-size: 30px 30px;
  position: absolute;
  right: -9px;
  top: -50px;
  z-index: 15;
}

.show-text {
  text-align: center;
  color: #fff;
  margin-top: 20px;
}
.up-gnbl {
  position: relative;
  padding-left: 86px;
  margin-top: 80px;
}
.up-gnbl::before {
  content: '.';
  display: block;
  font-size: 0;
  line-height: 0;
  position: absolute;
  width: 32px;
  height: 32px;
  background: url(../images/icon_gnbl.png);
  background-size: 100% 100%;
  left: 40px;
  top: 50%;
  transform: translate(0, -50%);
}

.ru-box {
  margin: 0 auto;
  width: 100%;
  height: 776px;
  padding-top: 10px;
}
.swiper-container {
  width: 100%;
  height: 780px;
}
.swiper-wrapper {
  position: absolute;
  height: 780px;
}
.swiper-slide {
  margin: 0;
  height: 780px;
}
.rumor_card {
  position: relative;
  width: 100%;
  height: 680px;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
}
.swiper-slide .rumor_card {
  box-shadow: 0px 8px 24px rgba(216, 216, 216, 0.2);
}
.swiper-slide-active .rumor_card {
  box-shadow: 0px 8px 24px rgba(216, 216, 216, 0.2);
}
.rumor_icon {
  width: 96px;
  height: 48px;
  background: url(../images/rumor_icon.png);
  background-size: 100% 100%;
  margin-top: 40px;
  margin-left: 40px;
}
.rumor_title {
  font-weight: 500;
  font-size: 40px;
  line-height: 56px;
  margin: 24px 40px 0 40px;
  text-decoration: none;
}
.rumor_content {
  font-size: 28px;
  line-height: 44px;
  margin: 40px 40px 0 40px;
  text-decoration: none;
  font-weight: normal;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.rumor_card .more {
  font-size: 28px;
  margin: 20px 0 0 40px;
  font-weight: normal;
}
.rumor_fake_img {
  position: absolute;
  margin: 0 auto;
  right: 40px;
  bottom: 40px;
  width: 240px;
  height: 242px;
  background: url(../images/rumor_image.png);
  background-size: 100% 100%;
  z-index: 99;
}

.swiper-pagination {
  position: absolute;
  width: 100%;
  height: 35px;
  bottom: 28px !important;
  text-align: center;
}

.my-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  cursor: pointer;
  background: #d8d8d8;
  border-radius: 0px;
  margin: 0px 10px 0px 10px;
  /* padding-top:3px; */
  border-radius: 6px;
}
.my-bullet-active {
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  background: #005dff;
  border-radius: 0px;
  margin: 0px 10px -3px 10px;
  border-radius: 10px;
}

.rumor_link {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: -776px;
  height: 776px;
}

.timelineMore {
  width: 205px;
  height: 48px;
  background: url(../images/zixunmore.png);
  background-size: 100% 100%;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
}

.rumor_more {
  position: absolute;
  right: 42px;
  top: 50%;
  margin-top: -26px;
  background: url('../images/yiqmore.png');
  width: 205px;
  height: 48px;
  background-size: 100% 100%;
}

.dataTips {
  color: #737373;
  font-size: 24px;
  margin: 30px 0 0 40px;
  position: relative;
}
.dataTips span{
  position: relative;
  display:inline-block;
  padding-right: 30px;
}

.dataTips span::before {
  content: '.';
  display: block;
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  width: 24px;
  height: 24px;
  background: url(../images/icon_qs.png);
  background-size: 100% 100%;
}

.qs_mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 12;
  display: none;
}
.pop_qs, .pop_qs_suspect {
  position: fixed;
  width: 600px;
  left: 50%;
  top: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 12px;
  padding: 40px 28px 48px 48px;
  font-size: 24px;
  line-height: 40px;
  z-index: 12;
  transform-origin: 0 0;
  display: none;
}
.pop_qs_suspect {
  bottom: auto;
  padding-bottom: 40px;
}

.pop_qs::after {
  content: '.';
  display: block;
  font-size:0; 
  line-height: 0;
  position: absolute;
  left:0;
  bottom: 48px;
  right: 0;
  height: 40px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), #fff)
}

.pop_qs .content {
  position: absolute;
  top: 104px;
  bottom: 48px;
  left: 48px;
  right: 28px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}

.pop_qs_suspect .content {
  padding:0 20px 0 0;
}

.pop_qs em, .bold{
  /* color: #005dff; */
  font-style: normal;
  font-weight: 500;
}

.pop_qs .icon_close, .pop_qs_suspect .icon_close {
  width: 60px;
  height: 60px;
  background: url(../images/icon_pop_close.png);
  background-size: 100% 100%;
  position: absolute;
  top: -92px;
  right: 0;
}

.pop_qs .h1, .pop_qs_suspect .h1 {
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 24px;
  font-weight: 500;
  color: #005dff;
}
.pop_qs_suspect .h1 {
  margin-left: 
}

.pop_qs p, .pop_qs_suspect p {
  margin-bottom: 12px;
}

.pop_qs .h2, .pop_qs .h2 {
  font-weight: 400;
}

.placeNavMove {
  position: fixed;
  left: 0;
  top: 0;
  padding-top: 96px;
  transform-origin: left top;
  width: 750px;
  z-index: 12;
  display: none;
  z-index: 9;
  height: auto;
}

.areaShareWrap {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 9;
  /* transform: scale(0.5);
  transform-origin: left top; */
}
.areaShareWrap .time em {display: none;}
.areaShare {
  width: 750px;
  height: 1244px;
  position: relative;
  background-color: #005dff;
}

.areaShare .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

.areaShare .h1 {
  font-size: 64px;
  line-height: 66px;
  text-shadow: rgba(0, 10, 112, 60);
  text-align: center;
  padding-top: 78px;
  color: #fff;
  font-weight: 400;
  position: relative;
}

.areaShare.android .h1 {
  font-size: 60px;
}

.areaShare .h1 .area {
  color: #ffda4e;
}

.areaShare .h2 {
  left: 80px;
  top: 244px;
  line-height: 38px;
  font-size: 36px;
  color: #222;
  font-weight: 400;
  position: absolute;
}

.areaShare.android .h2 {
  font-size: 32px;
}

.areaShare .h2 .area {
  color: #005dff;
}

.areaShare .time {
  position: absolute;
  left: 80px;
  top: 300px;
  line-height: 30px;
  font-size: 24px;
  color: #222;
}
.areaShare.android .time {
  font-size: 20px;
}

.areaShare .data {
  position: absolute;
  left: 70px;
  right: 70px;
  top: 360px;
  display: flex;
  align-items: center;
}

.areaShare .data div {
  width: 25%;
  text-align: center;
  font-size: 24px;
  line-height: 26px;
}
.areaShare.android .data div {
  font-size: 20px;
}

.areaShare .num {
  font-size: 44px;
  line-height: 46px;
  margin-bottom: 14px;
  font-weight: 400;
}
.areaShare.android .num {
  font-size: 40px;
}

.areaShare .add {
  color: #005dff;
}

.areaShare .confirm {
  color: #f55253;
}

.areaShare .heal {
  color: #65b379;
}

.areaShare .dead {
  color: #87878b;
}

.areaShare .dataMap {
  position: absolute;
  left: 80px;
  right: 80px;
  top: 484px;
}

.areaShare .dataMap img {
  display: block;
  width: 100%;
}

.dataMap .chinamapLegend1 {
  left: -20px;
  transform-origin: left bottom;
  transform:scale(0.75);
}
.dataMap .chinamapLegend2 {
  right: -20px;
}

.bj-fixed-area {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  z-index: 12;
}
.bj-fixed-h {
  width: 100px;
  height: 41px;
  background: url(../images/share-ha.png);
  background-size: 100px 41px;
  position: fixed;
  right: 10px;
  top: 10px;
}

.bj-fixed-share {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  z-index: 12;
}

.bj-fixed-area .previw-area {
  width: 300px;
  position: absolute;
  left: 50%;
  top: 48%;
  margin-left: -150px;
  margin-top: -268px;
  transform-origin: center center;
  z-index: 13;
}
.bj-fixed-area .previw-area .previw-img-area {
  width: 300px;
  z-index: 14;
}

.bj-fixed-area .previw-area .close-area {
  width: 50px;
  height: 50px;
  background: url(../images/close.png) center center no-repeat;
  background-size: 30px 30px;
  position: absolute;
  right: -9px;
  top: -50px;
  z-index: 15;
}

.show-text-area {
  text-align: center;
  color: #fff;
  margin-top: 20px;
}

.areaShareLoading {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 12;
  display: none;
}
.areaShareLoading .text {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  transform: translate(0-50%);
}
.areaShareLoading .text span {
  position: relative;
}
.areaShareLoading .text span::before {
  content: '...';
  font-size: 16px;
  width: 50px;
  right: -52px;
  line-height: 18px;
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  text-align: left;
}
.areaShareLoading .text span::after {
  content: '.';
  display: block;
  font-size: 0;
  line-height: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  top: -45px;
  background: url(../images/area_share_loading.png);
  background-size: 100% 100%;
  animation: loading 0.6s linear infinite;
  transform-origin: center center;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.titleQg {
  position: relative;
}
.div-hospital {
  background: rgba(248, 248, 248, 0.3);
}

.hotelItemWrap {
  border-bottom: 1px solid #e9e9e9;
}
.current .hotelItemWrap {
  border-bottom: 0px solid #e9e9e9;
}
.hotelItemWrap:last-child {
  border-bottom: 0px solid #e9e9e9;
  border-bottom: 2px solid #e9e9e9;
}
.current .hotelItemWrap {
  border-bottom: none;
}
.hotelItemWrap:last-child {
  border-bottom: none;
}
.hotelProvince {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 94px;
  background: #f8f8f8;
  padding: 0 46px 0 60px;
  height: 84px;
  background: #f8f8f8;
  padding: 0 46px 0 40px;
}
.hotelProvince .name {
  height: 84px;
  line-height: 84px;
  font-size: 32px;
  color: #222;
  text-align: center;
  font-weight: 400;
}
.hotelProvince .count {
  position: relative;
  height: 84px;
  line-height: 84px;
  font-size: 32px;
  color: #222;
  text-align: center;
  font-weight: 500;
  padding-right: 30px;
}
.hotelProvince .count::after {
  content: '.';
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #737373 transparent transparent transparent;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
}

.current .hotelProvince .count::after {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #737373 transparent;
}

.hotelCity {
  display: none;
  height: 90px;
  /* background:rgba(248, 248, 248, 0.3); */
  /* margin: 0 60px; */
  border-bottom: solid 1px #e9e9e9;
  padding: 0 40px;
  border-bottom: solid 2px #e9e9e9;
}
.hotelCity:last-child {
  border: none;
}
.hotelCity .name {
  height: 70px;
  line-height: 70px;
  font-size: 26px;
  color: #737373;
  text-align: center;
  font-weight: normal;
}
.hotelCity .count {
  height: 70px;
  line-height: 70px;
  font-size: 30px;
  color: #096bff;
  font-size: 24px;
  color: #737373;
  text-align: center;
  font-weight: normal;
  position: relative;
  padding-right: 114px;
}

.hotelCity .count span {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  border: 1px solid #9cc0ff;
  color: #9cc0ff;
  font-size: 18px;
  border-radius: 32px;
}

.current .hotelCity {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.healthIcon {
  position: absolute;
  right: 36px;
  top: 15px;
  width: 216px;
  height: 70px;
  background: url('../images/1aeea2cfd7d1402181ed1c32fccc6b98.gif');
  background-size: 100% 100%;
}

.healthlink {
  position: absolute;
  width: 100%;
  height: 70px;
}

/* 地方页卡 */

.city-tab {
  background: #eef5ff;
  padding: 20px 40px;
  margin-top: 80px;
}

.city-tab .tab-top {
  height: 100px;
  line-height: 100px;
  font-size: 40px;
  font-weight: bold;
  position: relative;
}
.city-tab .tab-top span.tab-name {
  color: #005dff;
}

.city-tab .tab-top .city-change {
  width: 160px;
  height: 48px;
  background: url(../images/city-change.png);
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 25px;
}

.city-tab .tab-top #select-area {
  width: 160px;
  height: 48px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}

.city-tab .tab-box {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 110px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d8d8d8;
}

.city-tab .tab-box .tab-item {
  width: 160px;
  text-align: center;
}

.tab-box .tab-item .number {
  font-weight: bold;
  font-size: 40px;
}
.tab-box .tab-item .number.add {
  color: #005dff;
}
/* .tab-box .tab-item .number.add.wait{
  font-size: 22px;
  font-weight: normal;
  margin-top: 15px;
} */
.tab-box .tab-item .number.confirm {
  color: #f55253;
}
.tab-box .tab-item .number.heal {
  color: #178b50;
}
.tab-box .tab-item .number.dead {
  color: #66666c;
}
.tab-box .tab-item .text {
  margin-top: 20px;
  font-size: 22px;
  color: #222222;
}

.tab-text .text-item {
  padding: 22px 0 22px 40px;
  font-size: 28px;
  color: #222222;
  font-weight: 400;
  line-height: 44px;
  position: relative;
}
.tab-text .text-item::before,
.tab-text .text-item::after {
  content: '.';
  display: block;
  font-size: 0;
  line-height: 0;
  position: absolute;
}
.tab-text .text-item::before {
  width: 2px;
  top: 0;
  left: 12px;
  bottom: 0;
  background-color: #d8d8d8;
}
.tab-text .text-item:first-child::before {
  top: 50px;
}
.tab-text .text-item:last-child::before {
  bottom: auto;
  height: 40px;
}

.tab-text .text-item::after {
  width: 8px;
  height: 8px;
  border: 4px solid #737373;
  background-color: #f8f8f8;
  border-radius: 8px;
  top: 34px;
  left: 4px;
}

.tab-text .text-item a {
  color: #222222;
  text-decoration: none;
}

.city-tab .tab-text .text-item:first-child i {
  background-color: #222222;
  width: 76px;
  height: 32px;
  background: url(../images/text-before.png) 0 0 no-repeat;
  background-size: 76px 32px;
  display: inline-block;
  margin-bottom: -4px;
  margin-right: 5px;
}

.city-tab .tab-text .text-item i {
  font-weight: normal;
  font-style: normal;
}

.city-tab .tab-share-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 25px;
  display: flex;
}

.city-tab .tab-share-btn {
  height: 66px;
  padding-left: 76px;
  padding-right: 30px;
  line-height: 66px;
  font-size: 28px;
  color: #005dff;
  border: 1px solid #005dff;
  background: url(../images/irllr.png) 23px center no-repeat #fff;
  background-size: 36px 36px;
  border-radius: 30px;
  margin: 0 auto;
}

.city-tab .tab-look-btn {
  height: 66px;
  padding-left: 76px;
  padding-right: 30px;
  line-height: 66px;
  font-size: 28px;
  color: #005dff;
  border: 1px solid #005dff;
  background: url(../images/look.png) 23px center no-repeat #fff;
  background-size: 34px 38px;
  border-radius: 30px;
  margin: 0 auto;
}

.taplist-area {
  width: 750px;
  height: 1378px;
  position: relative;
  background-color: #005dff;
}

.taplist-area .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.taplist-area .h1 {
  font-size: 64px;
  line-height: 66px;
  text-shadow: rgba(0, 10, 112, 60);
  text-align: center;
  padding-top: 80px;
  color: #fff;
  font-weight: 400;
  position: relative;
}

.taplist-area.android .h1 {
  font-size: 60px;
}

.taplist-area .h1 .area {
  color: #ffda4e;
}

.taplist-area .h2 {
  left: 80px;
  top: 244px;
  line-height: 38px;
  font-size: 36px;
  color: #222;
  font-weight: 400;
  position: absolute;
}

.taplist-area.android .h2 {
  font-size: 32px;
}

.taplist-area .h2 .area {
  color: #005dff;
}

.taplist-area .mk-tips {
  width: 600px;
  height: 133px;
  position: relative;
  top: 332px;
  left: 74px;
  font-size: 32px;
  background: #f2f7ff;
  box-sizing: border-box;
  padding: 20px;
  line-height: 1.5;
  font-weight: 400;
  border-radius: 15px;
  display: flex;
  align-items: center;
}

.taplist-area .mk-tips span {
  background-color: #222222;
  width: 76px;
  height: 32px;
  background: url(../images/text-before.png) 0 0 no-repeat;
  background-size: 76px 32px;
  display: inline-block;
  margin-bottom: -4px;
  margin-right: 5px;
}
.taplist-area .mk-tips i::before {
  content: '.';
  font-size: 0;
  display: block;
  position: absolute;
  line-height: 0;
  width: 76px;
  height: 32px;
  background: url(../images/text-before.png) 0 0 no-repeat;
  background-size: 76px 32px;
  margin-top: 7px;
}
.taplist-area .mk-tips i {
  font-style: normal;
  text-indent: 80px;
}

.taplist-area .pt-box {
  width: 600px;
  top: 635px;
  left: 70px;
  position: absolute;
}

.taplist-area .bt-box {
  width: 600px;
  top: 690px;
  left: 70px;
  position: absolute;
  height: 420px;
  overflow: hidden;
}

.cover-pic {
  width: 594px;
  height: 226px;
  position: absolute;
  left: 79px;
  bottom: 264px;
}

.pt-box .pt-head,
.bt-box .pt-item {
  height: 60px;
  display: flex;
  line-height: 60px;
}

.bt-box .pt-item:nth-child(2n-1) {
  background: #f8f8f8;
}

.pt-box .pt-head .t1,
.bt-box .pt-item .t1 {
  width: 30%;
  text-align: center;
  font-size: 20px;
}
.pt-box .pt-head .t2,
.bt-box .pt-item .t2 {
  width: 20%;
  text-align: center;
  font-size: 20px;
}

.taplist-area .time {
  position: absolute;
  left: 80px;
  top: 300px;
  line-height: 30px;
  font-size: 24px;
  color: #222;
}
.taplist-area.android .time {
  font-size: 20px;
}

.taplist-area .data {
  position: absolute;
  left: 70px;
  right: 70px;
  top: 356px;
  display: flex;
  align-items: center;
}

.taplist-area .data div {
  width: 25%;
  text-align: center;
  font-size: 24px;
  line-height: 26px;
}
.taplist-area.android .data div {
  font-size: 20px;
}

.taplist-area .num {
  font-size: 44px;
  line-height: 46px;
  margin-bottom: 14px;
  font-weight: 600;
}
.taplist-area.android .num {
  font-size: 40px;
}

.taplist-area .add {
  color: #005dff;
}
/* .taplist-area .add.wait{
  font-size: 22px;
  font-weight: normal;
} */

.taplist-area .confirm {
  color: #f55253;
}

.taplist-area .heal {
  color: #178b50;
}

.taplist-area .dead {
  color: #66666c;
}

.taplist-area .dataMap {
  position: absolute;
  left: 80px;
  right: 80px;
  top: 484px;
}

.taplist-area .dataMap img {
  display: block;
  width: 100%;
}

.head .jump {
  width: 168px;
  height: 52px;
  background: url(../images/yiqing_more_icon.png);
  background-size: 100% 100%;
  position: absolute;
  right: 0px;
  top: 38px;
}
.jump_zhuizong{
  width: 168px;
  height: 52px;
  background: url(../images/yiqing_zhuizong_more.png);
  background-size: 100% 100%;
  position: absolute;
  right: 180px;
  top: 38px; 
}
.flexjinzhan{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hotzhuizhong{
  width: 168px;
  height: 48px;
  background: url(../images/zhuizong.png);
  background-size: 100% 100%;
  margin-right: 194px;
}
/* 医典样式 */
.yidian-flex-title{
  width: 670px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  background-color: #F3F6F8;
  margin: 0px auto;
  padding: 4px;
}
.tab-button{
  width: 328px;
  height: 72px;
  font-size: 32px;
  background-color: #F3F6F8;
  color: #737373;
  line-height: 72px;
  text-align: center;
  font-weight: 400;
  border-radius: 12px;
}
.cur{
  background-color: white;
  color: #222222;
}
.hide{
  display: none;
}
.yidian-ul{
  margin-left: 40px;
  margin-right: 40px;
  line-height: 36px;
  font-size: 28px;
}
.yidian-li{
  margin-top: 30px;
  font-size: 28px;
  line-height: 40px;
  color: #222222;
  position: relative;
  padding-left: 50px;
  white-space:nowrap;/*规定段落中的文本不进行换行*/
  overflow:hidden;/*内容会被修剪，并且其余内容是不可见的。*/
  text-overflow:ellipsis;/*显示省略号来代表被修剪的文本*/
  font-weight: 400;
}
.yidian-li-a{
  text-decoration:none;
  color: #222222;
  cursor:default;
}
.yidianIcon {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 140px;
  height: 36px;
  background: url('../images/yiqing_yidian.png');
  background-size: 100% 100%;
}

.li-one::after {
  content: ".";
  font-size: 0;
  width: 36px;
  height: 36px;
  background: url(../images/yiqing_yidian_one.png) no-repeat 0
    0 / 100% 100%;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.li-two::after {
  content: ".";
  font-size: 0;
  width: 36px;
  height: 36px;
  background: url(../images/yiqing_yidian_two.png) no-repeat 0
    0 / 100% 100%;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
#yidian {
  margin-top: 48px;
  display: none;
}
/* 医典样式结束 */

/* 同乘和小区查询入口 */
#charts .qt_enter {
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 84px;
  text-align: center;
  margin: 0 40px 10px 40px;
}
.qt_enter > a {
  display: block;
  width: 328px;
  height: 84px;
  line-height: 84px;
  text-decoration: none;
  border-radius: 12px;
  font-size: 28px;
  color: #222;
  background-color: #EEF4FF;
  font-weight:300;
}
.qt_enter span {
  display: inline-block;
  padding: 0 0 0 56px;
  position: relative;
}
.qt_enter span::before{
  content: ".";
  font-size: 0;
  position: absolute;
  display: block;
  line-height: 0;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
  background-size: 100% 100%;
  width: 44px;
  height: 44px;
}
.qt_enter .icon_plot::before {
  background-image: url(../images/icon_plot.png);
}
.qt_enter .icon_train::before {
  background-image: url(../images/icon_train.png);
}