.userinfo { display: flex; flex-direction: row; align-items: flex-start; } .userinfo-avatar { width: 95rpx; height: 95rpx; margin: 20rpx; border-radius: 50%; } .userinfo-nickname { color: #444; font-size: 30rpx; margin-top: 30rpx; } .separate { height: 10rpx; background-color: #f2f2f2; } .zichan { display: flex; flex-direction: column; } .zichan .first-line { display: flex; flex-direction: row; justify-content: space-between; font-size: 27rpx; margin-left: 20rpx; margin-top: 20rpx; margin-bottom: 20rpx; } .zichan .second-line { padding-top: 15rpx; padding-bottom: 15rpx; border-top: 1rpx solid #F6F6F6; border-bottom: 1rpx solid #F6F6F6; } .long-view { display: flex; flex-direction: row; width: 1850rpx; } .zichan .second-line .item { width: 560rpx; height: 250rpx; margin-left: 20rpx; } .zichan .second-line .desc { position: relative; top: -255rpx; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); border-radius: 5px; text-align: center; color: #fff; display: flex; flex-direction: column; justify-content: center; font-size: 25rpx; } .desc-line { margin-top: 5rpx; margin-bottom: 5rpx; } .desc-line.asset-count { font-size: 32rpx; color: #FFC800; } .slide-img { border-radius: 5px; width: 560rpx; height: 250rpx; } /*.zichan .third-line { display: flex; flex-direction: row; justify-content: space-between; font-size: 27rpx; margin-left: 20rpx; margin-top: 20rpx; margin-bottom: 20rpx; }*/ .blank { width: 500rpx; }