Página inicial Explorar Ajuda
Registrar Entrar
liyaoyu
/
pfhwyigou
Observar 1
Favorito 0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Tree: f272eab5be
Branches Tags
pfhwyigou
/
frontend
/
web
/
zt
/
chunjiezt20191222
/
css
/
style.css

style.css 14 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165 
  1. body{background: #aa0113;}
    2. 

  2. 

  3. .chunjieztHead,.chunjieztHead p,.chunjieztHead p img{width: 100%; height: auto;}
    4. 

  4. 

  5. .chunjieztMain{ width: 100%; height: auto; background: url('/zt/chunjiezt20191222/image/ico_bg_01.png') no-repeat center; background-size: 100% 100%; }
    6. 

  6. .mainBox{ width: 1160px; margin: 0 auto;}
    7. 

  7. .mainBox_m{width: 100%; height: auto; margin-top: 20px;}
    8. 

  8. .mainBox_m p.ico,.mainBox_m p.ico img{ width: 100%; height: auto;}
    9. 

  9. 

  10. .lplist{ position: relative; width: 100%; height: auto;}
    11. 

  11. .lplist .lplist_bg{ width: 100%; height: auto;}
    12. 

  12. .lplist .lplist_bg img{ width: 100%; height: auto;}
    13. 

  13. .lplist_main{ position: absolute; left: 50%; top: 15px; width: 820px; margin-left: -413px;}
    14. 

  14. .lplist_main_center{ width: 100%; height: auto; overflow: hidden;}
    15. 

  15. .lplist_main ul li{ box-shadow:0px 7px 7px 1px rgba(149, 149, 149, 0.35); float: left; width: 382px;background: #fff; border-radius: 10px; overflow: hidden;}
    16. 

  16. 

  17. .lplist_main ul li .top_tu{ width: 360px; height: 180px; border-radius: 10px; overflow: hidden; margin:10px 11px;}
    18. 

  18. .lplist_main ul li .top_tu img{ width: 100%; height: 100%;}
    19. 

  19. 

  20. .lplist_main ul li .center_text{ margin: 4px 15px 0;}
    21. 

  21. .lplist_main ul li .center_text .title a{display: block; float: left; font-size: 24px; color: #333; max-width: 65%;font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    22. 

  22. .lplist_main ul li .center_text .title p.r{float: right; position: relative; top: 8px;}
    23. 

  23. .lplist_main ul li .center_text .title p.r i{width: 12px; height: 14px; display: inline-block; }
    24. 

  24. .lplist_main ul li .center_text .title p.r i img{width: 100%; height: 100%;}
    25. 

  25. .lplist_main ul li .center_text .title p.r span{display: inline-block; font-size: 16px; color: #B8B8B8; margin-left: 3px;}
    26. 

  26. .lplist_main ul li .center_text .pric{margin-top: 3px;}
    27. 

  27. .lplist_main ul li .center_text .pric span{font-size: 16px; color: #D61900;}
    28. 

  28. .lplist_main ul li .center_text .pric span em{font-size: 30px; position: relative; top: 2px;}
    29. 

  29. .lplist_main ul li .center_text .pric span i{font-size: 34px; font-weight: bold;position: relative; top: 2px;}
    30. 

  30. .lplist_main ul li .center_text .pric b{font-size: 12px; color: #999;font-weight: normal;}
    31. 

  31. .lplist_main ul li .center_text .mianji{margin-top: 5px; font-size: 16px; color: #333;font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    32. 

  32. 

  33. .lplist_main ul li .center_text .tuijian{margin-top: 10px; height: 55px;}
    34. 

  34. .lplist_main ul li .center_text .tuijian p{font-size: 14px; color: #333; border:1px solid #333; border-radius: 12px; height: 24px; line-height: 24px; float: left; padding: 0 12px;}
    35. 

  35. .lplist_main ul li .center_text .tuijian span{display: block; width: 255px; font-size: 16px; color: #D61900; line-height: 24px; margin-left: 5px; float: left; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    36. 

  36. .lplist_main ul li .center_text .style{font-size: 16px; color: #333; border-bottom: 1px solid #959595; padding-bottom: 13px;}
    37. 

  37. .lplist_main ul li .center_text .style span{ display: inline-block; height: 17px; line-height: 17px; padding-right: 10px;}
    38. 

  38. .lplist_main ul li .center_text .style span i{ color: #D61900; padding-left: 5px;} 
    39. 

  39. .lplist_main ul li .center_text .style span+span{border-left: 1px solid #333; padding-left: 10px;}
    40. 

  40. 

  41. .lplist_main ul li .center_text .fo_bm{margin-top: 3px;}
    42. 

  42. .lplist_main ul li .center_text .fo_bm a{ width: 50%; float: left; text-align: center; display: block; height:66px;}
    43. 

  43. .lplist_main ul li .center_text .fo_bm a img{ width: auto; height: 100%;}
    44. 

  44. 

  45. 

  46. .ztfoot{ width: 100%; height: auto; background: url('/zt/chunjiezt20191222/image/ico_4.png') no-repeat center; background-size: 100% 100%; }
    47. 

  47. 

  48. .ztfoot_m{ width: 1160px; margin: 0 auto;}
    49. 

  49. .ztfoot_m p.ico,.ztfoot_m p.ico img{ width: 100%; height: auto;}
    50. 

  50. 

  51. .ztfoot_bm{position: relative; width: 100%; height: auto;}
    52. 

  52. .ztfoot_bm p.bm-bg,.ztfoot_bm p.bm-bg img{width: 100%; height: auto;}
    53. 

  53. .bm_fotr{position: absolute; left: 50%; width: 806px; margin-left: -403px; top: 0px; z-index: 1;}
    54. 

  54. 

  55. 

  56. .bm_fotr_main .city_list{ float: left; width: 280px; position: relative;}
    57. 

  57. .bm_fotr_main .city_list p.show_l{position: relative; width: 100%; height: 46px; line-height: 46px; background: #fff;  border-radius: 2px;}
    58. 

  58. .bm_fotr_main .city_list p.show_l span{display: inline-block; font-size: 20px; color: #666; margin-left: 10px;}
    59. 

  59. .bm_fotr_main .city_list p.show_l i{ position: absolute; right: 13px; top: 50%; width: 13px; height: 16px; margin-top: -8px;display: inline-block;}
    60. 

  60. .bm_fotr_main .city_list p.show_l i img{ width: 100%; height: 100%;} 
    61. 

  61. 

  62. .bm_fotr_main .city_list .city_main{display: none; position: absolute; width: 100%;background: #fff; border-radius: 5px; left: 0px; top: 50px; z-index: 1;}
    63. 

  63. .bm_fotr_main .city_list .city_main a{display: block; height: 40px; line-height: 40px;font-size:18px; color: #666; text-align: center;}
    64. 

  64. .bm_fotr_main .city_list .city_main a+a{border-top: 1px solid #eee;}
    65. 

  65. .bm_fotr_main .city_list .city_main a:hover{background: #eee;}
    66. 

  66. .bm_fotr_main .city_list .city_main a.on{background: #eee; color: #D61900;}
    67. 

  67. 

  68. 

  69. .bm_fotr_main .in_input{ width: 276px;margin-left: 48px;height: 46px; background: #fff; border-radius: 2px; float: left;}
    70. 

  70. 

  71. .bm_fotr_main .in_input i{ float: left; width: 15px;height: 25px; display: inline-block; position: relative; top: 10px; margin-left: 10px;}
    72. 

  72. .bm_fotr_main .in_input i img{ width: 100%; height: 100%;}
    73. 

  73. .bm_fotr_main .in_input span{float: left; display: inline-block; width: 1px; height: 20px; background: #BFB9B9; margin-left: 10px; position: relative; top: 12px;}
    74. 

  74. .bm_fotr_main .in_input input{font-size: 18px; color: #666; float: left; display: inline-block; height: 40px; position: relative; top: 3px; border:none; background: #fff; width: 220px; margin-left: 10px;}
    75. 

  75. 

  76. .bm_fotr_main .in_buttom{border-radius: 2px; font-weight: bold; display:block; width: 150px; height: 46px; background: #ffe612; line-height: 46px; float: right; text-align: center; font-size: 20px; color: #453e02;}
    77. 

  77. 

  78. 

  79. 

  80. /*求学团*/
    81. 

  81. .schoolBm{ display: none; position: fixed; left: 50%; top: 50%; height: 583px; width: 590px; z-index: 10; margin-left: -295px; margin-top: -291px;}
    82. 

  82. .schoolBm_bg{display: none; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 8;}
    83. 

  83. .schoolBm_main{ width: 100%; height: 100%; position: relative;}
    84. 

  84. .schoolBm_main p.bm_bg,.schoolBm_main p.bm_bg img{width: 100%; height: 100%;}
    85. 

  85. .schoolBm_gb{position:absolute; right: -50px; top: -30px; width: 50px; height: 50px;}
    86. 

  86. .schoolBm_gb img{ width: 100%; height: 100%;}
    87. 

  87. .schoolBm_form{ position: absolute; left: 50%; bottom: 40px; width: 484px; margin-left: -242px;}
    88. 

  88. .schoolBm_form .lptitile{font-size: 30px; color: #fff; text-align: center;}
    89. 

  89. .schoolBm_form form p{margin-top: 20px; height: 70px; background: #fff; border-radius: 5px; width: 100%;}
    90. 

  90. .schoolBm_form form p i{display: block; float: left; width: 26px; text-align: center; height: 26px; position: relative; top: 22px; margin-left: 15px;}
    91. 

  91. .schoolBm_form form p i img{ width: auto;  height: 26px;display: inline-block;}
    92. 

  92. .schoolBm_form form p em{display: block; width: 1px; margin-left: 15px; height: 26px; background: #d1d1d1; position: relative; top: 22px; float: left;}
    93. 

  93. .schoolBm_form form p input{height: 60px; position: relative; top: 5px; display: block; float: left; width: 390px; background: #fff; border:none; margin-left: 15px; font-size: 26px; color:#666;}
    94. 

  94. .schoolBm_form form .cio_buttom{display: block; height: 70px; width: 300px; line-height: 70px; text-align: center; margin: 0 auto; margin-top: 60px; border-radius: 50px; background: -webkit-linear-gradient(top, #fff, #ffd300);font-size: 40px; color: #fd352d;}
    95. 

  95. 

  96. /*祈福团报名*/
    97. 

  97. .blessingBm{display: none; position: fixed; left: 50%; top: 50%; height: 600px; width: 638px; z-index: 10; margin-left: -319px; margin-top: -300px;}
    98. 

  98. .blessingBm_bg{ display: none; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 8;}
    99. 

  99. .blessingBm_main{ width: 100%; height: 100%; position: relative;}
    100. 

  100. .blessingBm_main .bm_bg,.blessingBm_main .bm_bg img{ width: 100%; height: 100%;}
    101. 

  101. .blessingBm_form{ position: absolute; z-index: 2; left: 50%;width: 410px; margin-left: -205px; bottom: 67px;}
    102. 

  102. .blessingBm_gb{position:absolute; right: -15px; top: 30px; width: 50px; height: 50px;}
    103. 

  103. .blessingBm_gb img{ width: 100%; height: 100%;}
    104. 

  104. .blessingBm_form .lptitile{font-size: 30px; color: #fff; text-align: center; margin-bottom: 20px;}
    105. 

  105. .blessingBm_form form .in_text{display: block; width: 390px; margin-bottom: 15px; height: 54px; background: #fff; border-radius: 2px; border:none; font-size: 24px; color: #666; padding-left: 20px;}
    106. 

  106. .blessingBm_form form .cio_buttom2{display: block; width: 410px;height: 60px; line-height: 60px; font-size: 32px; color: #ff3900; margin-top: 3px; text-align:center; border-radius: 30px; background: #fff2a7;}
    107. 

  107. 

  108. /*旅行团报名*/
    109. 

  109. .travelBm{ display: none; position: fixed; left: 50%; top: 50%; height: 590px; width: 636px; z-index: 10; margin-left: -298px; margin-top: -245px;}
    110. 

  110. .travelBm_bg{display: none; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 8;}
    111. 

  111. .travelBm_main{ width: 100%; height: 100%; position: relative;}
    112. 

  112. .travelBm_main .bm_bg,.blessingBm_main .bm_bg img{ width: 100%; height: 100%;}
    113. 

  113. .travelBm_form{ position: absolute; z-index: 2; left: 50%;width: 394px; margin-left: -228px; bottom: 123px;}
    114. 

  114. .travelBm_gb{position:absolute; right: -15px; top: -55px; width: 50px; height: 50px;}
    115. 

  115. .travelBm_gb img{ width: 100%; height: 100%;}
    116. 

  116. .travelBm_form .lptitile{font-size: 30px; color: #fff; text-align: center; margin-bottom: 68px;}
    117. 

  117. .travelBm_form form .in_text{display: block; width: 374px; margin-bottom: 15px; height: 50px; background: #FDACA1; border-radius: 30px; border:none; font-size: 24px; color:#b51919; padding-left: 20px;}
    118. 

  118. .travelBm_form form .cio_buttom2{display: block; width: 221px; margin: 0 auto; height: 60px; line-height: 60px; font-size: 32px; color: #fd4426; margin-top: 28px; text-align:center; border-radius: 30px; background: #fff; box-shadow:0px 20px 50px 0px rgba(82,41,41,0.39);}
    119. 

  119. .travelBm_form form .in_text::-webkit-input-placeholder {color: #b51919;}
    120. 

  120. .travelBm_form form .in_text::-moz-placeholder {color: #b51919;}
    121. 

  121. .travelBm_form form .in_text::-moz-placeholder {color: #b51919;}
    122. 

  122. .travelBm_form form .in_text::-ms-input-placeholder { color: #b51919;}
    123. 

  123. 

  124. 

  125. /*右边悬挂*/
    126. 

  126. .xgRight{ display: none; position:fixed; right: 0px; top: -50px; width: 300px; height: auto; z-index: 5}
    127. 

  127. .xgRightBox{ width: 100%; height: auto; position: relative;}
    128. 

  128. .xgRight_main p.ico,.xgRight_main p.ico img{width: 100%; height: auto;}
    129. 

  129. .xgRight_main{ width: 100%; height: auto; position: relative;}
    130. 

  130. .xgRight_main .r_nav{position: absolute; left:50%; top: 52%; width: 172px; margin-left: -80px; text-align: center; z-index: 1}
    131. 

  131. .xgRight_main .r_nav a{display: block; font-size: 22px; color: #fff; height: 45px; line-height: 45px; 
    132. 

  132. 	transform:rotate(-5deg);
    133. 

  133.     -ms-transform:rotate(-5deg); /* IE 9 */
    134. 

  134.     -webkit-transform:rotate(-5deg); /* Safari and Chrome */}
    135. 

  135. .xgRight_main .r_nav a+a{margin-top: 10px;}
    136. 

  136. .xgRight_main .r_nav a.on{ color: #FFF000;}
    137. 

  137. .haoli{position: absolute; width: 140px; height: auto;left: 50%; margin-left: -60px; bottom:146px; z-index: 1;}
    138. 

  138. .haoli .haoli_main{position: relative;}
    139. 

  139. .right_ico,.right_ico img{ width: 100%; height: auto;} 
    140. 

  140. .haoli_bm{ display: none; position: absolute; left:-400px;top: -83px; width: 371px; height: 222px; z-index: 5; padding-right: 65px;}
    141. 

  141. .haoli_bm_center{ width: 100%; height: 100%; position: relative;}
    142. 

  142. .haoli_bm_center .ico_bg,.haoli_bm_center .ico_bg img{ width: 100%; height: 100%;}
    143. 

  143. .haoli_bm_center .haoli_bm_form{ position: absolute; left:50%; bottom: -27px; margin-left: -98px;width: 196px;}
    144. 

  144. .haoli_bm_form p.title{ width: 194px; height: auto; margin: 0 auto; text-align: center;}
    145. 

  145. .haoli_bm_form p.title img{ width: 100%; height: auto;}
    146. 

  146. .haoli_bm_form .city_list{ margin-top: 10px; width: 195px; margin: 0 auto; position: relative;}
    147. 

  147. .haoli_bm_form .city_list .show_l{width: 100%; height: 28px;background: #fff; border-radius: 4px;border:1px solid #C7C7C7; position: relative;}
    148. 

  148. .haoli_bm_form .city_list .show_l span{display: inline-block; font-size: 14px; color: #666; line-height: 28px; padding-left: 8px;}
    149. 

  149. .haoli_bm_form .city_list .show_l i{display: inline-block;  width: 10px; height: 9px; position: absolute; right: 8px; top: 50%; margin-top: -4.5px;}
    150. 

  150. .haoli_bm_form .city_list .show_l i img{width: 100%; height: 100%;}
    151. 

  151. .haoli_bm_form .city_list .city_main{ z-index: 2; display: none; position: absolute; left: 0px; top: 35px; border:1px solid #fff; width: 100%; background: #fff; border-radius: 3px;}
    152. 

  152. .haoli_bm_form .city_list .city_main a{display: block; font-size: 14px; color: #666; height: 28px; line-height: 28px; text-align: center;}
    153. 

  153. .haoli_bm_form .city_list .city_main a+a{border-top: 1px solid #eee;}
    154. 

  154. .haoli_bm_form .city_list .city_main a.on{background: #eee; color: #D61900;}
    155. 

  155. .haoli_bm_form .city_list .city_main a:hover{background: #eee;}
    156. 

  156. .haoli_bm_form .in_txt{margin-top: 10px; width: 195px; height: 28px; border:1px solid #C7C7C7; border-radius: 4px; background: #fff;}
    157. 

  157. .haoli_bm_form .in_txt i{float: left; display: inline-block; width: 8px; height: 12px; position: relative; top: 8px;margin-left: 10px;}
    158. 

  158. .haoli_bm_form .in_txt i img{ width: 100%; height: 100%;} 
    159. 

  159. .haoli_bm_form .in_txt em{float: left; width: 1px; height: 12px; position: relative; top: 8px; background: #B1B1B1; margin-left: 10px; display: inline-block;}
    160. 

  160. .haoli_bm_form .in_txt input{display: block; float: left; width: 145px; background: #fff; height: 28px; border:none; font-size: 14px; color: #666; margin-left: 10px;}
    161. 

  161. .haoli_bm_form .r_but{display: block; width: 159px; height: auto; margin: 0 auto; background: url('/zt/chunjiezt20191222/image/ico_m_40.png') no-repeat center; height: 65px; line-height: 35px; margin-top: 8px; text-align: center; font-size: 18px; color: #F31413; font-weight: bold;}
    162. 

  162. 

  163. 

  164. 

  165.