extend_module.css 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549
  1. @charset "utf-8";
  2. /* ----------------------------------
  3. The Part CSS by Jeavi
  4. (C) Jeaviking Inc.
  5. http://www.jeavi.name
  6. 2013-8-4 0:16:58
  7. -------------------------------------*/
  8. /** portal::index **/
  9. /* 其他 */
  10. .part_l{width:680px;float:left; overflow:hidden; display:inline;}
  11. .part_r{width:270px;float:right; overflow:hidden; display:inline;}
  12. /* 第一部分 */
  13. .jeavi_con{}
  14. .focus_box{ width:680px;position:relative;height:360px;overflow:hidden; margin-bottom:20px;}
  15. .focus_box .bd{}
  16. .focus_box .bd li{ }
  17. .focus_box .bd .t_box{ width:650px;padding:10px 15px;color: #888; position:absolute; left:0; bottom:0;}
  18. .focus_box .bd .header_avatar {height: 48px;width: 48px;border: 2px solid #A6A4AC;float: left;margin: 4px 16px 0 0;}
  19. .focus_box .bd .header_avatar img{ width:48px; height:48px;}
  20. .focus_box .bd .t_box h2{ height:28px; overflow:hidden;line-height: 28px;margin: 5px 0 5px; }
  21. .focus_box .bd .t_box h2 a{font-size: 20px;color:#FFF;}
  22. .focus_box .bd .t_box p{font-size: 12px;line-height: 18px;color: #AAA;}
  23. .focus_box .bd .t_box p a{color: #FFF;}
  24. .focus_box img{display:block;}
  25. .focus_box .hd{position:absolute;right:10px; bottom:15px;height:14px;overflow:hidden;}
  26. .focus_box .hd li{display:inline-block;overflow:hidden;height:12px;width:12px;background:#D1D1D1;cursor:pointer;margin:0 6px 0 0; border-radius:12px;text-indent:-999px;float:left;}
  27. .focus_box .hd .on{background:{ALLCOL};}
  28. .web_info{ padding:30px 20px;margin-bottom: 14px;background: #F7F7F7;color: #A0A0A0;}
  29. .web_info ul{}
  30. .web_info li{height: 64px;line-height: 18px;padding-left: 45px;margin-bottom: 21px;border-bottom: 1px solid #ECECEC; position:relative;}
  31. .web_info li i{width: 30px;height: 42px;display: block;position: absolute;top: 6px;left:10px;background: url({STYLEIMGDIR}/portal_icon.png) no-repeat 0 0;}
  32. .web_info li i.info_member{ background-position:0 -162px;}
  33. .web_info li i.info_forum{ background-position:0 -115px;}
  34. .web_info .hd_t{ color:#666; font-size:14px; line-height:18px; padding-left:10px;}
  35. .web_info .hd_b{ color:#A0A0A0; line-height:18px; margin-top:5px;padding-left:10px;}
  36. .web_info em{color: #F47400;font-family: Georgia;text-decoration: none;font-size: 28px;line-height: 28px;margin-right: 9px;}
  37. .post_btns{ margin-top:10px; width:230px; height:43px;}
  38. .post_btns a{width:230px; height:43px; display:block;background: url({STYLEIMGDIR}/portal_icon.png) no-repeat -60px -50px;}
  39. .post_btns a:hover{ background-position:-60px -100px;text-decoration:none;}
  40. .post_btns a:active{ background-position:-60px 0;}
  41. .post_btns b{ color:#FFF;font-size: 18px;height: 43px;text-align: center;line-height: 43px;margin-left: 50px;text-shadow: 0 1px 0 #0093D0;}
  42. /* 第二部分 */
  43. .head{height:45px;line-height:45px;overflow:hidden;}
  44. .more{float:right;display:block;background-position:right 19px;padding-right:12px;color:#888;}
  45. .head .tit{font-size:18px;color:#666;}
  46. .left_c{float:left;width:680px;}
  47. .right_c{float:right;width:277px;}
  48. .boutique_list{ }
  49. .boutique_list li{float:left;width:680px;overflow:hidden;padding: 20px 0;border-bottom: 1px dashed #EEE;position:relative;}
  50. .boutique_list .t{ width:464px; height:26px;line-height:26px;overflow:hidden;}
  51. .boutique_list .t a{font-size:18px;color:#0093D0;}
  52. .boutique_list img{display:block;float:left;width:196px;height:130px;margin-right:20px;background: url({STYLEIMGDIR}/loading.gif) no-repeat center center;}
  53. .boutique_list .c{ line-height:26px; font-size:14px;color:#777;}
  54. .boutique_list .move{width: 88px;height: 24px; position:absolute;bottom:20px; right:0;display: block;line-height: 24px;background: #F70;border-bottom: 2px solid #F30;text-align: center;color: #FFF;text-decoration: none;text-shadow: 0 1px 0 #F30;}
  55. .boutique_list a:hover.move{background: #F30;}
  56. .boutique_list .other{height:20px;line-height:14px;width:178px;color:#999;padding-top:8px;float:left;}
  57. .boutique_list .other b{width:16px;height:14px;vertical-align:middle;margin-right:5px;overflow:hidden;display:inline-block;}
  58. .boutique_list .other b.view{background-position:-20px -3px;}
  59. .boutique_list .other b.replies{background-position:-42px -3px;margin-left:10px;}
  60. .top10{ margin-top:-6px;}
  61. .top10 li{ height:32px; line-height:32px;width:270px;overflow:hidden;color:{ALLCOL};float:left;}
  62. .top10 li a{ font-size:14px;}
  63. .top10 .num{background-color:#d7d8d7;width:17px;height:17px;display:inline-block;text-align:center;color:#fff;font-family:Arial;line-height:17px;margin-right:8px;}
  64. .top10 .top .num{background-color:{ALLCOL};}
  65. .sort{width:270px;}
  66. .sort li{padding:10px 0 12px;line-height:18px;overflow:hidden; width:270px;}
  67. .sort li .bluecrnr{color:#FFF;background:{ALLCOL};border-radius:2px;width:36px;height:18px;line-height:18px;text-align:center;margin-right:8px;display:inline;float:left;}
  68. .sort li .sortbox{width:220px;float:left;}
  69. .sort li .sortbox a{padding-bottom:6px;display:inline-block;color:{ALLCOL};}
  70. .travel_c{}
  71. .travel_c .hd{ height:38px; border-top:1px solid #E6E6E6;}
  72. .travel_c .hd ul{}
  73. .travel_c .hd li{ width:20%;height: 30px;margin-bottom: 6px;cursor: pointer;padding-top: 8px;_padding-top: 12px;line-height:30px;font-size: 18px;text-align: center;color: #0C8AC9;float: left; position:relative;}
  74. .travel_c .hd li .splite {width: 1px;height: 19px;margin-top: 2px; position:absolute;right:0;border-right: 1px solid #e6e6e6;}
  75. .travel_c .hd i{ overflow:hidden; background:url({STYLEIMGDIR}/portal_icon.png) no-repeat; width: 19px;height: 18px;top: 2px;_top:-5px;display: inline-block; margin-right:5px;position: relative;padding-left: 0;}
  76. .ie7 .travel_c .hd i{top:-5px;}
  77. .travel_c .hd li.on{border-top: 2px solid #57BAE8;color: #666;margin-top: -1px;padding-top: 7px;_padding-top:11px;}
  78. .travel_c .hd i.icon_1{ background-position:0 0;}
  79. .travel_c .hd i.icon_2{ background-position:0 -21px}
  80. .travel_c .hd i.icon_3{ background-position:0 -46px}
  81. .travel_c .hd i.icon_4{ background-position:0 -69px}
  82. .travel_c .hd i.icon_5{ background-position:0 -92px}
  83. .travel_c .hd li.on i{ background-position-x: -30px;}
  84. .talk_box{}
  85. .talk_box ul{padding-top: 5px;height:400px;width: 680px; overflow:hidden;}
  86. .talk_box li{width: 195px;height:192px;margin: 0 0 10px 8px;float: left; position:relative;}
  87. .talk_box li h3{ height:30px; line-height:30px; overflow:hidden; margin-top:5px;}
  88. .talk_box li h3 a{color: #0093D0; font-size:16px;}
  89. .talk_box li img{width: 194px;height: 130px;}
  90. .talk_box li .notes {background:#fcbd00;color:#FFF;height: 20px;line-height: 19px;padding: 0 15px;position: absolute;top: 105px;left: 0;}
  91. .talk_box .first{width: 265px;height: 382px;margin: 0 9px 10px 0;}
  92. .talk_box .first .notes{padding: 3px 13px;font-size: 14px;top: 291px;}
  93. .talk_box .first img{width: 265px;height:332px;}
  94. .star_box .home {width:270px;overflow:hidden;}
  95. .star_box .home .list {width:280px;}
  96. .star_box .home .list li {width:40px;height:40px;line-height:35px;overflow:hidden;text-align:center;margin:0 6px 5px 0;float:left;}
  97. .star_box .home .list li img {width:40px;height:40px;}
  98. .star_box .home .list li a:hover img{ width:36px; height:36px; border:2px solid #57BAE8;}
  99. .star_box .avatar a {width:70px;height:70px;display:block; position:relative;}
  100. .star_box .avatar .icon {width:27px;height:27px;position:absolute;top:0;right:0;background: url({STYLEIMGDIR}/bgtit.png) no-repeat 0 -50px;}
  101. .daren {color:#666;margin-bottom:15px;}
  102. .star_box .home .list .more, .star_box .home .list .more a {background:#61c2f2;width:40px;height:40px; line-height:40px;display: block;color: #fff;padding: 0;font-size: 12px; text-decoration:none;}
  103. .star_box .home .list .more a:hover{ background:#0caeed;}
  104. /* 驴友排行榜 */
  105. .ranking{ background: #f7f7f7; width:250px;padding: 15px 20px;}
  106. .ranking .bgtit{background-color: #F6F6F6; background-position:-491px 0;}
  107. .ranking .bgtit h2{ padding-left:15px;}
  108. .ranking .bgtit ul{float: right;margin-right: 2px;}
  109. .ranking .hd .pipe{ float:left;margin-left: -5px;margin-right: 15px;}
  110. .ranking .hd li{float:left; text-align:center;height: 36px; line-height:36px; font-size:16px;padding: 0 10px;cursor: pointer;display: inline-block;}
  111. .ranking .hd li.on{line-height: 36px;color:#0093D0;}
  112. .ranking .bd{ margin-top:5px;}
  113. .ranking .bd li { width:190px; margin:0 20px; height: 30px;line-height: 30px;display: inline-block;overflow: hidden; float:left;}
  114. .ranking .bd li img{margin: 0 9px;position: relative;top: 5px;}
  115. .ranking .bd li em { margin-right: 8px; font-size:14px;}
  116. .ranking .bd li a{ color:#007ed9;}
  117. .ranking .bd li .top{color:#fcbd00;}
  118. .index_link ul{white-space: nowrap;}
  119. .index_link li{ height:30px; font-size:14px; line-height:30px; float:left; margin-right:20px;}
  120. /** end **/
  121. /** portal::list, portal::view, portal::comment **/
  122. /* 文章列表&文章内页 */
  123. .ct2 .mn{ width:680px; float:left;}
  124. .ct2 .sd{ width:270px; float:right;}
  125. .portal_tit .rss {margin-left: 10px;margin-top: 5px;padding-left: 20px;background: url({STYLEIMGDIR}/rss.png) no-repeat 0 45%;}
  126. .portal_tit .add{margin-left: 10px;margin-top: 5px;padding-left: 20px;background: url({STYLEIMGDIR}/add.png) no-repeat 0 45%;}
  127. .list_new{}
  128. .top_new{ padding-bottom: 20px; margin-bottom:20px;border-bottom: 1px dashed #EEE; position:relative;}
  129. .top_new h2 {font-size: 18px;font-weight: normal;margin-bottom: 10px;color: #282828;line-height: 30px;}
  130. .top_new .new_info {color: #888;margin-top: 8px;}
  131. .new_edt a {color: #858585;}
  132. .top_new .new_pic { width:196px; height:130px; float: left;margin-right: 20px;overflow: hidden;display: table-cell;vertical-align: middle;text-align: center;}
  133. .new_pic img {vertical-align: middle;margin: 0 auto;}
  134. .top_new .new_body {font-size: 14px;color: #777;line-height: 26px;}
  135. .top_new .move{width: 88px;height: 24px; position:absolute;bottom:20px; right:0;display: block;line-height: 24px;background: #F70;border-bottom: 2px solid #F30;text-align: center;color: #FFF;text-decoration: none;text-shadow: 0 1px 0 #F30;}
  136. .top_new a:hover.move{background: #F30;}
  137. .list_box{ margin-bottom:15px;}
  138. .portal_sort{ margin-top:20px;}
  139. .portal_sort ul{ overflow:hidden;white-space: nowrap;}
  140. .portal_sort li {float:left; padding: 0 10px 5px 0;}
  141. .portal_sort li a {text-decoration: none;padding: 0 3px;display: inline-block; font-size:16px;}
  142. .sbody{ }
  143. .sbody li{ width:270px; float:left; overflow:hidden;padding-bottom:10px ; margin-bottom:10px;border-bottom: 1px dashed #EEE;}
  144. .sbody h3{padding-bottom:8px;clear: both;}
  145. .sbody h3 a{font-size: 16px;}
  146. .sbody .pic{width: 120px;float: left; margin-right:10px;}
  147. .sbody .pic img {width: 120px;height: 90px;}
  148. .sbody p { line-height:24px;color: #656565;}
  149. .hbody{}
  150. .hbody ul{ margin-top:10px; overflow:hidden;}
  151. .hbody li{width: 270px;height: 30px;line-height: 30px; font-size:13px;overflow: hidden; float:left;}
  152. .hbody li .turn {margin-right: 8px;color: {ALLCOL};}
  153. .hbody li a{ }
  154. #hbodys .hd ul {float: right;margin-right: 2px;}
  155. #hbodys .hd li {float: left;text-align: center;height: 38px;line-height: 38px;font-size: 14px; margin-left:10px;cursor: pointer;}
  156. #hbodys .hd li.on { color: {ALLCOL};}
  157. .list_focuss{width:270px;height: 263px;overflow:hidden;}
  158. .list_focuss .bd{width:270px; height:230px;overflow:hidden;}
  159. .list_focuss .bd img{ width:270px; height:190px;}
  160. .list_focuss h3{ height: 40px; line-height:40px;overflow: hidden; font-size:16px; text-align:center;}
  161. .list_focuss .hd { width:138px;height: 33px;overflow: hidden; margin:0 auto;}
  162. .list_focuss .hd ul{padding-top:9px; overflow:hidden; float:left;}
  163. .list_focuss .hd ul li, .list_focuss .hd ul li.on, .list_focuss .hd .next, .list_focuss .hd .prev{vertical-align: middle;overflow: hidden; display: inline-block;cursor: pointer;float:left;}
  164. .list_focuss .hd .prev{ width:33px; height:33px;background: url({STYLEIMGDIR}/point_z.png) 0 0 no-repeat;}
  165. .list_focuss .hd a.prev:hover{ background: url({STYLEIMGDIR}/point_zon.png) 0 0 no-repeat;}
  166. .list_focuss .hd .next{ width:33px; height:33px; background: url({STYLEIMGDIR}/point_r.png) 0 0 no-repeat;}
  167. .list_focuss .hd a.next:hover{ background: url({STYLEIMGDIR}/point_ron.png) 0 0 no-repeat;}
  168. .list_focuss .hd ul li{ background: url({STYLEIMGDIR}/point.png) 0 0 no-repeat;width: 18px;height: 18px;cursor: pointer;font-size: 0;line-height: 0; }
  169. .list_focuss .hd ul li.on { background: url({STYLEIMGDIR}/point_on.png) 0 0 no-repeat;}
  170. .special .spe_list {overflow:hidden;}
  171. .special .spe_list li{width: 250px;height: 26px;line-height: 26px;padding-left: 10px;float: left;background: url({STYLEIMGDIR}/bgtit.png) no-repeat -493px -57px;overflow: hidden;}
  172. /* 文章内页 */
  173. #nv_portal .vw .h, #nv_portal .vw .s, #nv_portal .vw .d, #nv_portal .vw .o, #nv_portal .vw .pren, #nv_forum .vw .h, #nv_forum .vw .s, #nv_forum .vw .d { margin-left:0; margin-right:0;}
  174. .ph{ font-size:24px; color:1A1A1A;}
  175. .h .xg1, .h .xg1 a {color: #ACACAC !important;}
  176. .vw .h{ border:none; padding-bottom:0;}
  177. .vw .s{border: 1px solid #EEE; background:#F4F4F4; padding:10px; margin:10px auto;}
  178. .vw .s strong{color: {ALLCOL};}
  179. .vw .s{color: #666;}
  180. #nv_portal .vw .pren em {width: 48%;display: block;height: 24px;line-height: 24px;overflow: hidden;}
  181. #nv_portal .vw .pren em a {color: {ALLCOL};}
  182. #nv_portal .vw .pren em.y {text-align: right;}
  183. #related_article .bm_c{ padding:15px 0;}
  184. #related_article .xl2 li{ width:325px; height:26px; line-height:26px; font-size:14px; margin:0;}
  185. .mls .avt img{width: 46px;height: 46px; padding:0;max-width: 100%;vertical-align: top;border-radius: 50%;_width: 34px; border:none;}
  186. /* 表态动作 */
  187. .atd .num em{ font-size:16px;}
  188. .atdc div{ display:none;}
  189. /* add */
  190. .vw .o{ border:none;}
  191. .oshr{-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px; border:1px solid #CDCDCD;}
  192. /* 评论 */
  193. #comment .portal_tit{ border-bottom:none; margin-bottom:0; height:36px; line-height:36px;}
  194. #comment .portal_tit h3{font-size: 16px; line-height:36px; border-bottom:none; float:left;}
  195. #comment .portal_tit em{ margin-left:20px; float:right;}
  196. #comment_ul{ padding-top:5px;}
  197. #comment_ul ul{ padding-left:50px;}
  198. #comment_ul .mbm{ position:relative;}
  199. #comment_ul .portrait{ position:absolute; left:-50px; top:0;}
  200. #comment_ul .portrait img{ width:30px;height:30px;max-width: 100%;vertical-align: top;border-radius: 50%;}
  201. #comment_ul .username{ margin-right:10px;}
  202. #comment_ul .xg1, #comment_ul .xg1 a {color: #ccc!important;}
  203. .ie6 #comment_ul #cform, .ie7 #comment_ul #cform { height:141px;}
  204. .tedt{ border:none; width:680px; overflow:hidden;}
  205. .tedt .pt{ width:678px;height: 100px;padding: 8px 10px!important;line-height: 1.6;border: 1px solid #D9D9D9;background-color: #F7F7F7;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;vertical-align: middle;resize: vertical; color:#999;}
  206. .ie6 .tedt, .ie7 .tedt{ height:120px;}
  207. .ie6 .tedt .pt, .ie7 .tedt .pt{ width:657px;}
  208. .tedt .pt.bgchange{ background:#FFF;background-color: #FFF; -webkit-box-shadow: 1px 1px 2px #e6e6e6;-moz-box-shadow: 1px 1px 2px #e6e6e6;box-shadow: 1px 1px 2px #e6e6e6;color:#BBB;}
  209. .ptn {padding-top: 15px !important;}
  210. /** end **/
  211. /** portal::comment **/
  212. .bm_c{ padding:10px 0;}
  213. .tedt{ border:none; width:978px;}
  214. .tedt .pt{ width:978px; }
  215. .ie_all .tedt .pt{ width:956px; }
  216. /** end **/
  217. /** forum,group **/
  218. .bm_c{ padding:0;}
  219. .fl .bm_h, .bm_h, .bmw .bm_h{ background:none;border: none;border-bottom: 3px solid #F6F6F6;margin-bottom: 10px;height: 36px;line-height: 36px; padding:0;}
  220. .tl .th, .tl tr:hover th, .tl tr:hover td{ background:none;}
  221. .tl .th, .tl th, .tl td {border-bottom: 1px solid #F6F6F6;}
  222. .bmw .bm_h a, .bmw .bm_h h2 {font-size: 16px;}
  223. .bbs { border-bottom: 1px solid #E2E2E2 !important; }
  224. /* 头部资讯
  225. -----------------------------------------------*/
  226. .date, .author { margin-left:5px;display: block;float: right;font-size: 12px;overflow: hidden;text-align: right; color:#999;}
  227. .turn {margin-right: 8px;color: {ALLCOL};}
  228. .newt{overflow:hidden;margin-bottom:20px;_margin-bottom:30px;}
  229. .container{float:left;position:relative;width:450px;height:250px;overflow:hidden;}
  230. .slides{position:absolute;width:450px;}
  231. .slides li,.slides_container{width:450px;height:250px;overflow:hidden;}
  232. .slides li{position:relative;}
  233. .slides li em{display:block;float:left;position:absolute;text-align:center;bottom:0;width:100%;height:30px;background: url({STYLEIMGDIR}/black.png) repeat 0 0;}
  234. .slides li em a{font-size:14px;font-weight:bold;line-height:28px;color:#fff;}
  235. .container .hd{z-index:10;position:absolute;top:10px;left:5px;height:25px;overflow:hidden;}
  236. .container .hd li{float:left;}
  237. .container .hd li{float:left;width:11px;height:11px;margin-left:6px;border-radius:20px 20px 20px 20px;overflow:hidden;background:#BFBFBF;cursor:pointer;text-indent:-999px;}
  238. .container .hd li.on{ background:{ALLCOL};}
  239. .newt_r{ width: 500px;margin-left: 20px;_margin-left: 18px;float: left;}
  240. #newt_r .hd ul { float: right;margin-right: 2px; height:39px; margin-bottom:-3px;}
  241. #newt_r .hd li { float: left;text-align: center;height: 34px;line-height: 34px;font-size: 14px; margin-left:20px;cursor: pointer}
  242. #newt_r .hd li.on { color: {ALLCOL};}
  243. #newt_r .bd ul{margin-top: 10px;_margin-top: 5px;overflow: hidden;}
  244. #newt_r .bd li {width: 100%;height: 25px;line-height: 25px;overflow: hidden;float: left;font-size:14px;}
  245. /* 板块样式 */
  246. .fl_tb td{padding: 10px 10px 10px 0;}
  247. .fl_tb td.fl_i .f_threads, .fl_tb td.fl_i .f_posts {font-weight: bold;color: {ALLCOL};font-size: 16px;font-family: Arial;line-height: 1.1em;margin: 0 -25px 0 0;vertical-align: middle;position: relative;top: -20px;display: inline-block;}
  248. .fl_tb td .line {color: #D1D1D1;font-size: 90px;font-family: Arial;line-height: 1.1em;vertical-align: middle;font-family: Courier New;display: inline-block;height: 93px;}
  249. .fl_tb td.fl_i .f_posts {color: #333;margin: 0 0 0 -25px;top: auto;bottom: -20px;}
  250. .fl_tb td.fl_by p, .fl_tb td.fl_by p a {color: #16A1E2;}
  251. .fl_tb td.fl_by p a {padding: 0 3px;}
  252. .fl_tb td.fl_by cite {color: #666;font-size: 10px;}
  253. .fl_tb td.fl_by cite {color: #666;font-size: 10px;}
  254. .fl_tb h2, fl_g dt{ line-height:20px;}
  255. .fl_tb h2 a, .fl_g dt a {font-size: 16px;font-weight: 100;}
  256. .fl_tb p.xg2, .fl_g dd p.xg2 { overflow: hidden;line-height: 18px;}
  257. .pgs #newspecial img, .pgs #post_reply img{ display:none;}
  258. .pgs #newspecial, .pgs #newspecialtmp{ background:{ALLCOL} url({STYLEIMGDIR}/pn_post.png) no-repeat 0 0; width:112px; height:32px; }
  259. .pgs #post_reply{ background:{ALLCOL} url({STYLEIMGDIR}/pn_reply.png) no-repeat 0 0; width:55px; height:32px; }
  260. #newspecial_menu {width: 110px;}
  261. #newspecial_menu .p_pop li a{ margin:0 auto;}
  262. /** end **/
  263. /** forum::forumdisplay,group::forumdisplay **/
  264. .rules{background: #F6F6F6;border: 1px dashed #DDD;padding: 10px;}
  265. .bml .bm_h{ background:none;border: none;border-bottom: 3px solid #F6F6F6;margin-bottom: 10px;height: 36px;line-height: 36px; padding:0;}
  266. .pgs {padding-bottom: 10px;border-bottom: 3px solid #F6F6F6 !important;}
  267. /* 主体推荐 */
  268. /* 帖子列表 */
  269. #autopbn{ border:none;}
  270. #atarget{ margin-right:10px;}
  271. .tl th, .tl td {padding: 4px 0;}
  272. .tl th .tdpre, .tl td.fn .tdpre{ margin-right:20px;}
  273. .showhide{margin: 5px 15px 0px 5px}
  274. .list2 {background: #F7F7F7;}
  275. .tl .icon{ width:50px;}
  276. .tl .icon img{ width:38px; height:38px; border-radius:3px;}
  277. .tl .num {width: 90px;line-height: 14px;}
  278. .tl td.num a {color: {ALLCOL};vertical-align: middle;line-height: 1.1em;font-family: Arial;position: relative;margin-right: -5px;display: inline-block;top: -5px;}
  279. .tl td.num .line {color: #D1D1D1;font-size: 30px;font-family: Arial;line-height: 1em;vertical-align: middle;font-family: Courier New;}
  280. .tl td.num em {color: #333;font-size: 12px;line-height: 1.1em;font-family: Arial;position: relative;margin-left: -5px;vertical-align: middle;display: inline-block;bottom: -5px;}
  281. #separatorline .ts th, #separatorline .ts td{border-bottom: 1px solid #F6F6F6;}
  282. /* 预览 */
  283. .tl .threadpre td, .tl .threadpre:hover td{ background:#FFF;}
  284. .tl .threadpre .threadpretd{ border:none;}
  285. .fastpreview{width: 100%;margin:10px 0 10px 58px;padding: 10px 10px 30px 10px;border: 1px solid #EDEDED;border-radius: 5px;}
  286. .fastpreview .icon_preview {top:-8px;}
  287. .fastpreview .avt img{ padding:0; border:none; width:36px; height:36px; border-radius:36px;}
  288. .fastpreview .bbda{ border-bottom:1px solid #F6F6F6;}
  289. .fastpreview .showhide{position: absolute;bottom: 10px;right: 0;}
  290. .emptb th, .emptb td {padding: 0;border-bottom: none; height:0; line-height:0;}
  291. /* 分类 */
  292. .ttp { margin-bottom: 0; padding-top: 0; }
  293. .ttp li { padding-bottom: 0; margin-right:8px; }
  294. .ttp a, .ttp strong{ border: none; padding: 3px 8px; margin-right: 0; text-decoration: none; border-radius: 3px; }
  295. .ttp a:hover { background: #f7f7f7; }
  296. .ttp .a a { background: {ALLCOL}; color: #fff !important; padding: 3px 8px; border-radius: 3px; }
  297. .ttp .a a:hover { background: {ALLCOL}; }
  298. .ttp .num { background:none;color: #888 !important; margin-left:0;}
  299. .ttp .a .num { background:none; color:#FFF!important; font-weight: normal;}
  300. .pop_moremenu li{ margin:3px;}
  301. .pop_moremenu .pipe {margin: 0 2px;}
  302. .pop_moremenu a.xw1{ background:none;}
  303. .p_pop a:hover, .p_pop a.a, #sctype_menu .sca {background-color:#F0F4F8; border-radius:3px;}
  304. .p_pop, .p_pof, .sllt{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border: 1px solid #DDD;border-radius: 5px;}
  305. .p_pop{ border-radius:0;}
  306. /* 快速发帖 */
  307. #f_pst .bm_c { padding:0;padding-top: 10px;}
  308. /** end **/
  309. /** forum::viewthread,group::viewthread **/
  310. #postlist{border: 1px solid #F0F4F8;border-top: 3px solid {ALLCOL};}
  311. .ad .plc, .ad .pls {background: #F0F4F8;}
  312. .pls { background: #FBFBFB;border-right: 1px solid #F0F4F8;}
  313. .pi { border-bottom: 1px dashed #E5E5E5;}
  314. .pls .avatar img{ background:#FFF;border: 1px solid #F0F4F8;}
  315. #f_pst{border: 4px solid #F0F4F8;}
  316. .tns th{border-right: 1px solid #F0F0F0;}
  317. .p_pop, .p_pof, .sllt{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border: 1px solid #DDD;border-radius: 5px;}
  318. .p_pop{ border-radius:0;}
  319. .bui{border: 4px solid rgba(0, 0, 0, 0.05);_border: 4px solid #F2F2F2;box-shadow: none; background:#FFF;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
  320. #p_btn a{border: 2px solid #F0F4F8;border-radius: 5px; background:#fcfcfc;}
  321. #p_btn i{ background:none;padding: 0 8px 0 0;}
  322. /* 热点推荐 */
  323. #jeavi_recommend{width: 980px;height: 138px; margin-bottom: 10px; overflow: hidden;}
  324. #jeavi_recommend .tcontent{overflow: hidden;width: 687px; height:138px;float: left;}
  325. #jeavi_recommend .tcontent:before, #jeavi_recommend .tcontent:after{display: table;content: "";}
  326. #jeavi_recommend .tcontent:after{clear: both;}
  327. #jeavi_recommend .lside{width: 687px; height:130px; float: left;overflow: hidden; position:relative;}
  328. #jeavi_recommend .lside_con{ width:623px; height:130px; margin-left:32px;overflow: hidden;}
  329. #jeavi_recommend .picitem_con{ }
  330. .lside_prev, .lside_next{background:url({STYLEIMGDIR}/life_icon.png) no-repeat;}
  331. .lside_prev{ width:32px; height:60px; background-position: -32px 0; position: absolute; top:25px; left:0;cursor: pointer;}
  332. .lside_next{ width:32px; height:60px; background-position: 0 0; position: absolute;top:25px; left:650px;cursor: pointer;}
  333. #picitem_con {width:687px;float: left;}
  334. #jeavi_recommend .rside{ width:280px; float:left; margin-left:12px;}
  335. #jeavi_recommend .rside ul{ width:280px; float:left}
  336. #jeavi_recommend .rside li{height: 25px;line-height: 25px;overflow: hidden;}
  337. #jeavi_recommend .rside i{font-family: 'Simsun';}
  338. #jeavi_recommend .picitem{width: 142px;height: 130px; margin-right:17px;_margin-right:15px;float: left; display:inline;}
  339. #jeavi_recommend .last{ margin-right:0;}
  340. #jeavi_recommend .picitem .img{width: 130px;height: 95px;padding: 5px;border: 1px solid #f7f4ed;background: #fff;-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
  341. #jeavi_recommend .picitem .img a{display: block;width: 130px;height: 95px;overflow: hidden;}
  342. #jeavi_recommend .picitem .subject{margin-top: 3px;width: 142px;height: 20px;line-height: 20px;overflow: hidden;text-align: center;}
  343. /* 随便看看 */
  344. .network{}
  345. .network_t { height: 130px;overflow: hidden;border-bottom: 0px solid #ccbb9e;}
  346. .network_gbtk {width:474px;float: left;}
  347. .network_fla {float: left;width: 278px;height:138px;overflow:hidden;}
  348. .network_ulfive {float: left;width: 196px;margin-top: 7px;}
  349. .network_alinkone li {float: left;width: 124px;height: 112px;overflow: hidden;text-align: center;margin: 14px 0px 0 13px;display: inline;}
  350. .network_alinkone img {display: block;margin: 0 auto 3px;}
  351. .network_ulfive li {float: left;width: 196px;text-indent: 10px;height: 18px;line-height: 18px;overflow: hidden;margin-top:5px;font-size: 14px;background: none;}
  352. .netbox{width: 960px;padding: 10px 9px 9px;height: 200px; background:#F0F4F8;overflow: hidden; border: 1px solid #F0F4F8; border-top:none;}
  353. .netbox_zpic {position: relative;text-align: center;padding: 0px;width: 216px;height: 200px;overflow: hidden;}
  354. .netbox_zpic b {position: absolute;line-height: 22px;width: 216px;left: 0px;bottom: 0px;height: 22px;z-index: 5;background: url({STYLEIMGDIR}/black.png) repeat;}
  355. .netbox_zpic p {position: absolute;line-height: 22px;width: 200px;left: 0px;bottom: 0px;height: 22px;z-index: 6;color: #fff;cursor: hand;}
  356. .netbox_cpic {width:525px;float:left;height: 210px;overflow: hidden;position: relative;}
  357. .netbox_cpic li {position: relative;padding: 0px 0px 12px 9px;height: 94px;overflow: hidden;}
  358. .pic {text-align: center;width: 120px;font-size: 12px;}
  359. .netbox_cpic li img {width: 120px;height: 94px;}
  360. .netbox_cpic li b {position: absolute;line-height: 22px;width: 120px;bottom: 12px;height: 22px;left: 9px;z-index: 5;}
  361. .netbox_cpic li p {position: absolute;line-height: 22px;width: 120px;bottom: 12px;height: 22px;left: 9px;z-index: 6;color: #fff; overflow:hidden;}
  362. .pls .arr {background: url({STYLEIMGDIR}/arrwd.png) no-repeat 0px 0px;display: block;height: 11px;margin-left: 154px;position: absolute;margin-top: 52px;width: 7px;}
  363. /** end **/
  364. /** forum::collection **/
  365. .tb_h{ background:none;}
  366. .tb_h li {margin-right: 3px;}
  367. .tb_h a {display: block;padding: 0 10px;border: 1px solid #CDCDCD;background: #E5EDF2;}
  368. .bml .bm_h{border-bottom: 3px solid #F4F4F4;height: 36px;line-height: 36px;}
  369. .bml .bm_h h1{float: left;font-size: 16px;font-weight: 700;}
  370. /** end **/
  371. /** home::space **/
  372. #uhd{ background:none; border:none;}
  373. #uhd .tb a{border: 1px solid #CDCDCD;}
  374. /** end **/