index.css 2.2 KB

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