default_blue.css 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396
  1. body{color:#444;background: #eee url(../images/v9/body-bg.png) repeat-y center}
  2. a{text-decoration:none; color:#444}
  3. a:hover{text-decoration:underline; color:#1E50A2}
  4. .blue,blue a,.box h5 a,.box h6 a,.box a.more,.crumbs a{ color:#004499}
  5. .keylink,.keylink:link,.keylink:hover,.keylink:active {text-decoration:underline;width:26px; height:22px; line-height:22px; background:#fff; border:1px dotted #aaa; text-align:center}
  6. textarea{border:1px solid #DCDDDD; background:#fff;clear:both;color:#555;font-size:14px;height:130px;padding:5px 0 0 5px;text-align:left;width:99%; margin-bottom:8px}
  7. .input-text,input.date,input.endDate,.input-focus{border:1px solid #DCDDDD; height:22px; padding:0 0 0 3px}
  8. input.date,input.endDate{background: #fff url(../images/admin_img/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
  9. .pad-6{padding:6px; overflow:hidden}.pad-10{padding:10px; overflow:hidden}.pad_10,.pad-lr-10{padding:0 10px}.pad-lr-6{padding:0 6px}
  10. .hr{background: url(../images/uline.gif) repeat-x center center;}
  11. .hr hr{display:none}
  12. .ib, .ib-li li, .ib-a a, .ib-span span,.btn,.btn input,.photo-hot li,.Article-Tool a ,.photo-list li,.photo-channel .photo-slide .change i,.photo-channel .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next,.photo-cat .content h5 span.blue a,.submit{display:inline-block;zoom:1;*display:inline;}
  13. .body-top,.header,.header .logo{background: url(../images/v9/body-top.png) repeat-x left -115px;}
  14. .body-top{height:26px; background-color:#eee; vertical-align:middle}
  15. .body-top .login{ float:right}
  16. .body-top .login span{ color:#CCC}
  17. .body-top .login a.rss{width:32px; float:right;overflow:hidden; text-indent:-222px;background: url(../images/icon/rsso.gif) no-repeat left center; margin-left:8px}
  18. .body-top .content{ margin:auto; width:960px;}
  19. .special-body-top{height:38px;background-position: left -104px; background-color:#fff}
  20. .special-body-top a.logo{background: url(../images/v9/special-show.png) no-repeat right center; padding-right:58px; float:left; display:block}
  21. .special-body-top .content{ padding:2px 0}
  22. .special-body-top .nav{ float:left; padding:10px 0 0 12px}
  23. .special-body-top .nav span{ padding:0 8px; color:#CCC}
  24. body fieldset{border:1px solid #D8D8D8; padding:0 10px 10px;*padding:10px;}
  25. body fieldset legend{padding:3px 8px;font-weight:700;}
  26. body fieldset.blue{border:1px solid #dce3ed}
  27. body fieldset.blue legend{padding:3px 8px;font-weight:700;color:#347add; background:none; border:none}
  28. /* 通用按钮 */
  29. .btn{ padding-left:6px}
  30. .btn,.btn input{background: url(../images/v9/button.png) no-repeat; height:24px; line-height:24px;width:auto;_width:0;overflow:visible !ie}
  31. .btn input{background-position: right 0; border:0 none; color:#fff; padding-right:6px;_height:25px}
  32. .submit{padding-left:3px}
  33. .submit,.submit input{ background: url(../images/member/but.png) no-repeat; height:29px;width:auto;_width:0;overflow:visible !ie}
  34. .submit input{background-position: right top; border:none; padding:0 10px 0 7px; font-size:14px}
  35. /* 页面宽度 (更改页面宽度后,需要更改“images/v9/body-bg.png”图片的宽度) */
  36. .header,.main,.footer{width:960px;margin:0 auto;}
  37. /* 头部 */
  38. .header{padding:10px 7px;background-position: left -142px}
  39. .header .logo{float:left;background-position: right -10px;background-repeat: no-repeat; padding:0 20px 0 10px; height:70px; text-align:center;*font-size:40px;}
  40. .header .logo a{display:table-cell;vertical-align:middle;text-align:center;*display:block; height:70px; float:left}
  41. .header .search{ float:left; width:360px;_width:auto; padding-left:20px; height:70px}
  42. .header .search .tab{ padding:3px 0}
  43. .header .search .tab span{ color:#ddd}
  44. .header .search .tab a{ color:#6f7172}
  45. .header .search .tab a.on{ font-weight:700}
  46. .header .search .bd{ background:#ededed; padding:5px; float:left;}
  47. .header .search .text{border:1px solid #e5e5e7;padding:4px 0 3px 40px; height:18px;width:210px;background:#fff url(../images/v9/icon.png) no-repeat}
  48. .header .search .button{ background:#3a6ea5; border:none; color:#fff; height:1.9em;margin-left:3px;width:4.2em; margin-left:6px;vertical-align:middle; text-align:center}
  49. .header .banner{ overflow:hidden;zoom:1;_float:right; text-align:right; }
  50. /* 导航 */
  51. .header .nav-bar{clear:both; height:33px}
  52. .header .nav-bar,.header .nav-bar map,.header .nav-site,.header .nav-site li.line,.header .subnav{background: url(../images/v9/nav.png) no-repeat}
  53. .header .nav-bar map{background-position: right -130px; display:block}
  54. .header .nav-site{height:33px;background-position: left -65px;background-repeat: repeat-x; margin:0 5px; padding-left:5px}
  55. .header .nav-site li{float:left; height:33px; line-height:33px; padding:0 5px; }
  56. .header .nav-site li a{color:#fff; font-size:14px; font-weight:700;*display:block}
  57. .header .nav-site li.line{background-position: 2px -215px; padding:0; width:10px; text-indent:-10000px}
  58. .header .subnav{ padding-left:16px; border-left:1px solid #d2dfed;border-right:1px solid #d2dfed;background-position: left -33px;background-repeat: repeat-x; height:32px; line-height:32px}
  59. .header .subnav a{ color:#004499}
  60. .header .subnav span{ padding:0 3px; color:#c8d8e9;}
  61. /* main style */
  62. .main{}
  63. .main .col-left{width:700px; margin-right:10px}
  64. .news-hot{background: url(../images/v9/hot_bg.png) no-repeat;float:left; width:380px; margin-right:9px; height:380px}
  65. .main .col-left .slide{overflow:hidden;_float:left;zoom:1}
  66. /* 通用容器 */
  67. .box{border:1px solid #c3d4e7;zoom:1; overflow:auto; padding-bottom:10px}
  68. .box h5,.box h6{background: url(../images/v9/title.png) no-repeat right top;color:#1e50a2; height:26px; margin-bottom:10px; line-height:26px; padding-left:10px;border-bottom:1px solid #dce7f3; position:relative}
  69. .box h6{ margin-bottom:0}
  70. .box h5.title-1,.box h6.title-1{background-position: right -52px}
  71. .box h5.title-2,.box h6.title-2{background-position: right -100px}
  72. .box h5.title-2 span.tab{float:right; padding-right:6px; color:#a4bcd6}
  73. .box h5.title-2 span.tab span{ color:#2064ae;cursor: hand;!important;cursor: pointer}
  74. .box a.more{ font-size:12px; font-family:"宋体"; margin-right:8px; font-weight:normal; position:absolute;top:0; *top:1px;_top:1px; right:0}
  75. .box .content{ padding:0 10px; overflow:auto}
  76. /* 默认幻灯片 */
  77. .FocusPic{zoom:1;position:relative; overflow:hidden}
  78. .FocusPic .content{overflow:hidden}
  79. .FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
  80. .FocusPic .title-bg,.FocusPic .title{position:absolute;left:0px;bottom:0;width:434px;height:30px;line-height:30px;overflow:hidden}
  81. .FocusPic .title-bg{background:#000;filter:alpha(opacity=50);opacity:0.5;}
  82. .FocusPic .title a{display:block;padding-left:15px;color:#fff; font-size:14px;}
  83. .FocusPic .change{bottom:4px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}
  84. .FocusPic .change i {background:#666;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
  85. .FocusPic .change i.cur {background:#FF7700;}
  86. /* 滚动公告 */
  87. #announ{ height:22px; line-height:22px; overflow:hidden; float:left;background: url(../images/v9/icon.png) no-repeat left -461px; padding-left:20px}
  88. /* 首页 */
  89. .extend{ padding:0;}
  90. .extend img{ margin:1px}
  91. .extend .col-left{background: url(../images/v9/extend.png) no-repeat;height:36px; width:22px; color:#fff; text-align:center; padding-top:3px; font-weight:700; margin-right:6px}
  92. .extend .col-auto{ font-family:"宋体"; color:#CCC;; padding:4px 0 0 0; height:40px}
  93. .box .news-photo{padding:0 0}
  94. .box .news-photo li{ float:left; width:139px; text-align:center; padding:5px 0; vertical-align:top}
  95. .box .news-photo li div.img-wrap{ width:110px; margin:auto; margin-bottom:5px; height:85px;}
  96. .box .news-photo li div.img-wrap a{ width:110px; height:85px;*font-size:62px;}
  97. /*new-hot*/
  98. .news-hot{}
  99. .news-hot .content{ padding:16px 10px 0 16px}
  100. .news-hot .content h4{ padding:1px 0 5px 5px; font-size:18px; font-family:"宋体",Verdana;}
  101. .news-hot p {color:#777}
  102. .news-hot p img{ float:left; margin-right:10px}
  103. /* special */
  104. .box{ background-color:#fff}
  105. .box .special p{overflow:auto; margin-top:14px}
  106. .box .special p img{margin-right:10px; float:left}
  107. /* Digg */
  108. .box .digg{background: url(../images/v9/num_list.png) no-repeat 10px 5px; padding-left:30px}
  109. .box .digg li{ height:24px; line-height:24px; overflow:hidden; position:relative}
  110. .box .digg li span{background:#fff url(../images/v9/icon.png) no-repeat 0 -67px; position:absolute; right:0; top:0; padding:0 0 0 13px; width:30px}
  111. /* vote */
  112. .box .vote h4{ font-size:14px; font-weight:normal}
  113. .box .vote label{display:block; line-height:22px}
  114. .box .vote .btn{ margin:6px 12px 0 0}
  115. /* rank */
  116. .rank li{background: url(../images/uline.gif) repeat-x left top; clear:both;margin-top:-1px; overflow:hidden;*height:57px;}
  117. .rank li span{float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-style:italic;height:58px;color:#1E50A2;line-height:58px;overflow:hidden;padding-right:10px;text-align:right;width:60px;background: url(../images/v9/rank.png) no-repeat right 10px;}
  118. .rank li a.title{padding:9px 0 0; display:block; margin-left:76px}
  119. /*board*/
  120. .list{ font-family:"宋体"; color:#888;}
  121. .list li span{font-size:12px; padding:0 6px}
  122. .cat-area{width:343px; float:left}
  123. .cat-area .content p img{ margin-right:10px; float:left}
  124. .cat-area .content p{color:#777; height:75px; overflow:hidden}
  125. .cat-area .content p strong{ font-size:14px; color:#333}
  126. /* Blogroll */
  127. .blogroll {}
  128. .blogroll h5{ background:none; font-size:12px; margin:0 2px}
  129. /* 当前位置 */
  130. .crumbs{background: url(../images/v9/icon.png) no-repeat left -38px; padding:3px 0 3px 18px; font-family:"宋体"; border-bottom:1px solid #c3d4e7; margin-bottom:10px}
  131. .crumbs span{color:#7e7e7e}
  132. /* 栏目信息搜索 */
  133. .search-form{ background-color:#FFFCED;border:1px solid #FFBF7A; padding:5px 10px; overflow:hidden;zoom:1}
  134. .search-form li{ float:left; padding:5px 12px 5px 0; height:24px; line-height:24px; white-space:nowrap}
  135. .search-form li.bk{ float:none; height:1px; line-height:1px; overflow:hidden; padding:0}
  136. .search-form *{vertical-align: middle}
  137. .search-form label{ padding:0 8px 0 0}
  138. .search_term{line-height:28px}
  139. .search_term th{ font-weight:normal; text-align:right; padding-right:8px; color:#666; width:70px}
  140. .search-list li{border-bottom:1px dashed #ccc;margin:6px 0 0; padding:10px 0; overflow:hidden}
  141. .search-list li img{float:left; margin-right:8px}
  142. .search-list li p{ color:#999}
  143. .search-point{background-color:#E6F1FB; padding:6px 10px; margin:10px 0}
  144. /* 新闻频道 */
  145. .main .channel-hot{width:450px}
  146. .channel-hot .news-hot,.channel-hot .news-hot .icon,.photo-slide,.photo-channel .photo-hots,.box-hots,.box-hots .icon,.photo-channel .photo-hots .icon,.photo-channel .photo-cat,.photo-channel #Article,.photo-channel .relevance,.comment{background: url(../images/v9/cat_hot_bg.png) repeat-x left -38px}
  147. .channel-hot .news-hot,.photo-channel .photo-hots,.photo-channel .photo-cat,.box-hots{width: auto; position:relative; border:1px solid #c3d4e7; margin:0; height:302px}
  148. .channel-hot .news-hot .icon,.photo-channel .photo-hots .icon,.box-hots .icon{position:absolute;top:0px;left:0;width:37px;height:37px;background-position: left top;background-repeat: no-repeat}
  149. .channel-hot .news-hot{width:450px}
  150. .channel-hot .news-hot div.hr{width:422px}
  151. .channel-slide{border:1px solid #c3d4e7; padding:3px}
  152. .channel-slide .thumb{ width:94px; float:left}
  153. .channel-slide .thumb li{ margin-top:4px; position:relative}
  154. .channel-slide .thumb li a .icon{display:none}
  155. .channel-slide .thumb li.on a .icon{position:absolute;top:25px;right:-2px;background: url(../images/v9/channel_slide.png) no-repeat; width:8px; height:8px; display:block}
  156. .channel-slide .thumb li img{border:3px solid #fff}
  157. .channel-slide .thumb li.on img{border-color:#6e96be}
  158. .channel-slide .photo{ overflow:hidden;_float:left;_zoom:1; position:relative; width:398px;_width:392px; height:234px}
  159. .channel-slide .photo li{ display:none; position:absolute; top:0; left:0}
  160. .channel-slide .title{ height:60px;background: url(../images/v9/channel_slide.png) repeat-x left -17px}
  161. .channel-slide .title p{ padding:8px 10px 0; color:#666; display:none}
  162. .channel-slide .title p strong{font-size:18px; color:#0066cc; line-height:22px}
  163. /* 图片频道 - photo */
  164. .photo-channel .photo-slide{ width:435px; padding:5px;border:1px solid #c3d4e7;zoom:1;}
  165. .photo-channel .photo-slide .FocusPic .title-bg,.photo-channel .photo-slide .FocusPic .title{ bottom:35px}
  166. .photo-channel .photo-slide .change{bottom:0px; left:0; text-align:left; height:30px;}
  167. .photo-channel .photo-slide .change i{background: url(../images/v9/focusBg.gif) no-repeat right top; width:39px; height:30px; text-align:center; padding:0; margin-right:8px; line-height:30px;color:#049}
  168. .photo-channel .photo-slide .change i.cur{background-position: left top; color:#fff; font-weight:700}
  169. .photo-channel .photo-hots,.box-hots{float:left; width:242px; margin-right:10px;_margin-right:5px; height:auto; overflow:hidden;padding-bottom:5px;}
  170. .photo-channel .photo-hots h4, .box-hots h4{text-align:left;height:26px;*height:25px;font:18px/26px "MicroSoft YaHei","SimHei";color:#457bb4;*line-height:25px;margin:0; padding:5px 0 0px 30px}
  171. .photo-channel .photo-cat{ position:relative; height:auto}
  172. .photo-cat .content h5 a,.photo-cat .content h5 a strong{background-image: url(../images/v9/title_photo.png);background-repeat: no-repeat; height:35px; padding-left:10px;display:block; float:left;text-decoration: none;}
  173. .photo-cat .content{padding-bottom:6px}
  174. .photo-cat .content h5 a strong{background-position: right top; padding-right:14px; color:#fff; float:left; line-height:35px}
  175. .photo-cat .content h5{position:absolute;left:14px; top:-4px; width:98%}
  176. .photo-cat .content h5 span{ font-size:12px; font-weight:normal; padding-left:12px; line-height:38px}
  177. .photo-cat .content h5 span.blue a{ background-image:none; float:none; padding:0 4px; height:auto}
  178. .photo-cat .content h5 span.blue a:hover{ color:#F30}
  179. .photo-cat .content h5 span.blue a.more{ float:right}
  180. .photo-cat .photo-list{ padding-top:45px}
  181. .photo-list li{ vertical-align:top; width:188px;*width:191px; text-align:center; padding-bottom:12px}
  182. .photo-list li div.img-wrap{ width:160px; height:120px; margin:auto; margin-bottom:3px}
  183. .photo-list li div.img-wrap a{ width:160px; height:120px;*font-size:88px;}
  184. /*专题*/
  185. .special-channel .box-hots{ width: auto; float:none; margin:0}
  186. .special-channel .box-hots .content{ padding:10px}
  187. .special-channel .special-slide{position:relative}
  188. .special-channel .special-slide .change{ position:absolute; top:0px; right:0px;height:8px;font-size:0}
  189. .special-channel .special-slide .change i{background: url(../images/v9/special-slide.png) no-repeat top right; width:8px; height:8px; text-indent:-1000px; font-size:0; margin-left:6px; display: block; float:left;cursor: hand;!important;cursor: pointer}
  190. .special-channel .special-slide .change i.cur{background-position: left top;}
  191. .special-channel .special-slide .changeDiv{ overflow: auto; padding:10px 0 0 10px}
  192. .special-channel .special-slide .changeDiv a{ position:absolute; width:660px; display:none}
  193. .special-channel .special-slide .changeDiv a img{ float:left; margin-right:10px}
  194. .special-channel .header{ overflow:hidden; padding:0}
  195. .special-channel .new{ width:315px}
  196. .special-channel .img-text .intro{ padding:6px 8px}
  197. .special-channel .img-text .news-hot{ background-image:none; width:auto; padding:10px 0 0 0; margin:0; height:auto}
  198. .special-channel .img-text{width:385px}
  199. .special-channel .img-text .box a.title{ padding:6px 0 3px; display:block}
  200. .special-channel .img-text .vote{ padding:0}.special-channel .img-text .vote .content{ padding:0 8px 10px}
  201. .special-channel .int{ background-color:#f5f5f5; padding:8px 10px}
  202. .special-channel .int .box{ padding:8px 10px; height:374px; overflow:hidden}
  203. .special-channel .int .box h4{ font-size:12px; font-weight:normal}
  204. .special-channel .int .box p{ color:#979090}
  205. .special-channel .news-photo li{ width:156px}
  206. /*RSS*/
  207. .rss-channel{background: url(../images/v9/rss_bg.png) repeat-x left 38px;}
  208. .rss-channel .header,.rss-channel .navlist .memu .content div,.rss-channel .navlist .memu .content ul li,.rss-channel .xml .rss dt,.rss-channel .xml a.xmlbut,.rss-channel .xml .rss dd a{background: url(../images/v9/rss.png) no-repeat;}
  209. .rss-channel .header{height:88px; overflow:hidden}
  210. .rss-channel .special-body-top a.logo{background-image:none; padding-right:0px}
  211. .rss-channel .box h5,.rss-channel .box h6{ position:static}
  212. .rss-channel .main{overflow:visible; background-color:#fff}
  213. .rss-channel .navlist{width:200px}
  214. .rss-channel .navlist .memu{padding:0}
  215. .rss-channel .navlist .memu .content {padding:1px 1px 0}
  216. .rss-channel .navlist .memu .content div{background-color:#dae7f4;height:24px;line-height:24px;margin-bottom:1px;font-weight:700;background-position: 18px -216px; padding-left:26px}
  217. .rss-channel .navlist .memu .content div.color{ background-color:#eaf2f9}
  218. .rss-channel .navlist .memu .content div.on{background-position: 16px -188px;}
  219. .rss-channel .navlist .memu .content ul{display:none; line-height:22px; padding:3px 0 3px 30px}
  220. .rss-channel .navlist .memu .content ul li{background-position: left -161px;_background-position: left -165px; padding-left:10px; height:22px}
  221. .rss-channel .navlist .memu .content ul li.on,.rss-channel .navlist .memu .content ul li:hover{background-position: left -140px; color:#F60}
  222. .rss-channel .rsslist{ width:730px}
  223. .rss-channel .rsslist .box{ width:358px; float:left; overflow:visible}
  224. .rss-channel .xml{ float:right; font-size:12px; font-weight:normal; }
  225. .rss-channel .xml a.xmlbut{background-position: left -116px; display:block; width:24px; font-size:1px; text-indent:-1000px; float:left; height:15px; margin-right:5px; overflow:hidden; margin-top:4px}
  226. .rss-channel .xml .rss{float:left; position:relative; z-index:1}
  227. .rss-channel .xml .rss dl{ overflow:hidden; height:26px;width:65px;}
  228. .rss-channel .xml .rss dt{background-position: -28px -116px; padding-left:18px;height:21px; line-height:17px; margin-top:5px;}
  229. .rss-channel .xml .rss dd{height:16px; line-height:16px; padding:5px 0}
  230. .rss-channel .xml .rss dd a{ padding-left:14px;background-position: 5px -258px;}
  231. .rss-channel .xml .cur{width:65px; z-index:2}
  232. .rss-channel .xml .cur dl{width:65px;border:1px solid #C3D4E7; position: absolute; top:-1px; right:-1px; background-color:#fff; z-index:999;overflow:visible; height:auto}
  233. .rss-channel .xml .cur dd{border-top:1px dashed #DCDDDD;}
  234. /* 内容 */
  235. #Article{ overflow:hidden}
  236. #Article,.photo-channel .relevance{ border:1px solid #C3D4E7;zoom:1; padding:0 20px}
  237. #Article h1{color:#000;font:800 26px/30px "宋体",arial;margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px solid #e5e5e5}
  238. #Article h1 span{ font-size:12px; font-weight:normal; line-height:20px; color:#999}
  239. #Article .content{ font-size:14px}
  240. #Article .content p{font-size:14px;line-height:23px;text-align:justify;word-wrap:break-word; padding:8px 0}
  241. #Article .related{ border-top:dashed 1px #ccc; margin-top:15px}
  242. #Article .related h5{padding-bottom:4px}
  243. #Article .related{ padding:10px 0 0}
  244. #Article .related a{ color:#0b3b8c}
  245. .Article-Tool{ border:1px solid #c3d4e7; position:relative; top:-1px; text-align:right; padding:8px; vertical-align:middle; height:15px; background-color:#f4f8fd}
  246. .Article-Tool a{width:16px;height:16px;line-height:16px;background: url(../images/v9/icon.png) no-repeat; margin-left:6px;}
  247. .Article-Tool a:hover{text-decoration: none}
  248. .Article-Tool a.t,.Article-Tool a.t6{background-position: left -336px; width:auto; padding-left:16px; color:#8896b1}
  249. .Article-Tool a.t1{background-position: left -115px;}
  250. .Article-Tool a.t2{background-position: left -159px;}
  251. .Article-Tool a.t3{background-position: left -205px;}
  252. .Article-Tool a.t4{background-position: left -250px;}
  253. .Article-Tool a.t5{background-position: left -294px;}
  254. .Article-Tool a.t6{background-position: left -421px;padding-left:18px;}
  255. /*关键字提示*/
  256. .point{border:1px solid #ffbf7a; background:#fffced; position: absolute; z-index:1000; width:auto;}
  257. .point .arro{position:absolute; top:-9px;*top:-13px; left:97px; width:18px; height:9px;background: url(../images/v9/key_float.png) no-repeat;}
  258. .point .contents{padding:8px 10px; text-indent:0;margin-right:10px;font-weight:normal;}
  259. .point a.close span{display:none}
  260. .point a.close{background: url(../images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute; right:4px; top:4px;*top:0px;_top:0px;outline:none;}
  261. .point a.close:hover{background-position: left -46px}
  262. .point span.o1,
  263. .point span.o2,
  264. .point span.o3,
  265. .point span.o4{position:absolute;width:3px;height:3px;background: url(../images/fillet.png) no-repeat; line-height:0; font-size:0}
  266. .point span.o1{background-position: left top; top:-1px;*top:-5px; left:-1px;}
  267. .point span.o2{background-position: right top; top:-1px;*top:-5px; right:-1px}
  268. .point span.o3{background-position: left -3px; bottom:-1px;*bottom:3px; left:-1px}
  269. .point span.o4{background-position: right -3px; bottom:-1px;*bottom:3px; right:-1px;}
  270. /*图片内容*/
  271. .photo-channel #Article .tool{ position:relative; height:35px; padding-top:6px}
  272. .photo-channel #Article .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next{background: url(../images/v9/up-next.png) no-repeat; height:27px; width:31px;margin-right:10px; overflow:hidden; line-height:27px}
  273. .photo-channel #Article .tool .auto span,.photo-channel .tool .up span,.photo-channel .tool .next span{ visibility:hidden}
  274. .photo-channel #Article .tool .auto{background-position: -39px top;}
  275. .photo-channel #Article .tool .next{background-position: -78px top;}
  276. .photo-channel #Article .Article-Tool{ position:absolute; right:0; border:none; background:none; font-size:12px; font-weight:normal}
  277. .photo-channel #Article .tool .stat{ color:#999;}
  278. .photo-channel #Article .big-pic{ text-align:center; padding:10px 0; border:1px solid #ededed; background-color:#fafcfe; position: relative}
  279. .photo-channel #Article .big-pic #big-pic{display:table-cell;vertical-align:middle;*display:block; overflow:hidden;*font-size:480px; width:896px; height:650px}
  280. .photo-channel #Article .big-pic .max{ position:absolute; bottom:0px; right:0px;background: #FFF url(../images/v9/max.png) no-repeat 5px center; z-index:101; padding:5px 5px 5px 20px}
  281. .photo_prev{position:absolute;left:0;top:0;width:50%;height:100%;z-index:100}
  282. .photo_next{ position:absolute; right:0; top:0; width:50%; height:100%; z-index:100}
  283. .photo_prev a,.photo_next a{background-image: url(../images/blank.gif);display:block; width:100%; height:100%; outline:none;}
  284. #Article .list-pic{ padding:22px 0 16px; height:100px}
  285. #Article .cont{overflow:hidden; float: left; width:616px; height:80px}
  286. #Article .cont li{ float:left; width:123px; text-align:center; display:block; overflow:hidden}
  287. #Article .cont li .img-wrap{width:100px; height:75px; margin:0 auto;}
  288. #Article .cont li .img-wrap a{*font-size:55px;width:100px; height:75px;outline: medium none;}
  289. #Article .cont li.on .img-wrap{ border:2px solid #ffb017}
  290. #Article .list-pic .pre,#Article .list-pic .next{float:left; display:block; position:relative;background: url(../images/v9/pic_bg.png) no-repeat;width:110px;height:86px; text-align:center}
  291. #Article .list-pic .pre{ left:-8px;top:-3px; margin-right:14px}
  292. #Article .list-pic .next{ right:-8px; float:right;top:-3px}
  293. #Article .list-pic .pre .img-wrap,#Article .list-pic .next .img-wrap{width:102px; height:72px;border:none; padding:4px 0 8px}
  294. #Article .list-pic .pre .img-wrap a,#Article .list-pic .next .img-wrap a{*font-size:53px;width:98px; height:72px; padding:0px 5px 0 4px;*padding:0px 5px 5px 0px }
  295. #Article .list-pic .pre .img-wrap a:hover,#Article .list-pic .next .img-wrap a:hover{ background:none}
  296. #Article .list-pic .next{ right:-8px; float:right;bottom:-2px}
  297. #Article .pre-bnt,#Article .next-bnt{margin-top:3px;cursor: hand;!important;cursor: pointer}
  298. #Article .pre-bnt,#Article .next-bnt,#Article .pre-bnt span,#Article .next-bnt span{background: url(../images/v9/big-btn.png) no-repeat; display:block; width:17px; height:69px; float:left;}
  299. #Article .pre-bnt:hover, #Article .next-bnt:hover,#Article .pre-bnt-on,#Article .next-bnt-on{background-position: 0 -78px;}
  300. #Article .pre-bnt span{background-position: -30px top;}
  301. #Article .pre-bnt:hover span,#Article .pre-bnt-on span{background-position: -30px -78px;}
  302. #Article .next-bnt span{background-position: -55px top;}
  303. #Article .next-bnt:hover span,#Article .next-bnt-on span{background-position: -55px -78px;}
  304. /* endSelect */
  305. #endSelect{top:290px;left:333px;position:absolute;width:230px;height:71px;border:1px solid #8a8a8a;display:none;z-index:200;}
  306. #endSelect .bg{height:100%;width:100%;background:#000;filter:Alpha(Opacity=50);opacity:0.5;}
  307. #endSelect .E_Cont{position:absolute;top:10px;left:26px;color:#fff;font-size:14px;}
  308. #endSelect .E_Cont p{padding:4px 0;zoom:1;overflow:hidden;}
  309. #rePlayBut,#nextPicsBut,#endSelect #endSelClose{background:url(../images/v9/big-btn.png) no-repeat}
  310. #rePlayBut{float:left;width:69px;height:23px;background-position: 0px -167px;}
  311. #nextPicsBut{float:left;width:97px;height:23px;background-position: -100px -167px;margin-left:10px;}
  312. #endSelect #endSelClose{background-position: 0px -217px;position:absolute;top:3px;right:3px;cursor:pointer;width:11px;height:11px;overflow:hidden;z-index:2;}
  313. .photo-channel #Article .text{ border:1px solid #ddd; background-color:#f3f3f3; padding:8px 10px; zoom:1; margin-bottom:20px}
  314. .photo-channel .relevance{ padding:5px 10px 10px}
  315. .photo-channel .relevance h5,.comment h4{background: url(../images/v9/icon.png) no-repeat left -375px; padding-left:16px;}
  316. .photo-channel .relevance .photo-list{ padding:0; overflow:auto; padding-top:10px}
  317. .photo-channel .relevance .photo-list li{ float:left; width:153px; padding:0}
  318. .photo-channel .relevance .photo-list li .img-wrap{width:110px;height:86px;margin:0 auto;background: url(../images/v9/pic_bg.png) no-repeat; border:none; margin-bottom:6px}
  319. .photo-channel .relevance .photo-list li .img-wrap a{*font-size:59px;width:104px; height:86px; padding:1px 5px 5px 1px }
  320. .photo-channel .relevance .photo-list li .img-wrap a:hover{ background:none}
  321. .box .photo-hot{padding:0 2px}
  322. .photo-hot li{width:119px;*width:50%; text-align:center; padding:5px 0; vertical-align:top}
  323. .photo-hot li div.img-wrap{ width:94px; margin:auto; margin-bottom:5px; height:64px;}
  324. .photo-hot li div.img-wrap a{ width:94px; height:64px;*font-size:48px;}
  325. /* 分页 */
  326. #pages { padding:14px 0 10px; font-family:宋体 }
  327. #pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
  328. #pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
  329. #pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
  330. #pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
  331. .page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
  332. /* 广告位 */
  333. .ads{padding-top:8px}
  334. .ads .col-left{width:748px;}
  335. .ads .col-auto{border:1px solid #c3d4e7; padding:1px;width:198px}
  336. .ads .col-auto div.left{float:left; background:#dce2ea; width:20px; margin-right:8px; text-align:center; height:83px; padding-top:5px}
  337. .ads .col-auto div.right{overflow:hidden; }
  338. /* 评论-form */
  339. .comment-form{border:1px solid #c3d4e7; padding:10px 20px; margin-bottom:10px}
  340. .comment-form h5{ height:22px; padding-bottom:5px;border-bottom:1px solid #C3D4E7;}
  341. .comment-form strong{background: url(../images/icon/user_comment.png) no-repeat; padding-left:21px; float:left}
  342. .yzm{display:none;position:absolute; background:url(../images/admin_img/login_ts140x89.gif) no-repeat; width:140px; height:89px;text-align:center; font-size:12px;}
  343. .yzm a:link,.yzm a:visited{color:#036;text-decoration:none;}
  344. .yzm a:hover{ color:#C30;}
  345. .yzm img{ cursor:pointer; margin:0px auto; width:130px; height:50px; margin-top:4px; border:1px solid #fff; margin-bottom:1px;}
  346. .comment-form .posn{ padding:10px 0}
  347. .comment-title{ text-align:center; padding:5px 0 10px}
  348. .comment-title a:hover{ text-decoration: none; color: #F60;}
  349. .comment{border:1px solid #C3D4E7;zoom:1; padding:8px 15px}
  350. .comment h4{ border-bottom:1px solid #C3D4E7; padding-bottom:6px; margin-bottom:15px}
  351. .comment .title{ margin-bottom:5px}
  352. .comment .title span{ position:relative; top:-5px}
  353. .comment .content{ font-size:14px; background:#f6f9fb; border:1px solid #c4d5df; zoom:1; padding:8px 10px; margin:5px 0}
  354. .comment .content span{display:block;}
  355. .comment_button{margin-bottom:15px;}
  356. .comment_button a{padding:5px; border:solid 1px #C3D4E7; }
  357. .comment_button a.on{background:#4C7FB6; color:#fff;border:solid 1px #3E73A9}
  358. /* footer style */
  359. /* link */
  360. .footer p.info{}
  361. .footer p.info{color:#666; line-height:24px;text-align:center; padding:12px 0; margin-top:15px; border-top:1px solid #dbe7ed}
  362. .footer p.info a{color:#666;}
  363. /*link*/
  364. .colli li{display:inline-block;zoom:1;*display:inline;overflow:hidden;vertical-align:middle;}
  365. .ylink h5 a.rt{ margin-right:8px; font-weight:normal; font-family:"宋体"}
  366. .ylink h5 a.red{ color:red; font-weight:normal; padding:0 6px}
  367. .ylink .imgul li{ text-align:center; margin:5px 10px;}
  368. .ylink .linka a{ margin:10px; white-space:nowrap; height:30px; line-height:30px;}
  369. .itemli{ margin:0px 10px;}
  370. .itemli li{padding:10px 0px;}
  371. .itemli li a{background:url(../images/bg_member_1.gif) no-repeat -5px -126px;font-weight:bold; padding-left:14px;color:#004499; font-size:13px;}
  372. .pd_b0{padding-bottom:0px;}
  373. /*内容摘要*/
  374. .summary {background-color:#F6FAFD;border: 1px solid #DCDDDD;font-size: 14px;line-height: 23px;margin: 15px 0 0;padding: 12px 5px 6px;text-align: justify;text-indent: 2em;}