123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- .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 {}
|