.container { position: relative; height: 100vh; padding: 38rpx 24rpx; background: url(https://reader-wx.ai160.com/images/reader/sell/bg1.jpg)no-repeat; background-size: contain; .userBox { display: flex; align-items: center; justify-content: space-between; .left { display: flex; .avatar { width: 106rpx; height: 106rpx; border-radius: 50%; border: 1rpx solid white; } .identity { margin-left: 24rpx; .nickName { margin: 6rpx 0 20rpx; font-size: 30rpx; } .tag { padding: 5rpx 20rpx; border-radius: 20rpx; font-size: 22rpx; font-weight: bold; color: #FC6E1C; background: #FFFFFF; } } } } .bottom { position: absolute; width: 100%; padding: 26rpx 0; bottom: 0; left: 0; background-color: white; .btn { margin: 0 auto; width: 466rpx; padding: 14rpx 0; background: linear-gradient(180deg, #6EC8FF 0%, #31BDFE 100%); border-radius: 39rpx; color: white; } } }