@charset "UTF-8";

.xh-comment { border:1px solid #F1F2F4; padding-bottom:1em; background:#F6F7FB; font:normal 14px/1.5 "微软雅黑"; color:#7B8A9F;}
.xh-comment .warning{ color:#fc4343}
.xh-comment .xh-comment-status { margin:0.5em; text-align:center; line-height:1.3; color:#7B8A9F;}
.xh-comment .xh-comment-status .loading { display:inline-block; padding-left:1.5em; background:url(data:image/gif;base64,R0lGODlhEAAQAPMAAP///3uKn3uKn77Fz7W+ydHW3dvf5eXo7O3v8sfN1vLz9bC5xQAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAEKxDISau9OE/Bu//cQBTGgWDhWJ5XSpqoIL6s5a7xjLeyCvOgIEdDLBqPlAgAIfkECQoAAAAsAAAAABAAEAAABCsQyEmrvThPwbv/XJEMxIFg4VieV0qaqCC+rOWu8Yy3sgrzoCBHQywaj5QIACH5BAkKAAAALAAAAAAQABAAAAQrEMhJq704T8G7/9xhFMlAYOFYnldKmqggvqzlrvGMt7IK86AgR0MsGo+UCAAh+QQJCgAAACwAAAAAEAAQAAAEMRDISau9OE/Bu/+cghxGkQyEFY7lmVYraaKqIMpufbc0bLOzFyXGE25AyI5myWw6KREAIfkECQoAAAAsAAAAABAAEAAABDYQyEmrvThPwbv/nKQgh1EkA0GFwFie6SqIpImq29zWMC6xLlssR3vdZEWhDwBqejTQqHRKiQAAIfkECQoAAAAsAAAAABAAEAAABDYQyEmrvThPwbv/HKUgh1EkAyGF01ie6SqIpImqACu5dpzPrRoMpwPwhjLa6yYDOYuaqHRKjQAAIfkECQoAAAAsAAAAABAAEAAABDEQyEmrvThPwbv/nKUgh1EkAxFWY3mmK9WaqCqIJA3fbP7aOFctNpn9QEiPZslsOikRACH5BAkKAAAALAAAAAAQABAAAAQrEMhJq704T8G7/xymIIexEOE1lmdqrSYqiGTsVnA7q7VOszKQ8KYpGo/ICAAh+QQJCgAAACwAAAAAEAAQAAAEJhDISau9OE/Bu/+cthBDEmZjeWKpKYikC6svGq9XC+6e5v/AICUCACH5BAkKAAAALAAAAAAQABAAAAQrEMhJq704T8G7/xy2EENSGOE1lmdqrSYqiGTsVnA7q7VOszKQ8KYpGo/ICAAh+QQJCgAAACwAAAAAEAAQAAAEMRDISau9OE/Bu/+ctRBDUhgHElZjeaYr1ZqoKogkDd9s/to4Vy02mf1ASI9myWw6KREAIfkECQoAAAAsAAAAABAAEAAABDYQyEmrvThPwbv/HLUQQ1IYByKF01ie6SqIpImqACu5dpzPrRoMpwPwhjLa6yYDOYuaqHRKjQAAIfkECQoAAAAsAAAAABAAEAAABDYQyEmrvThPwbv/nLQQQ1IYB0KFwFie6SqIpImq29zWMC6xLlssR3vdZEWhDwBqejTQqHRKiQAAIfkECQoAAAAsAAAAABAAEAAABDEQyEmrvThPwbv/3EIMSWEciBWO5ZlWK2miqiDKbn23NGyzsxclxhNuQMiOZslsOikRADsAAAAAAAAAAAA8YnIgLz4KPGI+V2FybmluZzwvYj46ICBteXNxbF9xdWVyeSgpIFs8YSBocmVmPSdmdW5jdGlvbi5teXNxbC1xdWVyeSc+ZnVuY3Rpb24ubXlzcWwtcXVlcnk8L2E+XTogQ2FuJ3QgY29ubmVjdCB0byBsb2NhbCBNeVNRTCBzZXJ2ZXIgdGhyb3VnaCBzb2NrZXQgJy92YXIvcnVuL215c3FsZC9teXNxbGQuc29jaycgKDIpIGluIDxiPi9ob21lL2FqYXhsb2FkL3d3dy9saWJyYWlyaWVzL2NsYXNzLm15c3FsLnBocDwvYj4gb24gbGluZSA8Yj42ODwvYj48YnIgLz4KPGJyIC8+CjxiPldhcm5pbmc8L2I+OiAgbXlzcWxfcXVlcnkoKSBbPGEgaHJlZj0nZnVuY3Rpb24ubXlzcWwtcXVlcnknPmZ1bmN0aW9uLm15c3FsLXF1ZXJ5PC9hPl06IEEgbGluayB0byB0aGUgc2VydmVyIGNvdWxkIG5vdCBiZSBlc3RhYmxpc2hlZCBpbiA8Yj4vaG9tZS9hamF4bG9hZC93d3cvbGlicmFpcmllcy9jbGFzcy5teXNxbC5waHA8L2I+IG9uIGxpbmUgPGI+Njg8L2I+PGJyIC8+CjxiciAvPgo8Yj5XYXJuaW5nPC9iPjogIG15c3FsX3F1ZXJ5KCkgWzxhIGhyZWY9J2Z1bmN0aW9uLm15c3FsLXF1ZXJ5Jz5mdW5jdGlvbi5teXNxbC1xdWVyeTwvYT5dOiBDYW4ndCBjb25uZWN0IHRvIGxvY2FsIE15U1FMIHNlcnZlciB0aHJvdWdoIHNvY2tldCAnL3Zhci9ydW4vbXlzcWxkL215c3FsZC5zb2NrJyAoMikgaW4gPGI+L2hvbWUvYWpheGxvYWQvd3d3L2xpYnJhaXJpZXMvY2xhc3MubXlzcWwucGhwPC9iPiBvbiBsaW5lIDxiPjY4PC9iPjxiciAvPgo8YnIgLz4KPGI+V2FybmluZzwvYj46ICBteXNxbF9xdWVyeSgpIFs8YSBocmVmPSdmdW5jdGlvbi5teXNxbC1xdWVyeSc+ZnVuY3Rpb24ubXlzcWwtcXVlcnk8L2E+XTogQSBsaW5rIHRvIHRoZSBzZXJ2ZXIgY291bGQgbm90IGJlIGVzdGFibGlzaGVkIGluIDxiPi9ob21lL2FqYXhsb2FkL3d3dy9saWJyYWlyaWVzL2NsYXNzLm15c3FsLnBocDwvYj4gb24gbGluZSA8Yj42ODwvYj48YnIgLz4KPGJyIC8+CjxiPldhcm5pbmc8L2I+OiAgbXlzcWxfcXVlcnkoKSBbPGEgaHJlZj0nZnVuY3Rpb24ubXlzcWwtcXVlcnknPmZ1bmN0aW9uLm15c3FsLXF1ZXJ5PC9hPl06IENhbid0IGNvbm5lY3QgdG8gbG9jYWwgTXlTUUwgc2VydmVyIHRocm91Z2ggc29ja2V0ICcvdmFyL3J1bi9teXNxbGQvbXlzcWxkLnNvY2snICgyKSBpbiA8Yj4vaG9tZS9hamF4bG9hZC93d3cvbGlicmFpcmllcy9jbGFzcy5teXNxbC5waHA8L2I+IG9uIGxpbmUgPGI+Njg8L2I+PGJyIC8+CjxiciAvPgo8Yj5XYXJuaW5nPC9iPjogIG15c3FsX3F1ZXJ5KCkgWzxhIGhyZWY9J2Z1bmN0aW9uLm15c3FsLXF1ZXJ5Jz5mdW5jdGlvbi5teXNxbC1xdWVyeTwvYT5dOiBBIGxpbmsgdG8gdGhlIHNlcnZlciBjb3VsZCBub3QgYmUgZXN0YWJsaXNoZWQgaW4gPGI+L2hvbWUvYWpheGxvYWQvd3d3L2xpYnJhaXJpZXMvY2xhc3MubXlzcWwucGhwPC9iPiBvbiBsaW5lIDxiPjY4PC9iPjxiciAvPgo=) no-repeat left center;}
.xh-comment .xh-comment-status .more { display:inline-block; cursor:pointer;}
.xh-comment .xh-comment-list { display:none; margin:0 1em;}
.xh-comment .xh-comment-item { display:none; border-top:1px solid #DDDEE2; padding:1em; color:#505e6e;}
.xh-comment .xh-comment-item:first-child { border-top:none;}
.xh-comment .xh-comment-item .pic { float:left; width:40px; height:40px;}
.xh-comment .xh-comment-item .pic img { border-radius:50%; width:100%; height:100%;}
.xh-comment .xh-comment-item .info { padding-left:50px;}
.xh-comment .xh-comment-item .info .name { float:left; margin-bottom:0.5em;}
.xh-comment .xh-comment-item .info .time { float:right; margin-bottom:0.5em;}
.xh-comment .xh-comment-item .info .reply { clear:both; margin-bottom:0.5em; border:1px solid #d6dde6; padding:0.5em; background:#eaeef3; color:#7B8A9F;}
.xh-comment .xh-comment-item .info .reply .reply-name { float:left; margin-bottom:0.5em;}
.xh-comment .xh-comment-item .info .reply .reply-sequence { float:right; margin-bottom:0.5em; color:#ccc;}
.xh-comment .xh-comment-item .info .reply .reply-text { clear:both; margin-top:0.5em;}
.xh-comment .xh-comment-item .info .text{ clear:both; margin-top:0.5em;}
.xh-comment .xh-comment-item .tool { clear:both; text-align:right;}
.xh-comment .xh-comment-item .tool a { text-decoration:none; color:#7B8A9F;}

.xh-comment .xh-page-bar .xh-page-btn { display:inline-block; margin:2px; outline:none; padding:0 3px; min-width:20px; line-height:24px; text-decoration:none; color:#7B8A9F}
.xh-comment .xh-page-bar .xh-page-btn:hover,
.xh-comment .xh-page-bar .active { color:#fff; background:#7B8A9F}

.xh-comment .xh-comment-reply { display:none; margin:1em 0em 0em; padding-left:50px;}
.xh-comment .xh-comment-form { display:none; margin:1em 2em 0em;}
.xh-comment .xh-comment-reply iframe,
.xh-comment .xh-comment-form iframe { display:none; width:0; height:0;}
.xh-comment .xh-comment-reply textarea,
.xh-comment .xh-comment-form textarea { display:block; border:1px solid #EEEFF1; padding:5px 1%; width:97%; height:60px; line-height:20px; resize: none; outline:none; font-size:14px; color:#7B8A9F; transition:all 0.2s; -webkit-box-sizing:content-box; box-sizing:content-box}
.xh-comment .xh-comment-reply textarea.warning,
.xh-comment .xh-comment-form textarea.warning { border:1px solid #fc4343; background:#fdeeee}
.xh-comment .xh-comment-reply ::-webkit-input-placeholder,
.xh-comment .xh-comment-reply :-moz-placeholder,
.xh-comment .xh-comment-reply ::-moz-placeholder,
.xh-comment .xh-comment-reply :-ms-input-placeholder,
.xh-comment .xh-comment-form ::-webkit-input-placeholder,
.xh-comment .xh-comment-form :-moz-placeholder,
.xh-comment .xh-comment-form ::-moz-placeholder,
.xh-comment .xh-comment-form :-ms-input-placeholder {color:red;}
.xh-comment .xh-comment-reply .submit-item,
.xh-comment .xh-comment-form .submit-item { margin-top:0.5em; text-align:right;}
.xh-comment .xh-comment-btn,
.xh-comment .xh-reply-submit,
.xh-comment .xh-comment-submit { display:inline-block; margin:0 1% 0 0; padding:0 1em; border:none; border-radius:3px; height:25px; line-height:25px; color:#fff; font-size:12px; cursor:pointer; background:#7B8A9F; vertical-align:middle; text-decoration:none}
.xh-comment .xh-reply-tips,
.xh-comment .xh-comment-tips { display:inline-block; margin:0 1% 0 0; vertical-align:middle}

@media only screen and (max-width: 320px){
.xh-comment .xh-comment-list { margin-left:0.5em; margin-right:0.5em}
.xh-comment .xh-comment-item { padding-left:0.5em; padding-right:0.5em}
.xh-comment .xh-comment-form { margin-left:1em; margin-right:1em}
}