@import "../../../../src/theme.less";
.save {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99;

  .modalBody {
    width: 688px;
    background: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    color: #333;

    .title {
      width: 100%;
      text-align: center;
      font-size: 18px;
      position: relative;

      i {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #666;
        cursor: pointer;
        padding: 0 5px;
      }
    }

    .content {
      width: 100%;
      min-height: 97px;
      margin-top: 12px;
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      .content_item{
        width: 205px;
        height: 97px;
        background-color: #F9FAFB;
        border: 1px solid #EEEEEE;
        padding: 16px 8px 8px;
        cursor: pointer;
        .name{
          font-size: 16px;
          color: rgba(0,0,0,0.85);
          display: flex;
          align-items: center;
          .icon_transport{
            color: @primary-color;
            font-size: 22px;
            margin-right: 8px;
          }
        }
        .tips{
          font-size: 10px;
          color: rgba(0,0,0,0.45);
          margin-top: 8px;
          text-align: justify;
        }
      }
    }

    button {
      margin-top: 10px;

      &.btn {
        margin-left: 8px;
      }
    }
  }
}
