@import '@/assets/css/function';
@import '@/assets/css/theme';

.repair{
  background: $repair-bg no-repeat;
  background-size: 100% 100%;
  width: halfW(356);
  height: halfH(256);
  color: #fff;
  .rate{
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    .rate-title{
      font-size: halfH(16);
      padding-right: halfH(14);
    }
  }
  .map{
    display: flex;
    padding-top: halfH(20);
    padding-left: halfW(30);
    .map-cnt{
      width:halfW(102);
      height: halfH(102);
    }
    .map-tips{
      padding-left: halfW(30);
      .map-tips-item{
        display: flex;
        align-items: center;
        font-size: halfH(14);
        color: #fff;
        padding-bottom: halfH(10);
        .map-tips-item-w{
          width:halfW(12);
          height:halfH(12);
          background: $repair-b1;
          border-radius:halfH(2);
        }
        .map-tips-item-txt{
          padding-left: halfW(12);
        }
        .map-tips-item-p{
          padding-left: halfW(12);
        }
        &.b2{
          .map-tips-item-w{
            background: $repair-b2;
          }
        }
        &.b3{
          .map-tips-item-w{
            background: $repair-b3;
          }
        }
        &.b4{
          .map-tips-item-w{
            background: $repair-b4;
          }
        }
        &.b5{
          .map-tips-item-w{
            background: $repair-b5;
          }
        }
      }
    }
  }
}
