
page {
    background: #fff;
  }

  .member-allPrivileges {
    padding-bottom: env(safe-area-inset-bottom);
  }

  .member-allPrivileges .benefits-icons {
    position: relative;
    height: 532rpx;
    width: 100%;
    color: #fff;
    background: linear-gradient(180deg, #443E3C 0%, #151515 100%);
    border-radius: 0 0 50rpx 50rpx;
    overflow: hidden;
  }

  /* 黑色背景以及权益小logo */
  .member-allPrivileges .benefits-icons .all-benefits {
    display: flex;
    position:absolute;
    top:24rpx;
    left: 30rpx;
    height: 32rpx;
    background: rgba(255,255,255,0.13);
    border-radius: 16rpx;
  }

  .member-allPrivileges .benefits-icons .all-benefits .all-benefits-icon{
    display: inline-block;
    width: 32rpx;
    height: 32rpx;
    background-image: url('@/static/images/v-icon.png');
    border-radius: 50%;
    opacity: 1;
  }

  .member-allPrivileges .benefits-icons .all-benefits text{
    font-size: 18rpx;
    -webkit-transform:scale(0.8);
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 32rpx;
    margin-left: -8rpx;
    color: #FFFFFF;
    opacity: 1;
  }

  .member-allPrivileges .benefits-all .benefits-top-logo{
    height: 60rpx;
    width: 200rpx;
    background-image: url('../../static/images/allPrivileges-border.png');
    background-repeat:no-repeat;
    background-size:cover;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: -30rpx;
    left: 35%;
  }

  .member-allPrivileges .benefits-all .benefits-top-logo text{
    font-size: 22rpx;
    line-height: 60rpx;
    -webkit-text-size-adjust:none;
  }

  /* 黑色背景以及权益小logo END */


  /* 全部权益的图标 */
  .benefits-box{
    display: flex;
    flex-wrap: wrap
  }

  .benefits-box .benefits-box-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 144rpx;
    margin-left: 20rpx;
    margin-right: 8rpx;
  }

  .benefits-box .benefits-box-item .img {
    margin: auto;
    width: 90rpx;
    height: 90rpx;
    border-radius: 50%;
    font-size: 0;
  }

  .benefits-box .benefits-box-item .img {
    background: linear-gradient(to right, #d19668, #f3c693);
  }

  .benefits-box .benefits-box-item.default .img {
    background: #999;
  }

  /* .benefits-box .benefits-box-item  .img {
    background: linear-gradient(to right, #635775, #9f96ad);
  }

  .benefits-box .benefits-box-item  .img {
    background: linear-gradient(to right, #345799, #6f91c7);
  }

  .benefits-box .benefits-box-item  .img {
    background: linear-gradient(to right, #262d47, #111628);
  } */
  .benefits-box .benefits-box-item .img image {
    width: 50rpx;
    height: 50rpx;
    margin: 20rpx;
  }
  .benefits-box .benefits-box-item image{
    width: 92rpx;
    height: 92rpx;
  }

  .benefits-box .benefits-box-item .oi-tittle.default{
    font-size: 24rpx;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 32rpx;
    color: #333333;
    opacity: 1;
  }
  .benefits-box .benefits-box-item .oi-tittle.default{
    color: #999;
  }

  .benefits-box .benefits-box-item .fu-tittle{
    font-size: 10rpx;
    /* -webkit-transform: scale(0.83); */
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 28rpx;
    color: #CB966D;
    opacity: 1;
    -webkit-text-size-adjust:none;
  }
  .benefits-box .benefits-box-item .fu-tittle.default{
    color: #999;
  }

  .benefits-box .benefits-box-item text{
    display: block;
    text-align: center;
  }

  .benefits-box .benefits-box-item .oi-tittle{
    margin-top: 4rpx;
    font-size: 24rpx;
    display: block;
    text-align: center;
  }

  .benefits-box .benefits-box-item .fu-tittle{
    font-size: 24rpx;
    display: block;
    text-align: center;
    margin-top: 8rpx;
    margin-bottom: 40rpx;
  }

  /* 高级解锁样式 */
  .benefits-box .benefits-box-item .benefits-lock{
    width: 100rpx;
    /* height: 26rpx; */
    position: relative;
    display: flex;
    align-items: center;
    left: -7rpx;
    bottom: 28rpx;
    background: rgba(51, 51, 51, 0.52);
    opacity: 1;
    border-radius: 4rpx;
    padding: 2rpx;
    /* box-sizing: border-box; */
  }

  .benefits-box .benefits-box-item .benefits-lock .icon {
    display: inline-block;
  }

  .benefits-box .benefits-box-item .benefits-lock .icon image{
    width: 24rpx;
    height: 24rpx;
    padding-top: 4rpx;
    padding-left: 4rpx;
  }

  .benefits-box .benefits-box-item .benefits-lock {
    display: inline-block;
    font-size: 16rpx;
    -webkit-text-size-adjust: 100%;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 11px;
    color: #FFFFFF;
    opacity: 1;
  }

  .benefits-box .benefits-box-item .benefits-imgbox{
    position: relative;
  }

  .benefits-box .benefits-box-item .unlocked-color {
    color: #333;
    opacity: 0.4;
  }

  /* 高级解锁样式 END */

  /* 全部权益的图标 END */
  .member-allPrivileges .benefits-icons .item {
    width: 150rpx;
    margin-right: 48rpx;
    margin-left: 32rpx;
    opacity: .6;
  }

  .member-allPrivileges .benefits-icons .item.active {
    opacity: 1;
  }

  .member-allPrivileges .benefits-icons .img {
    width: 80rpx;
    height: 80rpx;
    font-size: 0;
    background: linear-gradient(to bottom, #ebc8a7, #c98e5c);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }

  .member-allPrivileges .benefits-icons .img image {
    width: 44rpx;
    height: 44rpx;
  }

  .member-allPrivileges .benefits-icons .text {
    margin-top: 12rpx;
    text-align: center;
    font-size: 26rpx;
  }


  /* 内容盒子 */
  .member-allPrivileges .benefits-content {
    position: absolute;
    top: 148rpx;
    z-index: 2;
    min-width: 688rpx;
    border-radius: 20rpx 20rpx 0 0;
    background: #fff;
    margin: 30rpx;
    padding: 34rpx 0 30rpx 0;
  }


  /* 购物积分 */
  .member-allPrivileges .benefits-img {
    padding: 30rpx;
    border-radius: 10rpx;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 106rpx;
  }

  .member-allPrivileges .benefits-img .bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 198rpx;
    height: 166rpx;
  }

  .member-allPrivileges .benefits-img .text-box .text {
    font-size: 36rpx;
    font-weight: 600;
  }

  .member-allPrivileges .benefits-img .text-box .des {
    font-size: 28rpx;
    margin-top: 12rpx;
  }

  .member-allPrivileges .benefits-img .img {
    width: 120rpx;
    height: 120rpx;
    margin-right: 20rpx;
    font-size: 0;
    position: relative;
  }

  .member-allPrivileges .benefits-all .benefits-img {
    background: linear-gradient(to right, #fe7e00, #e33e15);
    border-radius: 10rpx 10rpx 0 0;
  }



  .member-allPrivileges .benefits-all .benefits-img .text {
    font-size: 28rpx;
  }

  .member-allPrivileges .benefits-all .benefits-img .number {
    margin-top: 12rpx;
    font-size: 30rpx;
    font-weight: 600;
  }

  .member-allPrivileges .benefits-all .benefits-img .number .num {
    font-size: 44rpx;
    margin-right: 4rpx;
  }

  .member-allPrivileges .benefits-all .integral-des {
    padding: 26rpx 30rpx;
    background: #fff;
    border-radius: 0 0 10rpx 10rpx;
    font-size: 28rpx;
    line-height: 46rpx;
  }

  /* 等级特权 */
  .member-allPrivileges .level-benefits {
    background: #fff;
    border-radius: 10rpx;
  }

  .member-allPrivileges .level-benefits .item:nth-child(even) {
    background: rgba(253, 248, 242, 0.15)
  }

  .member-allPrivileges .level-benefits .item:nth-child(odd) {
    background: rgba(226, 195, 155, 0.15)
  }

  .member-allPrivileges .level-benefits .item {
    display: flex;
    align-items: center;
    border-bottom: 2rpx solid #f9f9f9;
  }

  .member-allPrivileges .level-benefits .item:last-child {
    border: 0;
  }

  .member-allPrivileges .level-benefits .item .level-name,  .member-allPrivileges .level-benefits .item .text{
    width: 50%;
    padding: 20rpx 0;
    font-size: 28rpx;
    font-weight: bold;
    text-align: center;
    color: #755A36;
    flex: 1;
    opacity: 1;
    position: relative;
  }

  .member-allPrivileges .level-benefits .item .tittle {
    font-size: 28rpx;
    font-family: PingFang SC;
    background-color: #D5B59A;
    font-weight: bold;
    text-align: center;
    color: #755A36;
    opacity: 1;
    position: relative;
  }

  .member-allPrivileges .level-benefits .item .level-name::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 2rpx;
    content: " ";
    font-size: 0;
    background: #FFFFFF;
    opacity: 0.5;
  }

  /* .member-allPrivileges .level-benefits .item .text {
    display: inline-block;
    width: 50%;
    font-size: 28rpx;
    font-weight: 600;
    padding: 0 30rpx;
  } */

  /* 特权说明 */
  .member-allPrivileges .benefits-explain {
    font-size: 22rpx;
    /* line-height: 44rpx; */
    padding: 10rpx 24rpx 28rpx 30rpx;
    background: #FDF8F2;
    opacity: 1;
    border-radius: 10rpx;
    color: #666;
    text-align: justify;
  }

  .member-allPrivileges .benefits-explain .item{
    line-height: 32rpx;
    padding: 14rpx 0;
    color: #755A36;
  }


  /* 会员商品 */
  .member-allPrivileges .member-goods .tit {
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
    margin-top: 40rpx;
    margin-bottom: 8rpx;
  }

  .member-allPrivileges .member-goods .tit-fu {
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #C29F71;
    opacity: 1;
    margin: 0rpx 0 20rpx 0;
  }



