@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 100%;
  font-family: "\5fae\8f6f\96c5\9ed1"; }

i {
  font-style: normal; }

body {
  min-width: auto; }

html {
  font-size: 20px; }

html, body {
  background: #f7f7f7;
  scroll-behavior: smooth;
  height: 100%; }

.center, .yq-infor-container .yq-num li, .yq-infor-container .yq-num li span, .yq-city-list .city-list .list .yq-state span b, .district-county-container .blue-map-code, .district-county-container .blue-map-code h2, .district-county-container .blue-map-code p {
  display: block;
  text-align: center;
  margin: 0 auto; }

.clearfix:after {
  display: block;
  content: "";
  clear: both; }

.clearfix {
  z-moon: 1; }

.fy-container {
  height: 100%; }

.yq-infor-container {
  width: 100%;
  height: 9.45rem;
  background: url(../images/fy/fy-bg.png) no-repeat;
  background-size: 100%; }
  .yq-infor-container .yq-infor-padding {
    padding-top: 1rem; }
  .yq-infor-container h2 {
    margin: 0 1.325rem;
    font-size: 1.05rem;
    color: #fff;
    background: #e34145;
    padding-bottom: 0.475rem;
    text-align: center;
    letter-spacing: 0.025rem;
    line-height: 100%; }
    .yq-infor-container h2 strong {
      display: block;
      font-size: 0.55rem;
      line-height: 1.125rem;
      font-weight: normal;
      color: #ffe0e1;
      letter-spacing: 0rem; }
  .yq-infor-container .yq-num {
    padding: 0.5rem 1.325rem 0;
    display: flex;
    justify-content: space-between; }
    .yq-infor-container .yq-num li b {
      display: block;
      font-size: 1.15rem;
      line-height: 1.675rem; }
    .yq-infor-container .yq-num li span {
      display: block;
      width: 2.85rem;
      font-size: 0.525rem;
      line-height: 0.875rem;
      color: #cecece;
      background: rgba(255, 255, 255, 0.2); }
    .yq-infor-container .yq-num li p {
      color: #fff;
      font-size: 0.525rem;
      line-height: 1.425rem;
      display: flex;
      align-items: center; }
      .yq-infor-container .yq-num li p b {
        font-size: 0.525rem;
        line-height: 1.425rem; }
    .yq-infor-container .yq-num li:nth-child(1) b {
      color: #ff636b; }
    .yq-infor-container .yq-num li:nth-child(2) b {
      color: #f2ac31; }
    .yq-infor-container .yq-num li:nth-child(3) b {
      color: #ceced7; }
    .yq-infor-container .yq-num li:nth-child(4) b {
      color: #5ac684; }
  .yq-infor-container .to-update {
    font-size: 0.55rem;
    line-height: 1.225rem;
    margin-top: 0.1rem;
    color: #c1d5fa;
    text-align: center;
    display: block; }
    .yq-infor-container .to-update b {
      color: #c1d5fa;
      font-weight: bold; }

.yq-city-list .city-list {
  background: #fff;
  margin-bottom: 0.65rem; }
  .yq-city-list .city-list .china-city {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0.75rem;
    border-bottom: 0.05rem solid #f7f7f7; }
    .yq-city-list .city-list .china-city a {
      font-size: 0.6rem;
      line-height: 1.2rem;
      color: #e74242;
      width: 4.35rem;
      border-radius: 1.25rem;
      border: 0.05rem solid #d64f4a;
      display: block;
      text-align: center; }
  .yq-city-list .city-list h3 {
    font-size: 0.8rem;
    color: #0d0d0d;
    line-height: 2.15rem;
    padding-left: 0.75rem;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .yq-city-list .city-list h3 b {
      display: block;
      width: 0.75rem;
      height: 0.7rem;
      background: url(../images/fy/icon-star.png) no-repeat;
      margin-right: 0.225rem;
      background-size: 100%; }
  .yq-city-list .city-list .list .yq-state {
    font-size: 0.6rem;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 1.075rem 0.35rem;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
    background: #fff; }
    .yq-city-list .city-list .list .yq-state span {
      width: 19%;
      display: block;
      margin: 0 auto; }
      .yq-city-list .city-list .list .yq-state span b {
        line-height: 1.15rem;
        width: 2.6rem;
        border-radius: 1.25rem;
        color: #fff; }
    .yq-city-list .city-list .list .yq-state span:first-of-type {
      width: 24%; }
    .yq-city-list .city-list .list .yq-state span:first-of-type b {
      color: #0d0d0d;
      text-align: left;
      width: auto;
      margin-left: 0.825rem; }
  .yq-city-list .city-list .list .province-list {
    padding: 0 1.075rem 0.875rem; }
    .yq-city-list .city-list .list .province-list li {
      width: 100%;
      cursor: pointer;
      border-top: 0.05rem dashed #e6e6e6; }
      .yq-city-list .city-list .list .province-list li p {
        width: 19%;
        font-size: 0.625rem;
        color: #0d0d0d;
        text-align: center;
        padding: 0.5rem 0;
        line-height: 0.75rem;
        float: left;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center; }
        .yq-city-list .city-list .list .province-list li p b, .yq-city-list .city-list .list .province-list li p em {
          display: block;
          width: 0;
          height: 0;
          border-top: 0.25rem solid transparent;
          border-left: 0.475rem solid #4b85d7;
          border-bottom: 0.25rem solid transparent;
          margin-right: 0.35rem; }
        .yq-city-list .city-list .list .province-list li p .hidden {
          border-left: 0.475rem solid transparent; }
      .yq-city-list .city-list .list .province-list li p:first-of-type {
        justify-content: flex-start;
        text-align: left;
        width: 24%; }
    .yq-city-list .city-list .list .province-list .county {
      width: 100%;
      margin-left: 0.225rem; }
      .yq-city-list .city-list .list .province-list .county p {
        font-size: 0.55rem;
        color: #000;
        font-weight: normal;
        padding: 0.3rem 0;
        line-height: 0.75rem;
        display: block;
        border-top: 0.05rem dashed #e6e6e6; }
      .yq-city-list .city-list .list .province-list .county p:first-of-type {
        margin-left: 0.7rem;
        width: calc(24% - 18px);
        display: flex;
        text-align: left; }
    .yq-city-list .city-list .list .province-list .county-list {
      display: none; }
      .yq-city-list .city-list .list .province-list .county-list p {
        font-weight: normal;
        color: #666; }
      .yq-city-list .city-list .list .province-list .county-list p:first-of-type {
        padding-left: 1.325rem;
        width: calc(24% - 45px); }

.blue-map-code {
  padding: 1.1rem 0 1.475rem; }
  .blue-map-code .er-code {
    display: flex;
    align-items: center;
    justify-content: center; }
    .blue-map-code .er-code img {
      width: 2.65rem;
      height: 2.65rem; }
    .blue-map-code .er-code .download {
      margin-left: 0.625rem; }
      .blue-map-code .er-code .download p {
        font-size: 0.7rem;
        color: #000; }
      .blue-map-code .er-code .download p:first-of-type {
        font-size: 0.85rem;
        margin-bottom: 0.7rem; }
  .blue-map-code .logo {
    display: flex;
    justify-content: space-between;
    padding: 0 0.75rem;
    margin-top: 2.25rem; }
    .blue-map-code .logo img {
      height: 1.1rem; }
    .blue-map-code .logo .logo-team {
      width: 3.125rem; }
    .blue-map-code .logo .logo-als {
      width: 4.55rem; }
    .blue-map-code .logo .logo-xc {
      width: 3.425rem; }
    .blue-map-code .logo .logo-blue-map {
      width: 3.55rem; }

/* 地图 */
.page-of-air .container, .page-of-air .section {
  width: 100%;
  height: 18.75rem; }
  .page-of-air .container .slide-down, .page-of-air .section .slide-down {
    width: 4.65rem;
    height: 1.4rem;
    background: #425263;
    position: absolute;
    bottom: 2.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.55rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    z-index: 1;
    display: none; }
    .page-of-air .container .slide-down b, .page-of-air .section .slide-down b {
      display: block;
      width: 0.35rem;
      height: 0.425rem;
      background: url(../images/fy/icon-down.png) no-repeat;
      background-size: 100%;
      margin-right: 0.375rem; }

.page-of-air .data-sources {
  width: 13.5rem;
  position: absolute;
  top: 0.45rem;
  left: 0;
  line-height: 1rem;
  font-size: 0.6rem;
  color: #070707;
  background: rgba(0, 0, 0, 0.1);
  text-align: left;
  -webkit-border-radius: 0 1.25rem 1.25rem 0;
  -moz-border-radius: 0 1.25rem 1.25rem 0;
  border-radius: 0 1.25rem 1.25rem 0;
  z-index: 1;
  padding: 0.375rem 0 0.375rem 0.75rem; }
  .page-of-air .data-sources p:last-of-type {
    font-size: 0.75rem;
    font-weight: bold; }
  .page-of-air .data-sources p:first-of-type {
    display: flex;
    align-items: center; }
    .page-of-air .data-sources p:first-of-type b {
      display: block;
      width: 0.85rem;
      height: 0.85rem;
      background: url(../images/fy/icon-data.png) no-repeat;
      background-size: 100%;
      margin-left: 0.25rem; }

.page-of-air .county-btn {
  position: absolute;
  bottom: 1.475rem;
  right: 0.725rem;
  padding: 0 0.25rem;
  background: #fff;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
  font-size: 0.6rem;
  line-height: 1.3rem;
  color: #474f62;
  z-index: 2;
  text-align: center; }

.yq-map .map-change {
  display: flex;
  justify-content: space-between;
  padding: 0 0.5rem; }
  .yq-map .map-change a {
    font-size: 0.7rem;
    line-height: 0.7rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 2rem;
    position: relative; }
    .yq-map .map-change a b {
      display: block;
      width: 0.925rem;
      height: 0.925rem;
      margin-right: 0.25rem; }
  .yq-map .map-change .city-change {
    background: #292939;
    width: 10rem;
    border-radius: 0.1rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 0.75rem; }
    .yq-map .map-change .city-change a:first-of-type b {
      background: url(../images/fy/icon-city.png) no-repeat;
      background-size: 100%; }
    .yq-map .map-change .city-change a:last-of-type b {
      background: url(../images/fy/icon-county.png) no-repeat;
      background-size: 100%; }
    .yq-map .map-change .city-change strong {
      display: block;
      width: 0.1rem;
      height: 0.675rem;
      background: #fff; }
  .yq-map .map-change .cell-query {
    background: #292939;
    width: 5.75rem;
    border-radius: 0.1rem; }
    .yq-map .map-change .cell-query b {
      background: url(../images/fy/icon-cell-query.png) no-repeat;
      background-size: 100%; }
  .yq-map .map-change .select-city {
    width: 0.75rem;
    height: 0.15rem;
    background: #4afebc;
    border-radius: 1.25rem;
    position: absolute;
    bottom: -0.45rem;
    right: 0.35rem; }

/* 图例 */
.page-of-air .map-level {
  padding-left: 0;
  left: 0;
  right: 0;
  width: auto;
  bottom: 0.325rem;
  margin: 0 0.3rem; }

.page-of-air .map-level h3 {
  font-size: 0.75rem;
  font-weight: bold;
  color: #070707;
  text-shadow: 0 0 0.125rem #fff; }

.page-of-air .map-level .map-level-list {
  border-radius: 0rem;
  box-shadow: none;
  margin-top: 0.35rem; }

.page-of-air .map-level .map-level-list li {
  line-height: 0.6rem;
  width: 1.65rem;
  text-align: center;
  height: auto;
  float: left;
  font-size: 0.3rem; }

.page-of-air .map-level .map-level-list li span {
  line-height: 0.6rem;
  padding-top: 0; }

.page-of-air .map-level .map-level-list li:first-of-type span {
  border-radius: 1.25rem 0 0 1.25rem; }

.page-of-air .map-level .map-level-list li:last-of-type span {
  border-radius: 0 1.25rem 1.25rem 0; }

.page-of-air .map-level .map-level-list li:nth-child(1) span,
.page-of-air .map-level .map-level-list li:nth-child(2) span,
.page-of-air .map-level .map-level-list li:nth-child(3) span,
.page-of-air .map-level .map-level-list li:nth-child(4) span {
  color: #666; }

/* 弹窗 */
.page-of-air .amap-info-sharp {
  display: none; }

.amap-info-contentContainer.bottom-center {
  padding-bottom: 0; }

.page-of-air .amap-info-close {
  top: 0.5rem;
  width: 0.6rem;
  height: 0.6rem; }

.page-of-air .amap-info-content {
  padding: 0.425rem 0.475rem;
  border-radius: 0.5rem;
  min-width: 5.75rem; }
  .page-of-air .amap-info-content .amap-info-share {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.7rem;
    height: 1.7rem; }
    .page-of-air .amap-info-content .amap-info-share a {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 1.2rem;
      height: 0.85rem;
      background: url(../images/fy/icon-share.png) no-repeat;
      background-size: 100%; }

.page-of-air .mark-detail {
  font-size: 0.7rem;
  color: #000; }

.page-of-air .mark-detail .mark-title {
  height: auto;
  line-height: 100%;
  margin-right: 1.25rem; }

.page-of-air .mark-detail .mark-title h4 {
  float: none;
  font-size: 1rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 0.25rem; }

.page-of-air .mark-detail .mark-content p {
  height: auto;
  line-height: 0.9rem; }

.page-of-air .mark-detail .mark-content p span {
  color: #be3c38;
  font-weight: bold; }

/* 统计图 */
.echart-container {
  height: 11.05rem;
  padding: 1rem 0.75rem;
  background: #fff; }
  .echart-container .ets {
    width: 100%;
    height: 100%;
    margin: 0 auto 1.375rem; }

.echarts-province {
  height: 11.15rem;
  padding: 1.75rem 0 1.85rem 0;
  margin-left: -0.225rem; }
  .echarts-province .province-select {
    position: relative;
    top: 1rem;
    left: 4rem;
    z-index: 1;
    width: 2.5rem;
    height: 1.15rem; }
    .echarts-province .province-select a, .echarts-province .province-select span {
      width: 100%;
      height: 100%;
      color: #fff;
      font-size: 0.5rem;
      line-height: 1.15rem;
      background: #e74242;
      display: flex;
      justify-content: center;
      align-items: center; }
      .echarts-province .province-select a strong, .echarts-province .province-select span strong {
        display: block;
        width: 0;
        height: 0;
        border-top: 0.175rem solid #fff;
        border-left: 0.15rem solid transparent;
        border-right: 0.15rem solid transparent;
        margin-left: 0.1rem; }
    .echarts-province .province-select .province-list {
      min-width: 2.5rem;
      position: absolute;
      top: 1.15rem;
      box-shadow: 0 0 0.25rem #efefef;
      display: none;
      background: #636363; }
      .echarts-province .province-select .province-list a {
        width: auto;
        background: #636363;
        color: #fff;
        font-size: 0.5rem;
        line-height: 0.75rem;
        padding: 0.325rem 0.5rem;
        text-align: left;
        display: block;
        white-space: nowrap; }
      .echarts-province .province-select .province-list .selected {
        background: #393838; }

/* 隐藏地图控件 客服按钮 */
.page-of-air .map-type, #YSF-BTN-HOLDER {
  display: none; }

/* 浏览器截屏 */
.screen-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10; }
  .screen-container .logo-code {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.825rem 1.325rem 0.275rem;
    background: #fff; }
    .screen-container .logo-code .logo img {
      width: 5.45rem;
      height: 1.5rem; }
    .screen-container .logo-code .logo .logo-blue-map, .screen-container .logo-code .logo .logo-xc {
      margin-top: 0.45rem; }
    .screen-container .logo-code .h5-code {
      width: 4.2rem;
      height: 4.2rem; }
    .screen-container .logo-code p {
      font-size: 0.5rem;
      line-height: 1.05rem;
      color: #333; }

.alert-mask, .data-sources-alert, .map-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 10;
  display: none; }
  .alert-mask .screen-img, .alert-mask .screen-loading, .alert-mask .data-content, .data-sources-alert .screen-img, .data-sources-alert .screen-loading, .data-sources-alert .data-content, .map-mask .screen-img, .map-mask .screen-loading, .map-mask .data-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    display: none; }
    .alert-mask .screen-img .img, .alert-mask .screen-loading .img, .alert-mask .data-content .img, .data-sources-alert .screen-img .img, .data-sources-alert .screen-loading .img, .data-sources-alert .data-content .img, .map-mask .screen-img .img, .map-mask .screen-loading .img, .map-mask .data-content .img {
      width: 12rem;
      height: auto; }
      .alert-mask .screen-img .img .send-img, .alert-mask .screen-loading .img .send-img, .alert-mask .data-content .img .send-img, .data-sources-alert .screen-img .img .send-img, .data-sources-alert .screen-loading .img .send-img, .data-sources-alert .data-content .img .send-img, .map-mask .screen-img .img .send-img, .map-mask .screen-loading .img .send-img, .map-mask .data-content .img .send-img {
        width: 100% !important;
        height: 100% !important; }
    .alert-mask .screen-img p, .alert-mask .screen-loading p, .alert-mask .data-content p, .data-sources-alert .screen-img p, .data-sources-alert .screen-loading p, .data-sources-alert .data-content p, .map-mask .screen-img p, .map-mask .screen-loading p, .map-mask .data-content p {
      font-size: 0.65rem;
      color: #f0f3f9;
      margin-top: 1.05rem; }
  .alert-mask b, .data-sources-alert b, .map-mask b {
    width: 1.4rem;
    height: 1.4rem;
    background: url(../images/fy/icon-close.png) no-repeat;
    background-size: 100%;
    float: right;
    margin-bottom: 0.475rem;
    margin-right: -1rem; }
  .alert-mask .screen-loading a, .data-sources-alert .screen-loading a, .map-mask .screen-loading a {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
    border: .2em solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1s loader linear infinite;
    -webkit-animation: 1s loader linear infinite;
    -moz-animation: 1s loader linear infinite;
    -ms-animation: 1s loader linear infinite;
    -o-animation: 1s loader linear infinite; }

.data-sources-alert .data-content {
  display: block !important; }
.data-sources-alert .data-sources-content {
  width: 12.55rem;
  height: 17.875rem;
  padding: 1.1rem 0 1.475rem 1.2rem;
  background: #fff;
  border-radius: 0.25rem;
  text-align: left; }
  .data-sources-alert .data-sources-content .content {
    height: 100%;
    overflow-y: auto;
    padding-right: 1.2rem; }
  .data-sources-alert .data-sources-content h3 {
    font-size: 0.8rem;
    color: #080808;
    margin-bottom: 0.7rem;
    font-weight: normal; }
  .data-sources-alert .data-sources-content p {
    font-size: 0.575rem;
    color: #080808;
    margin-top: 0;
    line-height: 1rem;
    text-align: justify; }
  .data-sources-alert .data-sources-content p:nth-child(3) {
    margin: 0.1rem 0 0.325rem; }
  .data-sources-alert .data-sources-content p:last-of-type {
    margin-top: 0.5rem; }

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-ms-keyframes loader {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes loader {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* 区县地图 */
.district-county-container {
  position: relative; }
  .district-county-container .blue-map-code {
    height: 7.975rem;
    background: url(../images/fy/map-bg.png) no-repeat;
    background-size: 100%;
    padding: 0; }
    .district-county-container .blue-map-code .logo {
      margin-top: 0rem;
      padding-top: 0.5rem;
      margin-bottom: 1.5rem; }
      .district-county-container .blue-map-code .logo img {
        height: 1.1rem; }
      .district-county-container .blue-map-code .logo .logo-team {
        width: 3.15rem; }
      .district-county-container .blue-map-code .logo .logo-als {
        width: 4.425rem; }
      .district-county-container .blue-map-code .logo .logo-xc {
        width: 3.35rem; }
      .district-county-container .blue-map-code .logo .logo-blue {
        width: 3.525rem; }
    .district-county-container .blue-map-code h2 {
      font-size: 1.9rem;
      line-height: 1.9rem;
      color: #fff;
      letter-spacing: 0.1rem; }
    .district-county-container .blue-map-code p {
      font-size: 0.55rem;
      color: #fff;
      width: 11.8rem; }
      .district-county-container .blue-map-code p span {
        line-height: 1.6rem; }
  .district-county-container .city-map {
    position: fixed;
    right: 0.75rem;
    bottom: 1.5rem;
    width: 3.75rem;
    font-size: 0.6rem;
    line-height: 1.5rem;
    color: #fff;
    background: #5687f5;
    border-radius: 1.25rem;
    z-index: 10;
    text-align: center; }

.district-map-list .map-list-btn {
  display: flex;
  justify-content: space-around;
  background: #fff;
  width: 100%; }
  .district-map-list .map-list-btn a {
    font-size: 0.75rem;
    line-height: 2.3rem;
    color: #181818; }
  .district-map-list .map-list-btn .select-active {
    color: #4479e6;
    border-bottom: 0.1rem solid #4479e6; }
.district-map-list .map-list-container {
  border-top: 2px solid #f4f4f4; }
  .district-map-list .map-list-container .map, .district-map-list .map-list-container .village-list, .district-map-list .map-list-container .list-select, .district-map-list .map-list-container .diagnosis-lists, .district-map-list .map-list-container .normal-data {
    display: none; }
  .district-map-list .map-list-container .map {
    position: relative;
    /*.yq-periphery{
      @include wh(583, 583);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      .bg-border{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/fy/bg-border-map.png) no-repeat;
        background-size: 100%;
        border: pxToRem(1) solid #c6d3eb;
        border-radius: 50%;
      }
    }
    .zhoubiandiv{
      box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
      padding: pxToRem(28) pxToRem(40) pxToRem(47);
      @include br(4);
      //width: pxToRem(446);
      background: #fff;
      position: relative;
      bottom: pxToRem(6);
      left: 0;
      right: 0;
      margin: 0 auto;
      //@include right(60);
      h3{
        color: #020202;
        @include sizeHeight(33, 66);
      }
      p{
        @include sizeHeight(24, 40);
        color: #020202;
        text-align: justify;
        //letter-spacing: pxToRem(1);
        .reds{
          color: #ef4246;
          @include size(28);
        }
      }
    }*/ }
    .district-map-list .map-list-container .map .triangle {
      display: block;
      width: 0;
      height: 0;
      border-top: 0.275rem solid #fff;
      border-left: 0.3rem solid transparent;
      border-right: 0.3rem solid transparent;
      position: absolute;
      bottom: -0.2rem;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .district-map-list .map-list-container .map .pieDiv {
      width: 1.7rem;
      height: 1.7rem; }
    .district-map-list .map-list-container .map .copolymerization {
      width: 2rem;
      height: 2rem;
      text-align: center; }
      .district-map-list .map-list-container .map .copolymerization span {
        font-size: 0.6rem;
        color: #fff;
        display: block;
        line-height: 1.8rem; }
    .district-map-list .map-list-container .map .blue-map-left {
      position: absolute;
      left: 0.75rem;
      bottom: 1.625rem;
      font-size: 0.75rem;
      font-weight: bold;
      color: #070707;
      text-shadow: 0 0 0.125rem #fff;
      z-index: 10; }
    .district-map-list .map-list-container .map .amap-info-content {
      overflow: initial;
      border-radius: 0.1rem;
      padding: 1.125rem 0.875rem 1rem; }
      .district-map-list .map-list-container .map .amap-info-content .mark-title h4 {
        font-size: 0.8rem;
        color: #010101;
        margin-bottom: 0.6rem; }
      .district-map-list .map-list-container .map .amap-info-content .mark-content p {
        font-size: 0.6rem;
        line-height: 1.1rem;
        color: #010101; }
        .district-map-list .map-list-container .map .amap-info-content .mark-content p span {
          font-weight: normal;
          color: #010101; }
  .district-map-list .map-list-container .show {
    display: block; }
  .district-map-list .map-list-container .village-list {
    position: relative; }
  .district-map-list .map-list-container .common-list-select {
    display: flex !important;
    border-bottom: 0.05rem solid #d7d7d7;
    width: 100%;
    background: #fff; }
    .district-map-list .map-list-container .common-list-select a {
      flex: 1;
      display: block;
      position: relative; }
      .district-map-list .map-list-container .common-list-select a p {
        font-size: 0.7rem;
        color: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.625rem 0; }
        .district-map-list .map-list-container .common-list-select a p b {
          display: block;
          width: 0;
          height: 0;
          border-top: 0.225rem solid #a8a8a8;
          border-left: 0.15rem solid transparent;
          border-right: 0.15rem solid transparent;
          margin-left: 0.1rem; }
      .district-map-list .map-list-container .common-list-select a .selected-area {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 1.25rem;
        height: 0.2rem;
        background: #437ede;
        margin: 0 auto;
        border-radius: 1.25rem;
        display: none; }
      .district-map-list .map-list-container .common-list-select a strong {
        position: absolute;
        right: 0;
        width: 0.05rem;
        height: 0.875rem;
        background: #d7d7d7;
        bottom: 0.55rem; }
    .district-map-list .map-list-container .common-list-select a:last-of-type strong {
      display: none; }
  .district-map-list .map-list-container .list-select {
    display: none;
    overflow-y: auto; }
    .district-map-list .map-list-container .list-select li {
      color: #1a1a1a;
      font-size: 0.65rem;
      margin: 0 0.75rem 0 1.125rem;
      padding: 0.625rem 0;
      border-bottom: 1px solid #f4f4f4; }
  .district-map-list .map-list-container .diagnosis-lists {
    padding: 0 0.75rem;
    overflow-y: auto; }
    .district-map-list .map-list-container .diagnosis-lists li {
      margin-top: 0.75rem; }
      .district-map-list .map-list-container .diagnosis-lists li h3 {
        font-size: 0.75rem;
        line-height: 1.75rem;
        color: #000000;
        font-weight: bold; }
      .district-map-list .map-list-container .diagnosis-lists li .lists {
        background: #fff;
        box-shadow: 0 0 0.5rem #e6eaf1;
        display: block !important; }
      .district-map-list .map-list-container .diagnosis-lists li .diagnosis-title {
        display: flex !important;
        padding: 0 0.75rem;
        border-bottom: 0.05rem solid #d7d7d7; }
        .district-map-list .map-list-container .diagnosis-lists li .diagnosis-title a {
          flex: 1;
          font-size: 0.7rem;
          line-height: 2.2rem;
          color: #000000; }
        .district-map-list .map-list-container .diagnosis-lists li .diagnosis-title a:nth-child(2) {
          text-align: center; }
        .district-map-list .map-list-container .diagnosis-lists li .diagnosis-title a:nth-child(3) {
          text-align: right; }
      .district-map-list .map-list-container .diagnosis-lists li .diagnosis-address {
        margin: 0 0.725rem;
        display: flex !important;
        border-bottom: 0.025rem solid #e1e1e1; }
        .district-map-list .map-list-container .diagnosis-lists li .diagnosis-address p {
          flex: 1;
          color: #000000;
          font-size: 0.7rem;
          padding: 0.725rem 0;
          font-weight: bold; }
        .district-map-list .map-list-container .diagnosis-lists li .diagnosis-address p:nth-child(2) {
          text-align: center; }
        .district-map-list .map-list-container .diagnosis-lists li .diagnosis-address p:nth-child(3) {
          text-align: right; }
      .district-map-list .map-list-container .diagnosis-lists li .diagnosis-address:last-of-type {
        border: none; }
  .district-map-list .map-list-container .normal-data {
    display: none;
    width: 12.5rem;
    text-align: center;
    font-size: 0.7rem;
    color: #000000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

/*# sourceMappingURL=GZBDMapNew.css.map */