.body { background-color: #FFFFFF; } .coin-text{ font-size: 1rem; } .box-line{ font-size: 1px; height: 26px; margin-top: 13px; line-height: 100%; background-color: #000000; } .btn-cz{ background-color: #ffc107cc; font-size: 16px; line-height: 24px; color: #fff; padding: 10rpx 30rpx; border-radius: 15rpx; height: 24px; min-width:50px; display: block; text-align: center; } .box-cj{ float: right; flex-grow:1; } .qrcode-img{ height: 25rem; } .user-info{ background-color: #9e9e9e3d; } .creadit-box{ display: flex; flex-direction: row; flex-wrap: nowrap; } .coin-item{ display: flex; flex-direction: column; flex-grow:2; } .coin-box{ display: flex; flex-direction: row; color: #000000; flex-grow:4; } .opsetads { background: #FFFFFF; color: #000000; width: 70upx; line-height: 70upx; height: 70upx; text-align: center; border-radius: 100%; animation: rotate 10s linear infinite; } @keyframes rotate { 0% { transform: rotate(0deg) skew(0deg) scale(1); -ms-transform: rotate(0deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(0deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(0deg) skew(0deg) scale(1); /* Safari Chrome */ -o-transform: rotate(0deg) skew(0deg) scale(1); } 100% { transform: rotate(360deg) skew(0deg) scale(1); -ms-transform: rotate(360deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(360deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(360deg) skew(0deg) scale(1); /* Safari Chrome */ -o-transform: rotate(360deg) skew(0deg) scale(1); } } .member-face { position: relative; } .member-face .vip-level { height: 48rpx; width: 48rpx; position: absolute; left: calc(50% - 24rpx); top: -30rpx; } .member-face .face { width: 160rpx; height: 160rpx; border: 6rpx solid #FFFFFF; background: #FFFFFF; border-radius: 100rpx; box-shadow: 0rpx 24rpx 48rpx 0rpx rgba(197, 202, 219, 0.3); } .miniapp-icon { width: 48rpx; height: 48rpx; border-radius: 24rpx; background: #F2F2F2; } .creadit-box {}