Inicio Explorar Axuda
Rexistro Iniciar sesión
liyaoyu
/
pfhwyigou
Seguir 1
Destacar 0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Árbore: f272eab5be
Ramas Etiquetas
pfhwyigou
/
frontend
/
web
/
zt
/
phmarani20190923
/
index.css

index.css 14 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 
  1. @font-face {
    2. 

  2.       font-family: 'PINGFANG';
    3. 

  3.       src: url('/zt/phmarani20190923/image/PINGFANG MEDIUM_0.TTF');
    4. 

  4.       font-weight: normal;
    5. 

  5.       font-style: normal;
    6. 

  6. }
    7. 

  7. .wm_Navigation_box,.m_bottom_box,.y_footmzsm,.wh5{display: none;}
    8. 

  8. body{background: #1f1f22; font-family: 'PINGFANG';}
    9. 

  9. 

  10. 

  11. 

  12. 

  13. 

  14. .scroll_area{background:#f2f2f2;padding:0 10px;width:320px;margin:0 auto;}
    15. 

  15. .scroll_area .content{overflow:hidden;position:relative;color:#666;height:50px;line-height:50px;margin-bottom:10px;}
    16. 

  16. .scroll_area .scrolltxt{position:absolute;left:0;top:0;white-space:nowrap;}
    17. 

  17. .scroll_area .scrolltxt div{display:inline-block;}
    18. 

  18. 

  19. 

  20. 

  21. 

  22. 

  23. 

  24. 

  25. .phmarani_head,.phmarani_head p,.phmarani_head p img{width: 100%; height: auto;}
    26. 

  26. .phmarani_x{background: #171719; padding-top: 20px;}
    27. 

  27. .jianjie{width: 1100px; height: auto; margin: 0 auto;}
    28. 

  28. .jianjie img{width: 100%; height: auto;}
    29. 

  29. 

  30. 

  31. 

  32. .phmarani_x3{background: url('/zt/phmarani20190923/image/ico_m_19_01.jpg') no-repeat; background-size:100% 100%; margin-top: 100px;}
    33. 

  33. .phmarani_x3_m{ width: 1100px;  margin:0 auto; position: relative; top: -60px;}
    34. 

  34. .phmarani_x3_m ul.liul li{float:left; width: 354px; height: auto; background: #111117}
    35. 

  35. .phmarani_x3_m ul.liul li+li{margin-left: 18px;}
    36. 

  36. .phmarani_x3_m ul.liul li .top_img{ width: auto; height: auto; text-align: center; position: relative; z-index: 1; top: 30px;}
    37. 

  37. .phmarani_x3_m ul.liul li .top_img img{width: auto; height: auto; transition: all .5s;
    38. 

  38.     -moz-transition: all .5s;
    39. 

  39.     -webkit-transition: all .5s;
    40. 

  40.     -o-transition: all .5s;}
    41. 

  41. .phmarani_x3_m ul.liul li .text_m{ width: 100%; height: auto;background: #F1CC89; position: relative; z-index: 2; padding-bottom: 25px;}
    42. 

  42. .phmarani_x3_m ul.liul li .text_m .text_m_top{padding: 22px 32px 0px 32px;}
    43. 

  43. .phmarani_x3_m ul.liul li .text_m .text_m_top p.title span{ font-size: 30px; font-weight: bold; font-family: 'PINGFANG'; color: #1F1F22;}
    44. 

  44. .phmarani_x3_m ul.liul li .text_m .text_m_top p.title em{display: inline-block; margin-left: 20px; font-size: 14px; color: #37373B;}
    45. 

  45. .phmarani_x3_m ul.liul li .text_m .text_m_top p.text {margin-top: 10px; display: inline-block; font-size: 16px; color: #1F1F22; line-height: 25px;}
    46. 

  46. 

  47. .phmarani_x3_m ul.liul li .text_m .text_m_bot { margin:0px 32px 0px 32px; position: relative;}
    48. 

  48. .phmarani_x3_m ul.liul li .text_m .text_m_bot p.left{float: left; position: absolute; left:0px; bottom: 0px;}
    49. 

  49. .phmarani_x3_m ul.liul li .text_m .text_m_bot p.left span{display: block;}
    50. 

  50. .phmarani_x3_m ul.liul li .text_m .text_m_bot p.left span i{width: 17px; height: 17px; font-family: 'PINGFANG';  display: inline-block; position: relative; top: -2px;}
    51. 

  51. .phmarani_x3_m ul.liul li .text_m .text_m_bot p.left span i img{ width: 100%; height: 100%;}
    52. 

  52. .phmarani_x3_m ul.liul li .text_m .text_m_bot p.left span em{display: inline-block; font-family: 'PINGFANG';  font-size: 18px; color: #1F1F22; margin-left: 5px;}
    53. 

  53. .phmarani_x3_m ul.liul li .text_m .text_m_bot p.left b{ font-size: 22px; font-family: 'PINGFANG';  display: block; color: #1F1F22;}
    54. 

  54. .phmarani_x3_m ul.liul li .text_m .text_m_bot p.right{float: right; width: 71px; height: 72px;}
    55. 

  55. .phmarani_x3_m ul.liul li .text_m .text_m_bot p.right img{width: 100%; height: 100%;}
    56. 

  56. .phmarani_x3_m ul.liul li .zxzx_m{ height: 47px; line-height: 47px; width: 100%; background: #2B2B30;}
    57. 

  57. .phmarani_x3_m ul.liul li .zxzx_m a{display: block; width: 100%; height: 100%;  font-size: 18px; color: #fff; padding: 0 33px;}
    58. 

  58. .phmarani_x3_m ul.liul li .zxzx_m a i{ position: relative; top: 1px;  width: 8px; height: 12px; display: inline-block; margin-left: 10px; background: url('/zt/phmarani20190923/image/ico_m_27.png') no-repeat; background-size:100% 100%; }
    59. 

  59. 

  60. .phmarani_x3_m ul.liul li:hover .top_img img{
    61. 

  61. 	transform: scale(1.05);
    62. 

  62.     -webkit-transform: scale(1.05);
    63. 

  63.     -moz-transform: scale(1.05);
    64. 

  64.     -o-transform: scale(1.05);
    65. 

  65. }
    66. 

  66. .phmarani_x3_m ul.liul li:hover .zxzx_m a{ color: #f1cc89;}
    67. 

  67. .phmarani_x3_m ul.liul li:hover .zxzx_m a i{ background: url('/zt/phmarani20190923/image/ico_m_28.png') no-repeat; background-size:100% 100%;}
    68. 

  68. 

  69. .phmarani_x3_bottom{ overflow: hidden; width: 1024px; height: 157px; background: #2b2b30; margin-top: 55px; padding: 38px 40px;}
    70. 

  70. .phmarani_x3_bottom ul.inlist li .list_m .list_m_title{font-size: 22px; color: #F1CC89;}
    71. 

  71. .phmarani_x3_bottom ul.inlist li .list_m .list_m_text{position: relative; font-size: 18px; color: #fff; margin-top: 10px; width: 100%;}
    72. 

  72. .phmarani_x3_bottom ul.inlist li{margin-bottom:50px; height: auto !important;}
    73. 

  73. .phmarani_x3_bottom ul.inlist li .list_m .list_m_text span{display: inline-block;}
    74. 

  74. 

  75. 

  76. .lplist{ width: 1100px;margin: 0 auto;}
    77. 

  77. .lplist ul li{ background: #2B2B30;margin-top: 50px;}
    78. 

  78. .lplist ul li .lpleft{width: 637px; height: 448px; float: left;}
    79. 

  79. .lplist ul li .lpright{float: left; width: 413px; height: 408px; padding: 15px 25px;}
    80. 

  80. .lplist ul li .lpleft .lpleft_m{ width: 100%; height: 100%; position: relative;}
    81. 

  81. .lplist ul li .lpleft .lpleft_m span{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;z-index: 2;}
    82. 

  82. .lplist ul li .lpleft .lpleft_m span img{width: 100%; height: 100%;}
    83. 

  83. .lplist ul li .lpleft .lpleft_m i{ width: 76px; height: 76px; position: absolute; left: 50%; top: 50%; z-index: 3; margin-top: -38px; margin-left: -38px;}
    84. 

  84. .lplist ul li .lpleft .lpleft_m video{ width: 100%; height: 100%;}
    85. 

  85. .lplist ul li .lpright div.title{height: 31px; position: relative; overflow: hidden;}
    86. 

  86. .lplist ul li .lpright div.title p{position: absolute; left: 0; top: 0px; display: inline-block; white-space:nowrap}
    87. 

  87. .lplist ul li .lpright div.title a{display: inline-block; font-size: 30px; color: #F5CF8A; font-weight: bold; border-left: 2px #F5CF8A solid; border-right: 2px #F5CF8A solid; height: 30px;line-height: 30px; padding: 0 8px; }
    88. 

  88. .lplist ul li .lpright div.title span{ display:inline-block; margin-left: 8px; height: 20px; line-height: 20px; font-size: 14px; color: #F5CF8A;}
    89. 

  89. .lplist ul li .lpright div.title span i{margin-left: 5px; display: inline-block; width: 76px; background:rgba(255,224,167,0.08); text-align: center;}
    90. 

  90. .lplist ul li .lpright p.lpjs{ height: 20px; font-size: 16px; color: #fff; margin-top: 10px; position: relative;  overflow: hidden; white-space:nowrap}
    91. 

  91. .lplist ul li .lpright p.lpjs span{display: inline-block; position: absolute;left: 0px; top: 0px;}
    92. 

  92. .lplist ul li .lpright p.lppric{ margin-top: 8px; font-size: 14px; color: #F5CF8A;}
    93. 

  93. .lplist ul li .lpright p.lppric em{font-size: 50px;font-weight: bold;}
    94. 

  94. .lplist ul li .lpright div.lpbilie{margin-top: 10px; border:1px solid #F5CF8A; width: 100%; padding: 10px 0;}
    95. 

  95. .lplist ul li .lpright div.lpbilie span{ float: left; display: inline-block; width: 33.3%; text-align: center;}
    96. 

  96. .lplist ul li .lpright div.lpbilie span em{display:block; font-weight: bold; font-size: 22px; color: #fff;}
    97. 

  97. .lplist ul li .lpright div.lpbilie span i{display:block;font-size: 16px; color: #fff; margin-top: 3px;}
    98. 

  98. 

  99. .lplist ul li .lpright div.lpstyle{margin-top: 10px; font-size: 16px; color: #fff; line-height: 28px; border-bottom:1px solid #F5CF8A; padding-bottom: 8px; }
    100. 

  100. .lplist ul li .lpright div.lpstyle i{display: block; padding-left: 20px; position: relative;}
    101. 

  101. .lplist ul li .lpright div.lpstyle i:after{content:' '; width: 4px; height: 4px; background: #F5CF8A; position: absolute; left: 3px; top: 50%; margin-top: -2px; border-radius: 100%;}
    102. 

  102. .lplist ul li .lpright div.lpbm{ margin-top: 20px;}
    103. 

  103. .lplist ul li .lpright div.lpbm a{display:block; font-size: 18px; color: #2B2B30; background: #F5CF8A; width: 130px; height: 36px; line-height: 36px; text-align: center;}
    104. 

  104. .lplist ul li .lpright div.lpbm a.yykf{float: left; margin-left: 50px;}
    105. 

  105. .lplist ul li .lpright div.lpbm a.xmxq{float: right;margin-right: 50px;}
    106. 

  106. .phmarani_x5{margin-top: 100px; background: #171719;}
    107. 

  107. .phmarani_x5 .phmarani_x3_m{top: 0px;}
    108. 

  108. 

  109. .cnxhBox{ margin-top: 80px;} 
    110. 

  110. .cnxhBox_main{ width: 1100px; margin: 0 auto;}
    111. 

  111. .cnxhBox_title{ width: 100%; border-bottom: 1px solid #f5cf8a; padding-bottom: 10px; position: relative; }
    112. 

  112. .cnxhBox_title span{ display: block;  float: left;} 
    113. 

  113. .cnxhBox_title a{ display: block; right: 0px; bottom: 12px; position: absolute; } 
    114. 

  114. .cnxhBox_list{ margin-top: 40px; position: relative;}
    115. 

  115. .cnxhBox_list_main{ width: 100%; overflow: hidden; height: 397px;}
    116. 

  116. .cnxhBox_list_main ul li{float: left; width: 353px; background: #2B2B30; margin-right: 20px;}
    117. 

  117. .cnxhBox_list_main ul li .top_img{ width: 100%; height: 215px;}
    118. 

  118. .cnxhBox_list_main ul li .top_img img{ width: 100%; height: 100%;}
    119. 

  119. 

  120. .cnxhBox_list_main ul li .top_text{ padding: 20px 18px;}
    121. 

  121. .cnxhBox_list_main ul li .top_text p.title{font-size: 22px; padding-left: 10px; color: #fff; border-left: 3px solid #F5CF8A; height: 21px; line-height: 21px;}
    122. 

  122. .cnxhBox_list_main ul li .top_text p.pric{ margin-top: 5px;}
    123. 

  123. .cnxhBox_list_main ul li .top_text p.pric span{display: inline-block; font-size: 14px; color: #F5CF8A;}
    124. 

  124. .cnxhBox_list_main ul li .top_text p.pric em{display: inline-block; font-size: 50px; font-weight: bold;  color: #F5CF8A;}
    125. 

  125. .cnxhBox_list_main ul li .top_text p.mj{ font-size: 14px; color: #fff; margin-top: 2px;}
    126. 

  126. .cnxhBox_list_main ul li .top_text .bottom_style{ margin-top: 10px;}
    127. 

  127. .cnxhBox_list_main ul li .top_text .bottom_style .left{
    128. 

  128. 	float: left;
    129. 

  129. }
    130. 

  130. .cnxhBox_list_main ul li .top_text .bottom_style .left span{
    131. 

  131. 	display: inline-block; 
    132. 

  132. 	font-size: 14px; color: #2B2B30; background: #F5CF8A; height: 21px; line-height: 21px; padding: 0 10px;
    133. 

  133. }
    134. 

  134. .cnxhBox_list_main ul li .top_text .bottom_style .left span+span{
    135. 

  135. 	margin-left: 20px;
    136. 

  136. }
    137. 

  137. .cnxhBox_list_main ul li .top_text .bottom_style .city{float: right;}
    138. 

  138. .cnxhBox_list_main ul li .top_text .bottom_style .city i{width: 11px; height: 14px; display: inline-block;}
    139. 

  139. .cnxhBox_list_main ul li .top_text .bottom_style .city i img{width: 100%; height: 100%;}
    140. 

  140. .cnxhBox_list_main ul li .top_text .bottom_style .city span{display: inline-block; font-size: 14px; color: #fff; margin-left: 5px;}
    141. 

  141. .cnxhBox_list .hd{text-align: center; width: 100%; margin-top: 30px;}
    142. 

  142. .cnxhBox_list .hd ul li{ margin: 0 10px; width: 12px; overflow: hidden; height: 12px; border-radius: 100%; background: #fff; color: #fff; display: inline-block;}
    143. 

  143. .cnxhBox_list .hd ul li.on{background: #F5CF8A; color: #F5CF8A;}
    144. 

  144. .cnxhBox_list a.prev_m{display: block; width: 34px; height: 44px; position: absolute; top: 50%; margin-top: -44px;}
    145. 

  145. .cnxhBox_list a.prev_m.prev{left: -44px; background: url('/zt/phmarani20190923/image/ico_m_34.png') #ccc no-repeat center; background-size: 20px 37px;}
    146. 

  146. .cnxhBox_list a.prev_m.next{right: -44px; background: url('/zt/phmarani20190923/image/ico_m_35.png') #ccc no-repeat center; background-size: 20px 37px;}
    147. 

  147. .cnxhBox_list a.prev_m:hover{background-color:#F5CF8A; }
    148. 

  148. 

  149. 

  150. .newsBox{background: #111117; margin-top: 30px; padding:40px 0;}
    151. 

  151. .newsBox_main{ width: 1100px; background: #2B2B30; padding: 37px 0; margin: 0 auto;}
    152. 

  152. .newsBox_main .newsBox_l{ width: 460px; float: left; margin-left: 50px;}
    153. 

  153. .newsBox_main .newsBox_l .l_title{ border-bottom: 1px solid #F5CF8A;padding-bottom: 5px;}
    154. 

  154. .newsBox_main .newsBox_l .l_title span{ display: block; float: left; font-size: 22px; color: #fff; font-weight: bold;}
    155. 

  155. .newsBox_main .newsBox_l .l_title a{display: block; float: right; font-size: 18px; color: #fff; position: relative; top: 5px;}
    156. 

  156. .newsBox_main .newsBox_l .l_title a i{display: inline-block; width: 10px; height: 18px; position: relative; top: 3px; margin-left: 8px;}
    157. 

  157. .newsBox_main .newsBox_l .l_title a i img{ width: 100%; height: 100%; }
    158. 

  158. .newsBox_main .newsBox_l .l_title a em{display: inline-block;}
    159. 

  159. .newsBox_llist{ padding-top: 10px;}
    160. 

  160. .newsBox_llist ul li{margin-top: 15px;}
    161. 

  161. .newsBox_llist ul li a{display: inline-block; font-size:18px; color: #fff;text-overflow: ellipsis;width:460px;
    162. 

  162.     white-space: nowrap;
    163. 

  163.     overflow: hidden;
    164. 

  164. line-height: 25px;}
    165. 

  165. .newsBox_llist ul li a em{color: #F5CF8A;}
    166. 

  166. .newsBox_main .newsBox_r{float: right; margin-right: 50px; margin-left: 0px;}
    167. 

  167. 

  168. .foot_xg{ width: 100%; height: 149px; position:  fixed; left: 0; bottom: 0; z-index: 5;}
    169. 

  169. .foot_xg_main{width: 100%; height: 100%; position: relative;}
    170. 

  170. .foot_xg_main .foot_xg_main_bg {width: 100%; height: 100%}
    171. 

  171. .foot_xg_main .foot_xg_main_bg img{width: 100%; height: 100%}
    172. 

  172. .foot_xg_main .foot_xg_form{ position: absolute; right:30%; margin-right: -200px; top: 50%; margin-top: -23px;}
    173. 

  173. .foot_xg_main .foot_xg_form p.icM{ margin-right:20px;  width: 288px; height: 46px; background: #fff; float:left;}
    174. 

  174. .foot_xg_main .foot_xg_form p.icM i{display: inline-block; width: 15px; height: 17px; margin-left: 10px;}
    175. 

  175. .foot_xg_main .foot_xg_form p.icM i img{width: 100%; height: 100%;}
    176. 

  176. .foot_xg_main .foot_xg_form p.icM input{display: inline-block; font-size: 18px; color: #666; margin-left: 10px; width: 220px;background: #fff; border:none; height: 46px;}
    177. 

  177. .foot_xg_main .foot_xg_form p.icM_m i{width: 10px;}
    178. 

  178. .foot_xg_main .foot_xg_form a.indec{display: block; float: left; width: 108px; height: 46px;}
    179. 

  179. .foot_xg_main .foot_xg_form a.indec img{width: 100%; height: 100%;}
    180. 

  180. 

  181. 

  182. .bmBox{ display: none; position: fixed; left: 50%; top: 50%; width: 396px; height: 399px; margin-left: -198px; margin-top: -199.5px; z-index: 6;}
    183. 

  183. .bmBox_main{position: relative; width: 100%; height: 100%;}
    184. 

  184. .bmBoxbg{ display: none; width: 100%; height: 100%; position: fixed; z-index: 5; left: 0px; top: 0px; background: rgba(0,0,0,0.5);}
    185. 

  185. .bmBox_main .bmBox_gb{position: absolute; width:23px; height: 23px; left: 50%; margin-left: -11.5px; bottom: -43px;}
    186. 

  186. .bmBox_form{ position: absolute; left: 50%; width: 311px; margin-left: -151.5px; bottom: 18px;}
    187. 

  187. 

  188. .bmBox_form p.icM{ margin-bottom:10px;  width: 100%; height: 39px; background: #fff;}
    189. 

  189. .bmBox_form p.icM i{display: inline-block; width: 12px; height: 14px; margin-left: 10px;}
    190. 

  190. .bmBox_form p.icM i img{width: 100%; height: 100%;}
    191. 

  191. .bmBox_form p.icM input{display: inline-block; font-size: 16px; color: #666; margin-left: 10px; width: 220px;background: #fff; border:none; height: 39px;}
    192. 

  192. .bmBox_form p.icM.icM_m i{width: 8px; height: 15px;}
    193. 

  193. .bmBox_form a.indec{display: block;width: 100%; height: 39px;}
    194. 

  194. .bmBox_form a.indec img{width: 100%; height: 100%;}
    195. 

  195. 

  196. 

  197. 

  198.