/*
Managershare Style
Version: 2.0
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video , input ,button { margin: 0; padding: 0; border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
body {font: normal 14px 微软雅黑,Arial,Helvetica,sans-serif;}
a {text-decoration: none;}
a:hover{transition: color 0.2s ease 0s;}
a:focus{outline:none;}
li {list-style: none;}
ol > li {list-style: inherit;}
input {font: normal 14px 微软雅黑,Arial,Helvetica,sans-serif;outline:none;}
textarea{font: inherit;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block;}

/* iconfont */
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1488766633451'); /* IE9*/
  src: url('iconfont.eot?t=1488766633451#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1488766633451') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1488766633451') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1488766633451#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-weixin-c:before { content: "\e603"; }

.icon-notice:before { content: "\e60a"; }

.icon-douban-c:before { content: "\e643"; }

.icon-photo:before { content: "\e620"; }

.icon-arrow-down-o:before { content: "\e665"; }

.icon-check:before { content: "\e62d"; }

.icon-picture:before { content: "\e65f"; }

.icon-qq-c:before { content: "\e626"; }

.icon-tan-right:before { content: "\e605"; }

.icon-weibo-c:before { content: "\e65c"; }

.icon-qzone:before { content: "\e64a"; }

.icon-passwd:before { content: "\e64b"; }

.icon-more:before { content: "\e64c"; }

.icon-comment-o:before { content: "\e650"; }

.icon-comment:before { content: "\e651"; }

.icon-setting:before { content: "\e652"; }

.icon-favorite:before { content: "\e653"; }

.icon-phone-o:before { content: "\e654"; }

.icon-search:before { content: "\e656"; }

.icon-phone:before { content: "\e657"; }

.icon-write:before { content: "\e658"; }

.icon-post:before { content: "\e65a"; }

.icon-weixin:before { content: "\e65b"; }

.icon-weibo:before { content: "\e65d"; }

.icon-like-o:before { content: "\e65e"; }

.icon-message:before { content: "\e660"; }

.icon-like:before { content: "\e661"; }

.icon-email:before { content: "\e662"; }

.icon-arrow-right:before { content: "\e655"; }

.icon-arrow-left:before { content: "\e659"; }

.icon-pub-words:before { content: "\e664"; }

.icon-list:before { content: "\e666"; }

.icon-arrow-top:before { content: "\e667"; }

.icon-avatar:before { content: "\e668"; }

.icon-pub-post:before { content: "\e669"; }

.icon-more-o:before { content: "\e66a"; }

.icon-close:before { content: "\e66b"; }

.icon-tan-down:before { content: "\e66c"; }

.icon-error-page:before { content: "\e663"; }





/* layout */
.wrapper{width: 1080px;margin: 0 auto;position: relative;height: 100%; }
.main{width: 760px; float: left; margin-bottom: 50px;}
aside{float: right; width: 250px; margin-top: 28px;}

/* 通用 */
body{padding-top: 60px;}
.fn-clear:after,.wrapper:after {clear: both;display: table;content: "";zoom:1;}
header{height: 60px; border-bottom: 1px solid #e5e5e5; position: fixed; top: 0; width: 100%; z-index: 9999; background-color: #fff;}
header .logo{position: absolute; left: 15px; top: 10px; width: 150px;}
header .logo .logo-img{height: 40px; width: 40px; display: block; float: left;}
header .logo .logo-img img{height: 40px; width: 40px;}
header .logo h1{float: left;margin-left: 5px; line-height: 40px;}
header .logo h1 a{font-size: 16px; color: #000; display: block;}
header .logo .about-us{font-size: 12px; color: #999; float: left;margin-left: 5px;}
nav{height: 60px;}
nav a{display: inline-block; height: 20px; color:#999;font-size: 16px; margin-right: 30px; margin-top: 15px; padding: 5px 2px;}
nav a:hover{color: #020202;}
nav a.current{color: #020202;border-bottom: 2px solid #020202;}
.app-download-btn{border: 1px solid #e5e5e5; height: 28px; line-height: 28px; color: #999; border-radius: 5px; position: absolute; right:320px; top: 15px; font-size: 13px; padding: 0 10px;}
.app-download-btn i{margin-right: 5px; vertical-align: middle;}
.search{position: absolute; right: 0; width: 250px; height: 30px; line-height: 30px; border-radius: 5px; background-color: #eee; top: 15px;}
.search i{color: #000; display: inline-block; width: 40px; height: 30px; line-height: 34px; text-align: center;float: left; font-size: 18px;}
.search .header-search-btn{border-left: 1px solid #ccc; width: 50px; text-align: center; color: #000;height: 30px;float: left; display: inline-block;}
.search input[type=text]{height: 30px; width: 158px;float: left;background-color: #eee;color: #999;}
.node-title{color: #000; line-height: 14px; position: relative;}
.node-title .block{font-style: normal; display: inline-block; vertical-align: middle; width: 13px; height: 13px;background-color: #000; margin-right: 10px;}
.node-title a{position: absolute; right: 0; color: #999;}
.node-title span{color: #999;}
footer{text-align: center; padding-bottom: 15px; font-size: 12px;}
.icon-avatar{display: inline-block; width: 34px; height: 34px; background-color: #cecece; color: #fff; border-radius: 5px; text-align: center; font-size: 36px; vertical-align: middle;}

/* 左侧边栏 */
.left{position: fixed; left: 0; top: 61px; width: 68px; border-right: 1px solid #e5e5e5; height: 100%; z-index: 999; background-color: #f8f8f8;}
.left .user-info{margin: 20px 0; min-height: 120px; border-bottom: 1px solid #e5e5e5;}
.left.close .user-info{text-align: center;}
.left.open .user-info{padding-left: 15px;}
.left .avatar{display: block; position: relative;}
.left .avatar img{width: 34px; height: 34px; border-radius: 5px;}
.left .user-name{color: #000;position: absolute; left: 60px; top: 3px;font-size: 16px;}
.left .logout{position: absolute; top:20px; right: 15px; color: #999;font-size: 13px; border: 1px solid #ccc; padding: 2px 10px;}
.left .user-info p{color: #999; margin: 10px 0;}
.left .user-credit{color: #000;position: absolute; left: 60px; top: 28px;font-size: 13px;}
.left.close .user-info .avatar .me{display: block; color: #999; margin-top: 5px;}
.left .user-nav a{color: #080808;display: block;position: relative;padding: 10px 0;}
.left.close .user-nav a{text-align: center;}
.left.open .user-nav a{padding-left: 18px;}
.left.close .user-nav a .remind-num{display: block; height: 16px; width: 16px; line-height: 16px; text-align: center; background-color: #ff0000;position: absolute; color: #fff; border-radius: 8px; top: -5px; right: 10px; font-size: 10px; font-family: arial;}
.left .user-nav a .iconfont{font-size: 22px;}
.left .user-fans{margin-bottom: 10px;}
.left .user-fans a{color: #000; display: inline-block; text-align: center;}
.left .user-fans a span{display: block; font-size: 16px;}
.left .user-fans a:first-child{border-right: 1px solid #c2c2c2; padding-left: 10px; padding-right: 20px; margin-right: 20px;}
.left.close .desc-tips,.pub-btn .desc-tips{position: absolute; right: -100px; top: 5px; border: 1px solid #d2d2d2;width: 80px; text-align: center; height: 40px;display: none; border-radius: 5px; font-size: 16px; background-color: #fff;} 
.left.close .desc-tips span,.pub-btn .desc-tips span{display: table-cell; vertical-align: middle;} 
.left.close .desc-tips .l,.pub-btn .desc-tips .l{display: block;width: 12px; height: 18px; background-image: url(../img/corner.gif); background-repeat: no-repeat; position: absolute; left: -10px; top: 12px;} 
.left .user-nav a:hover,.left .user-nav a.current{background-color: #fff;}
.left.close .user-nav a:hover .desc-tips,.pub-btn:hover .desc-tips{display: table;}
.left.open{width: 246px; border-right: 1px solid #ddd;}
.left.open .avatar img{width: 48px; height: 48px;}
.left.open .desc-tips{display: inline-block; font-size: 13px; vertical-align: top; height: 22px; line-height: 22px; margin-left: 15px;}
.left.close .contribute,.left.close .user-fans,.left.close .user-credit,.left .logout,.left .user-info .user-name,.left .user-info p,.left.open .remind-num,.left.open .me{display: none;}
.left.open .contribute,.left.open .logout,.left.open .user-info .user-name,.left.open .user-info p{display: block;}
.left .toggle-btn{display: block; border: 1px solid #ddd; border-radius: 5px; color: #999; width: 50px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 9px; margin-top: 30px;}
.left.open .contribute{display: block; width: 200px; height: 34px; line-height: 34px; font-size: 13px; color: #000; text-align: center; border: 1px solid #ddd; border-radius: 5px; margin: 0 auto;}
.left .contribute i{vertical-align: middle; margin-right: 10px;}
.left .no-login{margin-top: 20px; position: relative;}
.left .no-avatar{display: block; width: 34px; margin: 0 auto;}
.left .no-avatar span{color: #999; margin-top: 10px; display: block;}
.left .login-box{min-width: 68px; min-height: 68px; position: absolute; top: 0; left: 0;}
.left .login-box-inner{position: relative;  width: 274px; border: 1px solid #ddd; border-radius: 5px; padding-top: 5px; padding-bottom: 20px; background-color: #fff; display: none; margin-left: 90px;}
.left .login-box-inner .l{display: block;width: 12px; height: 18px; background-image: url(../img/corner.gif); background-repeat: no-repeat; position: absolute; left: -12px; top: 11px;}
.left .login-box-inner .login-social{display: block; margin: 18px 25px; color: #000; font-size: 16px; position: relative;}
.left .login-box-inner .login-social span{display: inline-block;vertical-align: middle; margin-left: 10px;}
.left .login-box-inner .login-social:hover{color: #999;}
.left .login-box-inner .login-social .icon{height: 28px; width: 28px; vertical-align: middle;}
.left .login-box-inner .login-account{color: #666;font-size: 16px; padding: 5px 15px; border: 1px solid #e5e5e5; margin-left: 15px; margin-top: 20px; display: inline-block;}
.left .login-box-inner .register-account{color: #666;font-size: 16px; margin-left: 40px;}
.left .login-box:hover .login-box-inner{display: block;}
.weixin-qrcode{background-color: #fff;box-shadow: 1px 1px 5px #999;left: 200px;position: absolute;top: -130px; display: none;}
.social-weixin:hover .weixin-qrcode{display: block;}

/* 首页 */
.focus{margin-top: 28px; height: 377px; margin-bottom: 40px;}
.focus a{float: left;width: 290px; height: 186px; position: relative;background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#22FFFFFF', EndColorStr='#33000000'); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%); border-radius: 5px; overflow: hidden; position: relative;}
.focus img{border-radius: 5px;mix-blend-mode: overlay; position: absolute; top: 0; left: 0;transition: all 0.5s ease;width: 290px; height: 186px;}
.focus h2{position: absolute; left:0;bottom: 12px;color: #fff;line-height: 30px;font-size: 18px; padding: 0 20px;}
.focus .focus-item-1{width: 465px; height: 377px; margin-right: 5px;}
.focus .focus-item-1 img{width: 465px; height: 377px;}
.focus .focus-item-2{margin-bottom: 5px;}
.focus a:hover img{width: 110%; height: 110%; top: -5%; left: -5%; transition: all 0.5s ease; }
.post-list{margin: 40px 0;}
.post-list li{width: 100%; margin-bottom: 20px;}
.post-list li:after{clear: both;display: table;content: "";zoom:1;}
.post-list .thumbnail{float: left; width: 220px; height: 130px; overflow: hidden; position: relative; border-radius: 5px;}
.post-list .thumbnail img{position: absolute; top: 0; left: 0; width: 220px; height: 130px; border-radius: 5px;transition: all 0.5s ease;}
.post-list .thumbnail img:hover{top: -10px; left: -10px; width: 240px; height: 150px;transition: all 0.5s ease;}
.post-list .info{float: left; margin-left: 30px; width: 510px;}
.post-list h3 a{font-size: 18px; color: #000; margin-top: 15px; display: block; margin-bottom: 15px;transition: color 0.2s ease 0s;}
.post-list h3 a:hover{color: #3891ff;}
.post-list .post-tags{margin-bottom: 10px;}
.post-list .post-tags a{font-size: 12px; color: #686868; border: 1px solid #686868; padding: 2px 4px; display: inline-block; margin-right: 15px;}
.post-list .post-meta{color: #999;}
.pagination{text-align: center;}
.pagination ul{display: inline-block;}
.pagination li{float: left; margin-right: 10px;}
.pagination a{display: block; height: 26px; line-height: 26px; text-align: center; color: #000; padding: 0 8px;}
.pagination .current a,.pagination a:hover{color: #fff; background-color: #000;}
.pagination .item-i a{display: block; height: 26px; line-height: 26px; text-align: center; color: #000; border: 1px solid #999;}
.pagination .item-i a:hover{border: 1px solid #000; color: #fff;}
.aside-yiyan{margin: 20px 0 30px;}
.aside-yiyan .yiyan-content{font-size: 16px; line-height: 1.5;}
.aside-yiyan .yiyan-source{font-size: 16px; color: #999; margin-top: 15px;}
.aside-week-top{margin-top: 20px;}
.aside-week-top a{display: block;position: relative; margin-bottom: 30px;}
.aside-week-top h2{font-size: 18px; margin: 10px 0 5px; color: #000;transition: color 0.2s ease 0s;}
.aside-week-top span{color: #999;}
.aside-week-top h2:hover{color: #3891ff; transition: color 0.2s ease 0s;}
.aside-week-top div{width: 250px; height: 146px; border-radius: 5px; overflow: hidden; position: relative;}
.aside-week-top img{width: 250px; height: 146px; border-radius: 5px; position: absolute; top: 0; left: 0;transition: all 0.5s ease;}
.aside-week-top img:hover{width: 270px; height: 166px; top: -10px; left: -10px;transition: all 0.5s ease;}
.aside-week-top .top-mark{position: absolute;right: 0;top: 0; color: #fff; display: block; width: 26px; height: 26px; line-height: 26px; border-radius: 0 4px 0 4px; text-align: center;}
.aside-week-top .top1{background-color: #ff2828;}
.aside-week-top .top2{background-color: #f7b138;}
.aside-week-top .top3{background-color: #d6abff;}
.aside-week-top .top-item{border-top: 1px solid #e5e5e5; padding-top: 30px;}
.aside-week-top .top-item:last-child{border-bottom: 1px solid #e5e5e5; padding-bottom: 30px;}
.aside-week-top .top-item h2{position: relative; padding-left: 50px;font-size: 16px;}
.aside-week-top .top-item i{position: absolute; left: 0; display: block; width: 40px; text-align: center; font-size: 26px; font-style: italic;}
.friend-link{margin-top: 15px;}
.friend-link-item{position: relative; padding-left: 80px;}
.friend-link-item span{position: absolute; left: 0;}
.friend-link a{color: #686868;display: inline-block;margin-right: 8px; margin-bottom: 8px;}
.copyright{border-top: 1px solid #e5e5e5; margin-top: 20px; padding-top: 20px; line-height: 2;color: #686868;}
.copyright a{color: #686868;}
.gag-index-bottom{margin-top: 50px; text-align: center;}

/* 文章阅读页 */
h1.post-title,h1.words-title{ font-size: 30px; color: #000; margin-top: 28px;}
.page-post-single .post-meta{ margin: 20px 0 50px; color: #787878;}
.page-post-single .post-meta a{ color: #787878;}
.page-post-single .post-meta .post-source{ display: inline-block; padding: 3px 10px; border:1px solid #ddd; font-size: 12px;}
.post-content img,.words-content img{max-width: 100%; height: auto;}
.post-content .post-thumbnail{margin-bottom: 20px;}
.post-content,.words-content {font-size: 18px; color: #000; margin-bottom: 30px; line-height: 1.9; text-align: justify;}
.post-content p,.words-content p{margin-bottom: 30px;}
.post-content blockquote,.words-content blockquote{color: #777;}
.post-words,.relate-words{margin-top: 20px; margin-bottom: 30px;}
.post-words a,.relate-words a{display: inline-block; border: 1px solid #686868; color: #686868; padding: 3px 8px; font-size: 12px; margin-right: 15px; margin-bottom: 10px;}
.post-relate{margin-top: 20px; margin-bottom: 50px;}
.post-relate a{display: inline-block; width: 226px; margin-right: 41px; float: left;}
.post-relate a:last-child{margin-right: 0;}
.post-relate img{border-radius: 5px; width: 226px; height: 130px;}
.post-relate h2{color: #000;font-size: 16px; line-height: 1.5;}
.comment-list{margin-top: 20px;}
.comment-list-item{margin-bottom: 20px;}
.comment-list-item .comment-user{height: 35px; line-height: 35px; position: relative;}
.comment-list-item .comment-user:after{clear: both;display: table;content: "";zoom:1;}
.comment-list-item .user-avatar{width: 35px; height: 35px; display: block; float: left;}
.comment-list-item .user-avatar img{width: 35px; height: 35px; border-radius: 5px;}
.comment-list-item .user-name{color: #000;float: left; margin-left: 15px;}
.comment-list-item .comment-user span{color: #999;float: left;margin-left: 5px;}
.comment-list-item .comment-con{color: #000;font-size: 18px; line-height: 1.7; padding-left: 50px;}
.comment-list-item .comment-con img{max-width: 100%; height: auto;}
.comment-list-item .comment-con a{color: #999;}
.comment-list-item .comment-meta{margin-top: 15px; padding-left: 50px;}
.comment-list-item .comment-meta a{display: inline-block; color: #999; margin-right:15px;}
.comment-list-item .comment-meta a i{margin-right: 5px; vertical-align: middle;}
.comment-list-item .comment-dig .icon-like-o{color: #ff0000;}
.comment-list-item .reply-list{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: 20px 0 ; margin: 20px 0 40px 50px; position: relative;}
.reply-list .triangle-top{position: absolute;height: 0;width: 0;border-style: solid;border-width: 8px;border-color:transparent transparent #ddd transparent; top: -16px;left: 55px;}
.reply-list .triangle-top.inner{top: -14px;border-color:transparent transparent #fff transparent;}
.pub-comment {margin-bottom: 40px;margin-top: 30px;}
.pub-comment .user-avatar {display: block;float: left;height: 35px;width: 35px; margin-top: 7px;}
.pub-comment .user-avatar img{height: 35px;width: 35px; border-radius: 5px;}
.pub-comment .user-avatar .icon-avatar{height: 35px;width: 35px; font-size: 36px;}
.reply-form,.comment-form{height: 50px;margin-left: 50px;margin-top: 15px;padding-right: 100px;position: relative;}
.comment-form{margin-top: 0; border-radius: 5px;}
.reply-form textarea,.comment-form textarea{border: 1px solid #ddd;border-radius: 5px 0 0 5px;color: #000;font-size: 18px;height: 38px;line-height: 1.5;margin: 0;padding: 10px 2% 0;width: 96%;}
.comment-form textarea{background-color: #eee;border: 1px solid #eee;}
.reply-form .comment-btn ,.comment-form .comment-btn{background-color: #676767;border-radius: 0 5px 5px 0;color: #fff;display: block;height: 50px;line-height: 50px;position: absolute;right: 0;text-align: center;bottom: 0;width: 100px;}
.comment-form.open{background-color: #eee; padding-bottom: 50px; height: auto!important; padding-right: 0; border: 1px solid #eee;}
.comment-form.open textarea{height: 120px; background-color: #fff; border-radius: 5px 5px 0 0; border: 0!important;}
.comment-form.open .comment-btn{border-radius: 0 0 5px 0;}
.author-introduce{margin-top: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 40px;}
.post-author{margin-bottom: 10px;}
.post-author .user-avatar{display: block;width: 60px; height: 60px; float: left;}
.post-author .user-avatar img{width: 60px; height: 60px; border-radius: 5px;}
.post-author .user-avatar .icon-avatar{width: 60px; height: 60px; font-size: 60px;}
.post-author .user-name{margin-left: 75px; color: #000; font-size: 20px; display: block;}
.follow-btn{display: inline-block; background-color: #3891ff; border-radius: 3px; color: #fff; padding: 3px 8px; margin-left: 15px; margin-top: 8px; }
.follow-btn.followed{background-color: #f3f3f3; color: #696969;}
.author-introduce p{color: #999; line-height: 1.5;}
.favorite-btn{display: block; border: 1px solid #ddd; border-radius: 5px; height: 32px; font-size: 16px; color: #000;line-height: 32px; text-align: center; margin-bottom: 30px; background-color: #fbfbfb;}
.favorite-btn.favorited{background-color: #d8d8d8; color: #999; width: 114px;}
.post-comment-num,.share-icon{margin-bottom: 30px; display: block; color: #000;font-size: 16px; position: relative;}
.post-comment-num i{margin-right: 20px; font-size: 35px; vertical-align: middle;}
.aside .fav-share{margin-top: 30px;}
.share-icon i{margin-right: 20px;vertical-align: middle; font-size: 36px;}
.share-icon .icon-weibo{color: #fa3f3f;}
.share-icon .icon-qzone{color: #faba3f;}
.share-icon .icon-weixin{color: #6bdc43;}
.share-qrcode {background-color: #fff;border: 1px solid #ddd;box-shadow: 2px 2px 5px #ddd;left: -10px;padding-top: 10px;position: absolute;text-align: center;top: -300px;width: 260px;height: 280px;display: none;}
.share-weixin:hover .share-qrcode{display: block;}
.gag-post-title{margin-bottom: 50px;}
.gag-post-wiki{margin-bottom: 50px;}
.gag-post-wiki{margin-bottom: 50px;}
.gag-post-relate{margin-bottom: 50px;}
.original{font-size: 14px; color: #999;}
.original a{font-size: 14px; color: #999;}
.original-area{width: 45%; float: left;}
.gag-post-bottom{width: 50%; float: right;text-align: right;}
.show-feed {border: 1px solid #686868; color: #686868; display: block;font-size: 12px;text-align: center; padding: 8px 0; margin-top: 20px;}
.feed-post-list{margin-top: 40px;}
.feed-post-list-hide{display: none;}
.feed-post-list-show{margin-top: 20px;}
.feed-post-list a.item{display: block; height: 124px; margin-bottom: 24px;}
.feed-post-list img{width: 190px; height: 124px; float: left;}
.feed-post-list span{padding-left: 220px; display: block; font-size: 20px; line-height: 1.7; color: #000;}
.gag-post-aside{margin-top: 30px;}

/* 百科阅读页 */
.words-content a{color: #000;}
.words-breadcrumb {color: #787878;margin-top: 10px;}
.words-breadcrumb > a {color: #787878;}
.words-breadcrumb > a {color: #787878;}
.words-nav {border-top: 1px solid #ddd;margin-bottom: 80px;margin-top: 30px;min-height: 60px;padding-left: 60px;padding-top: 36px;position: relative;}
.words-nav h3 {font-size: 20px;left: 0;position: absolute;width: 20px;}
.words-nav-list > a{color: #444;display: block;float: left;font-size: 16px;margin-bottom: 10px;width: 50%;}
.words-nav-list a:hover{color: #000;}
.words-headline {font-size: 20px;margin-bottom: 30px;position: relative;}
.words-headline .words-edit{position: absolute;right: 0;background-color: #e4e4e4;font-size: 14px; padding: 1px 8px;border-radius: 5px; top: 4px;}
.words-aside-nav{position: fixed;top: 160px;}
.words-aside-headline{height: 420px; overflow-y:auto; overflow-x:hidden; width: 250px;}
.words-aside-headline a{display: table; color: #999; font-size: 16px; margin-bottom: 10px; height: 70px; background-color: #fafafa; width: 100%;}
.words-aside-headline a div{display: table-cell; vertical-align: middle; position: relative; padding-left: 70px; padding-right: 5px; border: 1px solid #fafafa; border-radius: 5px;}
.words-aside-headline a span{display: inline-block; width: 70px; text-align: center; font-size: 20px; font-style: italic; color: #000;height: 70px; line-height: 70px; position: absolute; top: 0; left: 0;}
.words-aside-headline a.current div{color: #000; border: 1px solid #ddd;}
.words-aside-headline a:hover div{color: #000;}

/* 登录注册 */
body.page-login{background-color: #f7f7f7;}
.login-logo{position: fixed; top: 20px; left: 20px;}
.login-logo img{width: 40px; height: 40px;}
.login-logo h1{position: absolute; left: 50px; top: 0; width: 200px;}
.login-logo h1 a{color: #000;font-size: 20px;}
.login-logo p{color: #999;position: absolute;left: 50px; top: 24px; font-size: 12px;}
.login-main{width: 330px; margin: 100px auto 0; position: relative; padding-top: 48px;}
.login-tips{color: #e2a24e; font-size: 16px; background-color: #fff4d8; height: 40px; line-height: 40px; padding: 0 15px; border: 1px solid #f7e0a6; border-radius: 5px; position: absolute; top: 0; width: 298px; display: none;}
.login-tips i{color: #ff6833; margin-right: 5px; vertical-align: middle;}
.login-form-group,.login-form-single{margin-top: 10px; border: 1px solid #ddd; border-radius:5px;  background-color: #fff;}
.login-form-group div,.login-form-single div{height: 56px;padding-right: 10px; color: #737373;}
.login-form-group i,.login-form-single i{display: inline-block; width: 60px; text-align: center; font-size: 22px; color: #737373;}
.login-form-group input,.login-form-single input{height: 56px; border:0; background-color: #fff; width: 258px; outline: none; font-size: 16px;color: #737373;}
.login-form-group div:first-child{border-bottom: 1px solid #ddd;}
.forget-form{margin-top: 10px;}
.account-select{display: block; width: 60px;color: #737373; float: left; position: relative; text-align: center;border: 1px solid #ddd; border-radius:  5px 0 0 5px; background-color: #fff; height: 56px; line-height: 56px; cursor: pointer;}
.account-select .icon-arrow-down-o{font-size: 12px;}
.account-select .account-current{height: 56px;width: 60px; line-height: 56px; text-align: center;}
.account-select .account-current i,.account-select .account-other i{font-size: 20px;}
.account-select .account-other{background-color: #fff;border: 1px solid #ddd; position: absolute; top: 57px; border-top: 0; border-radius: 0 0 5px 5px; width: 60px; height: 56px; line-height: 56px; left: -1px; display: none;}
.account-select:hover{border-radius: 5px 0 0 0;}
.account-select:hover .account-other{display: block;}
.forget-form input{height: 56px; background-color: #fff; width: 257px; padding-left: 10px; outline: none; font-size: 16px;color: #737373; border: 1px solid #ddd; border-left: 0; border-radius: 0 5px 5px 0;}
.remember-me{margin: 15px 0; color: #999;}
.login-btn{height: 40px; line-height: 40px; color: #fff; background-color: #3891ff; border-radius: 5px; text-align: center; font-size: 16px; display: block;}
.login-socials{margin-top: 20px;}
.login-socials a{display: inline-block; height: 40p; width: 40px; line-height: 40px; text-align: center;border-radius: 20px; margin-right: 49px; border: 1px solid #fff; background-color: #fff; position: relative;}
.login-socials a:last-child{ margin-right: 0;}
.login-socials a .icon{width: 25px;height: 25px; vertical-align: middle;}
.login-socials a:hover{border: 1px solid #ddd;}
.forget-reg{margin-top: 30px;}
.forget-reg a{ color: #686868;}
.forget-reg a:hover{ color: #00acf3;}
.forget-reg a:last-child{margin-left: 30px; padding-left: 30px; border-left: 1px solid #c7c7c7;}
.login-socials .weixin-qrcode{top: -180px; left: 60px; z-index: 9;}
.verify-code{margin: 20px 0 30px;}
.verify-code input{height: 40px; line-height: 40px; width: 176px; padding: 0 10px; color: #737373; font-size: 16px; border: 1px solid #ddd; border-radius: 5px; background-color: #fff;}
.verify-code a{display: inline-block; height: 40px; width: 120px; border: 1px solid #c7c7c7; color: #000; text-align: center; line-height: 40px; margin-left: 10px; border-radius: 5px;}
.login-illustrate {color: #999;font-size: 12px;margin: 15px 0 20px;}
.forget-illustrate {color: #999;font-size: 16px;margin: 15px 0 40px; text-align: center;}

/* 社区首页 */
.ask-list{margin-top: 28px;}
.ask-list .item{border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 30px;}
.ask-list .question-user{position: relative; height: 35px; display: block;}
.ask-list .question-user img{width: 35px; height: 35px; border-radius: 5px;}
.ask-list .question-user span{display: inline-block; line-height: 35px; color: #000; position: absolute; left: 50px;}
.ask-list .question-con{display: block;margin: 10px 0 10px 45px;}
.ask-list .question-con h2{font-size:18px; line-height: 1.7; color: #000; margin-bottom: 8px;transition: color 0.2s ease 0s;}
.ask-list .question-con h2:hover{color: #3891ff;transition: color 0.2s ease 0s;}
.ask-list .question-con p{color: #999;}
.ask-list .question-meta {margin-left: 50px;}
.ask-list .question-meta span{color: #999; margin-right: 20px;}
.ask-list .question-meta i{margin-right: 5px; vertical-align: middle;}
.pub-btn{ display: block; width: 58px; height: 58px; border: 1px solid #ddd; background-color: #fafafa; position: relative; text-align: center; line-height: 58px; border-radius: 5px; color: #000;}
.pub-btn i{font-size: 24px;}
.pub-btn .desc-tips{top: 0; left: 90px;}

/* 帖子详情页 */
.page-question .main{min-height: 600px;}
h1.question-title{font-size: 24px; margin-top: 28px; color: #000; }
.page-question .question-meta{margin-top: 15px; height: 35px; line-height: 35px;}
.page-question .question-meta a{height: 35px; line-height: 35px; display: inline-block;}
.page-question .question-meta img{width: 35px; height: 35px; border-radius: 5px; vertical-align: middle;}
.page-question .question-meta span{color: #000; margin-left: 10px; vertical-align: middle;}
.page-question .question-meta .time{color: #999; margin-left: 10px;}
.page-question .question-content{color: #999; font-size: 16px; line-height: 1.7; margin-top: 10px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.question-content img{max-width: 100%; height: auto;}
.answer-form {border: 1px solid #c7c7c7;margin-top: 30px;padding: 10px;}
.answer-form > textarea {border: 0 none;height: 90px;width: 100%;}
.answer-form .picture-btn{background-color: #f9f9f9;border: 1px solid #eee;border-radius: 3px;color: #000;display: block;font-size: 12px;height: 30px;line-height: 30px;margin-top: 10px;text-align: center;width: 96px; position: relative;}
.picture-img{width: 18px; height: 18px; border: 1px solid #c7c7c7; position: relative; display: inline-block;vertical-align: middle; margin-right: 3px;}
.picture-img i {background-color: #c8eeff; color: #31c449;display: inline-block;height: 16px;line-height: 22px;text-align: right; width: 16px; position: absolute; top: 1px; left: 1px;}
.pub-area {text-align: right;margin-top: 8px;}
.answer-btn {background-color: #999;border-radius: 5px;color: #fff;display: inline-block;height: 40px;line-height: 40px;text-align: center;width: 110px;}
.picture-btn .webuploader-container{position: absolute;z-index: 1; top: 0;left: 0;}
.picture-btn .webuploader-pick{width: 100px;height: 30px; cursor: pointer;}
.picture-btn .webuploader-element-invisible{display: none;}
.pic-area .item{display: inline-block; width: 60px; height: 60px; margin-right: 10px; margin-bottom: 10px; position: relative;}
.pic-area .item img{width: 60px; height: 60px;}
.pic-area .item a{display: inline-block; width: 16px; height: 16px; background-color: #ff0000; border-radius: 8px; color: #fff; position: absolute; top: -5px; right: -5px; font-size: 12px; text-align: center; line-height: 16px;}

/* 百科首页 */
.page-wiki-home .main{width: 760px; float: right; margin-bottom: 50px;}
.page-wiki-home aside{float: left; width: 250px; margin-top: 28px;}
.wiki-search{margin-top: 28px;}
.wiki-search input{height: 46px; line-height: 46px; width: 560px; padding: 0 18px;border: 1px solid #ddd;border-radius: 5px; background-color: #fdfdfd;}
.wiki-search a{display: inline-block; height: 46px; line-height: 46px; width: 140px; text-align: center; border: 1px solid #cacaca; background-color: #f0f0f0; margin-left: 15px; color: #000; border-radius: 5px; font-size: 18px; vertical-align: top;}
.wiki-focus{margin:40px 0 50px; position: relative;}
.wiki-focus .wiki-thumbnail{display: inline-block; width: 160px; height: 160px; border-radius: 5px; overflow: hidden; position: relative;}
.wiki-focus img{width: 160px; height: 160px; border-radius: 5px; position: absolute; top: 0;left: 0;transition: all 0.5s ease;}
.wiki-focus img:hover{width: 180px; height: 180px; top: -10px; left: -10px;transition: all 0.5s ease;}
.wiki-focus .words-name{color: #000;font-size: 24px; position: absolute; left: 175px;transition: color 0.2s ease 0s;}
.wiki-focus .words-name:hover{color: #3891ff;transition: color 0.2s ease 0s;}
.wiki-focus .words-con{color: #999;font-size: 16px; position: absolute; left: 175px; top: 34px; line-height: 1.5;}
.pop-words{margin-top: 20px;}
.pop-words a,.pub-post-words a.words,.favorite-words-list a.words{display: inline-block; margin-right: 10px; margin-bottom: 15px; border: 1px solid #ddd; color: #999; border-radius: 5px; padding: 15px 5px; font-size: 16px;}
.pop-words a:hover,.pub-post-words a.words:hover,.favorite-words-list a.words:hover{color: #000;}
.hot-words {margin-top: 40px;}
.hot-words .item{margin-bottom: 40px; position: relative; height: 85px;}
.hot-words .item img{width: 85px; height: 85px; border-radius: 5px;}
.hot-words .item .words-name{color: #000;font-size: 24px; position: absolute; left: 100px;transition: color 0.2s ease 0s;}
.hot-words .item .words-name:hover{color: #3891ff;transition: color 0.2s ease 0s;}
.hot-words .item .words-con{color: #999;font-size: 16px; position: absolute; left: 100px; top: 34px; line-height: 1.5;}
.pub-btn.pub-words i{font-size: 32px;}
.pub-btn.pub-words .desc-tips{top: 0; left: 90px; width: 140px;}
.pub-btn .desc-tips .l{left: -11px; top: 20px;}
.pub-words{margin-bottom: 40px;}
.wiki-cates{margin-top: 20px;}
.wiki-cates a{transition: color 0.2s ease 0s;}
.wiki-cates a:hover{ color: #3891ff;}
.wiki-cates h4{color: #999; font-size: 14px; margin-bottom: 15px;}
.wiki-level-1{border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 15px;}
.wiki-level-1:last-child{border-bottom:0;}
.wiki-level-1 > li{position: relative;}
.words-level-1{ color: #000;display: block;font-size: 18px;padding: 10px 0; position: relative;}
.words-level-1 i{font-size: 30px; color: #c2c2c2; vertical-align: middle; position: absolute; right: 0;}
.words-level-1 i.icon-more-o{color: #3891ff;}
.wiki-cate-sub{position:absolute; left: 250px; padding-left: 20px;display: none; width: 420px;}
.wiki-level-2 {background-color: #fff;border: 1px solid #ddd;border-radius: 10px;padding: 15px 20px; box-shadow: 2px 2px 5px #999;}
.wiki-level-2 li{border-bottom: 1px solid #ddd;padding: 10px 0;}
.wiki-level-2 li:last-child{border-bottom: 0;}
.wiki-level-2 li:after,.wiki-level-3:after{clear: both;display: table;content: "";zoom:1;}
.wiki-level-2 a{float: left;color: #000; font-size: 18px; display: block; line-height: 1.5; vertical-align: middle; width: 110px;}
.wiki-level-3{margin-left: 120px;}
.wiki-level-3 li{padding: 0; border-bottom: 0; float: left;}
.wiki-level-3 a{display: inline-block; color: #686868;font-size: 16px; margin-right: 10px; width: auto; line-height: 27px;}
.wiki-li-1:hover .wiki-cate-sub{display: block;}
.gag-wiki-end{margin: 50px 0;}

/* 一言 */
.yiyan-list{margin-top: 28px; margin-bottom: 50px;}
.yiyan-list li{position: relative; margin-top: 30px; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.yiyan-list .yiyan-date{position: absolute; left: 0; color: #000; width: 36px; text-align: center;}
.yiyan-list .yiyan-date span{font-size: 30px; display: block;}
.yiyan-list .yiyan-content{font-size: 24px; line-height: 1.5; color: #000; margin-bottom: 15px; margin-left: 80px;}
.yiyan-list .yiyan-source{color: #999; margin-left: 80px; line-height: 30px;}

/* 个人主页 */
.ucenter-userinfo{margin-top: 28px; position: relative; padding-left: 230px; color: #000; height: 200px;}
.ucenter-userinfo img{position: absolute; left: 0;top: 0; width: 200px; height: 200px; border-radius: 5px;}
.ucenter-userinfo .username{font-size: 24px;padding-top: 30px;}
.ucenter-userinfo .user-desc{font-size: 16px;margin-top: 10px;}
.ucenter-userinfo .follow-btn{margin-top: 15px; padding: 5px 20px; margin-left: 0;}
.user-pub{border-top: 1px solid #ddd; margin-top: 20px; padding-bottom: 40px;}
.pub-nav{margin: 15px 0;}
.pub-nav a{color: #999; padding-right: 20px; margin-right: 20px; border-right: 1px solid #ddd; line-height: 30px;}
.pub-nav a.current,.pub-nav a:hover {color: #000;}
.pub-nav a:last-child {border-right: 0;}
.pub-sub-nav{margin-bottom: 40px;}
.pub-sub-nav a{color: #999; margin-right: 20px;}
.pub-sub-nav a.current{color: #000;}
.pub-sub-nav a .icon-tan-right{margin-right: 5px; vertical-align: middle;}
.pub-list .item.post{margin-bottom: 20px; padding-left: 15px;}
.pub-list .item.post a{color: #000; font-size: 16px; position: relative;}
.pub-list .item.post a .block{display: inline-block; width: 5px; height: 5px; background-color: #000; margin-right: 8px; position: absolute; left: -15px; top: 10px;}
.pub-list .item.post .post-con{color: #999; line-height: 1.5; margin-top: 10px;}
.pub-list .pub-more{background-color: #999; padding: 5px 10px; display: block; width: 100px; margin: 10px auto 0; color: #fff; text-align: center;}
.loading{text-align: center;}
.pub-list .ask-list a{margin-left: 0;}
.pub-list .ask-list .question-meta{margin-left: 0;}
.follow-list:after,.fans-list:after{clear: both;display: table;content: "";zoom:1;}
.user-list-item{width: 50%; float: left; height: 60px; margin-top: 50px;}
.user-list-item .user-item{display: block;position: relative; padding-left: 90px;height: 60px;}
.user-list-item .user-item:nth-child(2){padding-left: 120px;}
.user-list-item .user-avatar{position: absolute; left: -0; top: 0;}
.user-list-item img{width: 60px; height: 60px; border-radius: 5px;}
.user-list-item .icon-avatar{width: 60px; height: 60px; font-size: 60px;}
.user-list-item .user-name{font-size: 16px;color: #000; padding-top: 8px;}
.user-list-item .user-desc{color: #999; padding-top: 5px;}
.favorite-post-list a{display: table; position: relative; padding-left: 110px; margin-bottom: 40px; height: 60px;}
.favorite-post-list .thumbnail{width: 80px; height: 60px; position: absolute; left: 0; top: 0;}
.favorite-post-list img{width: 80px; height: 60px; border-radius: 5px;}
.favorite-post-list span{display: table-cell; vertical-align: middle; color: #000; font-size: 16px;}
.user-favorite .pub-nav{margin-bottom: 30px;}
.pub-list{margin-top: 28px;}
.pub-list .comment-list{margin-top: 30px; margin-bottom: 30px;}

/* 设置 */
.user-setting{position: relative;}
.user-setting-form{margin-top: 30px;}
.user-setting-form .item{width: 516px; min-height: 35px; border: 1px solid #ddd; position: relative; margin-bottom: 50px;}
.user-setting-form .item span{color: #999; display: inline-block; height: 35px; line-height: 35px; position: absolute; left: 15px; top: 0;}
.user-setting-form .item input{height: 35px; line-height: 35px; color: #000; width: 430px; padding-right: 10px; margin-left: 76px; font-size: 16px;}
.user-setting-form .item textarea{height: 74px;  color: #000; width: 430px; padding-right: 10px; margin-left: 75px; padding-top: 6px; margin-bottom: 30px; border: 0;}
.user-setting-form .item.verify-code-item{border:0;}
.user-setting-form .item.verify-code-item input{width: 292px; margin-left: 0; border: 1px solid #ddd; padding: 0 15px;}
.user-setting-form .item.verify-code-item .send-code{display: block;height: 35px; line-height: 35px; width: 176px;color: #000;border:1px solid #000; border-radius: 3px; text-align: center;position: absolute;right: 0; top: 0;}
.user-setting-form .item .desc-count{color: #999; height: 30px; line-height: 30px; position: absolute; right: 10px; bottom: 0;}
.user-setting-form .item .setting-tips{color: #ff3d3d; position: absolute; bottom: -35px; height: 35px; line-height: 35px;}
.user-setting-form .item .setting-tips .iconfont{color: #ffc600; margin-right: 3px; vertical-align: middle;}
.user-setting-form .setting-btn {width: 162px; height: 30px; line-height: 30px; text-align: center; color: #fff;background-color: #3891ff; display: block; border-radius: 3px;}
.user-setting-avatar{position: absolute; top: 60px; right: 0;}
.set-avatar{height: 200px; width: 200px; margin-bottom: 50px;position: relative;}
.set-avatar .avatar{height: 200px; width: 200px; position: absolute; top: 0; left: 0; text-align: center; line-height: 200px; color: #999;}
.set-avatar .avatar img{height: 200px; width: 200px; border-radius: 5px;}
.set-avatar-text{position: absolute; bottom: 20px; color: #fff; text-align: center; left: 0; width: 100%;}
.set-avatar-text i{vertical-align: middle; margin-left: 5px;}
.occupation{width: 198px; height: 35px; border: 1px solid #ddd; position: relative;}
.occupation span{display: block; height: 35px; line-height: 35px; width: 140px; padding: 0 9px; color: #999; overflow: hidden;}
.occupation i{width: 39px; border-left: 1px solid #ddd; background-color: #fafafa; height: 35px; line-height: 35px; text-align: center; color: #999; display: block;  position: absolute; top: 0; right: 0;}
.occupation-area{position: absolute; top: 35px; padding-top: 10px; right: 0; display: none;}
.occupation-list{ width: 268px; border:1px solid #ddd; padding: 10px 0;}
.occupation-list a{color: #999; font-size: 12px; display: block; padding: 8px 10px;}
.occupation-list a:hover{background-color: #f7f7f7;}
.occupation-list a.current{background-color: #ccc;}
.occupation:hover .occupation-area{display: block;}
.set-avatar .webuploader-container{position: relative;z-index: 1;}
.set-avatar .webuploader-pick{width: 200px;height: 200px; cursor: pointer;}
.set-avatar .webuploader-element-invisible{display: none;}
.page-setting-sns .main{width: 100%;}
.user-setting-form .social-list{margin-top: 20px; margin-bottom: 60px;}
.user-setting-form .social-item{display: inline-block; width: 120px; color: #000; margin-right: 90px; text-align: center;position: relative;}
.user-setting-form .social-item .icon{width: 80px;height: 80px; border: 1px solid #ddd; border-radius: 30px; padding: 20px; margin-bottom: 15px;}
.user-setting-form .social-bind-text{color: #999;margin-bottom: 30px;}
.user-setting-form .weixin-qrcode{left: 140px;top: -60px; z-index: 1;}
.user-setting-form .binded{color: #999;}
.user-setting-form .icon-check{vertical-align: middle; margin-right: 3px;}
.user-setting-form .checked{color: #3891ff;}

/* 发贴页 */
.create-title {font-size: 20px;margin-bottom: 30px;margin-top: 30px;}
.q-title-form {background-color: #fdfdfd;border: 1px solid #ddd;border-radius: 5px;height: 46px;line-height: 46px;margin-bottom: 30px;padding: 0 20px;}
.q-title-form input {background-color: #fdfdfd;height: 40px;margin-left: 20px;width: 650px;}
.q-content-area {border: 1px solid #ddd;border-radius: 5px;}
.picture-form {border-bottom: 1px solid #ddd;height: 34px;line-height: 34px;}
.q-content-area .picture-btn {border-right: 1px solid #ddd;display: inline-block;padding-left: 15px;padding-right: 20px;position: relative;}
.q-content-area textarea {background-color: #fdfdfd;border: 0 none;height: 185px;padding: 30px;width: 698px;}
.question-btn {background-color: #3891ff;border-radius: 5px;color: #fff;display: inline-block;font-size: 16px;height: 40px;line-height: 40px;margin-top: 10px;text-align: center;width: 170px;}
.q-content-area .item{margin: 10px;}

/* 搜索结果页 */
.search-form {height: 46px;margin-top: 30px;position: relative;}
.search-form  input {border: 1px solid #ddd;border-radius: 5px;color: #000;height: 44px;line-height: 44px;padding: 0 15px;width: 560px;}
.search-form  a {background-color: #f0f0f0;border: 1px solid #ccc;border-radius: 5px;color: #000;display: block;font-size: 18px;height: 44px;line-height: 44px;position: absolute;right: 0;text-align: center;top: 0;width: 144px;}
.search-nav {margin: 30px 0;}
.search-nav a {border-right: 1px solid #ccc;color: #999;display: inline-block;margin-right: 15px;padding-right: 15px;}
.search-nav a:hover,.search-nav a.current{color: #000;}
.search-nav a:last-child{border-right:0;}
.search-nav span {margin-left: 5px;}
.page-search .hot-words .words-name{left: 0;}
.page-search .hot-words .words-con{left: 0;}
.page-search .result-list{margin-bottom: 50px;}
.search-error{margin-top: 30px; color: #e2a24e;}
.search-error .icon-notice{color:#ff6833; margin-right: 5px; vertical-align: middle;}

/* 创建词条 */
.wiki-edit-t {color: #000;font-size: 20px;margin-top: 30px;}
.wiki-edit-form {margin-top: 30px;}
.edit-words-title {background-color: #fdfdfd;border: 1px solid #ddd;border-radius: 5px;height: 50px;line-height: 50px;margin-bottom: 20px;}
.edit-words-title > span,.words-p-title > span{display: inline-block;margin-right: 10px;text-align: center;width: 80px;}
.edit-words-title > input{height: 50px;width: 650px;}
.edit-words-p {margin-bottom: 30px;position: relative;}
.del-words-p {background-color: #ccc;border-radius: 15px;color: #fff;display: block;height: 30px;line-height: 30px;position: absolute;right: -10px;text-align: center;top: -10px;width: 30px;}
.words-p-title {background-color: #fdfdfd;border-radius: 5px 5px 0 0;height: 66px;line-height: 66px;border: 1px solid #ccc;border-bottom: 0;} 
.words-p-title > input{height: 66px;width: 650px;}
.add-words-p {border: 1px solid #ccc;border-radius: 5px;color: #808080;display: block;font-size: 18px;height: 44px;line-height: 44px;text-align: center;width: 146px;}
.add-words-p > span {font-size: 24px;font-weight: bold;line-height: 38px;}
.add-words-p:hover{background-color: #efefef;}
.wiki-edit-btn {background-color: #3891ff;border-radius: 5px;color: #fff;display: block;font-size: 16px;height: 40px;line-height: 40px;margin-top: 20px;text-align: center;width: 170px;}

/* 投稿 */
.page-contribute .thumbnail {height: 130px;margin-bottom: 20px;padding-left: 240px;position: relative;}
.page-contribute .add-img {border: 1px solid #ddd;border-radius: 5px;color: #999;font-size: 50px;height: 130px;left: 0;line-height: 130px;position: absolute;text-align: center;top: 0;width: 220px;}
.page-contribute .add-img img{width: 220px; height: 130px; border-radius: 5px;}
.page-contribute .thumbnail-info {color: #999;padding-top: 40px;}
.page-contribute .thumbnail-info > span {color: #000;display: block;font-size: 16px;margin-bottom: 5px;}
.contribute-info h3{font-size: 20px; margin-bottom: 20px;}
.contribute-info p{margin-bottom: 8px; line-height: 1.8;}
.contribute-info p b{font-weight: bold; margin-right: 4px;}
.page-contribute .webuploader-container{position: absolute;z-index: 1; top: 0;
 left: 0;}
.page-contribute .webuploader-pick{width: 220px;height: 130px; cursor: pointer;}
.page-contribute .webuploader-element-invisible{display: none;}