index.wxss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. page {
  2. font-family: PingFang-SC-Heavy, PingFang-SC;
  3. background: #ffffff;
  4. }
  5. .swiper {
  6. height: 100vh;
  7. position: relative;
  8. }
  9. .banner {
  10. width: 100%;
  11. position: absolute;
  12. left: 0;
  13. top: 0;
  14. height: 100vh;
  15. text-align: center;
  16. }
  17. .banner .logo {
  18. padding-top: 160rpx;
  19. }
  20. .banner .logo image {
  21. width: 114rpx;
  22. }
  23. .banner .bannertitle {
  24. font-size: 64rpx;
  25. margin: 138rpx 0 37rpx;
  26. color: #FFFFFF;
  27. }
  28. .banner .subtitle {
  29. font-size: 44rpx;
  30. color: #FFFFFF;
  31. }
  32. .contentTops {
  33. position: relative;
  34. }
  35. .contentTop {
  36. position: absolute;
  37. top: -48rpx;
  38. right: 0;
  39. width: 93%;
  40. display: flex;
  41. align-items: center;
  42. background-color: #FCFCFC;
  43. z-index: 9999 !important;
  44. padding: 56rpx 30rpx 38rpx;
  45. border-radius: 0px 56rpx 0px 0px;
  46. box-shadow: 0px 8rpx 14rpx 0px rgba(0, 21, 3, 0.05);
  47. }
  48. .contentTop .iconl {
  49. border-radius: 50%;
  50. width: 48rpx;
  51. height: 48rpx;
  52. background: linear-gradient(140deg, #2F8F49 0%, rgba(119, 204, 168, 0) 100%);
  53. opacity: 0.3;
  54. margin-top: -24rpx;
  55. margin-right: -10rpx;
  56. }
  57. .contentTop .contentTop-title {
  58. font-size: 32rpx;
  59. font-weight: 800;
  60. color: #333333;
  61. margin: 0 20rpx 0 -26rpx;
  62. }
  63. .contentTop .iconr image {
  64. width: 32rpx;
  65. }
  66. .list {
  67. background-color: #FCFCFC;
  68. margin-top: 92rpx;
  69. width: 100%;
  70. border-radius: 0px 0px 16rpx 100rpx;
  71. box-shadow: 0px 8rpx 14rpx 0px rgba(0, 21, 3, 0.08);
  72. }
  73. .list .video {
  74. margin: 0 30rpx;
  75. height: 410rpx;
  76. }
  77. .list .video video {
  78. width: 100%;
  79. height: 100%;
  80. }
  81. .list .contentfooter .contentfooter-title {
  82. font-size: 30rpx;
  83. font-family: PingFang-SC-Bold, PingFang-SC;
  84. font-weight: bold;
  85. color: #333333;
  86. text-shadow: 0px 8rpx 14rpx rgba(0, 21, 3, 0.05);
  87. margin: 40rpx 0rpx 24rpx 56rpx;
  88. }
  89. .list .contentfooter .contentfooter-subtitle {
  90. font-size: 26rpx;
  91. font-weight: 500;
  92. color: #333333;
  93. overflow: hidden;
  94. white-space: nowrap;
  95. text-overflow: ellipsis;
  96. padding: 0rpx 71rpx 40rpx 56rpx;
  97. }