@charset "utf-8";
/*
 * author : linwu
 * datetime : 2015-4-10
 */

/*******************
 文章
 *******************/
.m-article{ }
.m-article .article-title{ margin-bottom:25px; color:#3f484f; word-break:break-all; font:28px/1.4 'Microsoft YaHei', sans-serif; }
.m-article .meta{ color:#999; }
.m-article .meta a{ color:#00c4b0; }
.m-article .meta a:hover{ text-decoration:underline; }
.m-article .meta span{ margin-right:20px; }
.m-article .meta .time{ float:right; margin-right:0; }
.article-controls{ }
.article-controls div{ text-align:center; }
.article-controls span{ display:inline-block; margin:0 20px; width:74px; height:110px; }
.article-controls span strong{ color:#ee4040; font-weight:normal; }
.article-controls span > a{ position:relative; display:block; margin-bottom:18px; width:72px; height:72px; border:1px solid #ededed; border-radius:36px; cursor:pointer; }
.article-controls span:hover > a{ border:1px solid #ccc; }
.article-controls span > a i{ position:absolute; top:17px; left:17px; width:38px; height:38px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQIAAACMCAMAAACgXFd+AAAAYFBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZkAxK+ZmZmJnIOZmZmZmZkAxK+ZmZmZmZmZmZkAxK8AxK+ZmZkAxK8AxK8AxK8AxK8AxK8AxK8AxK8AxK8AxK8AxK+ZmZnDJ5d7AAAAHnRSTlMA3tPumSOKMVLcGQxouJrEeKrwSUOIGLF1KsY7DF7J0/+7AAAEJklEQVR42uzYy27bMBCF4SMOb+AFlADtz/u/ZVMqCRXZSjfhwGj7rWx6Yfg3R4SE/x7tzFCVNlk8XkgkV6iyfPNKDSpJqDIMgYKXsbNZFmhamGAY8Co2lkBCEwlU7pjJVWFn+zvh0PBVIHsG6Ak0QJubIAnl4HuCRWTp5HHsLUsfBuhZ6TF7EO5mO5mHBO5YqIxQY7gDZMZEIncFNrkk8MeBGFmhJbIdwzATzV0BGOIskXn8MyrywhUotDhTSZAWbrgm8PToCjeoyI1VYfJobgqcE7i42kYmHMhm1xgwmTM0CXCUjJlonhWweE8Qit8MDx7vCg9L9WXHLLuwOQDxuunmJ3C9wJEgnH5rwqd8LoMpsie3DPRdsHxqKzA5wSjQExRyjQ43XCyWHj/Kd3YT0uKw8cxPTzAK9EGwpMO9/vGP4oc6Riy5T5EyM8EoMBLA0rrvCgT8LHJ9U2LCU2F6Aie0OCfoDZJeAZD4hp0+CEHO37D2Grk3uC2gmiBTLICJCUaB4WiQ8cj3AtoJEoB5CVIv8ChZ2qcFdgB6CcYt2rwEQTyecpb2toBmArdM2XgGf+Z4rR/Gil4CR1Z0+glgWa4JGgalBGVclJQSNBkvrxswk+j0Eoy7Bb0EhvggvOZf6NApJhjPTvQTJC64qPrXAtdoMegm2Flx4bliBtL9lvGo0iQMugkKPbrkbfhYspiB72rBRaJkdPoJxoHg+canmUfCchDS2HA3e8oJxoFQSPqV7COQKZgox0ayxnRampVA7hMscj4QYiNtALInWQBhwlTBCr9aMmZot2kj65jCsJHbji5YssXKHZPlUk8VpDpMsZPLU0IJ40AgWU51Krmx4C8RDZ+SzY39wOsRWPrSP+QXO3JIAwAAwwCMPjmZf7UzMAkt7OXnAQAAAAAAAAAAZQ8OiQAAQCCA0QHL0T8mHRCvtgEAAAAAAAAAwFPvVNSVYy9JCoNQFIbPlMkdQPGGs/9ltqKValstJuZCtd8GkvyBQAjRGo+NdDJBlfBipwaFJFQVXlhsw5Haw8DwKmMXkVfQxMFhE5VDh57KoWITwqFAT+JWEyGT6sPScGjYg+ddhBbHwWAPgYcKHc1wEOzBk8rDoBXedCyXXZLCX4qknnGyYHhjGxaq3UfDN0z03eEs1ZIbzIPKOZyieR6sOZQEZZ1THh/lB4l2cj09wpmMj+KMhTaZFvj3CSCqBcAZgbomfK9COYEVLBBkUkA1QcAKQfQKgBMOSwTRuxtOVKyRJwX0EkSsInxSMOgmkIZVitrGeNdBAMtnAYNqAoNVwi7fAsEqji8kDJoJTMAqSe+N8JUNjk6E1FoSzI3daV/0uCD4pPPL1lzZK4HljWQgeN4FnCqL5SPTsErgEB2GLErvJKRoebAxY5n69yTbRV4kfI/+/Lz9WxL8AF371t0N/3EFAAAAAElFTkSuQmCC) no-repeat; }
.article-controls .collect i{ background-position:2px 0; }
.article-controls .collect.active i{ background-position:2px -104px; }
.article-controls .zan i{ background-position:-111px 0; }
.article-controls .zan.active i{ background-position:-111px -104px; }
.article-controls .share i{ background-position:-224px 0; }

.article-controls .share{ position:relative;}

.article-controls .share .bdsharebuttonbox{ position:absolute; top:90px; right:0; z-index:2; display:none; width:280px; border:1px solid #e1e1e1; background-color:#f6f6f6; }
.article-controls .share:hover .bdsharebuttonbox{ display:block; }
.article-controls .share .bdsharebuttonbox:before{ position:absolute; top:-15px; right:0; display:block; width:58px; height:15px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAMAAAAPmYwrAAAAPFBMVEUAAADh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eH29vbz8/Pk5OTh4eHu7u7r6+vm5uYEgk96AAAADXRSTlMAloJqeXNhQjgsHg8BC/4JegAAADVJREFUCNc9x7cRACAMBDCTc95/V+4Bo0502K4yfarVKRLPtFrKFPFOY3jAJAaj+ze+o8U533vjAzYjGhF1AAAAAElFTkSuQmCC) no-repeat 50% bottom; content:''; }
.article-controls .share li{ position:relative; display:inline; float:left; margin:0; padding:0; width:70px; background:none; }
.article-controls .share .bdsharebuttonbox a{ display:block; margin:0; padding:46px 0 0 0; width:70px; height:24px; background:none; color:#3f484f; text-align:center; font:14px/1 'Microsoft YaHei', sans-serif; }
.article-controls .share .bdsharebuttonbox a:hover{ color:#3f484f; }
.article-controls .share .bdsharebuttonbox i{ position:absolute; top:8px; left:16px; z-index:-1; display:block; width:38px; height:30px; background:url(../images/sns-icon.png) no-repeat; }
.article-controls .share .bds_sqq i{ background-position:8px 0; }
.article-controls .share .bds_sqq:hover i{ background-position:8px -50px; }
.article-controls .share .bds_tsina i{ background-position:-52px 0; }
.article-controls .share .bds_tsina:hover i{ background-position:-52px -50px; }
.article-controls .share .bds_weixin i{ background-position:-115px 0; }
.article-controls .share .bds_weixin:hover i{ background-position:-115px -50px; }
.article-controls .share .bds_more i{ background-position:-176px 0; }
.article-controls .share .bds_more:hover i{ background-position:-176px -50px; }

/* 正文 */
.article-content{ margin-top:30px; padding-top:30px; border-top:solid 1px #e0e0e0; }
.article-content{ margin:10px; padding-bottom:20px; color:#555; font:16px/1.6 'Microsoft YaHei', sans-serif; }
.article-content:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
/* 行内元素 */
.article-content code{ padding:2px 4px; border-radius:4px; background-color:#f9f2f4; color:#c7254e; font-size:90%; }
.article-content mark,
.article-content p{ margin-bottom:1em; word-wrap:break-word; word-break:break-all; }
.article-content p video,
.article-content p audio,
/*.article-content p img:only-child{ margin-left:-2em; }*/
.article-content .mark{ padding:.2em; background:#ff6; color:#000; }
.article-content a{ color:#379be9; word-wrap:break-word; word-break:break-all; }
.article-content a:active,
.article-content a:hover{ outline:0; }
.article-content abbr[title]{ border-bottom:1px dotted; }
.article-content b,
.article-content strong{ font-weight:bold; }
.article-content small{ font-size:80%; }
.article-content i,
.article-content em{ font-style:italic; }
.article-content img{ max-width:100%; border:0; }
/* 表格 */
.article-content table{ margin-bottom:20px; width:100%; border:1px solid #ddd; border-spacing:0; border-collapse:collapse; }
.article-content td,
.article-content th{ padding:2px 4px; border:1px solid #ddd; }
/* 列表 */
.article-content ul,
.article-content ol{ display:block; margin-top:0; margin-bottom:10px; }
.article-content ul{ list-style-type:disc; }
.article-content ol{ list-style-type:decimal; }
.article-content li{ margin-left:2em; }
.article-content dl{ margin-top:0; margin-bottom:20px; }
.article-content dt,
.article-content dd{ line-height:1.42857143; }
.article-content dt{ font-weight:bold; }
.article-content dd{ margin-left:0; }
/* 引言 */
.article-content blockquote{ margin:0 0 20px; padding:10px 20px; border-left:5px solid #eeeeee; background-color:#f9f9f9; font-size:15px; }
.article-content blockquote p:last-child,
.article-content blockquote ul:last-child,
.article-content blockquote ol:last-child{ margin-bottom:0; }
/* 其他 */
.article-content iframe{ max-width:100%; }
.article-content embed{ max-width:100%; }
.gao7-article-editer{ display:block; padding:5px; text-align:right; }
.gao7-article-editer em{ color:#099bd1; }
/*******************
 评论
 *******************/
/**/
.m-comment-publish{ position:relative; margin-bottom:20px; }
.m-comment-publish .comment-layer{ display:block; margin-bottom:20px; padding-top:20px; }
.m-comment-publish .user-face{ display:inline; float:left; margin-right:-50px; width:50px; height:50px; }
.m-comment-publish .user-face img{ width:inherit; height:inherit; }
.m-comment-publish .input-controls{ position:relative; margin-left:70px; }
.m-comment-publish .input-controls .user-name{ display:block; margin-bottom:10px; color:#00c4b0; font-size:13px; line-height:1em; }
.m-comment-publish .input-controls textarea{ position:relative; margin-bottom:5px; padding:5px 0 0 5px; width:99%; height:80px; outline:0; border:1px solid #ccc; border-radius:4px; }
.m-comment-publish .input-controls .login-panel{ color:#555; font-size:16px; text-align:center; height:87px; line-height:88px; content:'请先登录'; position:absolute; display:none; top:23px; right:0; left:0; border-radius:4px; background:rgba(200,200,200,.4);}
.m-comment-publish .input-controls .login-panel a{ color:#00c4b0; cursor:pointer;}
.m-comment-publish .disabled .input-controls .login-panel{ display:block;}
.m-comment-publish .publish-control{ text-align:right; }
.m-comment-publish .publish-control .btn-login,
.m-comment-publish .publish-control .btn-publish{ display:inline-block; *display:inline; margin-left:10px; width:68px; height:28px; border:1px solid #cccccc; background-color:#fff; color:#333; text-align:center; line-height:28px; *zoom:1; }
.m-comment-publish .publish-control .btn-login:hover,
.m-comment-publish .publish-control .btn-publish{ border:1px solid #00c4b0; background-color:#00c4b0; color:#fff; outline:0;  }
.m-comment-publish .publish-control .btn-publish:hover{ border:1px solid #72c810; background-color:#72c810; text-decoration:none; cursor:pointer }
.m-comment-publish .disabled .publish-control .btn-publish{ background-color:#bbb; border:1px solid #b4b4b4; cursor:not-allowed;}
.m-comment-publish .publish-control .publish-tip{ color:#999; line-height:28px; }
/**/
.m-comment-publish .comment-info{ position:absolute; top:0; right:0; color:#666; line-height:1; }
.m-comment-publish .comment-info span{ margin:0 6px; }
.m-comment-publish .comment-info strong{ margin:0 2px; color:#00c4b0; vertical-align:-1px; }
/******** 评论列表 ********/
.comment_clear:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
* html .comment_clear{ zoom:1; }
*:first-child + html .comment_clear{ zoom:1; }
.area_comment{ padding:0 10px; }
.comment_info_list{ position:relative; }
.comment_info{ position:relative; margin-bottom:-1px; padding:20px 0 20px 60px; border-top:solid 1px #eee; border-bottom:solid 1px #eee; color:#333; font:12px/1.5 tahoma, arial, "Hiragino Sans GB", \5b8b\4f53; }
.comment_info:last-child{ margin-bottom:0; }
.comment_face{ position:absolute; top:20px; left:0; }
.comment_face a{ display:block; height:50px; }
.comment_face a img{ width:50px; height:50px; }
.comment_body{ }
.comment_author{ margin-bottom:5px; }
.comment_author span{ margin-right:10px; color:#333; }
.comment_author .comment_username{ color:#52738c; }
.comment_author .comment_userother{ }
.comment_author .comment_createtime{ float:right; }
.comment_content_info{ position:relative; }
.comment_content_info .comment_contnet{ margin:0 0 5px 0; padding:0; color:#555; word-break:break-all; }
.comment_content_info .comment_operator{ margin:0; padding:0; text-align:right;}
.comment_content_info .comment_operator li{ display:inline-block; *display:inline; margin:0 15px 0 0; padding:0 0 0 21px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAoCAYAAAAhf6DEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC9SURBVEhL7ZbhDYMgEIUZpSN0hI7gCIzQERzBDXAURnAUN2jf2aOepMGD+1F/8JKXwPN9MQYwuJJCCE/4Bc8c6QVoZJj84FinDK57O4Ao4MjxuVBO31sHo3jPQPLIj3chXFOB515mBS9U/gYMy0LRFni2wNECTxZ4+Av82aoY5Ou8pHnBfoO7ui4s2qew5p8lTX1/OBiVXrVH8Kc7XGmCTUvVvkmkEMibAFl/G0B5aAJJAG5NYBLAiYcncu4NhiZuZqobc5IAAAAASUVORK5CYII=) no-repeat 0 0; cursor:pointer; *zoom:1; }
.comment_content_info .comment_operator li:hover{ color:#00c4b0; }
.comment_content_info .comment_operator .comment_reply_btn{ background-position:0 -23px; }
.comment_content_info .comment_operator .no_reply_btn { background-position: 0 -23px; } /*2015-5-13 @cjl  评论回复图标*/
.comment_content_info .comment_operator .comment_Digg_btn{ background-position:0 2px; }
.comment_content_info .comment_diggcount{ }
.comment_reply_form{ display:block; margin:10px 0 0; }
.comment_reply_form:after{ display:block; visibility:hidden; clear:both; height:0; content:" "; font-size:0; }
.comment_reply_form textarea{ margin-bottom:5px; padding:1%; width:98%; height:60px; border:1px solid #ccc; border-radius:4px; outline:0; }
.area_comment .comment_reply_submit{ display:block; float:right; width:60px; height:26px; border-radius:2px; background-color:#00c4b0; color:#fff; text-align:center; text-decoration:none; line-height:24px; }
.area_comment .comment_reply_submit:hover{ background-color:#72c810; color:#fff; }
/* 楼层 */
.comment_floor_info{ margin:0 0 5px 0; padding:1px; border:1px solid #ccc; background-color:#fff; }
.comment_floor_author{ position:relative; display:block; padding:2px 0 5px 3px; }
.comment_floor_author span{ margin-right:10px; color:#333; }
.comment_floor_author .comment_floor_username{ color:#52738c; }
.comment_floor_author .comment_floor_userother{ }
.comment_floor_author .comment_floor_index{ position:absolute; top:1px; right:5px; margin-right:0; }
.comment_floor_contnet{ display:block; padding:0 0 5px 3px; color:#555; }
/* 分页 */
/* 加载中 */
.comment_loading_layer{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:20; background:rgba(0, 0, 0, .3); }
.comment_loading_layer i{ position:absolute; top:50%; left:50%; z-index:30;
    display:block; margin-top:-7px; margin-left:-7px; width:14px; height:14px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEHSURBVDhPpZMxTgJBFIaHyoQeC2sbgleAA2ihBzCIiZ5FSAweQSzhDho7LI0JJcewBP2+2V2zsrNsjH/yJfPe+9/s7uy80KA5LLJlsw5gDMcxyvSRU8jaHeit6BA+YQVtE6i8gTlrejomUrqGL5jFKIT3HPUI1kYx2qMn0NiFixzX5qxV9ApruIc++Kpn0IJCrs1Z06PXHnvDFbzBFnzKA9TJRj167RnCj47gFnoxSsuaHr0VmbyBkxilZU3Prw0uYQkbaPoEa3r02hM/4Rk8kCkMwIM6hd1DNGdNj157XqCi8m88zyl+Y3E/auUlKRv/dJH+fZUdkAk0DZOe5DCl5CjvGecQvgH8/0OeYqXE4AAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    -webkit-transition-duration:0ms;
    -webkit-transform:rotate(0deg) translateZ(0);
    -webkit-animation-name:loading;
    -webkit-animation-duration:3s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite; }
/* 加载更多 */
.comment_loadmore{ display:block; margin:10px 0; height:40px; background-color:#f1f1f1; color:#333;
    text-align:center; text-decoration:none; font-size:14px; line-height:40px; -webkit-transition:all .5s; transition:all .5s; }
.comment_loadmore i{ display:none; margin-right:5px; width:14px; height:14px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEHSURBVDhPpZMxTgJBFIaHyoQeC2sbgleAA2ihBzCIiZ5FSAweQSzhDho7LI0JJcewBP2+2V2zsrNsjH/yJfPe+9/s7uy80KA5LLJlsw5gDMcxyvSRU8jaHeit6BA+YQVtE6i8gTlrejomUrqGL5jFKIT3HPUI1kYx2qMn0NiFixzX5qxV9ApruIc++Kpn0IJCrs1Z06PXHnvDFbzBFnzKA9TJRj167RnCj47gFnoxSsuaHr0VmbyBkxilZU3Prw0uYQkbaPoEa3r02hM/4Rk8kCkMwIM6hd1DNGdNj157XqCi8m88zyl+Y3E/auUlKRv/dJH+fZUdkAk0DZOe5DCl5CjvGecQvgH8/0OeYqXE4AAAAABJRU5ErkJggg==) no-repeat 0 0; background-size:14px 14px; vertical-align:-2px;
    -webkit-transition-duration:0ms;
    -webkit-transform:rotate(0deg) translateZ(0);
    -webkit-animation-name:loading;
    -webkit-animation-duration:3s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
}
.comment_loadmore.show i{ display:inline-block; }
/* 查看更多 */
.comment_readmore{ display:block; margin:3px; background-color:#f4f4f4; color:#333; text-align:center; text-decoration:none; line-height:2em; }
.comment_readmore:hover{ background-color:#f1f1f1; }

.comment_info .comment_info { border-top:0;}
.comment_info .comment_info:last-child { border-bottom:0;}

@-webkit-keyframes loading{
    from{ -webkit-transform:rotate(0deg) translateZ(0); }
    to{ -webkit-transform:rotate(360deg) translateZ(0); }
}
@media only screen and (max-width:640px){
    .comment_info{ padding:20px 0 20px 0; }
    .comment_face{ position:static; display:inline; float:left; margin-right:10px; width:30px; height:30px; border-radius:15px; }
    .comment_face a img{ width:30px; height:30px; border-radius:15px; }
    .comment_author{ margin-bottom:10px; line-height:30px; }
    .comment_content_info .comment_operator .comment_reply_btn{ background-position:0 -16px; background-size:12px auto; }
    .comment_content_info .comment_operator .comment_Digg_btn{ background-position:0 3px; background-size:12px auto; }
}