.body-background{
  background: {
    color:#F5F5F6;
  };
  height:100vh;
}
.app-wallpaper{
  padding:16rpx 26rpx;
  .item{
    position: relative;
    .green{
      background: linear-gradient(180deg, rgba(14, 175, 78, .1) 0%, rgba(23,138,242,0) 100%);
    }
    .blue{
      background: linear-gradient(180deg, rgba(23, 138, 242, .1) 0%, rgba(23,138,242,0) 100%);
    }
    .orange{
      background: linear-gradient(180deg, rgba(255, 149, 69, .1) 0%, rgba(23,138,242,0) 100%);
    }
    .red{
      background: linear-gradient(180deg, rgba(255, 100, 82, .1) 0%, rgba(23,138,242,0) 100%);
    }
    .title-item{
      &.green{
        background: rgba(14, 175, 78, 1);
      }
      &.blue{
        background:rgba(23, 138, 242, 1);
      }
      &.orange{
        background: rgba(255, 149, 69, 1);
      }
      &.red{
        background: rgba(255, 100, 82, 1);
      }

      padding:4rpx 20rpx;
      transform: skewX(-15deg);
      border-radius: 8rpx;
      .title-content{
        transform: skewX(15deg);
      }
    }
    .button-group{
      padding:30rpx 0 10rpx 0;
      .button{
        border:2rpx solid transparent;
        border-radius: 10rpx;
        padding:10rpx 20rpx;
        margin-left:16rpx;
      }
      .join{
        border-color: #178AF2;
        background-color: transparent;
        color:#178AF2;
      }
      .qrcode{
        border-color:#FF9545;
        background-color:#FF9545;
        color:#fff;
      }
      justify-content: flex-end;
    }
  }
}