Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 
 
 

241 rader
3.4 KiB

  1. button {
  2. margin: 0;
  3. padding: 0;
  4. }
  5. .z {
  6. float: left;
  7. }
  8. .y {
  9. float: right;
  10. }
  11. .cl {
  12. clear: both;
  13. }
  14. .zh {
  15. margin: 0 auto;
  16. }
  17. .txtzh {
  18. text-align: center;
  19. }
  20. .txty {
  21. text-align: right;
  22. }
  23. .txtz {
  24. text-align: left;
  25. }
  26. p{
  27. font-size: 12px;
  28. }
  29. body{
  30. background: #f0f0f0;
  31. }
  32. .container {
  33. width: 100%;
  34. overflow: hidden;
  35. }
  36. .line{
  37. border-bottom: 1px solid #f0f0f0;
  38. }
  39. /*===========================*/
  40. .banner {
  41. height: 150px;
  42. margin-bottom: 10px;
  43. }
  44. .banner img {
  45. height: 200px;
  46. width: 100%;
  47. }
  48. .header{
  49. margin-bottom: 10px;
  50. }
  51. .search {
  52. font-size: 14px;
  53. overflow: hidden;
  54. }
  55. .search-group {
  56. height: 103px;
  57. width: 95%;
  58. line-height: 50px;
  59. border: 1px solid darkgray;
  60. border-radius: 6px;
  61. background: white;
  62. position: relative;
  63. }
  64. .group {
  65. height: 50px;
  66. width: 100%;
  67. }
  68. .group img{
  69. margin-top: 22px;
  70. margin-right: 7%;
  71. width: 6px;
  72. }
  73. .group.cfd {
  74. background: url(../img/xstart.png) no-repeat;
  75. background-size: 6px;
  76. background-color: white;
  77. }
  78. .group.mdd {
  79. background: url(../img/xend.png) no-repeat;
  80. background-size: 6px;
  81. }
  82. .rr{
  83. margin-right: 10px;
  84. margin-top: 3px;
  85. color: darkgray;
  86. }
  87. .group.cfd{
  88. background-position: 18px 22px;
  89. }
  90. .group.mdd{
  91. background-position: 18px 22px;
  92. }
  93. .dash {
  94. border-bottom: 1px dashed darkgray;
  95. }
  96. .start-img {
  97. width: 25px;
  98. height: 25px;
  99. margin-top: 20px;
  100. margin-left: 20px;
  101. margin-right: 10px;
  102. }
  103. .search-location {
  104. font-size: 16px;
  105. font-family: "黑体";
  106. margin-left: 40px;
  107. color: #a3a3a3;
  108. }
  109. .search-input {
  110. /*opacity: 0.8;*/
  111. margin-top: 10px;
  112. border: 0px;
  113. height: 33px;
  114. line-height: 33px;
  115. width: 58%;
  116. font-size: 16px;
  117. margin-right: 0px;
  118. position: absolute;
  119. background-color: white;
  120. }
  121. .search-input1{
  122. padding-left:30px;
  123. padding-right: 0px;
  124. margin-right:-23px ;
  125. margin-left: 173px;
  126. width: 18%;
  127. color: #343434;
  128. }
  129. .search-input2{
  130. padding-left:30px;
  131. padding-right: 0px;
  132. margin-right:-30px ;
  133. margin-left: 120px;
  134. width: 34%;
  135. color: #a3a3a3;
  136. }
  137. .right-arrow {
  138. margin-top: 20px;
  139. margin-right: 20px;
  140. }
  141. /* 搜索按钮 */
  142. .search-button {
  143. width: 95%;
  144. margin-top: 10px;
  145. }
  146. .search-button .sy-button{
  147. text-align: center;
  148. display: block;
  149. height: 43px;
  150. line-height: 43px;
  151. width: 100%;
  152. color: #ffffff;
  153. background-color: #00cc9c;
  154. border-radius: 7px;
  155. font-size: 16px;
  156. }
  157. /* center 精选路线 */
  158. .title {
  159. text-align: center;
  160. overflow: hidden;
  161. margin-left: 3%;
  162. height: 30px;
  163. }
  164. .title p{
  165. font-size: 16px;
  166. margin: 10px auto;
  167. opacity: 0.8;
  168. }
  169. .route-image-group {
  170. width: 95%;
  171. height: 150px;
  172. text-align: center;
  173. margin: 8px auto;
  174. display: block;
  175. background: white;
  176. border-radius: 5px;
  177. border-color: #E2E2E2;
  178. border-width: 1px;
  179. border-style: solid;
  180. }
  181. .img-name-info{
  182. width: 33%;
  183. width: 2%px;
  184. /* overflow: hidden; */
  185. /* margin: 2%; */
  186. margin-top: 10px;
  187. }
  188. .r-img {
  189. width: 2%px;
  190. height: 80px;
  191. display: inline-block;
  192. background: #0D6F7C;
  193. text-align: center;
  194. width: 94%;
  195. margin-left: 2.6%;
  196. }
  197. .route-name p:first-child{
  198. font-size: 14px;
  199. margin-top: 8px;
  200. margin-bottom: 7px;
  201. color: black;
  202. opacity: 0.9;
  203. }
  204. .route-name p:nth-child(2){
  205. color: darkgray;
  206. font-size: 12px;
  207. }
  208. /* 热门推荐
  209. .hot-img {
  210. width: 25px;
  211. height: 25px;
  212. margin-left: 20px;
  213. margin-right: 10px;
  214. }
  215. .hotRecommend {
  216. margin-top: 10px;
  217. }
  218. /* footer */
  219. .footer {
  220. padding-top: 2px;
  221. line-height: 38px;
  222. text-align: center;
  223. color: #808080;
  224. }