common_comment.css 38 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630
  1. @charset "UTF-8";
  2. /*20131016 add 移动页面兼容样式支持*/
  3. @media only screen and (min-width: 1px) and (max-width: 480px) { em, strong { font-style: normal; }
  4. ul, ol { list-style: none; padding: 0px; }
  5. .dw-comment-comment_list .comment-author_pic { display: none; }
  6. .dw-comment-replay_list .reply_author_pic { display: none; } }
  7. /*评论模块皮肤*/
  8. #comment_frame { display: block; width: 100%; clear: both; }
  9. /*评论模块通用样式*/
  10. .clearfix:before, .clearfix:after { content: ''; display: table; }
  11. .clearfix:after { clear: both; }
  12. .clearfix { zoom: 1; }
  13. .dw-comment-ctn :active { outline: 0; }
  14. .dw-comment-ctn :visited { outline: 0; }
  15. .dw-comment-ctn :link, .dw-comment-ctn :visited { text-decoration: none; }
  16. /* :focus{outline:0}定义后按tab键在连接间跳转没有标识当前连接的外轮廓点线 :active{outline:0;} :visited{outline:0;} */
  17. .dw-comment-ctn img { border: 0 none; -ms-interpolation-mode: bicubic; vertical-align: middle; display: inline-block !important; background: none; height: auto; width: auto; }
  18. em, i { font-style: normal; font-weight: normal; }
  19. h1, h2, h3, h4, input, button, textarea { font-size: 100%; }
  20. .dw-comment-ctn input, .dw-comment-ctn textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
  21. .dw-comment-ctn textarea { overflow: auto; vertical-align: top; resize: vertical; }
  22. .dw-comment-ctn ol, .dw-comment-ctn ul { list-style: none outside none; }
  23. .dw-comment-ctn blockquote { quotes: none; }
  24. .dw-comment-ctn blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
  25. .dw-comment-ctn input { vertical-align: middle; }
  26. .dw-comment-ctn { position: relative; *zoom: 1; }
  27. .dw-comment-ctn:before, .dw-comment-ctn:after { content: ''; display: table; }
  28. .dw-comment-ctn:after { clear: both; }
  29. .dw-comment-ctn { zoom: 1; min-height: 295px; _height: 295px; }
  30. .dw-comment-box { overflow: hidden; *zoom: 1; font: 12px/1.5 tahoma,sans-serif; color: #333; margin-top: 8px; }
  31. .dw-comment-box:before, .dw-comment-box:after { content: ''; display: table; }
  32. .dw-comment-box:after { clear: both; }
  33. .dw-comment-box { zoom: 1; }
  34. .dw-comment-box a { color: #2D5FC3; }
  35. .dw-comment-box .last_item { border-bottom: none !important; }
  36. /*心情模块样式*/
  37. .dw-comment-mood-ctn { padding: 14px; }
  38. .dw-comment-mood-ctn h3 { font-size: 12px; }
  39. .dw-comment-mood-ctn .content { float: left; position: relative; left: 50%; display: inline; }
  40. .dw-comment-mood-ctn .content ul { float: left; display: inline; position: relative; left: -50%; }
  41. .dw-comment-mood-ctn .content li { width: 65px; float: left; display: inline; margin-right: 15px; }
  42. .dw-comment-mood-ctn .content .support_num { display: block; text-align: center; }
  43. .dw-comment-mood-ctn .content .support_line { width: 13px; height: 52px; background-color: #EEEEEE; display: block; position: relative; margin: 5px auto; }
  44. .dw-comment-mood-ctn .content .support_line span { width: 13px; height: 60%; display: block; position: absolute; bottom: 0; left: 0; }
  45. .dw-comment-mood-ctn .content .comment-mood-pic { text-align: center; display: block; height: 83px; padding: 4px 0px 0px 0px; }
  46. .dw-comment-mood-ctn .content .comment-mood-pic:hover { background: url(bg_mood_item.png) no-repeat 0px 0px; _background-image: url(bg_mood_item_ie6.png); }
  47. .dw-comment-mood-ctn .content .comment-mood-pic img { margin: 0px auto; display: block !important; }
  48. .dw-comment-mood-ctn .content .comment-mood-pic em { display: block; line-height: 23px; color: #333; }
  49. .dw-comment-mood-ctn .content .comment-mood-pic:hover em { font-weight: bold; }
  50. /*观点模块*/
  51. .dw-comment-view-ctn { padding: 10px 12px; }
  52. .dw-comment-view-ctn .view_list a { line-height: 35px; padding: 0px 10px; background-color: #F2B0BB; display: inline-block; *display: inline; *zoom: 1; margin: 0px 1px 1px 0px; font-weight: bold; color: white !important; }
  53. .dw-comment-view-ctn .view_list a:hover { text-decoration: none; color: #2d5fc3 !important; background-color: #f9f9f9 !important; }
  54. .dw-comment-view-ctn .view_list .comment-more_view { display: inline-block; *display: inline; *zoom: 1; line-height: 35px; padding: 0px 15px 0px 10px; cursor: pointer; position: relative; }
  55. .dw-comment-view-ctn .view_list .comment-more_view i { position: absolute; top: 17px; right: 2px; width: 7px; height: 4px; background: url(arrow.png) no-repeat 0px 0px; }
  56. .dw-comment-view-ctn .view_list .comment-more_packup i { position: absolute; top: 17px; right: 2px; width: 7px; height: 4px; background: url(arrow1.png) no-repeat 0px 0px; }
  57. .dw-comment-view-ctn .view_action_bar { float: right; margin-top: 8px; }
  58. .dw-comment-view-ctn .view_action_bar label { float: left; line-height: 37px; color: #666666; }
  59. .dw-comment-view-ctn .view_action_bar .search_ctn { float: left; background: rgba(201, 201, 201, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3FC9C9C9,endcolorstr=#3FC9C9C9); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 4px; width: 390px; height: 29px; overflow: hidden; }
  60. .dw-comment-view-ctn .view_action_bar .search_ctn .dw-comment-view { height: 27px; line-height: 27px; border: 1px solid #B2B2B2; width: 304px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 0px 10px 0px 6px; float: left; }
  61. .dw-comment-view-ctn .view_action_bar .search_ctn .submit { width: 72px; height: 29px; background: url(btn_view.png) no-repeat 0px 0px; border: none; color: #fff; margin-left: -4px; cursor: pointer; *line-height: 29px; float: left; font-size: 14px; font-weight: bold; }
  62. /*评论发表*/
  63. .dw-comment-comments-ctn a { color: #2d5fc3 !important; }
  64. /*链接样式*/
  65. .dw-comment-comments-ctn a:hover { background-color: transparent !important; }
  66. /*清理入侵链接的背景颜色*/
  67. .dw-comment-comments-ctn { padding: 10px 12px; padding-top: 0px; }
  68. .dw-comment-comments-ctn h3 { padding-top: 10px; font-weight: normal; overflow: hidden; *zoom: 1; background: none !important; }
  69. .dw-comment-comments-ctn h3 .total_num { color: #666666; font-weight: normal; font-size: 12px; color: #333333 !important; }
  70. .dw-comment-comments-ctn h3 .total_num em { color: red !important; }
  71. .dw-comment-comments-ctn .dw-comment-activity-link { float: right; display: inline; }
  72. .dw-comment-comments-ctn .dw-comment-activity-link a { margin-left: 10px; }
  73. .dw-comment-comments-ctn .new-comment-flash { padding-right: 20px; background: url(btn_flash.png) no-repeat right center; color: #2D5FC3; }
  74. .dw-comment-comments-ctn .dw-comment-post-ctn { margin: 10px 0px; padding: 10px 10px 0px; overflow: hidden; *zoom: 1; }
  75. .dw-comment-comments-ctn .dw-comment-post-ctn .textarea_ctn { padding: 5px 8px; background-color: #fff; border: 1px solid #D2D2D2; position: relative; height: 60px; }
  76. .dw-comment-comments-ctn .dw-comment-post-ctn .textarea_ctn .maks { width: 100%; height: 70px; _padding: 0px 10px; position: absolute; top: 0px; left: 0px; z-index: 100; background: rgba(255, 255, 255, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4CFFFFFF,endcolorstr=#4CFFFFFF); *zoom: 1; *background-color: #F2F2F2; }
  77. .dw-comment-comments-ctn .dw-comment-post-ctn .textarea_ctn .dw-comment-post { width: 99%; line-height: 20px; border: 0px solid #fff; resize: none; height: 60px; overflow: auto; }
  78. .dw-comment-post-foot { margin: 12px 0px 14px; *zoom: 1; font: 12px/1.5 tahoma,sans-serif !important; *zoom: 1; }
  79. .dw-comment-post-foot:after { content: ''; display: table; clear: both; }
  80. .dw-comment-post-foot .user-info { line-height: 27px !important; float: left; padding: 0px !important; margin: 0px !important; }
  81. .dw-comment-post-foot .user-info img { padding: 2px; background-color: #fff; border: 1px solid #E8E8E8; width: 20px !important; height: 20px !important; }
  82. .dw-comment-post-foot .user-info .name { margin: 0px 5px; color: #2D5FC3; font-weight: bold; }
  83. .dw-comment-post-foot .user-info a { margin: 0px 5px; color: #2d5fc3 !important; }
  84. .dw-comment-post-foot .user-info .no_name_method input { margin-right: 5px; }
  85. .dw-comment-post-foot .dw-comment-post-action { float: right; }
  86. .dw-comment-post-foot .dw-comment-post-action label { line-height: 27px; }
  87. .dw-comment-post-foot .dw-comment-post-action .post_code { height: 25px; line-height: 25px; border: 1px solid #D1D1D1; width: 75px; }
  88. .dw-comment-post-foot .dw-comment-post-action .submit { width: 80px; height: 27px; background: url(btn_view_1.png) no-repeat 0px 0px; font-size: 14px; font-weight: bold; border: none; color: #fff; cursor: pointer; }
  89. .dw-comment-post-foot .dw-comment-post-action .not_login { background: url(btn_view_2.png) no-repeat 0px 0px; cursor: not-allowed; }
  90. .dw-comment-loginbar-ctn { position: absolute; top: 50%; left: 50%; color: #666666; line-height: 30px; z-index: 100; }
  91. .dw-comment-loginbar-ctn .dw-comment-loginbar { position: relative; top: -15px; left: -50%; padding: 0px 25px; background-color: #F9F9F9; box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05); }
  92. .dw-comment-loginbar-ctn .dw-comment-loginbar a { margin: 0px 5px; }
  93. /*评论列表*/
  94. .dw-comment-comment_list .reply_text { text-indent: 0 !important; margin: 0px !important; font-size: 12px !important; }
  95. .dw-comment-comment_list .reply_text, .dw-comment-comment_list .comment_blockquote { font-size: 12px; }
  96. .dw-comment-comment_list .comment_text { font-size: 14px !important; margin: 0px !important; text-indent: 0 !important; }
  97. .dw-comment-comment_list .comment-list_item { padding: 10px 0px; overflow: hidden; *zoom: 1; border-bottom: 1px dashed #D7D7D7; }
  98. .dw-comment-comment_list .comment-author_pic { float: left; margin-right: 10px; }
  99. .dw-comment-comment_list .comment-author_pic img { padding: 3px; background-color: #fff; border: 1px solid #E8E8E8; height: 50px !important; width: 50px !important; }
  100. .dw-comment-comment_list .comment_content { overflow: hidden; *zoom: 1; line-height: 21px; }
  101. .dw-comment-comment_list .comment_content .comment_info { color: #999999 !important; margin: 0px !important; text-indent: 0 !important; }
  102. .dw-comment-comment_list .comment_content .comment_info .info_day { margin-left: 8px; }
  103. .dw-comment-comment_list .comment_content .comment_info .info_time { margin: 0px 8px; }
  104. .dw-comment-comment_list .comment_content .comment_blockquote { position: relative; *zoom: 1; margin: 40px 0px 8px 0px; *margin: 20px 0px 8px 0px; padding: 10px 5px; clear: both; }
  105. .dw-comment-comment_list .comment_content .comment_blockquote_title { background-color: #FFFCF0; color: #999999; position: absolute; top: -14px; left: 8px; padding: 0px 12px; }
  106. .dw-comment-comment_list .comment_action { text-align: right; color: #FF0000; line-height: 18px; clear: both; }
  107. .dw-comment-comment_list .comment_action .post_time { float: left; color: #999999 !important; }
  108. .dw-comment-comment_list .comment_content .post_time .info_time { margin: 0px 8px; }
  109. .dw-comment-comment_list .comment_action a { color: #2d5fc3 !important; margin-right: 5px; padding-bottom: 2px; }
  110. .dw-comment-comment_list .comment_action a em { color: #FF0000; }
  111. .dw-comment-comment_list .comment_action .view_up { padding-left: 17px; color: #999999 !important; padding-bottom: 2px; background: url(icon_view_up.png) no-repeat 0px 2px; margin-right: 12px; padding-bottom: 1px; }
  112. .dw-comment-comment_list .comment_action .view_up:hover { background-position: 0px -18px; }
  113. .dw-comment-comment_list .comment_action .view_down { padding-left: 17px; color: #999999 !important; background: url(icon_view_down.png) no-repeat 0px 2px; margin-right: 12px; padding-bottom: 1px; }
  114. .dw-comment-comment_list .comment_action .view_down:hover { background-position: 0 -18px; }
  115. .dw-comment-comment_list .comment_reply_ctn { clear: both; margin-bottom: 4px; }
  116. .dw-comment-comment_list .comment_reply_ctn .more_reply { text-align: right; line-height: 30px; }
  117. .dw-comment-comment_list .comment_action .selected { background-position: 0 -18px; }
  118. /*回复列表*/
  119. .comment_reply_ctn { margin-top: 10px; padding: 12px; padding-bottom: 5px; }
  120. .dw-comment-replay_list .replay_list_item { overflow: hidden; *zoom: 1; border-bottom: 1px dashed #D7D7D7; margin-top: 8px; padding-bottom: 8px; }
  121. .dw-comment-replay_list .replay_list_lastitem { border-bottom: 0 solid #cccccc !important; }
  122. .dw-comment-replay_list .reply_author_pic { float: left; margin-right: 10px; }
  123. .dw-comment-comment_list .reply_author_pic img { padding: 2px; background-color: #fff; border: 1px solid #E8E8E8; height: 30px !important; width: 30px !important; }
  124. .dw-comment-replay_list .reply_content { overflow: hidden; *zoom: 1; line-height: 24px; }
  125. .dw-comment-replay_list .reply_content .dw-comment-reply_post-action { float: right; }
  126. .dw-comment-replay_list .reply_content .reply_info { color: #999999 !important; float: left; margin: 0px !important; margin-right: 8px !important; text-indent: 0 !important; }
  127. .dw-comment-replay_list .reply_content .reply_info .author { color: #2d5fc3 !important; }
  128. .dw-comment-replay_list .reply_content .reply_info .info_day { margin-left: 8px; }
  129. .dw-comment-replay_list .reply_content .reply_info .info_time { margin: 0px 8px; }
  130. .dw-comment-replay_list .reply_content .reply_time { display: inline; color: #999; line-height: 24px; }
  131. .dw-comment-replay_list .reply_action { text-align: right; color: red !important; clear: both; margin: 0px !important; text-indent: 0 !important; }
  132. .dw-comment-replay_list .reply_action a { color: #2D5FC3 !important; margin-right: 5px; padding-bottom: 2px; }
  133. .dw-comment-replay_list .reply_action a em { color: #FF0000; }
  134. .dw-comment-replay_list .reply_action .view_up { padding-left: 17px; color: #999; background: url(icon_view_up.png) no-repeat 0px 2px; margin-right: 12px; padding-bottom: 1px; }
  135. .dw-comment-replay_list .reply_action .view_up:hover { background-position: 0px -18px; }
  136. .dw-comment-replay_list .reply_action .view_down { padding-left: 17px; color: #999; background: url(icon_view_down.png) no-repeat 0px 2px; margin-right: 12px; padding-bottom: 1px; }
  137. .dw-comment-replay_list .reply_action .view_down:hover { background-position: 0px -18px; }
  138. .comment_reply_ctn .comment-more_reply { line-height: 30px; text-align: right; color: #fff; color: #999999; border-top: 1px dashed #D7D7D7; }
  139. .comment_reply_ctn .comment_reply_reply_ctn { margin-top: 8px; overflow: hidden; *zoom: 1; }
  140. .dw-comment-replay_list .reply_action .selected { background-position: 0 -18px; }
  141. /*发表回复*/
  142. .dw-comment-reply_post-ctn .textarea_ctn { padding: 5px 15px; background-color: #fff; border: 1px solid #D2D2D2; height: 60px; position: relative; }
  143. .dw-comment-reply_post-ctn .textarea_ctn .maks { width: 100%; height: 70px; _padding: 0px 10px; position: absolute; top: 0px; left: 0px; z-index: 100; background: rgba(255, 255, 255, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4CFFFFFF,endcolorstr=#4CFFFFFF); *zoom: 1; *background-color: #F2F2F2; }
  144. .dw-comment-reply_post-ctn .textarea_ctn .dw-comment-reply_post { width: 99%; border: none; height: 60px; line-height: 20px; resize: none; overflow: auto; }
  145. .dw-comment-reply_post-ctn .line_textarea { height: 30px; }
  146. .dw-comment-reply_post-ctn .line_textarea .maks { height: 40px; }
  147. .dw-comment-reply_post-ctn .line_textarea .dw-comment-reply_post { height: 30px; }
  148. .dw-comment-reply_post-foot { overflow: hidden; *zoom: 1; margin: 12px 0px 5px; }
  149. .dw-comment-reply_post-foot .user-info { line-height: 27px; float: left; }
  150. .dw-comment-reply_post-foot .user-info img { padding: 2px; background-color: #fff; border: 1px solid #E8E8E8; height: 20px !important; width: 20px !important; }
  151. .dw-comment-reply_post-foot .user-info .name { margin: 0px 5px; color: #2D5FC3; font-weight: bold; }
  152. .dw-comment-reply_post-foot .user-info a { margin: 0px 5px; color: #2d5fc3 !important; }
  153. .dw-comment-reply_post-foot .dw-comment-reply_post-action { float: right; }
  154. .dw-comment-reply_post-foot .dw-comment-reply_post-action label { line-height: 27px; }
  155. .dw-comment-reply_post-foot .dw-comment-reply_post-action .post_code { height: 25px; line-height: 25px; border: 1px solid #D1D1D1; width: 65px; padding: 0 5px; }
  156. .dw-comment-reply_post-foot .dw-comment-reply_post-action .submit { width: 80px; height: 27px; background: url(btn_view_1.png) no-repeat 0px 0px; font-size: 14px; font-weight: bold; border: none; color: #fff; cursor: pointer; }
  157. .dw-comment-reply_post-foot .dw-comment-reply_post-action .not_login { cursor: not-allowed; background: url("btn_view_2.png") no-repeat scroll 0 0 transparent; }
  158. /*表情输入样式*/
  159. .comment-expression { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 10px; }
  160. .comment-expression .note { color: #999; }
  161. .comment-expression .dw-comment-expression-btn { padding-left: 5px; }
  162. .comment-expression .note em { font-size: 18px; font-family: Georgia, \5fae\8f6f\96c5\9ed1, sans-serif; }
  163. .comment-empty-desc { padding: 14px 0px; font-size: 14px; font-weight: bold; color: #999999; }
  164. .dw-comment-sharebar .sharebar { float: left; display: inline; }
  165. .dw-comment-sharebar .sharebar dt, .dw-comment-sharebar .sharebar dd { display: inline-block; *display: inline; *zoom: 1; line-height: 27px; height: 27px; color: #666; font-size: 12px; }
  166. .dw-comment-sharebar .sharebar dt { margin-right: -5px; color: #999; }
  167. .dw-comment-sharebar .sharebar dd { line-height: 16px; height: 16px; vertical-align: middle; margin-left: 5px; }
  168. .dw-comment-sharebar .sharebar a img { vertical-align: baseline; }
  169. /*底部评论*/
  170. .dw-comment-new_comment { display: block; height: 34px; padding: 5px 0px; margin-top: 10px; line-height: 34px; text-align: center; font-weight: bold; color: #2D5FC3 !important; }
  171. .dw-comment-more_comment { display: block; height: 34px; padding: 5px 0px; margin-top: 10px; line-height: 34px; text-align: center; font-weight: bold; color: #2D5FC3 !important; }
  172. .dw-comment-new_comment span, .dw-comment-more_comment span { background: url(icon_morenews.png) no-repeat right center; padding-right: 13px; }
  173. .dw-comment-more_loading { background: url(icon_loading.gif) no-repeat center 5px; text-indent: -9999px; padding: 5px 0px; }
  174. .dw-comment-ps_note { padding: 8px 0px; }
  175. .dw-comment-ps_note em { font-weight: bold; }
  176. /*评论排序方式*/
  177. .dw-comment-sequence a { padding: 0px 8px; line-height: 20px; height: 20px; color: #2d5fc3 !important; display: inline-block; *display: inline; *zoom: 1; margin-right: 5px; border-radius: 3px; }
  178. .dw-comment-sequence a.selected { color: white !important; background-color: #58abf3 !important; }
  179. /*表情输入*/
  180. .comment-expression-popu { position: absolute; display: none; z-index: 999; background: rgba(228, 228, 228, 0.4); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);*/ padding: 3px; *zoom: 1; }
  181. .comment-expression-popu .arrow { position: absolute; top: -7px; left: 410px; background: url(icon_popu_arrow.png) no-repeat 0px 0px; font-size: 0; width: 16px; height: 11px; overflow: hidden; }
  182. .comment-expression-popu .arrow-down { position: absolute; top: none; bottom: 0px; margin-bottom: -7px; left: 205px; background: url(icon_popu_arrow.png) no-repeat 0px -15px; font-size: 0; width: 16px; height: 11px; overflow: hidden; }
  183. .comment-expression-popu .content { background-color: #fff; border: 1px solid #E6E6E6; padding: 10px; width: 511px; }
  184. .comment-expression-popu .expression-list:before, .comment-expression-popu .expression-list:after { content: ''; display: table; }
  185. .comment-expression-popu .expression-list:after { clear: both; }
  186. .comment-expression-popu .expression-list { zoom: 1; }
  187. .comment-expression-popu .expression-list li { float: left; border-left: 1px solid #E7E8E9; border-top: 1px solid #E7E8E9; }
  188. .comment-expression-popu .expression-list li a { display: block; width: 29px; height: 29px; line-height: 29px; font-size: 0; text-align: center; }
  189. .comment-expression-popu .expression-list { border-bottom: 1px solid #E7E8E9; border-right: 1px solid #E7E8E9; }
  190. /*2012.11.19添加吐槽墙颜色样式,共7个*/
  191. .comment-tucaoItem1 { background-color: #E53A6F !important; }
  192. .comment-tucaoItem2 { background-color: #EA537B !important; }
  193. .comment-tucaoItem3 { background-color: #F07394 !important; }
  194. .comment-tucaoItem4 { background-color: #EE8AA5 !important; }
  195. .comment-tucaoItem5 { background-color: #8F8F8F !important; }
  196. .comment-tucaoItem6 { background-color: #A6A6A6 !important; }
  197. .comment-tucaoItem7 { background-color: #BBBBBB !important; }
  198. /*2012-12-27添加隐藏评论显示*/
  199. .dw-comment-hide_comment { padding: 5px 0px; text-align: right; }
  200. /* 皮肤样式 */
  201. /*comment-skin-1*/
  202. .dw-comment-skin_yellow .dw-comment-mood-ctn, .dw-comment-skin_yellow .dw-comment-view-ctn, .dw-comment-skin_yellow .dw-comment-comments-ctn { border: 1px solid #E0BC64; background-color: #FEFAEC; }
  203. /*评论框背景颜色,线框*/
  204. .dw-comment-skin_yellow .comment_reply_ctn, .dw-comment-skin_yellow .dw-comment-post-ctn, .dw-comment-skin_yellow .dw-comment-more_comment, .dw-comment-skin_yellow .dw-comment-new_comment, .dw-comment-skin_yellow .comment_blockquote { background-color: #FAF5DD; border: 1px solid #EAE3C0; }
  205. /*回复框,引用框背景颜色,线框颜色*/
  206. .dw-comment-skin_yellow .dw-comment-mood-ctn .support_line span { background-color: #304757; }
  207. /*评论心情条形颜色*/
  208. /*comment-skin-2*/
  209. .dw-comment-skin_white .dw-comment-mood-ctn, .dw-comment-skin_white .dw-comment-view-ctn, .dw-comment-skin_white .dw-comment-comments-ctn { border: 1px solid #EAEAEA; background-color: #FFFFFF; }
  210. /*评论框背景颜色,线框*/
  211. .dw-comment-skin_white .comment_reply_ctn, .dw-comment-skin_white .dw-comment-post-ctn, .dw-comment-skin_white .dw-comment-more_comment, .dw-comment-skin_white .dw-comment-new_comment, .dw-comment-skin_white .comment_blockquote { background-color: #F9F9F9; border: 1px solid #EDEDED; }
  212. /*回复框,引用框背景颜色,线框颜色*/
  213. .dw-comment-skin_white .dw-comment-mood-ctn .support_line span { background-color: #52A2E6; }
  214. /*评论心情条形颜色*/
  215. /*comment-skin-3*/
  216. .dw-comment-skin_blue .dw-comment-mood-ctn, .dw-comment-skin_blue .dw-comment-view-ctn, .dw-comment-skin_blue .dw-comment-comments-ctn { border: 1px solid #DBE8E7; background-color: #FAFDFD; }
  217. /*评论框背景颜色,线框*/
  218. .dw-comment-skin_blue .comment_reply_ctn, .dw-comment-skin_blue .dw-comment-post-ctn, .dw-comment-skin_blue .dw-comment-more_comment, .dw-comment-skin_blue .dw-comment-new_comment, .dw-comment-skin_blue .comment_blockquote { background-color: #EDF6F9; border: 1px solid #CDE7F2; }
  219. /*回复框,引用框背景颜色,线框颜色*/
  220. .dw-comment-skin_blue .dw-comment-mood-ctn .support_line span { background-color: #304757; }
  221. /*评论心情条形颜色*/
  222. /*comment-skin-4建于2012.11.19*/
  223. .dw-comment-skin_black .dw-comment-box, .dw-comment-skin_black .dw-comment-sharebar .sharebar dt { color: #cccccc !important; }
  224. /*统一描述内容灰字颜色*/
  225. .dw-comment-skin_black .dw-comment-mood-ctn, .dw-comment-skin_black .dw-comment-view-ctn, .dw-comment-skin_black .dw-comment-comments-ctn { border: 1px solid #282828; background-color: #262626; }
  226. /*评论框背景颜色,线框*/
  227. .dw-comment-skin_black .comment_reply_ctn, .dw-comment-skin_black .dw-comment-post-ctn, .dw-comment-skin_black .dw-comment-more_comment, .dw-comment-skin_black .dw-comment-new_comment, .dw-comment-skin_black .comment_blockquote { background-color: #1D1D1D; border: 1px solid #282828; }
  228. /*回复框,引用框背景颜色,线框颜色*/
  229. .dw-comment-skin_black .dw-comment-comment_list .comment_content .comment_blockquote_title { background-color: #1D1D1D; }
  230. /*引用框title*/
  231. .dw-comment-skin_black .dw-comment-mood-ctn .support_line span { background-color: #304757; }
  232. /*评论心情条形颜色*/
  233. .dw-comment-skin_black .dw-comment-comment_list .comment-list_item, .dw-comment-skin_black .dw-comment-replay_list .replay_list_item { border-color: #474747; }
  234. /*分割线样式*/
  235. .dw-comment-skin_black .dw-comment-comments-ctn .dw-comment-post-ctn, .dw-comment-skin_black .dw-comment-new_comment, .dw-comment-skin_black .dw-comment-comment_list .comment_reply_ctn, .dw-comment-skin_black .dw-comment-comment_list .comment_content .comment_blockquote, .dw-comment-skin_black .dw-comment-more_comment { box-shadow: 0px 4px 0px rgba(30, 30, 30, 0.5); }
  236. /*盒子阴影*/
  237. .dw-comment-skin_black .dw-comment-comments-ctn a, .dw-comment-skin_black .dw-comment-new_comment span, .dw-comment-skin_black .dw-comment-post-foot .user-info .name, .dw-comment-skin_black .dw-comment-reply_post-foot .user-info .name, .dw-comment-skin_black .dw-comment-more_comment span { color: #f8f17c !important; }
  238. /*链接,评论提示,刷新评论按钮字体,回复框用户名颜色*/
  239. .dw-comment-skin_black .dw-comment-sequence a.selected { color: white !important; }
  240. /*评论分类白色选中状态*/
  241. .dw-comment-skin_black .dw-comment-replay_list .reply_action .view_up, .dw-comment-skin_black .dw-comment-replay_list .reply_action .view_down, .dw-comment-skin_black .dw-comment-replay_list .reply_action a em, .dw-comment-skin_black .dw-comment-comment_list .comment_action a em, .dw-comment-skin_black .comment-mood-pic em, .dw-comment-skin_black .dw-comment-comments-ctn h3 .total_num, .dw-comment-skin_black .dw-comment-comments-ctn h3 .total_num em { color: #cccccc !important; }
  242. /*#ccc灰色字体颜色统一修改,包括文章赞,吐槽,回复,“所有评论条目”等描述文字,文章心情评论链接颜色*/
  243. .dw-comment-skin_black .comment-mood-pic:hover em { color: #333333 !important; }
  244. /*文章心情评论链接颜色hover状态*/
  245. .dw-comment-skin_black .dw-comment-loginbar-ctn .dw-comment-loginbar a { color: #2d5fc3 !important; }
  246. /*登录框文字样式*/
  247. .dw-comment-skin_black .dw-comment-reply_post-foot .user-info img, .dw-comment-skin_black .dw-comment-comment_list .comment-author_pic img, .dw-comment-skin_black .dw-comment-post-foot .user-info img, .dw-comment-skin_black .dw-comment-comment_list .reply_author_pic img { background-color: #262626; border: 1px solid #333331; }
  248. /*统一调整图片背景颜色,边框颜色*/
  249. /*comment-skin-5建于2012.11.19*/
  250. .dw-comment-skin_deepblue .dw-comment-box, .dw-comment-skin_deepblue .dw-comment-sharebar .sharebar dt { color: #cccccc !important; }
  251. /*统一描述内容灰字颜色*/
  252. .dw-comment-skin_deepblue .dw-comment-mood-ctn, .dw-comment-skin_deepblue .dw-comment-view-ctn, .dw-comment-skin_deepblue .dw-comment-comments-ctn { border: 1px solid #213443; background-color: #142232; }
  253. /*评论框背景颜色,线框*/
  254. .dw-comment-skin_deepblue .comment_reply_ctn, .dw-comment-skin_deepblue .dw-comment-post-ctn, .dw-comment-skin_deepblue .dw-comment-more_comment, .dw-comment-skin_deepblue .dw-comment-new_comment, .dw-comment-skin_deepblue .comment_blockquote { background-color: #0F1B28; border: 1px solid #182636; }
  255. /*回复框,引用框背景颜色,线框颜色*/
  256. .dw-comment-skin_deepblue .dw-comment-comment_list .comment_content .comment_blockquote_title { background-color: #0F1B28; }
  257. /*引用框title*/
  258. .dw-comment-skin_deepblue .dw-comment-mood-ctn .support_line span { background-color: #304757; }
  259. /*评论心情条形颜色*/
  260. .dw-comment-skin_deepblue .dw-comment-comment_list .comment-list_item, .dw-comment-skin_deepblue .dw-comment-replay_list .replay_list_item { border-color: #474747; }
  261. /*分割线样式*/
  262. .dw-comment-skin_deepblue .dw-comment-comments-ctn .dw-comment-post-ctn, .dw-comment-skin_deepblue .dw-comment-new_comment, .dw-comment-skin_deepblue .dw-comment-comment_list .comment_reply_ctn, .dw-comment-skin_deepblue .dw-comment-comment_list .comment_content .comment_blockquote, .dw-comment-skin_deepblue .dw-comment-more_comment { box-shadow: 0px 4px 0px rgba(18, 30, 45, 0.8); }
  263. /*盒子阴影*/
  264. .dw-comment-skin_deepblue .dw-comment-comments-ctn a, .dw-comment-skin_deepblue .dw-comment-new_comment span, .dw-comment-skin_deepblue .dw-comment-post-foot .user-info .name, .dw-comment-skin_deepblue .dw-comment-reply_post-foot .user-info .name, .dw-comment-skin_deepblue .dw-comment-more_comment span { color: #77c3fe !important; }
  265. /*链接,评论提示,刷新评论按钮字体,回复框用户名颜色*/
  266. .dw-comment-skin_deepblue .dw-comment-sequence a.selected { color: white !important; }
  267. /*评论分类白色选中状态*/
  268. .dw-comment-skin_deepblue .dw-comment-replay_list .reply_action .view_up, .dw-comment-skin_deepblue .dw-comment-replay_list .reply_action .view_down, .dw-comment-skin_deepblue .dw-comment-replay_list .reply_action a em, .dw-comment-skin_deepblue .dw-comment-comment_list .comment_action a em, .dw-comment-skin_deepblue .comment-mood-pic em, .dw-comment-skin_deepblue .dw-comment-comments-ctn h3 .total_num, .dw-comment-skin_deepblue .dw-comment-comments-ctn h3 .total_num em { color: #cccccc !important; }
  269. /*#ccc灰色字体颜色统一修改,包括文章赞,吐槽,回复,“所有评论条目”等描述文字,文章心情评论链接颜色*/
  270. .dw-comment-skin_deepblue .comment-mood-pic:hover em { color: #333333 !important; }
  271. /*文章心情评论链接颜色hover状态*/
  272. .dw-comment-skin_deepblue .dw-comment-loginbar-ctn .dw-comment-loginbar a { color: #2d5fc3 !important; }
  273. /*登录框文字样式*/
  274. .dw-comment-skin_deepblue .dw-comment-reply_post-foot .user-info img, .dw-comment-skin_deepblue .dw-comment-comment_list .comment-author_pic img, .dw-comment-skin_deepblue .dw-comment-post-foot .user-info img, .dw-comment-skin_deepblue .dw-comment-comment_list .reply_author_pic img { background-color: #1A2A39; border: 1px solid #203243; }
  275. /*统一调整图片背景颜色,边框颜色*/
  276. /* 盖楼楼层颜色 */
  277. /* skin1 */
  278. .dw-comment-skin_yellow .floot-comment-ctn { border-color: #E0D7AF; background-color: #FAF5DC; box-shadow: none; }
  279. .dw-comment-skin_yellow .floot-comment { border-color: #E0D7AF; background-color: #FAF5DC; }
  280. .dw-comment-skin_yellow .floot-comment-author { color: #2d5fc3 !important; }
  281. .dw-comment-skin_yellow .floot-comment-flootnum { color: #999999 !important; }
  282. .dw-comment-skin_yellow .floot-comment-bd p { color: #333 !important; }
  283. .dw-comment-skin_yellow .floot-comment-time { color: #999999; }
  284. .dw-comment-skin_yellow .floot-comment-hidden { color: #333333 !important; }
  285. /* skin2 */
  286. .dw-comment-skin_white .floot-comment-ctn { border-color: #DDDDDD; background-color: #F9F9F9; box-shadow: none; }
  287. .dw-comment-skin_white .floot-comment { border-color: #DDDDDD; background-color: #F9F9F9; }
  288. .dw-comment-skin_white .floot-comment-author { color: #2D5FC3 !important; }
  289. .dw-comment-skin_white .floot-comment-flootnum { color: #999999 !important; }
  290. .dw-comment-skin_white .floot-comment-bd p { color: #333333 !important; }
  291. .dw-comment-skin_white .floot-comment-time { color: #999999; }
  292. .dw-comment-skin_white .floot-comment-hidden { color: #333333 !important; }
  293. /* skin3 */
  294. .dw-comment-skin_blue .floot-comment-ctn { border-color: #CDE7F2; background-color: #EDF6F9; box-shadow: none; }
  295. .dw-comment-skin_blue .floot-comment { border-color: #CDE7F2; background-color: #EDF6F9; }
  296. .dw-comment-skin_blue .floot-comment-author { color: #2d5fc3 !important; }
  297. .dw-comment-skin_blue .floot-comment-flootnum { color: #999999 !important; }
  298. .dw-comment-skin_blue .floot-comment-bd p { color: #333 !important; }
  299. .dw-comment-skin_blue .floot-comment-time { color: #999999; }
  300. .dw-comment-skin_blue .floot-comment-hidden { color: #333333 !important; }
  301. /* skin4 */
  302. .dw-comment-skin_black .floot-comment-ctn { border-color: #333; background-color: #1D1D1D; box-shadow: none; }
  303. .dw-comment-skin_black .floot-comment { border-color: #333; background-color: #1D1D1D; }
  304. .dw-comment-skin_black .floot-comment-author { color: #f8f17c !important; }
  305. .dw-comment-skin_black .floot-comment-flootnum { color: #999999 !important; }
  306. .dw-comment-skin_black .floot-comment-bd p { color: #CBCBCB !important; }
  307. .dw-comment-skin_black .floot-comment-time { color: #999999; }
  308. .dw-comment-skin_black .floot-comment-hidden { color: #cbcbcb !important; }
  309. /* skin5 */
  310. .dw-comment-skin_deepblue .floot-comment-ctn { border-color: #1E2E3C; background-color: #0D1B28; box-shadow: none; }
  311. .dw-comment-skin_deepblue .floot-comment { border-color: #1E2E3C; background-color: #0D1B28; }
  312. .dw-comment-skin_deepblue .floot-comment-author { color: #77c3fe !important; }
  313. .dw-comment-skin_deepblue .floot-comment-flootnum { color: #999999 !important; }
  314. .dw-comment-skin_deepblue .floot-comment-bd p { color: #CBCBCB !important; }
  315. .dw-comment-skin_deepblue .floot-comment-time { color: #999999; }
  316. .dw-comment-skin_deepblue .floot-comment-hidden { color: #cbcbcb !important; }
  317. /*comment-skin-lol*/
  318. .dw-comment-skin_lol .dw-comment-mood-ctn, .dw-comment-skin_lol .dw-comment-view-ctn, .dw-comment-skin_lol .dw-comment-comments-ctn { border: 1px solid #D2AE56; background-color: #F6ECBF; }
  319. /*评论框背景颜色,线框*/
  320. .dw-comment-skin_lol .comment_reply_ctn, .dw-comment-skin_lol .dw-comment-post-ctn, .dw-comment-skin_lol .dw-comment-more_comment, .dw-comment-skin_lol .dw-comment-new_comment, .dw-comment-skin_lol .comment_blockquote { background-color: #fbf4dc; border: 1px solid #e0cc9a; }
  321. /*回复框,引用框背景颜色,线框颜色*/
  322. .dw-comment-skin_lol .dw-comment-mood-ctn .support_line span { background-color: #DECC92; }
  323. /*评论心情条形颜色*/
  324. .dw-comment-skin_lol .dw-comment-replay_list .replay_list_item, .dw-comment-skin_lol .dw-comment-comment_list .comment-list_item { border-bottom: 1px dashed #E1CC91; }
  325. /*底部虚线颜色*/
  326. .dw-comment-skin_lol .dw-comment-comments-ctn .dw-comment-post-ctn, .dw-comment-skin_lol .dw-comment-comment_list .comment_reply_ctn, .dw-comment-skin_lol .dw-comment-comment_list .comment_content .comment_blockquote, .dw-comment-skin_lol .dw-comment-more_comment, .dw-comment-skin_lol .dw-comment-new_comment, .dw-comment-skin_lol .dw-comment-post-ctn { box-shadow: 0px 4px 0px #f1e1ac; }
  327. /*底部阴影颜色*/
  328. .dw-comment-skin_lol .dw-comment-comments-ctn .dw-comment-post-ctn .textarea_ctn, .dw-comment-skin_lol .dw-comment-reply_post-ctn .textarea_ctn { border: 1px solid #D3AF57; }
  329. /*评论输入框*/
  330. /* nick-setting */
  331. /* nickname setting @Max */
  332. .nickname-setting { z-index: 10000; font: 12px/1.5 tahoma, sans-serif; }
  333. .dw-comment-modal { width: 350px; overflow: hidden; position: fixed; _position: absolute; top: 50%; left: 50%; margin: -125px 0 0 -175px; background-color: #FFF; -webkit-box-shadow: 0 0 8px 0 #e4e4e4; box-shadow: 0 0 8px 0 #999; border: 1px solid #CCC; _top: expression(ie6 = (document.documentElement.scrollTop + (document.documentElement.clientHeight / 2) + "px") ); }
  334. .dw-comment-modal-hd { height: 36px; line-height: 36px; background-color: #f3f3f3; border-bottom: 1px solid #e4e4e4; }
  335. .dw-comment-modal-hd h3 { font-size: 14px; color: #666; padding-left: 30px; background: url(icon_setting.png) no-repeat 10px 50%; }
  336. .dw-comment-modal-hd i { display: block; width: 16px; height: 16px; text-indent: -9999px; background: url(icon_close.png) no-repeat 0 0; position: absolute; top: 10px; right: 10px; cursor: pointer; }
  337. .dw-comment-modal-bd { padding: 16px 0; }
  338. .dw-comment-modal-bd div { overflow: hidden; margin: 10px 0; }
  339. .dw-comment-modal-bd label { float: left; width: 96px; text-align: right; color: #666; height: 26px; line-height: 26px; }
  340. .dw-comment-modal-bd input.dw-comment-nickname { float: left; width: 180px; height: 24px; line-height: 24px; border: 1px solid #e6e6e6; padding: 0 5px; margin: 0; }
  341. .dw-comment-modal-bd input.dw-comment-code { float: left; width: 70px; height: 24px; line-height: 24px; border: 1px solid #e6e6e6; padding: 0 5px; margin-right: 5px; }
  342. .dw-comment-modal-bd div span { float: left; _display: inline; }
  343. .dw-comment-modal-bd p { clear: both; padding-left: 98px; width: 250px; color: #F30; margin: 0; }
  344. .dw-comment-modal-bd .dw-comment-modal-btns { clear: both; padding-left: 98px; }
  345. .dw-comment-modal-bd .dw-comment-modal-btns button { display: inline-block; width: 74px; height: 24px; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 10px; cursor: pointer; overflow: visible; padding: 0; }
  346. .dw-comment-modal-bd .dw-comment-modal-btns .dw-comment-modal-submit { background-color: #57aeeb; font-weight: 700; color: #FFF; border: 1px solid #57aeeb; }
  347. .dw-comment-modal-bd .dw-comment-modal-btns .dw-comment-modal-next { background-color: #FFF; color: #666; border: 1px solid #e3e3e3; }
  348. .dw-comment-modal-ft { height: 36px; line-height: 36px; background-color: #f3f3f3; border-top: 1px solid #e4e4e4; text-align: center; color: #666; }
  349. /*20130306添加消息提示层样式,petsa*/
  350. /* Message default */
  351. .mod-msg { zoom: 1; clear: both; position: relative; -webkit-border-radius: 3px; border-radius: 3px; margin: 10px 0; padding: 6px 24px 6px 26px; line-height: 18px; }
  352. .msg-error { border: 1px solid #FF8080; background-color: #FFF2F2; }
  353. .msg-success { border: 1px solid #4DBF00; background-color: #F0FFE5; }
  354. .mod-msg .icon { display: block; width: 16px; height: 16px; overflow: hidden; text-indent: -9999px; position: absolute; top: 7px; left: 5px; background: url(../img/bgs_msg_v3.png) no-repeat 0 0; }
  355. .mod-msg .btn-close { position: absolute; top: 7px; left: 5px; font-size: 16px; font-weight: 700; color: #666; text-align: right; text-decoration: none; line-height: 1; }
  356. .msg-error .icon { background-position: 0 0; }
  357. .msg-success .icon { background-position: 0 -80px; }
  358. .mod-msg .btn-close { cursor: pointer; left: auto; right: 4px; background-position: -16px 0; }
  359. /*20130319禁止发言通用样式*/
  360. .dw-comment-forbid { cursor: not-allowed; }
  361. /* 添加盖楼功能 */
  362. .floot-comment-ctn { margin-top: 8px; margin-bottom: 8px; box-shadow: 0px 4px 0px #f1e1ac; }
  363. .floot-comment { padding: 4px; border: 1px solid #E0CC99; background-color: #FBF4DC; margin-bottom: 5px; }
  364. .floot-comment-hd { height: 22px; line-height: 22px; overflow: hidden; *zoom: 1; padding: 0 5px; }
  365. .floot-comment-hd .floot-comment-author { float: left; *display: inline; font-size: 12px; color: #2D5FC3; }
  366. .floot-comment-hd .floot-comment-flootnum { float: right; color: #999999; }
  367. .floot-comment-bd { padding: 0 5px 25px 5px; position: relative; *zoom: 1; }
  368. .floot-comment-bd--hover .floot-comment-bd__action { display: block; }
  369. .floot-comment-bd__action { position: absolute; bottom: 5px; right: 5px; height: 20px; line-height: 20px; padding: 0 5px; overflow: hidden; *zoom: 1; display: none; }
  370. .floot-comment-bd__action a { margin: 0 5px !important; }
  371. .floot-comment-time { color: #999999; }
  372. .comment_reply_reply_ctn { padding: 0 5px; }
  373. .floot-comment-hidden { padding: 5px 5px 3px 5px !important; color: #333333 !important; font-size: 12px !important; }
  374. .floot-comment-hidden em { color: #fe093f !important; }