You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

150 regels
2.4 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. }
  12. .tPay{
  13. width: 50%;
  14. float: left;
  15. }
  16. .aText{
  17. margin-top: 20rpx;
  18. font-size: 36rpx;
  19. font-family: PingFang SC;
  20. font-weight: 800;
  21. color: #07E881;
  22. text-align: center;
  23. }
  24. .Axian{
  25. width: 70rpx;
  26. height: 4rpx;
  27. background-color: #07E881;
  28. margin: 10rpx auto;
  29. }
  30. .classBox{
  31. width: 90%;
  32. margin: 20rpx auto;
  33. padding-bottom: 20rpx;
  34. border-bottom: 1rpx #232835 solid;
  35. }
  36. .Text{
  37. margin-top: 20rpx;
  38. font-size: 32rpx;
  39. font-family: PingFang SC;
  40. font-weight: 500;
  41. color: #FFFFFF;
  42. text-align: center;
  43. }
  44. .orderBox{
  45. border-radius: 20rpx;
  46. background-color: #181C28;
  47. margin: 40rpx 0 0 0;
  48. }
  49. .orderNum{
  50. clear: #8790A8;
  51. line-height: 70rpx;
  52. width: 90%;
  53. margin: 20rpx auto;
  54. border-bottom: 1rpx #232835 solid;
  55. }
  56. .img{
  57. float: left;
  58. width: 250rpx;
  59. height: 160rpx;
  60. border-radius: 10rpx;
  61. background-color: coral;
  62. }
  63. .courseBox {
  64. margin-left: 30rpx;
  65. float: left;
  66. }
  67. .h3{
  68. width: 300rpx;
  69. line-height: 60rpx;
  70. font-size: 34rpx;
  71. color: #ffffff;
  72. font-weight: 560;
  73. overflow:hidden;
  74. text-overflow:ellipsis;
  75. display:-webkit-box;
  76. -webkit-box-orient:vertical;
  77. -webkit-line-clamp:1;
  78. }
  79. .headImg{
  80. width: 60rpx;
  81. height: 60rpx;
  82. border-radius: 50%;
  83. background-color: coral;
  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. width: 180rpx;
  127. line-height: 80rpx;
  128. text-align: center;
  129. border: 2rpx solid #06D176;
  130. border-radius: 50rpx;
  131. color: #06D176;
  132. }
  133. .payOk{
  134. float: right;
  135. width: 180rpx;
  136. line-height: 80rpx;
  137. text-align: center;
  138. border: 2rpx solid #666D80;
  139. border-radius: 50rpx;
  140. color: #666D80;
  141. background-color: rgba(135, 144, 168, 0.1);;
  142. }