@import '@/assets/bundle.scss';

// .shop-mine {
//   box-sizing: border-box;
//   width: 100%;
//   overflow: hidden;
  .mine-header {
    @extend %flex-left;
    @extend %pd30;
    box-sizing: border-box;
    background-color: $maincolor;
    height: 200rpx;
    .avatar {
      flex: none;
      width: 120rpx;
      height: 120rpx;
      border-radius: 50%;
      background: white;
      overflow: hidden;
      @extend %flex-center;
      .avatar_img{
        width: 100%;
        height: 100%;
      }
    //   img {
    //     width: 100%;
    //     height: 100%;
    //   }
    }
    .user-info {
      margin-left: 30rpx;
      flex: 1;
      color: white;
      .btn-login {
        width: 100%;
        text-align: left;
        font-size: 36rpx;
        background: none;
        font-weight: 500;
        color: white;
        padding: 0;
        margin: 0;
        border: none;
        outline: none;
        box-sizing: content-box;
        &:after {
          border: none;
        }
      }
      .info {
        font-size: 34rpx;
        .nick-name {
          font-weight: 500;
        }
        .mobile {
          font-size: 32rpx;         
        }
        .vip{
          color: #fbc200;

        }
        .bind-mobile {
          background: $success;
          font-size: 28rpx;
          padding: 4rpx 20rpx;
          display: inline-block;
          border-radius: 10rpx;
          box-shadow: 0 2rpx 4rpx rgba(black, .4);
        }
      }
    }
  }
  .icon {
    @extend %bg-no-repeat-center;
    background-size: 100%;
    width: 40rpx;
    height: 40rpx;
    margin-right: 10rpx;
  }
  .left {
    font-weight: 500;
    color: $text1;
    @extend %flex-center;
  }
  .order-wall {
    // @extend %pd30;
    padding-top: 10rpx;
    padding-bottom: 30rpx;
    @extend %bgwhite;
    .icon-order {
      @extend %mine-order;
    }
    .right {
      font-size: 28rpx;
      color: $text3;
    }
    .order-status {
      border-top: 1rpx solid $border3;
      margin: 0 20rpx;
      padding-top: 10rpx;
      @extend %flex-around;
      .status-item {
        flex: 1;
        margin: 0 10rpx;
      }
      .status-item-wrapper {
        @extend %flex-center;
        flex-flow: column;
        padding-top: 20rpx;
      }
      .icon {
        @extend %bg-no-repeat-center;
        background-size: 100%;
        width: 50rpx;
        height: 50rpx;
        margin-right: 0;
      }
      .icon-pay {
        @extend %mine-waitpay-text3;
      }
      .icon-waitreceiving {
        @extend %mine-waitreceiving-text3;
      }
      .icon-waitcomment {
        @extend %mine-waitcomment-text3;
      }
      .icon-aftersale {
        @extend %mine-aftersale-text3;
      }
      .text {
        margin-top: 20rpx;
        font-size: 24rpx;
        color: $text2;
      }
    }
  }
  // .invated {
  //   margin-top: 20rpx;
  //   @extend %pd30;
  //   @extend %bgwhite;
  // }
  .checkUpdate{
    display: flex;
    justify-content: space-between;
    min-height: 100rpx;
    box-sizing: border-box;
    font-size: 32rpx;
    background-color: #fff;
    padding: 0 20rpx;
    .left{
      display:flex;
      .icon-checkUpdate {
        @extend %icon-checkUpdate;
      }
    }
    .right{
      width:fit-content;
      display: flex;
      color: #333;
      align-items: center;
      // border:1rpx solid red;
      .rightImgBox{
        display:flex;
        justify-content: center;
        align-items: center;
      }
      .right-img{
        width: 50rpx;
        height: 50rpx;
      }
    }
  }
  

  .mt20 {
    margin-top: 20rpx;
  }
  .my-cell {
    .icon-coupons {
      @extend %mine-coupons;
    }
    .icon-address {
      @extend %mine-address;
    }
    .icon-service {
      @extend %mine-service;
    }
    .icon-mypromote {
      @extend %icon-my-promote;
    }
    .icon-downloadApp {
      @extend %icon-downloadApp;
    }
    .icon-waybill {
      @extend %icon-mywaybill;
    }
    .icon-wsx {
      background-size: 100%;
      width: 40rpx;
      height: 40rpx;
      margin-right: 10rpx;
    }
    .icon-vip{
      background: url('data:image/png;base64,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') center no-repeat;
      background-size: 100% 100%;
    }
    .icon-creStore{
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAE9klEQVRoQ+2ZW2wUVRjH/99suRm1aWJC9EFEIkQR2NkSI/pSEuKF7plpQYiJJgbTlGh4E4NgE2q88FB8MlEpUUiUGEEue2YKKjH0RQVpdxYiIZKo8UaDgSglahu685mz3e6twM6ZziZtwkk2m875Lv/fzJyz3/lKmOKDprh+3AQofYKtPUvmZ0cMwQaSBNwF0J2j8zzAwHmDeY8P/yvHOv1zVE8+kifQ4iYafd9vB1F7IGHM3YZhdB9KpvsD2d/AaMIAlhtfA6a9FTmGGfgegEfACIB4/jOz3I63SJHZNhGICQFYTnwrQJ1FAbSHyH93+r+zvH1rv/2vVFjTsaaZ9Zf/TiBmbGXwY8U57pQi81pYiNAAlhPfDNBbhcREq2UyfSCIEMsxld/moi+vlcnMviC+lTahAHLvPHPfWDAp1JuiPyzH5DEvg2hpmDURLrGM7yhZsNuk8LboywcsN7EKzPtHNyrullZmvW4cbQAhF88liv2kEhHoy5RIP66btNTechIfA/yMuhYz/AUHm0+d04mnDWDLeBsT7cwBZPnRVEvmG52Elba2G3+Emb7OXfexUdre2zrxtAGEYx4joAnA0OCt9Q29y3uHdBJW2q7Zu2zW8KyhvwDMYKDXEd5ynXjaAJZj/gBgPoDjUnjLdJJdz1Y4Zh8BjQDOSeEt0IkZAiAxCPBtAN6XwntBJ9kNAHYS0AbQFSnSt+vEDAFgXgagktQAAINSePW1BlAlwsIavUJnpPAerDXAJwCersUiJmB/SnhP1RRASHM1ET6rxTbKzOscK7O7pgDN7qKGGNedBTA74h+yC7Gr0xYeXPXdpZoCqOC2m+hi5o35RJGUEkS0PZVMv6wjfrQaCDGsVGIxDD415hpFMQeflkg7fVpXTigAlWRKl9Njd2lKH2gKENc4UhLhqs8YIOACAHXunZxHytyrlDKXUozWMXMLcp2IAGMyHOpt11zB4OfA9GyZZHXGKltZdGVStVVaDjbO8+uyXQC1FoXzFYBOEtHxLPtHmfyLTDMuXvjdv9S/vv9qgGdSMFnZY8453Oz9EtRHaxeynUQrE3eBMS+f4DzA3XXTYt0HnugfCJr0ulWpG3+DmF5l8C5HZJ4PEi8wwPgdhzujEq6ENruL7o1x3Y8F0T49Ke3059UgAgGUiSf0EagjlUx/US24znzSid9ngArnYWYSjpV2q8WoClAqnoGPRmLTNxxZeWKwWmDd+ZoACDfRTsw7lBgGPnWEp8romozIAfLNq6MAGgCclMJ7qCbK80EjB7AcU4lfAeBPKbzZUYpXZwrD4LnlMekOZmwqXCN8SGBVtpfs1sallEjvKr10zTVgOYkNAL8D1Vn2uUXamZ6oAGxpvsKECXSkaacU6UIbfxzAmqON9cNDfALgBcTUkbLSb0YlXsUpebJhw/4mhXf3mPM4AMsxOwC8zsDZkdj0h6PeceyexkXs++pIqnpLaqj/H6hdgkCIFakoqxqm+b/r8t9/ELg9JTKHbwQw2nXw8aK0vffC3iZdv0gWsX3YfICzOJO7LQbu0alJdAVX2kcDUGzcZqTwzImK0vGPBMCS5n4QVgHlK11HSFjbaABS5kswsJ0JbU7S+yCsmDB+kQCESRylj+WY/wC4RcX02ZjjWv2/VotftZirFiDK+VY3cX+WeZMB3n1IZHqDxJ5UAEEEV9rcBAhz16L0+R8olFJPfxP/vgAAAABJRU5ErkJggg==') center no-repeat;
      background-size: 100% 100%;
    }
  }
  .my-cell + .my-cell {
    border-top: 1rpx solid $border2;
  }
  .login-out {
    @extend %bgwhite;
    font-size: 28rpx;
    height: 90rpx;
    @extend %flex-center;
    color: #fff;
    border-radius: 20rpx;
    width: 96vw;
    margin:20rpx auto;
    background-color: #4EB331;
    font-size: 32rpx;
  }
  .update{
    border:1rpx solid green;
    position: relative;
    &-icon{
      width:20px;
      height:20px;
      position: absolute;
      right: 35px;
    }
  // }
  
  // 更新提示框
  // .maskLayer{
  //   width: 100%;
  //   height: 100%;
  //   position: fixed;
  //   top: 0;
  //   left: 0;
  //   background-color: rgba($color: #4b4b4b, $alpha: .5);
  //   z-index: 999;
  //   display: flex;
  //   justify-content: center;
  //   align-items: center;
  //   .center{
  //     width:491rpx;
  //     height: 653rpx;
  //     // background-image: url("https://image.jxc4.com/image/22cc4d0adfab0998514fb6af53a3cd0a.jpg");
  //   }
  // }
}