html,
body {
  height: 100%;
  font-family: PingFangSC-Regular, PingFang SC;
  // font-family: fangsong;
  color: #363a44;
}

.container {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  .top {
    display: flex;
    justify-content: space-between;

    background: #ffffff;
    font-size: 14px;
    padding: 0 16px;

    > a {
      display: inline-block;
      text-align: center;
      color: #b3b5b9;
      padding: 15px 0;
    }
    .cycle {
      color: #1492ff;
      border-bottom: 2px solid #1492ff;
    }
  }

  ul {
    overflow: scroll;
    position: absolute;
    width: 100%;
    top: 52px;
    bottom: 0;
    i {
      font-size: 20px;
      color: #1492ff;
      margin-right: 8px;
      font-style: normal;
    }
    > li:not(:last-child) {
      background: #ffffff;
      margin-top: 15px;

      > :nth-child(1) {
        padding: 10px 0;
        display: flex;
        align-items: center;
        font-size: 15px;

        padding-left: 16px;
      }

      .card {
        display: flex;
        justify-content: space-between;
        padding: 10px 16px;
        color: #b3b5b9;
        line-height: 30px;
        align-items: center;

        img {
          width: 40px;
        }
      }
    }
    #goverment {
      > :nth-child(n + 2) {
        display: flex;
        flex-direction: space-between;
        align-items: center;
        padding: 15px 0;

        color: #b3b5b9;
        img {
          width: 30px;
        }
        :nth-child(2) {
          margin: 10px 0;
        }
      }
	
	  // .card {
	  //   display: flex;
	  //   justify-content: space-between;
	  //   padding: 10px 16px;
	  //   color: #b3b5b9;
	  //   line-height: 30px;
	  //   align-items: center;
	  
	  //   img {
	  //     width: 40px;
	  //   }
	  // }
    }

    #county {
      background: #ffffff;
      margin-top: 15px;
      padding-bottom: 30px;
      > :nth-child(1) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0 10px;

        > span {
          font-size: 15px;

          padding-left: 16px;
        }

        .mapButton {
          padding-right: 10px;
          span {
            display: inline-block;
            padding: 5px 15px;
            border: 1px solid rgb(184, 176, 176);
          }
          :nth-child(1) {
            margin-right: -5px;
          }
        }
        .mapButtonColor {
          color: #0066ff;
          border: 1px solid #0066ff !important;
          background: #d9e8ff;
        }
      }

      p {
        margin: 0;
        text-align: right;
        padding-right: 15px;
        color: #b3b5b9;
      }

      .echart2,
      .echart3 {
        width: 100%;
        height: 500px;
      }

      .echart3 {
        display: none;
      }

      .table {
        color: #b3b5b9;
        padding: 0 20%;
        > div {
          display: flex;
          flex-wrap: wrap;

          span {
            width: 50%;
            text-align: left;
            margin: 10px 0;
            i {
              color: #6da4f9;
              font-size: 14px;
              margin-left: 7px;
            }
          }
        }

        > :nth-child(n + 2) {
          color: #b3b5b9;
        }

        .zulin {
          display: none;
        }
      }
    }
  }
}