kchome.wxss 1015 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .container {
  2. margin: 0rpx 30rpx;
  3. width: calc(100% - 60rpx);
  4. /* height: calc(100vh - 40rpx); */
  5. padding: 0 0;
  6. }
  7. .empty-space {
  8. width: 100%;
  9. height: 390rpx;
  10. background-color: #e0e0e0;
  11. margin-top: 20rpx;
  12. border-radius: 12rpx;
  13. }
  14. .course-buttons {
  15. width: 100%;
  16. display: flex;
  17. margin-top: 20rpx;
  18. }
  19. .course-button1 {
  20. width: 47%;
  21. height: 350rpx;
  22. background-color: #e0e0e0;
  23. margin: 5rpx;
  24. border-radius: 12rpx;
  25. color: #fff;
  26. }
  27. .course-buttonstow {
  28. margin-left: 20rpx;
  29. width: calc( 100% - 47% - 20rpx);
  30. height: 350rpx;
  31. color: #fff;
  32. }
  33. .course-button2 {
  34. width: 100%;
  35. height: calc(50% - 10rpx);
  36. background-color: #e0e0e0;
  37. margin: 5rpx;
  38. border-radius: 12rpx;
  39. }
  40. .course-button3 {
  41. margin-top: 20rpx;
  42. width: 100%;
  43. height: calc(50% - 10rpx);
  44. display: flex;
  45. }
  46. .course-button {
  47. width: calc(50% - 10rpx);
  48. height: 100%;
  49. background-color: #e0e0e0;
  50. margin: 5rpx;
  51. border-radius: 12rpx;
  52. }
  53. .nr_boxs {
  54. display: flex;
  55. flex-direction: column;
  56. padding: 20rpx;
  57. }