public.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
  1. @charset "utf-8";
  2. /* CSS Document */
  3. * {margin:0; padding:0;font-family:"Microsoft Yahei";border: 0 none;
  4. /* prevent the popup menu on any links*/
  5. /*-webkit-box-sizing:border-box;
  6. -moz-box-sizing:border-box;
  7. box-sizing:border-box;*/}
  8. body {font-family:Arial, Helvetica, sans-serif; font-family:Tahoma,"Microsoft Yahei", Arial, Helvetica, sans-serif;color:#666;font-size:12px; margin:0; padding:0;-webkit-text-size-adjust:none; height: 100%;
  9. overflow-x:hidden;
  10. color:#000;}
  11. *html{background-image:url(about:blank);background-attachment:fixed;}
  12. a {font-family:"Microsoft Yahei"; text-decoration:none;}
  13. a:hover {color:#006bc4;}
  14. .fl {float:left;}
  15. .fr {float:right;}
  16. .clear {clear:both;}
  17. img {border:none;}
  18. ul {list-style:none;}
  19. .w100 {width:100%;}
  20. .w70 {width:70%;}
  21. .w65 {width:65%;}
  22. .mt10 {margin-top:10px;}
  23. .mt15 {margin-top:15px;}
  24. .mt20 {margin-top:20px;}
  25. .pd15 {padding:15px;}
  26. .pdb30 {padding-bottom:30px;}
  27. .pdt10 {padding-top:10px;}
  28. .pdt15 {padding-top:15px;}
  29. .pdlr15 {padding:0px 15px;}
  30. .auto ,.autoImg img {margin:0 auto;}
  31. .autoImg img {display:block;}
  32. .pd5 {padding:5px;}
  33. .pd18 {padding:18px;}
  34. .mt25 {margin-top:25px;}
  35. .none {display:none;}
  36. .relative {position:relative;}
  37. .minle11 {margin-left:11px;}
  38. .w85 { width: 85%;}
  39. .p15 { padding:15px;}
  40. .main {}
  41. .z9 {z-index: 9;}
  42. .z8 {z-index: 8;}
  43. .z7 {z-index: 7;}
  44. .z6 {z-index: 6;}
  45. .z5 {z-index: 5;}
  46. .testooo {
  47. border-top-left-radius:5px;border-top-right-radius:5px;
  48. -ms-border-top-left-radius:5px;-ms-border-top-right-radius:5px;
  49. -moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px;
  50. -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;
  51. -o-border-top-left-radius:5px;-o-border-top-right-radius:5px;
  52. background-image: -webkit-gradient(linear,left top,left bottom,from(#494d53),to(#1e2124));background-image: -webkit-linear-gradient(#494d53,#1e2124);background-image: -moz-linear-gradient(#494d53,#1e2124);background-image: -ms-linear-gradient(#494d53,#1e2124);background-image: -o-linear-gradient(#494d53,#1e2124);background-image: linear-gradient(#494d53,#1e2124);
  53. box-shadow:0px 1px 5px #000;
  54. -ms-box-shadow:0px 1px 5px #000;
  55. -moz-box-shadow:0px 1px 5px #000;
  56. -webkit-box-shadow:0px 1px 5px #000;
  57. -o-box-shadow:0px 1px 5px #000;
  58. box-shadow:0px 1px 2px #e5e5e5 inset;
  59. border-radius:5px;
  60. -ms-border-radius:5px;
  61. -moz-border-radius:5px;
  62. -webkit-border-radius:5px;
  63. -o-border-radius:5px;
  64. text-shadow: 0 -1px 0px rgba(7, 0, 2, 0.2);
  65. }
  66. .iconbox {width:18px; height:18px; position:absolute; background-color:rgba(0, 0, 0, 0.4);
  67. }
  68. .Ptop {height:50px; border-top:1px solid #73bffa;
  69. background-image: -webkit-gradient(linear,left top,left bottom,from(#4ea7eb),to(#4fa9ee));
  70. background-image: -webkit-linear-gradient(#4ea7eb,#4fa9ee);
  71. background-image: -moz-linear-gradient(#4ea7eb,#4fa9ee);
  72. background-image: -ms-linear-gradient(#4ea7eb,#4fa9ee);
  73. background-image: -o-linear-gradient(#4ea7eb,#4fa9ee);
  74. background-image: linear-gradient(#4ea7eb,#4fa9ee);
  75. }
  76. .TopCity ,.TopBtn {display:inline-block;position:absolute;color:#fff;font-size:16px; font-weight:bold;}
  77. .TopCity {height:32px; line-height:32px; left:80px; top:8px;
  78. text-shadow: 0 -1px 0px rgba(7, 0, 2, 0.2);}
  79. .TopCity:hover ,.TopCity:active {background:#0e87e3; color:#fff;}
  80. .TopCity span {display:block; height:32px; line-height:32px; float:left;}
  81. .TopCity_word {padding:0px 10px;}
  82. .TopCity_img {width:10px; padding-right:10px;}
  83. .TopCity_img img {width: 10px; height: 15px; margin-top: 8px;}
  84. .Toplogo {display:block; position:absolute; left:10px; top:4px;}
  85. .Toplogo ,.Toplogo img {width:59px; height:41px;}
  86. .TopBtn {font-size:15px; font-weight:bold; color:#fff;padding:0px 10px;border:1px solid #3584c0; display:inline-block; height:32px; line-height:32px; position:absolute; right:10px; top:7px;
  87. border-radius:5px;
  88. -ms-border-radius:5px;
  89. -moz-border-radius:5px;
  90. -webkit-border-radius:5px;
  91. -o-border-radius:5px;
  92. background-image: -webkit-gradient(linear,left top,left bottom,from(#57b6fe),to(#4ba1e4));
  93. background-image: -webkit-linear-gradient(#57b6fe,#4ba1e4);
  94. background-image: -moz-linear-gradient(#57b6fe,#4ba1e4);
  95. background-image: -ms-linear-gradient(#57b6fe,#4ba1e4);
  96. background-image: -o-linear-gradient(#57b6fe,#4ba1e4);
  97. background-image: linear-gradient(#57b6fe,#4ba1e4);
  98. box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  99. -ms-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  100. -moz-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  101. -webkit-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  102. -o-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  103. text-shadow: 0 -1px 0px rgba(7, 0, 2, 0.2);}
  104. .TopBtn:hover ,.TopBtn:active {background:#4ba1e4; color:#f6f6f6; text-decoration:none;}
  105. .CityChange {position:absolute; top:50px; left:0px; width:100%;background:#fff; z-index:9999; border:1px solid #ddd; display:none;
  106. box-shadow:0px 0px 5px #bbb;
  107. -ms-box-shadow:0px 0px 5px #bbb;
  108. -moz-box-shadow:0px 0px 5px #bbb;
  109. -webkit-box-shadow:0px 0px 5px #bbb;
  110. -o-box-shadow:0px 0px 5px #bbb;}
  111. .CityChange table td {height:35px; line-height:35px; text-align:center; font-size:12px; color:#333; border-bottom:1px solid #ccc; background:#f6f6f6; border-left:1px solid #ddd;}
  112. .CityChange table td.SCityTab {background:#fff; border-bottom:1px solid #fff; border-left:1px solid #ccc; color:#0098f1;}
  113. .Ipt_tit01 span {height:42px; line-height:42px; text-align:center; font-size:14px; color:#333;}
  114. .CityChangeTC {padding-bottom:8px;}
  115. .CityChangeTC li {float:left; margin:3px 0px; width:25%;}
  116. .CityChangeTC li ,.CityChangeTC li a {height:3em; line-height:3em; text-align:center; display:block; overflow:hidden;}
  117. .CityChangeTC li a {color:#666; width:100%;}
  118. .CityChangeTC li:hover ,.CityChangeTC li:active {background:#ccecff;}
  119. .CityChangeTC_con {display:none;}
  120. .SearchBtn {display:block; width:80px; border:1px solid #008dbf; background:#4fa9ee;}
  121. /************************20140120************************/
  122. .head_left ,.head_right ,a.noiconbtn ,a.shouy {position: absolute; top: 8px;z-index:100;}
  123. a.noiconbtn ,a.shouy ,.TopRiBtn {display:block; font-size:14px; color:#fff; border:1px solid #3382be;
  124. box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  125. -ms-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  126. -moz-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  127. -webkit-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  128. -o-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);}
  129. a.noiconbtn ,a.shouy ,a.noiconbtn span ,a.shouy span {
  130. border-radius:5px;
  131. -ms-border-radius:5px;
  132. -moz-border-radius:5px;
  133. -webkit-border-radius:5px;
  134. -o-border-radius:5px;}
  135. a.noiconbtn span ,a.shouy span {padding:0 10px;height:32px; line-height:32px;display:block;
  136. box-shadow:0px 1px 2px rgba(255, 255, 255, 0.3) inset;
  137. -ms-box-shadow:0px 1px 2px rgba(255, 255, 255, 0.3) inset;
  138. -moz-box-shadow:0px 1px 2px rgba(255, 255, 255, 0.3) inset;
  139. -webkit-box-shadow:0px 1px 2px rgba(255, 255, 255, 0.3) inset;
  140. -o-box-shadow:0px 1px 2px rgba(255, 255, 255, 0.3) inset;}
  141. a.noiconbtn:active ,a.shouy:active {background: #007ad7;}
  142. .TopRiBtn {right:10px;}
  143. .BorRadius3 {
  144. border-radius:3px;
  145. -ms-border-radius:3px;
  146. -moz-border-radius:3px;
  147. -webkit-border-radius:3px;
  148. -o-border-radius:3px;}
  149. /***************************page**********************************/
  150. .mat_top { width:100%; background:url(bgtop.jpg) repeat-x; height:50px;}
  151. .header { z-index:100;}
  152. .head_left ,.head_right ,a.noiconbtn ,a.shouy {position: absolute; top: 8px;}
  153. .head_left {left:10px;}
  154. .head_left a:active {}
  155. .fanhui { background-image:url(ansfh.jpg); width:58px; height:37px; float:left; color:#fff; font-size:14px; text-align:center; line-height:37px;}
  156. .backbtn {width: 57px; height: 34px; line-height: 32px; text-indent: 16px; color: #fff;font-size:14px; background: url(backbtn.png);}
  157. .backbtn:active {width: 54px; height: 34px; line-height: 32px; text-indent: 16px; color: #fff;font-size:14px; background: url(backbtn.png) 0px -34px no-repeat;}
  158. .head_right {right:10px;}
  159. .head_right a:active {}
  160. .head_cen { width:100%; position:absolute; z-index:0;}
  161. .cen_mat { padding:0 80px 0 80px;}
  162. .cen_mat .tit { height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; display:block;
  163. text-shadow: 0 -1px 0px rgba(7, 0, 2, 0.2);}
  164. /***btn***/
  165. a.noiconbtn ,a.shouy {display:block; font-size:14px; color:#fff; border:1px solid #3382be;
  166. box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  167. -ms-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  168. -moz-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  169. -webkit-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
  170. -o-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);}
  171. a.noiconbtn ,a.shouy ,a.noiconbtn span ,a.shouy span {
  172. border-radius:5px;
  173. -ms-border-radius:5px;
  174. -moz-border-radius:5px;
  175. -webkit-border-radius:5px;
  176. -o-border-radius:5px;}
  177. a.noiconbtn span ,a.shouy span {padding:0 10px;height:32px; line-height:32px;display:block;
  178. box-shadow:0px 1px 2px rgba(255, 255, 255, 0.3) inset;
  179. -ms-box-shadow:0px 1px 2px rgba(255, 255, 255, 0.3) inset;
  180. -moz-box-shadow:0px 1px 2px rgba(255, 255, 255, 0.3) inset;
  181. -webkit-box-shadow:0px 1px 2px rgba(255, 255, 255, 0.3) inset;
  182. -o-box-shadow:0px 1px 2px rgba(255, 255, 255, 0.3) inset;}
  183. a.noiconbtn:active ,a.shouy:active {background: #007ad7;}
  184. .bottom { padding-top:15px;}
  185. .about { text-align:center; font-size:14px; line-height:30px; color: #666;}
  186. .about a { color:#4fa9ee; text-decoration:underline;}
  187. .copy { text-align:center;line-height:30px; color:#999;}
  188. /************************20140120************************/
  189. .head_left ,.head_right ,a.noiconbtn ,a.shouy {position: absolute; top: 8px;z-index:100;}
  190. .TopRiBtn {right:10px;}
  191. .BorRadius3 {
  192. border-radius:3px;
  193. -ms-border-radius:3px;
  194. -moz-border-radius:3px;
  195. -webkit-border-radius:3px;
  196. -o-border-radius:3px;}
  197. .moreSearchTC {position:fixed; top:0px; width:100%; right:0px; z-index:9999; background:#f8f8f8; display:none;}
  198. .moreSearchTC_Nav {width:105px; position:absolute; top:0px; left:0px;}
  199. .moreSearchTC_Nav li {height:50px; line-height:50px; border-bottom:1px solid #e9e9e9; border-left:4px solid #f8f8f8; width:101px; text-align:center; font-size:16px; color:#333;}
  200. .moreSearchTC_Nav li.show {border-left:4px solid #4aa0e2; background:#efefef; color:#3296e3;}
  201. .moreSearchTC_pdlNav {padding-left:105px;}
  202. .moreSearchTC_ConPD {padding:15px;background:#efefef;}
  203. .moreSearchTC_Con {display:none;}
  204. .moreSearchTC_Con_li ,.moreSearchTC_Con_ipt {height:40px; line-height:40px; border:1px solid #c6c6c6;background:#fff;
  205. border-radius:3px;
  206. -ms-border-radius:3px;
  207. -moz-border-radius:3px;
  208. -webkit-border-radius:3px;
  209. -o-border-radius:3px;
  210. box-shadow:0px 1px 2px rgba(0, 0, 0, 0.05) inset;
  211. -ms-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.05) inset;
  212. -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.05) inset;
  213. -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.05) inset;
  214. -o-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.05) inset;}
  215. .moreSearchTC_Con_li {margin-bottom:15px;}
  216. .HomeSelect_span ,.mHSearch_select_show {height:40px; line-height:41px;}
  217. .HomeSelect_span {text-indent:10px;color: #999;display: block;font-size: 14px; width: 80%; overflow: hidden;}
  218. .mHSearch_select_show {width:100%; opacity: 0; position:absolute; top:0px; left:0px; display:block; font-size: 14px;}
  219. .xl3icon180 {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate
  220. (180deg); transform: rotate(180deg);}
  221. .xl3icon {position:absolute; right:12px; top:15px; width:0px; height:0px; z-index: 9900;
  222. -ms-background-size:18px 21px;
  223. -moz-background-size:18px 21px;
  224. -webkit-background-size:18px 21px;
  225. -o-background-size:18px 21px;
  226. -webkit-transition: all .25s ease 0s;
  227. -moz-transition: all .25s ease 0s;
  228. -o-transition: all .25s ease 0s;
  229. transition: all .25s ease 0s;
  230. border-color:#888 transparent transparent;
  231. border-style:solid dashed dashed;
  232. border-width:8px 8px 0;}
  233. .mHSearch_select_show {color: #999;display: block;text-indent: 10px; width: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 9990;}
  234. .mHSearch_select_ul {border: 1px solid #c6c6c6; display: none; border-bottom: none; width: 100%; position: absolute; top: 39px; left: -1px; z-index: 9990;}
  235. .mHSearch_select_ul li {height: 40px; line-height: 40px; text-indent: 10px; overflow:hidden; background: #fff; color: #333; border-bottom: 1px solid #e5e5e5;}
  236. .mHSearch_select_ul li:last-child {border-bottom: none;}
  237. .mHSearch_select_ul li:active {background: #f2f2f2;}
  238. .mHSearch_select_ul li.mo {background: #f4f4f4;}
  239. .HSearch_Select {width:100%;opacity:0; position:absolute; top:0px; left:0px; height:40px; line-height:31px; display:block;}
  240. .iptCLA {height:40px; line-height:33px; background:none; text-align:left; color:#999;}
  241. .moreSearchTC_Con_xl {width:16px; height:17px;background:url(xl.png) no-repeat; position:absolute; top:18px; right:10px;
  242. -moz-background-size:16px 8px; /* Firefox */
  243. background-size:16px 8px;
  244. background-repeat:no-repeat;
  245. }
  246. .moreSearchTC_Con_li2 {height:42px; line-height:42px; margin-bottom:15px;}
  247. .moreSearchTC_Con_ipt {width:46%; height:40px; line-height:40px;}
  248. .moreSearchTC_Con_ipt input ,.moreSearchTC_Con_ipt span ,.moreSearchTC_Con_Btn {height:40px; line-height:40px;}
  249. .moreSearchTC_Con_ipt input {width:100%; text-indent:10px; color:#666; font-size:14px;}
  250. .moreSearchTC_Con_ipt span {position:absolute; top:1px; right:10px; font-size:14px; color:#999;}
  251. .moreSearchTC_Con_BtnCon {}
  252. .moreSearchTC_Con_Btn {width:100%;border:1px solid #008dbf; text-align:center;font-size:16px; color:#fff; cursor:pointer; display:block; background:#4fa9ee; font-weight:bold; margin-bottom:30px;
  253. border-radius:3px;
  254. -ms-border-radius:3px;
  255. -moz-border-radius:3px;
  256. -webkit-border-radius:3px;
  257. -o-border-radius:3px;
  258. box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3) inset;
  259. -ms-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3) inset;
  260. -moz-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3) inset;
  261. -webkit-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3) inset;
  262. -o-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3) inset;
  263. text-shadow:0px -1px 0px #0092c6;}
  264. .moreSearchTC_Con_Btn:hover {color:#fff;}
  265. .moreSearchTC_Con_Btn:active {background:#007bd9;}
  266. .SearchTCZZC {display:none; width:100%; height:700px; background:#000;opacity: 0.5; z-index:9900;position: fixed; left:0; top:0;}
  267. .Search_Money_ul {display:block; position:absolute; top:38px; right:-1px; z-index:9000; border:1px solid #d5d5d5; border-bottom:none; width:100%; background:#fff;}
  268. .Search_Money_ul li {width:100%; border-bottom:1px solid #d5d5d5; height:35px; line-height:35px; text-indent:10px; font-size:14px;}
  269. .Search_Money_ul li.mo {background:#e5e5e5;}
  270. .Search_Money_ul li:active {background:#e3e3e3;}
  271. .HomeSelect_show ,.HomeSelect {height:40px; line-height:41px;}
  272. .HomeSelect_show {text-indent:10px;color: #999;display: block;font-size: 14px;}
  273. .HomeSelect {width:100%;opacity:0; position:absolute; top:0px; left:0px; display:block; font-size: 14px;}
  274. .Search_type_xl {width:10px; height:5px;background:url(xl.png) no-repeat; position:absolute; top:18px; right:10px;
  275. -moz-background-size:10px 5px; /* Firefox */
  276. background-size:10px 5px;
  277. background-repeat:no-repeat;
  278. }
  279. .head_left1{ position: absolute;top: 8px;left: 10px;z-index: 100;}
  280. .header1{ }
  281. .nianl{overflow:774px}