index.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. .body {
  2. background-color: #FFFFFF;
  3. }
  4. .coin-text{
  5. font-size: 1rem;
  6. }
  7. .box-line{
  8. font-size: 1px;
  9. height: 26px;
  10. margin-top: 13px;
  11. line-height: 100%;
  12. background-color: #000000;
  13. }
  14. .btn-cz{
  15. background-color: #ffc107cc;
  16. font-size: 16px;
  17. line-height: 24px;
  18. color: #fff;
  19. padding: 10rpx 30rpx;
  20. border-radius: 15rpx;
  21. height: 24px;
  22. min-width:50px;
  23. display: block;
  24. text-align: center;
  25. }
  26. .box-cj{
  27. float: right;
  28. flex-grow:1;
  29. }
  30. .qrcode-img{
  31. height: 25rem;
  32. }
  33. .user-info{
  34. background-color: #9e9e9e3d;
  35. }
  36. .creadit-box{
  37. display: flex;
  38. flex-direction: row;
  39. flex-wrap: nowrap;
  40. }
  41. .coin-item{
  42. display: flex;
  43. flex-direction: column;
  44. flex-grow:2;
  45. }
  46. .coin-box{
  47. display: flex;
  48. flex-direction: row;
  49. color: #000000;
  50. flex-grow:4;
  51. }
  52. .opsetads {
  53. background: #FFFFFF;
  54. color: #000000;
  55. width: 70upx;
  56. line-height: 70upx;
  57. height: 70upx;
  58. text-align: center;
  59. border-radius: 100%;
  60. animation: rotate 10s linear infinite;
  61. }
  62. @keyframes rotate {
  63. 0% {
  64. transform: rotate(0deg) skew(0deg) scale(1);
  65. -ms-transform: rotate(0deg) skew(0deg) scale(1);
  66. /* IE 9 */
  67. -moz-transform: rotate(0deg) skew(0deg) scale(1);
  68. /* Firefox */
  69. -webkit-transform: rotate(0deg) skew(0deg) scale(1);
  70. /* Safari Chrome */
  71. -o-transform: rotate(0deg) skew(0deg) scale(1);
  72. }
  73. 100% {
  74. transform: rotate(360deg) skew(0deg) scale(1);
  75. -ms-transform: rotate(360deg) skew(0deg) scale(1);
  76. /* IE 9 */
  77. -moz-transform: rotate(360deg) skew(0deg) scale(1);
  78. /* Firefox */
  79. -webkit-transform: rotate(360deg) skew(0deg) scale(1);
  80. /* Safari Chrome */
  81. -o-transform: rotate(360deg) skew(0deg) scale(1);
  82. }
  83. }
  84. .member-face {
  85. position: relative;
  86. }
  87. .member-face .vip-level {
  88. height: 48rpx;
  89. width: 48rpx;
  90. position: absolute;
  91. left: calc(50% - 24rpx);
  92. top: -30rpx;
  93. }
  94. .member-face .face {
  95. width: 160rpx;
  96. height: 160rpx;
  97. border: 6rpx solid #FFFFFF;
  98. background: #FFFFFF;
  99. border-radius: 100rpx;
  100. box-shadow: 0rpx 24rpx 48rpx 0rpx rgba(197, 202, 219, 0.3);
  101. }
  102. .miniapp-icon {
  103. width: 48rpx;
  104. height: 48rpx;
  105. border-radius: 24rpx;
  106. background: #F2F2F2;
  107. }
  108. .creadit-box {}