laboratory_maintenance_app/static/scss/business/betone-my.scss

.sp-my-new {

  color: $txt;
  @include page();
  background: #F3F5F9;
  width: 750rpx;
  margin:  0 auto;

  &-header {
    background: #00A6FF;
    padding: calc(var(--status-bar-height) + 34rpx) 48rpx 0 48rpx;
    color: #fff;
    // min-height: 460rpx;

    .sp-header-pubimg {

      $size: 140rpx;
      width: $size;
      height: $size;

      .iconfont {
        font-size: 139rpx;
        display: block;
        margin-top: 0rpx;
        // background: red;
        line-height: $size;
      }

      margin-right: 16rpx;
      position: relative;

      .add {
        background: url("#{$img2}my-add.png") no-repeat;
        position: absolute;
        $size: 60rpx;
        width: $size;
        height: $size;
        background-size: $size;
        right: 5rpx;
        bottom: -10rpx;
      }

      .u-upload {
        $size: 60rpx;
        width: $size !important;
        height: $size !important;
        position: absolute;
        right: 0;
        bottom: 0;

        .u-add-wrap {
          background: transparent;

          .u-icon {
            visibility: hidden;
          }
        }

        .u-preview-wrap {
          display: none;
        }
      }
    }

    .top {
      @include flex();
      margin-bottom: 32rpx;

      .top-r {
        width: 0;
        flex: 1;

        .minfo {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
      }

      .name {
        color: #FFF;
        font-family: PingFang SC;
        font-size: 36rpx;
        font-style: normal;
        font-weight: 500;
        line-height: 40rpx;
        /* 112.706% */
      }

      .tel {
        font-size: 28rpx;
        line-height: 40rpx;
      }

      .user-name {
        padding-top: 30rpx;
        color: #FFF;
        font-family: PingFang HK;
        font-size: 28rpx;
        font-style: normal;
        font-weight: 400;
        line-height: normal;

        .user-text {
          text-decoration-line: underline;
        }
      }
    }

    .center {
      @include flex();

      .lb {
        font-size: 28rpx;
        margin-right: 28rpx;
      }

      .address {
        width: 0;
        flex: 1;
        font-size: 26rpx;
        font-weight: bold;
        margin-right: 12rpx;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .copy {
        display: inline-block;
        $size: 40rpx;
        width: $size;
        height: $size;
        background: url("#{$img2}my-copy.png") no-repeat;
        background-size: $size;
      }
    }

    &-auth {
      font-size: 20rpx;
      height: 28rpx;
      line-height: 28rpx;
      border-radius: 10rpx;
      padding: 0 16rpx 0 27rpx;
      background: url("#{$img2}ok.png") no-repeat 6rpx 50%;
      background-color: $light;
      color: $desc;
      background-size: 22rpx !important;

      &.not {
        background-image: url("#{$img2}no-auth.png");
      }
    }
  }

  .main {
    padding: 0 32rpx;

    .sp-assets-not-auth,
    .sp-assets {
      margin-top: -80rpx;
      margin-bottom: 80rpx;
    }

    .sp-assets-not-auth {
      &::before {
        display: none;
      }
    }
  }

  .sp-my-list-new {
    padding: 16rpx 32rpx;
    border-radius: 32rpx;
    background: #FFF;

    .new-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 24rpx 0  48rpx;
     &:last-child {
      margin-bottom: 24rpx;
     }
      .item-l {
        display: flex;
        align-items: center;
      }
      .item-text {
        color: #333;
        font-family: PingFang SC;
        font-size: 28rpx;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding-left: 32rpx;
      }
      .icon-jiantou-r {
        font-size: 32rpx;
        color: #FADADA;
      }
    }
  }
}