base.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. @charset "utf-8";
  2. /* CSS Document */
  3. html, body, div, span, applet, object, iframe,
  4. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  5. a, abbr, acronym, address, big, cite, code,
  6. del, dfn, em, img, ins, kbd, q, s, samp,
  7. small, strike, strong, sub, sup, tt, var,
  8. b, u, i, center,
  9. dl, dt, dd, ol, ul, li,
  10. fieldset, form, label, legend, input,
  11. table, caption, tbody, tfoot, thead, tr, th, td,
  12. article, aside, canvas, details, embed,
  13. figure, figcaption, footer, header, hgroup,
  14. menu, nav, output, ruby, section, summary,
  15. time, mark, audio, video{
  16. margin: 0;
  17. padding: 0;
  18. border: 0;
  19. font-size: 100%;
  20. font: inherit;
  21. font-weight:normal;
  22. }
  23. em,s,i{font:normal;}
  24. body{font:14px "微软雅黑", Helvetica, Arial, sans-serif;color:#333;}
  25. ol,ul,dl,dt,dd{list-style:none;}
  26. table{border-collapse:collapse;border-spacing:0;}
  27. a{color:#333;text-decoration:none;}
  28. a:hover{color:#1b578a;text-decoration:underline;}
  29. .red{color:#cb3a34;}
  30. .bold{font-weight:bold;}
  31. .wrap{width:1200px;margin:0 auto;clear:both;overflow :hidden}
  32. .wbox{width:100%;margin:0 auto;clear:both;}
  33. .scrollBanner{width:100%;clear:both;top:0;left:0;z-index:300;}
  34. .scrollTrend{width:1200px;margin:0 auto;clear:both;}
  35. .trend{float:left;width:1200px;}
  36. .container{float:left;width:1200px;position:relative;}
  37. .container h1{line-height:45px;font-size:22px;}
  38. .container .title{height:45px;border-color:#cde0ff #cde0ff #196ea7 #cde0ff;border-width:1px 1px 2px 1px;border-style:solid;}
  39. .container .title h1{background:url(../images/icon.png) no-repeat 10px -30px; padding:0 35px;}
  40. .showAll,.showPart{display:inline;margin-left:25px;color:#c00;cursor:pointer;white-space:nowrap;text-decoration:underline;}
  41. .showAll i,.showPart i{display:inline-block;width:0px;height:0px;line-height:0;font-size:0;overflow:hidden;border-width:0px 6px 6px;border-color:transparent transparent #BA2636;border-style:solid;margin-left:4px;zoom:1;_border-style:solid dotted;}
  42. .showAll i{border-top-color:#BA2636;border-width:6px 6px 0px;}
  43. .showPart{display:none;}
  44. /*==============顶部横栏 begin==================*/
  45. #top-bar{width:100%;height:30px;border-bottom:1px solid #D9D9D9;background:#F3F3F3;line-height:30px;color:#666;}
  46. .top-nav{width:1200px;margin:0px auto;}
  47. .top-nav .person{float:left;}
  48. .top-nav .site-link{float:right;}
  49. .top-nav li{float:left;position:relative;padding:0 10px;}
  50. .top-nav a,.top-nav span{color:#666;}
  51. .top-nav a:hover{color:#f00;}
  52. .top-nav .split-line{display:block;width:1px;height:12px;background:#ccc;position:absolute;top:10px;right:0;font-size:12px; font-family:"宋体";}
  53. .top-nav .person a{color:#16619f;}
  54. .top-nav .person b{color:#ff3300;font-weight:bold;}
  55. /*==============顶部横栏 end==================*/
  56. /*==============通用头部及导航 begin==================*/
  57. #header{width:1200px;margin:5px auto 0;position:relative;}
  58. #header .logo,#header .kjhbox,#header .other{float:left;}
  59. #header .logo{margin-top:10px;width:180px;z-index:1;}
  60. #header .other{width:180px;overflow:hidden;}
  61. #header .other img{float:left;}
  62. #header .other p{float:left;font-size:12px;line-height:18px;margin-left:5px;padding-top:40x;}
  63. #header .kjhbox{width:800px;padding:0 20px;margin-top:6px;}
  64. #header .kjhbox li{float:left;width:390px;height:20px;line-height:20px;padding:4px 0 4px 5px;border-bottom:1px solid #ddd;}
  65. #header .kjhbox a,#header .kjhbox em{float:left;}
  66. #header .kjhbox a.more{float:right;color:#999;margin-right:15px;}
  67. #header .kjhbox span{float:left;margin-right:8px;}
  68. #header .kjhbox .hcircle{width:20px;height:20px;display:inline-block;text-align:center;line-height:20px;border:none;}
  69. /*background:url(../images/ball-frame.gif) no-repeat top left;*/
  70. #header .kjhbox .hcircle-red{background-position:0 0;margin-right:4px;background-position:center -140px;color:#c84c59;}
  71. #header .kjhbox .hcircle-blue{background-position:-20px 0;margin-right:4px;background-position:center -168px;color:#437ec0;}/*color:#186ea7;*/
  72. #nav{width:100%;background:#186ea7;margin:0 auto;clear:both;}
  73. #nav .nav-all{width:1200px;margin:0 auto;height:48px;}
  74. #nav li{float:left;line-height:48px;font-size:20px;}
  75. #nav li a{color:#fafafa;padding:0 30px;}
  76. #nav .nav-all .chooser{color:#fafafa;text-align:center;width:200px;background-color:#ff860d;cursor:pointer;position:relative;z-index:400;}
  77. #nav .nav-all .chooser .select{color:#fafafa;font-size:20px;text-align:left;text-indent:45px;line-height:48px;background:url(../images/more.gif) no-repeat 135px center;}
  78. #nav .nav-all .chooser dl{position:absolute;top:48px;left:0;width:176px;padding:0 10px 10px;background:#fffaf5;border:2px #ff860d solid;border-top:none;z-index:400;}
  79. #nav .nav-all .chooser dt{float:left;width:176px;margin-top:10px;line-height:30px;background:url(../images/cplogo_30.gif) no-repeat left center;}
  80. #nav .nav-all .chooser .clot{float:left;width:136px;height:30px;font-size:18px;text-align:left;padding-left:38px;}
  81. #nav .nav-all .chooser .fc3d{background-position:0 0;}
  82. #nav .nav-all .chooser .ssq{background-position:0 -30px;}
  83. #nav .nav-all .chooser .dlt{background-position:0 -90px;}
  84. #nav .nav-all .chooser .p3{background-position:0 -60px;}
  85. #nav .nav-all .chooser .p5{background-position:0 -150px;}
  86. #nav .nav-all .chooser a{font-size:18px;color:#333;line-height:32px;padding:0;}
  87. #nav .nav-all .chooser span{font-size:12px;color:#999;}
  88. #nav .nav-all .chooser dt.other{background-image:none;}
  89. #nav .nav-all .chooser strong{font-size:16px;color:#333;line-height:32px;display:block;height:32px;text-align:left;border-bottom:1px #ffd9b2 solid;}
  90. #nav .nav-all .chooser .other a{font-size:14px;color:#333;text-align:left;display:block;float:left;line-height:32px;width:88px;}
  91. /*==============通用头部及导航 end==================*/
  92. /*==============通用底部 begin==================*/
  93. #footer{width:100%;background:#f0f0f0;border-top:1px #ccc solid;clear:both;margin-top:10px;}
  94. #footer .copyright{width:1200px;margin:0 auto;padding:20px 0;text-align:center;}
  95. #footer .copyright a{font-size:14px;padding:0 20px;line-height:40px;height:40px;}
  96. #footer .copyright p{text-align:center;border-top:1px #ddd solid;height:40px;line-height:40px;width:50%;margin:0 auto;}
  97. /*==============通用底部 end==================*/
  98. /*==============菜单导航 begin==================*/
  99. .subnav{float:left;width:1198px;margin-top:8px;border:1px solid #DDD;background-color:#FFFDFA;}
  100. .subnav .lottery{float:left;width:72px;padding:25px 20px 10px;}
  101. .subnav .lottery .lot-icon{float:left;width:72px;height:72px;background:url(../images/lottery-logo.png) no-repeat top left;}
  102. .subnav .lottery .fc3d{background-position:-89px -1px;}
  103. .subnav .lottery .ssq{background-position:-89px -74px;}
  104. .subnav .lottery .p3{background-position:-89px -145px;}
  105. .subnav .lottery .dlt{background-position:-89px -218px;}
  106. .subnav .lottery .qxc{background-position:-174px -144px;}
  107. .subnav .lottery .qlc{background-position:-174px -1px;}
  108. .subnav .lottery .p5{background-position:-174px -73px;}
  109. .subnav .lottery strong{float:left;width:72px;font-size:18px;font-weight:normal;text-align:center;color:#333;background:#fffdfa;line-height:40px;}
  110. .subnav .subnav-right{float:left;width:1085px;border-left:1px #ddd solid;}
  111. .subnav .navtab{float:left;width:1085px;height:50px;border-bottom:1px solid #DDD;}
  112. .subnav .menu{float:left;}
  113. .subnav .menu a{float:left;font-size:20px;line-height:48px;border-bottom:2px solid #FFFDFA;padding:0 40px;display:inline-block;text-decoration:none;margin-right:5px;}
  114. .subnav .menu a:hover{color:#186EA7;border-bottom:2px solid #186EA7;}
  115. .subnav .menu a.select{color:#186EA7;border-bottom:2px solid #186EA7;}
  116. .subnav .menuother{float:right;text-align:left;font-size:16px;padding-right:40px;}
  117. .subnav .menuother strong{float:left;color:#4d4d4d;padding-top:20px; font-weight:bold;}
  118. .subnav .menuother a{font-size:16px;padding:20px 10px 0;float:left; color:#186EA7;}
  119. .subnav .submenu{float:left;width:1045px;padding:10px 10px 10px 30px;}
  120. .subnav .submenu li{float:left;width:190px;background:url(../images/icon.png) no-repeat 0 -110px;height:34px;line-height:34px;padding-left:15px;overflow:visible;}
  121. .subnav .submenu li a{font-size:16px;}
  122. .subnav .submenu .select{background-position:0 -140px;}
  123. .subnav .submenu .select a{color:#cb3a34;}
  124. /*==============菜单导航 end==================*/
  125. /*==============面包屑导航 begin==================*/
  126. .navbar{float:left;width:1192px;height:40px;line-height:40px;font-size:16px;padding-left:8px;}
  127. .navbar a{padding:0 4px 0 2px;color:#005AA0;}
  128. /*==============面包屑导航 end==================*/
  129. /*==============友情链接 begin==================*/
  130. .flinks{float:left;width:1198px;border:1px #cce0ff solid;margin-top:10px;}
  131. .flinks .links{padding:10px 15px;}
  132. .flinks .links a{font-size:14px;padding:0 5px;line-height:24px;display:inline-block;}
  133. .flinks .links strong{font-size:16px;font-weight:bold;}
  134. /*==============友情链接 end==================*/
  135. /*==============帮助文章 热门推荐 begin==================*/
  136. .rem-other,.rem-help,.recommend{float:left;margin-top:10px;}
  137. .rem-help{border:1px solid #DDD;width:1178px;padding:10px;}
  138. .rem-help h3{font-size:18px;font-weight:bold;background:#F2F7FA url(../images/icon.png) no-repeat 20px -75px;height:36px;line-height:36px;padding-left:52px;}
  139. .rem-help ul{padding-left:10px;height:120px;overflow:hidden;}
  140. .rem-help li{height:30px;line-height:30px;font-size:14px;padding-left:10px;}
  141. .rem-help .i{font-size:12px;padding-right:5px;}
  142. .recommend{width:1178px;border:1px solid #CCE0FF;background:#f5f9ff;padding:10px 0 10px 20px;}
  143. .recommend .title{font-size:16px;font-weight:bold;background:#ddd none;padding-left:20px;width:165px;}
  144. .recommend li{float:left;width:170px;background:url(../images/icon.png) no-repeat 0 -113px;padding-left:15px;height:30px;line-height:30px;margin-left:6px;_margin-left:3px;}
  145. .rem-other{width:1198px;border:1px solid #DDD;}
  146. .rem-other a,.rem-other span,.rem-other strong{height:40px;line-height:40px;font-size:16px;}
  147. .rem-other .rem-search,.rem-other .rem-notice{padding:0 20px;}
  148. .rem-other .rem-notice a,.rem-other .rem-notice span{float:left;width:50%;border-bottom:#ddd 1px solid;}
  149. .rem-other .rem-notice strong{font-weight:bold;}
  150. .rem-other .rem-search a{padding:0 2px;}
  151. .rem-other .rem-search strong{color:#c73737;font-weight:normal;}
  152. /*==============帮助文章 热门推荐 end==================*/
  153. /*==============广告 begin==================*/
  154. .banner_ad{float:left;width:1200px;}
  155. .banner_ad ul{float:left;width:1192px;margin-top:8px;border-top:1px solid #ddd;border-left:1px solid #ddd;background:#f5f5f5;}
  156. .banner_ad li{float:left;width:148px;height:26px;line-height:26px;font-size:12px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-indent:6px;}
  157. .banner_ad li a{display:block;}
  158. /*==============广告 end==================*/