From 7cf84be1960342d14f4986badfddf834617c40d2 Mon Sep 17 00:00:00 2001
From: InsertSweat <insertsweat@InsertSweatdeMacBook-Pro.local>
Date: Wed, 14 Jun 2017 15:38:05 +0800
Subject: [PATCH] =?UTF-8?q?=E7=95=85=E8=A8=80=E6=9B=BF=E6=8D=A2=E5=8E=9F?=
 =?UTF-8?q?=E6=9C=89=E7=9A=84=E5=A4=9A=E8=AF=B4=E8=AF=84=E8=AE=BA=20?=
 =?UTF-8?q?=E5=8F=AF=E9=80=89=E5=88=99=E9=BB=98=E8=AE=A4=E6=88=96=E7=95=85?=
 =?UTF-8?q?=E8=A8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 comments.php      |  42 +++++++
 functions.php     |  19 +++
 index.php         |  18 ++-
 option.php        |  23 +++-
 single.php        | 156 ++++++++++++++++++------
 static/js/main.js |  10 ++
 style.css         | 303 ++++++++++++++++++----------------------------
 7 files changed, 334 insertions(+), 237 deletions(-)
 create mode 100644 comments.php

diff --git a/comments.php b/comments.php
new file mode 100644
index 0000000..9922d09
--- /dev/null
+++ b/comments.php
@@ -0,0 +1,42 @@
+<?php
+/**
+ * The template for displaying comments
+ *
+ * This is the template that displays the area of the page that contains both the current comments
+ * and the comment form.
+ *
+ * @link https://insertsweat.cn
+ *
+ * @subpackage NexT theme
+ * @version 3.1
+ */
+
+/*
+ * If the current post is protected by a password and
+ * the visitor has not yet entered the password we will
+ * return early without loading the comments.
+ */
+?>
+<?php function qiuye_comment($comment, $args, $depth)
+{ $GLOBALS['comment'] = $comment; ?>
+<li class="comment" id="li-comment-<?php comment_ID(); ?>">
+    <div class="comment-body">
+        <div class="comment-author">
+            <?php if (function_exists('get_avatar') && get_option('show_avatars')) { echo get_avatar($comment, 48); } ?>
+        </div><div class="comment_content" id="comment-<?php comment_ID(); ?>">
+            <div class="comment_text">
+                <?php printf(__('<cite class="fn">%s</cite>'), get_comment_author_link()); ?>
+                <?php if ($comment->comment_approved == '0') : ?>
+                    <span>你的评论正在审核，稍后会显示出来！</span><br />
+                <?php endif; ?><?php comment_text(); ?>
+                <div class="reply">
+                    <div class="comment-meta commentmetadata">发表于：<?php echo get_comment_time('Y-m-d H:i'); ?> </div>
+                    <?php comment_reply_link(array_merge( $args, array('reply_text' => '回复','depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
+                    <?php edit_comment_link('修改'); ?>
+                </div></div></div></div></li><?php } ?>
+<?php wp_list_comments('type=comment&callback=qiuye_comment');?>
+
+
+<div class="pagination comments-pagination">
+    <?php paginate_comments_links('prev_text=«&next_text=»');?>
+</div>
diff --git a/functions.php b/functions.php
index 179e20c..deb0f3e 100755
--- a/functions.php
+++ b/functions.php
@@ -128,6 +128,25 @@ function wpdx_paging_nav(){
 	}
 }
 
+/* 获取文章的评论人数  */
+function zfunc_comments_users($postid=0,$which=0) {
+    $comments = get_comments('status=approve&type=comment&post_id='.$postid); //获取文章的所有评论
+    if ($comments) {
+        $i=0; $j=0; $commentusers=array();
+        foreach ($comments as $comment) {
+            ++$i;
+            if ($i==1) { $commentusers[] = $comment->comment_author_email; ++$j; }
+            if ( !in_array($comment->comment_author_email, $commentusers) ) {
+                $commentusers[] = $comment->comment_author_email;
+                ++$j;
+            }
+        }
+        $output = array($j,$i);
+        $which = ($which == 0) ? 0 : 1;
+        return $output[$which]; //返回评论人数
+    }
+    return 0; //没有评论返回0
+}
 
 class FontAwesomeFour {
 
diff --git a/index.php b/index.php
index 0670450..697c0d1 100755
--- a/index.php
+++ b/index.php
@@ -11,8 +11,12 @@
 				<div class="tag">
 					<span class="item">发表于 <?php the_date() ?></span>
 					<span class="item"><?php the_category(‘,’) ?></span>
-					<span class="item ds-thread-count" data-thread-key="<?php the_id() ?>"></span>
-					<span class="item">阅读次数 <?php get_post_views($post -> ID); ?></span>
+                    <?php if(get_option('next_comment_type') == 'sohucs'){ ?>
+                    <span class="item"><span id = "sourceId::<?php echo $post -> ID ?>" class = "cy_cmt_count" ></span>条评论</span>
+                    <?php } else {?>
+                    <span class="item ds-thread-count"><?php echo get_post($post -> ID)->comment_count;  ?>条评论</span>
+                    <?php } ?>
+                    <span class="item">阅读次数 <?php get_post_views($post -> ID); ?></span>
 				</div>
 			</div>
 			<div class="content">
@@ -41,14 +45,6 @@
 <div id="backTop" class="hide">
 	<i class="fa fa-arrow-up"></i>
 </div>
-<script type="text/javascript">
-var duoshuoQuery = {short_name:"<?php echo get_option('next_duoshuo_shortname'); ?>"};
-(function() {
-    var ds = document.createElement('script');
-    ds.type = 'text/javascript';ds.async = true;
-    ds.src = 'http://static.duoshuo.com/embed.js';
-    ds.charset = 'UTF-8';
-    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
-})();
+<script id="cy_cmt_num" src="https://changyan.sohu.com/upload/plugins/plugins.list.count.js?clientId=cyt0HdcCq">
 </script>
 <?php get_footer() ?>
diff --git a/option.php b/option.php
index ba62fa9..cc2aa84 100755
--- a/option.php
+++ b/option.php
@@ -1,7 +1,7 @@
 <?php add_action('admin_menu', 'next_page');
 function next_page (){
     if ( count($_POST) > 0 && isset($_POST['next_settings']) ){
-        $options = array ('author','avator','site_time','duoshuo_shortname','scheme');
+        $options = array ('author','avator','site_time','comment_type','scheme', 'sohucs_appid', 'sohucs_conf');
         foreach ( $options as $opt ){
             delete_option ( 'next_'.$opt, $_POST[$opt] );
             add_option ( 'next_'.$opt, $_POST[$opt] );
@@ -48,14 +48,27 @@ function next_settings(){?>
       <label for="">头像路径:</label>
       <input name="avator" id="avator" type="text" name="" value="<?php echo get_option('next_avator'); ?>">
     </div>
-    <div class="form-group">
-      <label for="">你的多说short_name:</label>
-      <input name="duoshuo_shortname" id="duoshuo_shortname" type="text" name="" value="<?php echo get_option('next_duoshuo_shortname'); ?>">
-    </div>
     <div class="form-group">
       <label for="">底部时间设置:</label>
       <input name="site_time" id="site_time" type="text" name="" value="<?php echo get_option('next_site_time'); ?>">
     </div>
+    <div class="form-group">
+        <label for="">评论框:</label>
+        <select name="comment_type" id="">
+            <option value="default" <?php if(get_option('next_comment_type') == 'default'){ ?> selected="selected" <?php
+            } ?>>默认</option>
+            <option value="sohucs" <?php if(get_option('next_comment_type') == 'sohucs'){ ?> selected="selected"<?php
+            } ?>>畅言评论框</option>
+        </select>
+    </div>
+        <?php if(get_option('next_comment_type') == 'sohucs'){ ?>
+        <div class="form-group">
+            <label for="">畅言appid:</label>
+            <input name="sohucs_appid" id="site_time" type="text" name="" value="<?php echo get_option('next_sohucs_appid'); ?>">
+            <label for="">畅言conf:</label>
+            <input name="sohucs_conf" id="site_time" type="text" name="" value="<?php echo get_option('next_sohucs_conf'); ?>">
+        </div>
+        <?php }?>
     <div class="form-group">
       <label for="">主题方案:</label>
       <select name="scheme" id="">
diff --git a/single.php b/single.php
index 1b5267b..70b2eb4 100755
--- a/single.php
+++ b/single.php
@@ -11,7 +11,11 @@
 			<span class="item"><i class="fa fa-fw fa-calendar-check-o"></i> <?php the_date() ?></span>
 			<span class="item"><i class="fa fa-fw fa-folder-o"></i>
 			<?php the_category(‘,’) ?></span>
-			<span class="item ds-thread-count" data-thread-key="<?php the_id() ?>"></span>
+            <?php if(get_option('next_comment_type') == 'sohucs'){ ?>
+                <span class="item"><span href="#SOHUCS" id="changyan_count_unit" ></span>条评论</span>
+            <?php } else {?>
+                <span class="item ds-thread-count"><?php echo get_post($post -> ID)->comment_count;  ?>条评论</span>
+            <?php } ?>
 			<span class="item">阅读次数 <?php get_post_views($post -> ID); ?></span>
 		</div>
 	</div>
@@ -26,42 +30,124 @@
 	</div>
 	<div class="next">
 		<?php if (get_next_post()) { next_post_link('%link <i class="fa fa-chevron-right"></i> ');} ?>
-	</div>
 </div>
-<div class="ds-share flat" data-thread-key="<?php the_ID() ?>" data-title="<?php the_title(); ?>"  data-url="<?php the_permalink() ?>">
-    <div class="ds-share-inline">
-      <ul  class="ds-share-icons-16">
-
-      	<li data-toggle="ds-share-icons-more"><a class="ds-more" href="javascript:void(0);">分享到：</a></li>
-        <li><a class="ds-weibo" href="javascript:void(0);" data-service="weibo">微博</a></li>
-        <li><a class="ds-qzone" href="javascript:void(0);" data-service="qzone">QQ空间</a></li>
-        <li><a class="ds-qqt" href="javascript:void(0);" data-service="qqt">腾讯微博</a></li>
-        <li><a class="ds-wechat" href="javascript:void(0);" data-service="wechat">微信</a></li>
-
-      </ul>
-      <div class="ds-share-icons-more">
-      </div>
-    </div>
- </div>
-
-			<!-- 多说评论框 start -->
-	<div class="ds-thread" data-thread-key="<?php the_ID() ?>" data-title="<?php the_title(); ?>" data-url="<?php the_permalink() ?>"></div>
-
-<!-- 多说评论框 end -->
+</div>
+<?php if (get_option('next_comment_type') == 'sohucs') { ?>
+<!-- 畅言评论框 start -->
+        <style>
+            #SOHUCS #SOHU_MAIN .module-cmt-header .section-cbox-w .block-head-w .header-login{
+                border-radius: 0;
+                padding: 0 15px;
+                height: 30px;
+                line-height: 30px!important;
+                -webkit-transition: .3s;
+                -moz-transition: .3s ;
+                -ms-transition: .3s ;
+                -o-transition: .3s ;
+                transition: .3s ;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-header .section-cbox-w .block-head-w .header-login:hover{
+                background: #000000;
+                color: #FFFFFF;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w div.post-wrap-border-l,
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w div.post-wrap-border-r,
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w div.post-wrap-border-t .post-wrap-border-t-l,
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .post-wrap-main
+            {
+                background-image: none;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w div.post-wrap-border-r{
+                border-left: 1px solid #000;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w div.post-wrap-border-l{
+                border-right: 1px solid #000;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w div.post-wrap-border-t .post-wrap-border-t-l{
+                border-top: 1px solid #000;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .post-wrap-border-t div.post-wrap-border-t-r{
+                margin-left: 0 !important;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .post-wrap-main .wrap-area-w .textarea-fw{
+                font-family: inherit;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a button.btn-fw{
+                background-image: none;
+                border: 1px solid #000;
+                margin-right: 8px;
+                -webkit-transition: .3s;
+                -moz-transition: .3s ;
+                -ms-transition: .3s ;
+                -o-transition: .3s ;
+                transition: .3s ;
+                outline: none;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a button.btn-fw:after{
+                content: "发 送"
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a button.btn-fw:hover{
+                background-image: none;
+                background-color: #000;
+                color: #fff;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-header .section-cbox-w .block-head-w .head-img-w{
+                top: 11px
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-header .section-title-w .title-user-w .user-wrap-w{
+                top: 26px;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-list .cmt-list-type .type-lists li.active{
+                background-image: none;
+                border: 1px solid #000;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-list .cmt-list-type .cmt-list-border{
+                bottom: 2px;
+                left: 67px;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-list .block-title-gw ul li .title-name-gw div.title-name-gw-tag{
+                background-image: none;
+                border-left: 5px solid #000;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-header .section-cbox-w .block-head-w .head-img-w img,
+            #SOHUCS #SOHU_MAIN .module-cmt-list .block-cont-gw .cont-head-gw .head-img-gw img{
+                border: 2px solid #ddd;
+                -webkit-transition: .5s;
+                -moz-transition: .5s ;
+                -ms-transition: .5s ;
+                -o-transition: .5s ;
+                transition: .5s ;
+                width: 42px;
+                height: 42px;
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-header .section-cbox-w .block-head-w .head-img-w img:hover,
+            .clear-g.block-cont-gw:hover img{
+                -webkit-transform: rotateZ(360deg);
+                -moz-transform: rotateZ(360deg);
+                -ms-transform: rotateZ(360deg);
+                -o-transform: rotateZ(360deg);
+                transform: rotateZ(360deg);
+            }
+            #SOHUCS #SOHU_MAIN .module-cmt-list .block-cont-gw .cont-head-gw .head-img-gw{
+                width: 46px;
+                height: 46px;
+            }
+        </style>
+    <div id="SOHUCS" sid="<?php the_ID() ?>" ></div>
+<!-- 畅言评论框 end -->
 
-<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
-<script type="text/javascript">
-var duoshuoQuery = {short_name:"<?php echo get_option('next_duoshuo_shortname'); ?>"};
-	(function() {
-		var ds = document.createElement('script');
-		ds.type = 'text/javascript';ds.async = true;
-		ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
-		ds.charset = 'UTF-8';
-		(document.getElementsByTagName('head')[0]
-		 || document.getElementsByTagName('body')[0]).appendChild(ds);
-	})();
-	</script>
-<!-- 多说公共JS代码 end -->
+<!-- 畅言公共JS代码 start (一个网页只需插入一次) -->
+        <script charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/changyan.js" ></script>
+        <script type="text/javascript">
+            window.changyan.api.config({
+                appid: '<?php echo get_option('next_sohucs_appid') ?>',
+                conf:  '<?php echo get_option('next_sohucs_conf') ?>'
+            });
+        </script>
+    <script type="text/javascript" src="https://assets.changyan.sohu.com/upload/plugins/plugins.count.js">
+    </script>
+<!-- 畅言公共JS代码 end -->
+        <?php } else { comments_template(); comment_form(); } ?>
 	</div>
 </div>
 </div>
diff --git a/static/js/main.js b/static/js/main.js
index c3ad325..231883b 100755
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -109,4 +109,14 @@ window.onload=(function(){
    }
 
    $('#sidebar-toggle').click(toggleSidebar)
+    $('.depth-8').children('.children').find('.reply').click(function(){ //class=".depth-8"子元素class=".children"下的class=".reply"的点击事件，注意：模板不同HTML结构可能不同，需调整！
+        var rid= $(this).parent().attr("id"); //取得所回复的评论id，可能需要调整！
+        var rna= $(this).next().text(); //取得所回复的评论用户名，可能需要调整！
+        $("#comment").attr("value","<a href='#"+rid+"'>@"+rna+"</a> ").focus(); //在输入框添加"@用户名"和链接
+
+    });
+
+    $('#cancel-comment-reply-link').click(function() {
+        $("#comment").attr("value",''); //点击取消回复时清空输入框
+    });
 })
diff --git a/style.css b/style.css
index 6cd02eb..7242a43 100755
--- a/style.css
+++ b/style.css
@@ -1,10 +1,10 @@
 /*
 Theme Name: NexT by InsertSweat
-Theme URI: http://www.cquccc.top/2016/12/next-for-wordpress-%e6%ad%a3%e5%bc%8f%e5%8f%91%e5%b8%83%e5%95%a6/
+Theme URI: http://blog.insertsweat.cn/2017/02/next-for-wordpress-3-0/
 Author: InsertSweat
-Author URI: http://www.cquccc.top
+Author URI: http://insertsweat.cn
 Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
-Version: 3.0
+Version: 3.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
@@ -640,6 +640,113 @@ pre:before{
 	color:#eee;
 
 }
+/*comments*/
+.comment{
+    list-style: none;
+    padding: 1rem 10px;
+}
+.comment-author{
+    float: left;
+}
+.comment-author img{
+    vertical-align: middle;
+    width: 42px;
+    height: 42px;
+    border-radius: 42px;
+    border: 2px solid #e4e4e4;
+}
+.children .comment-author img{
+    width: 2rem;
+    height: 2rem;
+}
+.children .comment-body cite{
+    float: left;
+    color: #000;
+    margin-right: 10px;
+}
+.children .comment-body cite:after{
+    content: ':';
+}
+.children {
+    padding-left: 50px;
+}
+.children .comment{
+    padding: 2px 0;
+    clear: both;
+}
+.children .comment_content p{
+    float: left;
+    display: inline-block;
+    margin: 0;
+}
+.comment-body{
+    position: relative;
+}
+.comment_content .reply{
+    padding-top: 5px;
+    border-top: 1px solid #e4e4e4;
+    font-size: 12px;
+    color: #9e9e9e;
+    clear: both;
+}
+.children .comment_content .reply{
+    border-top: none;
+    padding-top: 0;
+}
+.comment_content .commentmetadata{
+    float: left;
+}
+.comment_content{
+    padding-left: 50px;
+}
+.comment_content p{
+    margin-top: 0;
+}
+.comment_content .reply a{
+    margin-left: 10px;
+}
+.comment-respond {
+    margin: 1rem 10px;
+    border-top: 1px solid #555555;
+    padding: 1rem 0;
+}
+.comment-respond label{
+    display: block;
+}
+.comment-respond textarea{
+    outline: none;
+    border: 1px solid #555;
+    width: 100%;
+    padding: 1rem;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+.comment-respond input{
+    line-height: 2rem;
+    outline: none;
+    padding: 0 10px;
+    border: 1px solid #555;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+.comments-pagination {
+    border-top: none;
+    margin-top: 0;
+}
+.form-submit .submit{
+    border: 1px solid #555;
+    background: #fff;
+    color: #555;
+    transition: .3s;
+    padding: 0 20px;
+    margin-top: 1rem;
+}
+.form-submit .submit:hover{
+    background: #555;
+    color: #fff;
+}
 /*footer*/
 footer{
 	max-width: 700px;
@@ -659,189 +766,6 @@ footer a{
 	text-decoration: underline;
 }
 
-/*多说*/
-.container #ds-thread #ds-reset {
-  color: #555;
-}
-.container #ds-thread #ds-reset .ds-replybox {
-  margin-bottom: 30px;
-}
-.container #ds-thread #ds-reset .ds-replybox .ds-avatar,
-.container #ds-reset .ds-avatar img {
-  box-shadow: none;
-}
-.container #ds-thread #ds-reset .ds-textarea-wrapper {
-  border-color: #c7d4e1;
-  background: none;
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
-}
-.container #ds-thread #ds-reset .ds-textarea-wrapper textarea {
-  height: 60px;
-}
-.container #ds-reset .ds-rounded-top {
-  border-radius: 0;
-}
-.container #ds-thread #ds-reset .ds-post-toolbar {
-  box-sizing: border-box;
-  border: 1px solid #c7d4e1;
-  background: #f6f8fa;
-}
-.container #ds-thread #ds-reset .ds-post-options {
-  height: 40px;
-  border: none;
-  background: none;
-}
-.container #ds-thread #ds-reset .ds-toolbar-buttons {
-  top: 11px;
-}
-.container #ds-thread #ds-reset .ds-sync {
-  top: 5px;
-}
-.container #ds-thread #ds-reset .ds-post-button {
-  top: 4px;
-  right: 5px;
-  width: 90px;
-  height: 30px;
-  border: 1px solid #c5ced7;
-  border-radius: 3px;
-  background-image: linear-gradient(#fbfbfc, #f5f7f9);
-  color: #60676d;
-}
-.container #ds-thread #ds-reset .ds-post-button:hover {
-  background-position: 0 -30px;
-  color: #60676d;
-}
-.container #ds-thread #ds-reset .ds-comments-info {
-  padding: 10px 0;
-}
-.container #ds-thread #ds-reset .ds-sort {
-  display: none;
-}
-.container #ds-thread #ds-reset li.ds-tab a.ds-current {
-  border: none;
-  background: #f6f8fa;
-  color: #60676d;
-}
-.container #ds-thread #ds-reset li.ds-tab a.ds-current:hover {
-  background-color: #e9f0f7;
-  color: #60676d;
-}
-.container #ds-thread #ds-reset li.ds-tab a {
-  border-radius: 2px;
-  padding: 5px;
-}
-.container #ds-thread #ds-reset .ds-login-buttons p {
-  color: #999;
-  line-height: 36px;
-}
-.container #ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
-  height: 28px;
-}
-.container #ds-thread #ds-reset .ds-service-list a {
-  background: none;
-  padding: 5px;
-  border: 1px solid;
-  border-radius: 3px;
-  text-align: center;
-}
-.container #ds-thread #ds-reset .ds-service-list a:hover {
-  color: #fff;
-  background: #666;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-weibo {
-  color: #fc9b00;
-  border-color: #fc9b00;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-weibo:hover {
-  background: #fc9b00;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-qq {
-  color: #60a3ec;
-  border-color: #60a3ec;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-qq:hover {
-  background: #60a3ec;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-renren {
-  color: #2e7ac4;
-  border-color: #2e7ac4;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-renren:hover {
-  background: #2e7ac4;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-douban {
-  color: #37994c;
-  border-color: #37994c;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-douban:hover {
-  background: #37994c;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-kaixin {
-  color: #fef20d;
-  border-color: #fef20d;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-kaixin:hover {
-  background: #fef20d;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-netease {
-  color: #f00;
-  border-color: #f00;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-netease:hover {
-  background: #f00;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-sohu {
-  color: #ffcb05;
-  border-color: #ffcb05;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-sohu:hover {
-  background: #ffcb05;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-baidu {
-  color: #2831e0;
-  border-color: #2831e0;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-baidu:hover {
-  background: #2831e0;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-google {
-  color: #166bec;
-  border-color: #166bec;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-google:hover {
-  background: #166bec;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-weixin {
-  color: #00ce0d;
-  border-color: #00ce0d;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-weixin:hover {
-  background: #00ce0d;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-more-services {
-  border: none;
-}
-.container #ds-thread #ds-reset .ds-service-list .ds-more-services:hover {
-  background: none;
-}
-.container #ds-reset .duoshuo-ua-admin {
-  display: inline-block;
-  color: #f00;
-}
-.container #ds-reset .duoshuo-ua-platform,
-.container #ds-reset .duoshuo-ua-browser {
-  color: #ccc;
-}
-.container #ds-reset .duoshuo-ua-platform .fa,
-.container #ds-reset .duoshuo-ua-browser .fa {
-  display: inline-block;
-  margin-right: 3px;
-}
-.container #ds-reset .duoshuo-ua-separator {
-  display: inline-block;
-  margin-left: 5px;
-}
 @media (max-width: 991px){
 	.toggle-nav {
 		display: block
@@ -873,5 +797,12 @@ footer a{
 		width: 100%;
 		padding:30px 0;
 	}
+    .comment-respond input{
+        width: 100%;
+    }
+    .form-submit .submit{
+        background: #000;
+        color: #fff;
+    }
 }