/* subpackage/user/check-status/check-status.wxss */ .card { background-color: #fff; box-shadow: 0 0 10rpx rgb(223, 222, 222); border-radius: 20rpx; margin: 28rpx 30rpx; box-sizing: border-box; padding: 40rpx 40rpx 40rpx 40rpx; display: flex; align-items: center; justify-content: space-between; } .left { display: flex; align-items: center; } .head { display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; margin-bottom: 40rpx; padding-right: 20rpx; } .chose { margin: 34rpx 30rpx 0; text-align: center; color: #fff; /* background-color: brown; */ background-image: url(https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/room/uuser-bbgg.png); background-size: cover; height: 180rpx; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 20rpx ; } .head-img { width: 80rpx; height: 80rpx; border-radius: 50%; margin-right: 20rpx; } .age { color: #fff; font-size: 22rpx; min-width: 80rpx; text-align: center; box-sizing: border-box; background-color: #FFC20E; padding: 6rpx 10rpx; border-radius: 10rpx; margin-left: 20rpx; } .right-btn { width: 150rpx; height: 50rpx; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 2rpx solid rgb(38, 165, 246); border-radius: 50rpx; background: rgba(38, 165, 246, 0.1); font-size: 22rpx; color: rgb(38, 165, 246); } .now{ border: 2rpx solid rgb(52, 186, 141); background:rgba(52, 186, 141,0.1); color: rgb(52, 186, 141); } .add{ width: 90%; margin: auto; margin-top: 70rpx; border-radius: 80rpx; background: rgba(38, 165, 246, 0.1); height: 80rpx; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #26A5F6; font-size: 30rpx; }