detail.scss 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. .container{
  2. background-color: #E5E5E5;
  3. min-height: 760px;
  4. width: 100%;}
  5. .slide-image{
  6. width: 100%;
  7. height: 300px;
  8. }
  9. .btn{
  10. display: flex;
  11. justify-content: space-around;
  12. background-color: #FFF;
  13. button{
  14. width: 40%;
  15. border-radius: 10px;
  16. }
  17. }
  18. .section1{
  19. width: 100%;
  20. min-height: 404px;
  21. background-color: #FFF;
  22. margin: 3px auto;
  23. .row {
  24. display: flex; /* 设置为Flex布局 */
  25. width: 100%; /* 行宽度占满容器 */
  26. }
  27. .title {
  28. font-size: 16px;
  29. color: #666666;
  30. font-weight: bold;
  31. display: flex;
  32. flex-direction: column; /* 列内部元素垂直排列 */
  33. width: 90%;
  34. padding: 20px 0px 20px 20px;
  35. text-align: left; /* 文本居中 */
  36. }
  37. .time_yuyue{
  38. width: 100%;
  39. padding: 0px 0px 20px 20px;
  40. font-size: 14px;
  41. color: #666666;
  42. display: flex;
  43. height: 30px;
  44. flex-wrap: wrap;
  45. .ico{
  46. padding-top: 2px;
  47. flex:0 0 20px;
  48. padding-left: 5px;
  49. padding-right: 10px;
  50. }
  51. .time{
  52. flex:0 0 90%;
  53. text-align: left;
  54. }
  55. }
  56. .time_yuyue2{
  57. width: 100%;
  58. padding: 0px 0px 20px 20px;
  59. font-size: 14px;
  60. color: #666666;
  61. display: flex;
  62. height: 60px;
  63. .ico{
  64. padding-top: 2px;
  65. flex:0 0 20px;
  66. padding-left: 5px;
  67. padding-right: 10px; flex-wrap: wrap;}
  68. .didian{
  69. flex:0 0 90%;
  70. text-align: left;
  71. height: 80px;
  72. }
  73. }
  74. .kefu {
  75. width: 90%;
  76. display: flex;
  77. align-items: left; /* 垂直居中对齐,或使用 'flex-end' 对齐到底部 */
  78. color: #666666;
  79. font-size: 12px;
  80. font-weight: bold;
  81. margin-bottom: 15px;
  82. margin-top: -60px;
  83. margin-left: 25px;
  84. }
  85. .kefu .didian {
  86. display: flex; /* 启用 flexbox */
  87. align-items: center; /* 垂直居中对齐所有子元素 */
  88. flex: 0 0 70%; /* 固定宽度 */
  89. height: 80px;
  90. text-align: left; /* 保持文本靠右对齐 */
  91. }
  92. .miaoshu{
  93. padding: 0px 40px 90px 20px;
  94. line-height: 24px;
  95. font-size: 14px;
  96. }
  97. .yuyue_btn{
  98. margin-left: 60px;
  99. image{
  100. justify-content: flex-end;
  101. }
  102. }
  103. .full-row {
  104. font-size: 14px;
  105. margin-top: -20px;
  106. text-align: center; /* 文本居中 */
  107. display: flex;
  108. width: 70%;
  109. .column {
  110. flex: 0 0 59px; /* 每列平均分配空间 */
  111. display: flex;
  112. flex-direction: column; /* 列内部元素垂直排列 */
  113. padding: 10px 0px 0px 10px;
  114. text-align: left; /* 文本居中 */
  115. }
  116. .column2 {
  117. flex: 0 0 7px; /* 每列平均分配空间 */
  118. display: flex;
  119. flex-direction: column; /* 列内部元素垂直排列 */
  120. padding: 15px 20px 0px 0px;
  121. text-align: left; /* 文本居中 */
  122. }
  123. }
  124. }
  125. .footer{
  126. position:fixed;
  127. bottom:0px;
  128. left:0px;
  129. width:100%;
  130. height:80px;
  131. background:#EDEDED;
  132. border-top:1px solid #CCC;
  133. display:flex;
  134. flex-direction: row;
  135. .footer-left{
  136. width:100%;
  137. display:flex;
  138. flex-direction: column;
  139. justify-content: center;
  140. align-items: center;
  141. .step-qty{
  142. font-size:12px;
  143. color:#b11b1c;
  144. }
  145. .intro{
  146. font-size:12px;
  147. color:#b11b1c;
  148. }
  149. }
  150. .right{
  151. width:90%;
  152. display:flex;
  153. justify-content: center;
  154. align-items: center;
  155. color:#b11b1c;
  156. font-size:14px;
  157. font-weight:bold;
  158. margin-bottom: 15px;
  159. .text{
  160. background:#aa0000;
  161. color:#FFF;
  162. border-radius: 10px;
  163. font-size:12px;
  164. padding:5px 10px;
  165. }
  166. }
  167. }