.flex-col { display: flex; flex-direction: column; } .flex-row { display: flex; flex-direction: row; } .flex-row-reverse { display: flex; flex-direction: row-reverse; } .bord{ border: 1px solid red; } .justify-start { display: flex; justify-content: flex-start; } .justify-center { display: flex; justify-content: center; } .justify-end { display: flex; justify-content: flex-end; } .justify-evenly { display: flex; justify-content: space-evenly; } .justify-around { display: flex; justify-content: space-around; } .justify-between { display: flex; justify-content: space-between; } .align-start { display: flex; align-items: flex-start; } .align-center { display: flex; align-items: center; } .align-end { display: flex; align-items: flex-end; } .sticky { display: flex; position: -webkit-sticky; position: sticky; top: 0rpx; z-index: 99; } .bord{ border: 1px solid red; } .box { width: 750rpx; height: 138rpx; background: #F7F7F7; } .tabbar { width: 750rpx; height: 108rpx; background: #FFFFFF; } .imageView{ width: 100%; } .image { width: 40rpx; height: 40rpx; } .title{ width: 44rpx; height: 32rpx; font-size: 22rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333; line-height: 32rpx; } .title1{ width: 44rpx; height: 32rpx; font-size: 22rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999; line-height: 32rpx; } .qrcodeView{ width: 120rpx; height: 120rpx; position: relative; } .qrcode{ width: 120rpx; height: 120rpx; position: absolute; bottom: 20rpx; }