.map-root {
  width: 100%;
  height: 100%;

  .map {
    width: 1750px;
    height: 1000px;
  }

  .marker-icon {
    margin-top: -10px;
    margin-left: -12px;
  }

  .marker-center {
    margin-top: 3px;
  }

  .input-card {
    position: absolute;
    top: 1px;
    right: 15px;
  }

  .title {
    position: absolute;
    margin-left: -40px;
    margin-top: -35px;
    text-align: center;

    span {
      position: absolute;
      width: 100%;
      height: 20px;
      font-size: 15px;
      font-family: Microsoft YaHei;
      line-height: 40px;
      color: rgba(255, 255, 255, 1);
    }
  }

  .loading {
    position: absolute;
    top: 100px;
    left: 850px;
    z-index: 1;
    width: 155px;
    text-align: center;

    span {
      font-size: 15px;
      font-family: Microsoft YaHei;
      line-height: 20px;
      color: rgba(255, 255, 255, 1);
      padding-left: 15px;
    }
  }

  .content-alias {
    position: absolute;
    text-align: center;
    height: 1px;
    margin-left: 60px;

    .alias-title {
      width: 90px;
      margin-top: -26px;
    }

    span {
      position: absolute;
      float: left;
      left: 1px;
      margin-top: -23px;
      font-size: 15px;
      font-family: Microsoft YaHei;
      color: #fe0000;
    }
  }

  .content-alarm {
    position: absolute;
    height: 120px;
    bottom: 0px;
    left: 22%;
    z-index: 1;

    .row-2 {
      height: 35px;

      span {
        font-size: 15px;
        font-family: Microsoft YaHei;
        color: rgba(252, 244, 23, 1);
      }
    }

    .row-3 {
      height: 35px;

      span {
        font-size: 15px;
        font-family: Microsoft YaHei;
        color: #fe0000;
      }
    }

    .right {
      margin-left: 15px;
    }
  }

  .content-explain {
    position: absolute;
    bottom: 50px;
    right: 23%;

    .row {
      height: 35px;
    }

    .fault {
      float: left;
      width: 20px;
      height: 20px;
      background: rgba(235, 33, 6, 1);
      border-radius: 50%;
      opacity: 1;
    }

    .alarm {
      float: left;
      width: 20px;
      height: 20px;
      background: rgba(252, 244, 23, 1);
      border-radius: 50%;
      opacity: 1;
    }

    .normal {
      float: left;
      width: 20px;
      height: 20px;
      background: rgba(69, 255, 4, 1);
      border-radius: 50%;
      opacity: 1;
    }

    span {
      float: left;
      padding-left: 15px;
      margin-top: -5px;
      font-size: 15px;
      font-family: Microsoft YaHei;
      color: rgba(255, 255, 255, 1);
    }
  }
}


