index.wxss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. .view-page {
  2. width: 100%;
  3. left: 0;
  4. top: 0;
  5. box-sizing: border-box;
  6. position: absolute;
  7. overflow: hidden;
  8. }
  9. .swiper {
  10. width: 100%;
  11. padding: 0 32rpx 0 32rpx;
  12. box-sizing: border-box;
  13. height: 532rpx;
  14. }
  15. .slide-image {
  16. height: 532rpx !important;
  17. width: 100%;
  18. }
  19. .cont {
  20. width: 100%;
  21. background-color: #F2F2F6;
  22. border-radius: 36rpx 36rpx 0 0;
  23. flex-direction: column;
  24. height: 100%;
  25. }
  26. .colum-logo-temp {
  27. height: 58rpx;
  28. }
  29. .colum-logo {
  30. height: 64rpx;
  31. margin: 0 32rpx 0 32rpx;
  32. background-color: blue;
  33. }
  34. .colum-hot-temp {
  35. height: 24rpx;
  36. }
  37. .colum-hot {
  38. height: 208rpx;
  39. margin: 0 32rpx 0 32rpx;
  40. border-radius: 36rpx;
  41. display: flex;
  42. }
  43. .hot-box-temp {
  44. width: 24rpx;
  45. }
  46. .hot-box {
  47. height: 208rpx;
  48. width: 332rpx;
  49. border-radius: 32rpx;
  50. background-color: white;
  51. box-shadow:0rpx 9rpx 18rpx 0rpx rgba(229,229,234,0.56);
  52. }
  53. .hot-title-temp {
  54. height: 32rpx;
  55. }
  56. .hot-title {
  57. margin-left: 32rpx;
  58. color: #000000;
  59. font-size: 36rpx;
  60. font-weight: 900;
  61. }
  62. .hot-cont-temp {
  63. height: 16rpx;
  64. }
  65. .hot-cont {
  66. margin-left: 32rpx;
  67. font-weight: 500;
  68. font-size: 24rpx;
  69. color: #ff6106;
  70. }
  71. .tips-box {
  72. margin-left: 32rpx;
  73. height: 72rpx;
  74. width: 686rpx;
  75. border-radius: 32rpx;
  76. background-color: white;
  77. box-shadow:0rpx 9rpx 18rpx 0rpx rgba(229,229,234,0.56);
  78. display: flex;
  79. }
  80. .tips-icon {
  81. margin-left: 6rpx;
  82. line-height: 72rpx;
  83. }
  84. .tips-cont {
  85. margin-left: 20rpx;
  86. font-size: 24rpx;
  87. color: #000;
  88. text-align: left;
  89. font-weight: 500;
  90. line-height: 72rpx;
  91. }
  92. .lang-img {
  93. width: 100%;
  94. text-align: center;
  95. height: 200rpx;
  96. line-height: 200rpx;
  97. }
  98. .recommend {
  99. width: 686rpx;
  100. height: 290rpx;
  101. border-radius: 32rpx;
  102. background-color: rgb(161, 52, 52);
  103. margin-left: 32rpx;
  104. }
  105. .viewright{
  106. width: 8rpx;
  107. height: 372rpx;
  108. }
  109. .uploadWrap{
  110. margin-top:32rpx;
  111. margin-left: 32rpx;
  112. height:400rpx;
  113. width:100%;
  114. display: flex;
  115. display: -webkit-box;
  116. flex-direction: column;
  117. }
  118. .upload_Item{
  119. width: 310rpx;
  120. height: 372rpx;
  121. margin-right: 24rpx;
  122. }
  123. .upload_Item_img{
  124. width: 310rpx;
  125. height: 206rpx;
  126. border-radius: 30rpx 30rpx 0rpx 0rpx;
  127. }
  128. .mktinfoBox {
  129. margin-top: -6rpx;
  130. display: flex;
  131. flex-direction: column;
  132. width: 310rpx;
  133. height: 166rpx;
  134. border-radius: 0rpx 0rpx 30rpx 30rpx;
  135. background:rgba(255,255,255,1);
  136. }
  137. .mktname {
  138. font-size: 28rpx;
  139. margin-left: 18rpx;
  140. margin-right: 18rpx;
  141. font-weight: 500;
  142. color: #000000;
  143. margin-top: 18rpx;
  144. }
  145. .mktadd {
  146. margin-right: 18rpx;
  147. margin-left: 18rpx;
  148. margin-top: 2rpx;
  149. font-size: 20rpx;
  150. font-weight: Light;
  151. color: #8C8C8C;
  152. justify-content: space-between;
  153. }
  154. scroll-view-teacher {
  155. height: 480rpx;
  156. }
  157. .mktaddactive {
  158. margin-top: 2rpx;
  159. font-size: 20rpx;
  160. font-weight: 500;
  161. color: #20BAA5;
  162. }
  163. .campus-box {
  164. width: 686rpx;
  165. height: 450rpx;
  166. border-color: #999999;
  167. border-style: solid;
  168. border-width: 4rpx;
  169. border-radius: 32rpx;
  170. margin-left: 32rpx;
  171. }
  172. .campus_Item {
  173. width: 686rpx;
  174. height: 162rpx;
  175. margin-left: 32rpx;
  176. background-color: white;
  177. border-radius: 32rpx 32rpx 0rpx 0rpx ;
  178. box-shadow:0rpx 18rpx 36rpx 0rpx rgba(229,229,234,0.56);
  179. margin-top: -15rpx;
  180. }
  181. .campus_Item_img {
  182. width: 172rpx;
  183. height: 112rpx;
  184. border-radius: 24rpx;
  185. border-color: #ff6160;
  186. border-style: solid;
  187. border-width: 4rpx;
  188. }
  189. .mkt-img{
  190. width: 172rpx;
  191. height: 121rpx;
  192. margin-right: 20rpx;
  193. }
  194. .mkt-img-box {
  195. padding-top: 32rpx;
  196. height: 121rpx;
  197. }
  198. .mktWrap {
  199. margin-left: 32rpx;
  200. height:250rpx;
  201. width:100%;
  202. display: flex;
  203. display: -webkit-box;
  204. flex-direction: column;
  205. }