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.

116 lines
1.8 KiB

  1. .BoxBg{
  2. min-height: 1400rpx;
  3. }
  4. .searchBox{
  5. height: 80rpx;
  6. }
  7. .searchF{
  8. /* width: 80%; */
  9. height: 80rpx;
  10. background-color: rgba(51, 51, 51, 0.5);
  11. border-radius: 60rpx;
  12. margin: 20rpx;
  13. }
  14. .searchText{
  15. width: 80%;
  16. margin: 0 auto;
  17. height: 100%;
  18. color: #ffffff;
  19. }
  20. .categoryBox{
  21. overflow: scroll;
  22. margin-top: 40rpx;
  23. }
  24. .columnBox{
  25. width: 18%;
  26. /* float: left; */
  27. position: fixed;
  28. top: 270rpx;
  29. height: 1200rpx;
  30. overflow: scroll;
  31. }
  32. .columnBox::-webkit-scrollbar {
  33. display: none;
  34. }
  35. .courseBox{
  36. float: left;
  37. width: 78%;
  38. /* height: 1066rpx; */
  39. margin-left: 20%;
  40. overflow: scroll;
  41. }
  42. .itemBox_a{
  43. height: 120rpx;
  44. background-image: -webkit-linear-gradient(left, #103930, #121620)
  45. }
  46. .itemBox{
  47. height: 120rpx;
  48. }
  49. .Text{
  50. height: 60rpx;
  51. text-align:center;
  52. line-height: 60rpx;
  53. color: #ffffff;
  54. margin-top: 30rpx;
  55. }
  56. .Text_a{
  57. height: 60rpx;
  58. text-align:center;
  59. line-height: 60rpx;
  60. color: #ffffff;
  61. margin-top: 30rpx;
  62. font-size: 30rpx;
  63. border-left: 2rpx solid #00ff99;
  64. color:#00ff99 ;
  65. }
  66. .courseItemBox {
  67. margin-bottom: 20rpx;
  68. }
  69. .Img{
  70. width: 200rpx;
  71. height: 120rpx;
  72. border-radius: 10rpx;
  73. /* background-color: chocolate; */
  74. float: left;
  75. margin-right: 30rpx;
  76. }
  77. .TextBox{
  78. width: 320rpx;
  79. height: 120rpx;
  80. float: left;
  81. }
  82. .Name{
  83. height: 50rpx;
  84. line-height: 50rpx;
  85. font-size: 30rpx;
  86. overflow:hidden;
  87. text-overflow:ellipsis;
  88. display:-webkit-box;
  89. -webkit-box-orient:vertical;
  90. -webkit-line-clamp:1;
  91. color: #ffffff;
  92. }
  93. .chargeBox{
  94. margin-top: 30rpx;
  95. }
  96. .tiem{
  97. font-size: 24rpx;
  98. float: left;
  99. color: #999999;
  100. }
  101. .money{
  102. float: right;
  103. color: #ff3366;
  104. font-size: 26rpx;
  105. }
  106. .py{
  107. font-size: 24rpx;
  108. float: right;
  109. color: #ff3366;
  110. line-height: 46rpx;
  111. }