選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

167 行
2.7 KiB

  1. .BoxBg{
  2. min-height: 100vh;
  3. }
  4. .navigation{
  5. height: 120rpx;
  6. border-bottom: 1rpx #232835 solid;
  7. }
  8. .fPay{
  9. width: 50%;
  10. float: left;
  11. height: 120rpx;
  12. }
  13. .tPay{
  14. width: 50%;
  15. float: left;
  16. }
  17. .aText{
  18. margin-top: 20rpx;
  19. font-size: 32rpx;
  20. font-family: PingFang SC;
  21. font-weight: 700;
  22. color: #07E881;
  23. text-align: center;
  24. }
  25. .Axian{
  26. width: 70rpx;
  27. height: 4rpx;
  28. background-color: #07E881;
  29. margin: 10rpx auto;
  30. }
  31. .classBox{
  32. width: 90%;
  33. margin: 20rpx auto;
  34. padding-bottom: 20rpx;
  35. border-bottom: 1rpx #232835 solid;
  36. }
  37. .Text{
  38. margin-top: 20rpx;
  39. font-size: 32rpx;
  40. font-family: PingFang SC;
  41. font-weight: 500;
  42. color: #FFFFFF;
  43. text-align: center;
  44. }
  45. .orderBox{
  46. border-radius: 20rpx;
  47. background-color: #181C28;
  48. margin: 40rpx 0 0 0;
  49. }
  50. .orderNum{
  51. clear: #8790A8;
  52. line-height: 70rpx;
  53. width: 90%;
  54. margin: 20rpx auto;
  55. border-bottom: 1rpx #232835 solid;
  56. }
  57. .img{
  58. float: left;
  59. width: 250rpx;
  60. height: 160rpx;
  61. border-radius: 10rpx;
  62. background-color: coral;
  63. }
  64. .courseBox {
  65. margin-left: 30rpx;
  66. float: left;
  67. }
  68. .h3{
  69. width: 300rpx;
  70. line-height: 60rpx;
  71. font-size: 34rpx;
  72. color: #ffffff;
  73. font-weight: 560;
  74. overflow:hidden;
  75. text-overflow:ellipsis;
  76. display:-webkit-box;
  77. -webkit-box-orient:vertical;
  78. -webkit-line-clamp:1;
  79. }
  80. .headImg{
  81. width: 60rpx;
  82. height: 60rpx;
  83. border-radius: 50%;
  84. float: left;
  85. }
  86. .name{
  87. width: 220rpx;
  88. line-height: 60rpx;
  89. height: 60rpx;
  90. border-radius: 50rpx;
  91. color: #8790A8;
  92. text-align: center;
  93. background-color: #222735;
  94. }
  95. .priceBox{
  96. /* margin-top: 20rpx; */
  97. overflow: hidden;
  98. }
  99. .priceF{
  100. float: left;
  101. color: #ff3366;
  102. line-height: 60rpx;
  103. }
  104. .price{
  105. font-size: 34rpx;
  106. color: #ff3366;
  107. float: left;
  108. line-height: 60rpx;
  109. }
  110. .timeBox{
  111. width: 90%;
  112. margin: 20rpx auto;
  113. }
  114. .timeTitile{
  115. float: left;
  116. }
  117. .payTiem{
  118. line-height: 80rpx;
  119. font-size: 32rpx;
  120. font-family: PingFang SC;
  121. font-weight: 500;
  122. color: #FC4758;
  123. }
  124. .payBtn{
  125. float: right;
  126. margin-right: 20rpx;
  127. width: 120rpx;
  128. line-height: 60rpx;
  129. text-align: center;
  130. border: 2rpx solid #06D176;
  131. border-radius: 50rpx;
  132. color: #06D176;
  133. }
  134. .payOk{
  135. float: right;
  136. margin-right: 20rpx;
  137. width: 120rpx;
  138. line-height: 60rpx;
  139. text-align: center;
  140. border: 2rpx solid #666D80;
  141. border-radius: 50rpx;
  142. color: #666D80;
  143. background-color: rgba(135, 144, 168, 0.1);;
  144. }
  145. .noDataBox{
  146. width: 100%;
  147. height: 600rpx;
  148. top: 300rpx;
  149. left: 0;
  150. background-color: #0E1119;
  151. text-align: center;
  152. }
  153. .noDataImg{
  154. width: 500rpx;
  155. height: 400rpx;
  156. margin: 200rpx auto;
  157. }