@charset "utf-8";
*{margin:0;padding:0;list-style-type:none}
body{background:#f1f4f9;color:#333;text-shadow:1px 1px 2px #d5d5d5;letter-spacing:2px;font-size:1em;font-family:"Microsoft YaHei","WenQuanYi Micro Hei","Open Sans","Hiragino Sans GB",Arial,Verdana,Tahoma,sans-serif}
input{font-family:"Microsoft YaHei","WenQuanYi Micro Hei","Open Sans","Hiragino Sans GB",Arial,Verdana,Tahoma,sans-serif}
img{overflow:hidden;max-width:100%;border:0}
a{color:#333;text-decoration:none}
a:hover{color:#09c}
p{word-wrap:break-word}
h1{font-weight:normal;font-size:20px}
h2{font-weight:normal;font-size:17px}
h3{font-weight:normal;font-size:14px}
h4{font-size:12px}
h5{font-size:12px}
h6{font-size:10px}
form,fieldset,input,button{border:0}
@media(min-width:1000px){.wrap{margin:60px auto 60px auto!important;-webkit-border-radius:12px!important;-moz-border-radius:12px!important;border-radius:12px!important}
.topmenu{display:inline-block!important}
.hidelist{display:none!important}
.author img{margin-right:20px!important}
.article,.comments{padding:50px!important}
.footer{-webkit-border-radius:0 0 15px 15px!important;-moz-border-radius:0 0 15px 15px!important;border-radius:0 0 15px 15px!important}
}
.wrap{width:100%;max-width:1000px;background-color:white;box-shadow:0 1px 6px rgba(0,0,0,0.3);transition:all .4s ease 0s}
.header{padding:10px}
.topmenu{display:none}
.topmenu ul li{display:inline-block}
.topmenu ul li a{padding:0 10px;line-height:45px}
.topmenu ul li a:hover,.current-menu-item a{color:#5a5cfc;text-shadow:0 0 20px #09c}
.hidelist{display:inline-block;padding:5px;border:1px solid #d9d9d9;border-radius:5px;color:rgba(0,153,204,0.6)}
.hidelist:hover{border:1px solid #fff;background-color:#09c;color:#fff}
.search{position:relative;float:right;overflow:hidden;margin-top:5px;border:1px solid #d9d9d9;border-radius:5px;line-height:35px}
.mask_search{display:inline-block}
.search input{padding-left:30px;width:120px;height:33px;border:0;color:#d8d8d8;text-indent:8px;font-size:1em}
.search:before{position:absolute;top:5px;display:inline-block;padding-left:5px;color:rgba(0,153,204,0.6);content:"\f002";font:normal normal normal 14px/1 FontAwesome;font-size:inherit;font-size:24px}
.author{padding:100px 20px;background-color:#09c;text-align:center}
.avata{display:inline-block;margin-right:0;width:150px;height:150px;border:5px solid #a0c9ff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-shadow:0 0 0 0 rgba(255,255,255,0.2);-webkit-transition:box-shadow .4s ease-in-out;-moz-transition:box-shadow .4s ease-in-out;-o-transition:box-shadow .4s ease-in-out;transition:box-shadow .4s ease-in-out;-ms-transition:box-shadow .4s ease-in-out}
.avata:hover{border:5px solid rgba(255,255,255,0);background:rgba(255,255,255,0.1);box-shadow:0 0 0 30px transparent;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-ms-transition:all .6s ease-in-out}
.callflo{position:absolute;z-index:999;display:none}
.callflo img{margin-top:10px;padding:5px;width:100%;height:auto;border-radius:10px;background-color:#fff;box-shadow:0 1px 6px rgba(0,0,0,0.3)}
.description,.title,.call a{-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-o-transition:all 1.2s;transition:all 1.2s;-ms-transition:all 1.2s}
.description:hover,.title:hover,.call a:hover{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 40px #fff,0 0 70px #fff;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-o-transition:all 1.2s;transition:all 1.2s;-ms-transition:all 1.2s}
.call a{padding-right:10px;color:rgba(255,255,255,0.8)}
.call a:hover{color:#fff}
.title{position:relative;padding-bottom:10px;color:rgba(255,255,255,0.8);font-size:3em}
.title a{color:rgba(255,255,255,0.8)}
.description{padding-bottom:20px;color:rgba(255,255,255,0.8);font-size:1.5em}
.titleright{display:inline-block;vertical-align:top;text-align:left;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.block{padding:50px;border-bottom:1px #d6d6d3 dashed}
.block h1{margin-bottom:20px}
.block h1 a{margin-bottom:1em;color:#555;font-size:1.2em;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-o-transition:all 1.2s;transition:all 1.2s;-ms-transition:all 1.2s}
.block h1 a:hover{color:#09c;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-o-transition:all 1.2s;transition:all 1.2s;-ms-transition:all 1.2s}
.pic{text-align:center}
.block img{height:auto;max-width:100%}
.text{margin-bottom:20px;color:#777}
.post-time,.post-time a{color:#9a9a9a;font-size:.9em}
.post-more a{float:right;margin:0 15px 0 0;padding:7px 12px;border:1px solid #d9d9d9;border-radius:5px;background:#FFF;color:#666;color:#737373!important;font-weight:bold;font-size:12px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out}
.page{overflow:auto;padding:50px;text-align:center}
.page a{display:inline-block;margin:5px;padding:3px 11px;border:1px solid #eee;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border-radius:5px;background:#fff;color:#999;text-align:center;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out}
.current,.page a:hover,.post-more a:hover{background-color:#09c!important;color:#FFF!important}
.article{padding:1em;color:rgba(90,90,90,0.88)}
.article h1{margin-bottom:1em;color:#555;font-size:1.6em}
.article p{margin-bottom:1em}
.article img{display:block!important;margin:20px auto;width:auto!important;height:auto;max-width:100%;border-radius:3px;box-shadow:0 1px 6px rgba(0,0,0,0.3)}
.article blockquote{margin:1em auto;padding:20px 20px 10px 30px;border:1px solid #eaeaea;background-color:#f5f5f5}
.article h2,.article h3{margin-bottom:1em;font-size:1.5em}
.info,.info a{color:#9a9a9a}
.titles{margin-bottom:1.5em;padding-bottom:10px;border-bottom:1px solid #eaeaea;text-align:center}
.body-image{position:fixed;top:0;left:0;z-index:-100;width:100%;min-height:100%;background:#dfdfe1 url("images/body.jpg") fixed;-webkit-background-size:cover}
.body1-image{position:fixed;top:0;left:0;z-index:-80;width:100%;height:100%;background:url(images/body.png) repeat}
.article-social{margin-bottom:10px;overflow:hidden;text-align:center}
.widget.article-social{padding:30px 20px;margin-bottom:20px}
.widget.article-social .action-like{margin-bottom:20px}
.action i{font-size:15px;height:15px;margin-right:15px;position:relative;top:2px;width:15px;font-size:22px}
.action.actived{color:#fff}
.article-social strong{color:#999;font-size:10px}
.action-like{display:inline-block;background-color:#32a5e7;color:#fff;border-radius:3px;padding:12px 20px;font-size:15px;margin:0 auto 15px;min-width:120px;max-width:100%;opacity:.8;text-align:center}
.action-like:hover{opacity:1;color:#fff}
a:hover,a:focus{color:#ff5e52;text-decoration:none;cursor:pointer}
.showimg img{display:block!important;margin:30px auto 20px auto;width:auto!important;height:auto;max-width:100%}
.post-navigation{clear:both;overflow:hidden;  margin: 30px 0 30px;}
.post-navigation div{position:relative;display:block;width:42%;color:#999;font-size:14px;}
.post-previous{float:left;padding-left:40px;}
.post-next{float:right;padding-right:40px;text-align:right;}
.post-navigation div span{display:block;color:#999;font-size:80%;}
.post-navigation div a:after{position:absolute;top:34%;margin-top:-11px;height:22px;color:#EDEDED;font-size:56px;line-height:22px;line-}
.post-previous a:after{left:0;content:'«';}
.post-next a:after{right:0;content:'»';}
.titie{position:relative;margin:0;line-height:32px;font-size:20px;border-bottom:2px solid #eee}
.titie strong{font-weight:normal;color:#777;font-size:1.2rem}
.titie .pull-right{float:right;line-height:32px;color:#777;font-size:.9rem}
a.l{text-align:left;float:left}
a.r{text-align:right;float:right}
ul.msg{line-height:26px;padding:30px;font-size:18px;color:#707070;overflow:hidden}
li.msgname{padding:0 0 10px 5px;margin:0;font-weight:bold;font-size:1em}
li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0;font-size:1em}
li.msggravatar{display:block;float:left;margin-right:5px}
li.msgarticle{list-style-position:outside;padding:10px;margin:0;line-height:160%;background:#FFF;padding-left:55px;border-bottom:1px solid #eaeaea}
li.msgtime{padding:5px 0 0 0;font-weight:normal;font-size:.8em}
ul.msg ul.msg{padding:10px 0 0 0;margin:20px 0 0 0;border-top:1px solid #eaeaea;border-bottom:0}
ul.msg ul.msg li.msgarticle{padding-bottom:0;border-bottom:0 solid #eaeaea}
ul.msg ul.msg li.msgname{padding:0}
li.msgarticle div.quote{margin:10px 0 0 0;padding:10px;background:#fff;border:1px #f4f4f4 solid}
li.msgarticle div.quote-title{margin:0;padding:0;font-size:1em;color:red}
#divCommentPost{width:98%;margin:0;padding:5px 1% 15px 1%}
#divCommentPost p{margin-top:10px;font-size:18px;color:#32a5e7}
#divCommentPost label{margin-top:5px}
#divCommentPost p.posttop{color:#3c6da7}
#divCommentPost img{margin-bottom:-0.5em}
#cancel-reply{float:right;margin-right:2em}
div.reply-frm{background:#f0f0f0;box-shadow:0 0 15px #666;margin:1em 1%!important;padding:.3em .8em!important;min-width:330px}
input.text{border:1px solid #d7d7d7;line-height:20px;height:24px;padding:2px 5px 2px 5px}
#txaArticle{padding:5px;width:95%;height:150px;border:1px solid #d7d7d7}
input.button{color:#fff;font-size:14px;width:100px;height:32px;background:#32a5e7;border:1px solid #32a5e7;cursor:pointer}
#reader-name a{font-weight:bold;font-size:.8em}
.comment-body p{padding-top:10px;color:rgba(90,90,90,0.88);font-size:.9em}
.datetime{color:#c0c0c0;font-weight:bold;font-size:.8em}
.reply{margin-top:20px}
.reply a{color:#c5c5c5;font-size:.9em;-webkit-transition:-webkit-transform .2s;transition:transform .2s}
.reply a:hover{color:#09c}
.replyact a{display:inline-block;margin-top:50px;padding:5px;background-color:#56b8d8;color:#FFF;font-weight:500}
.replyact a:hover{background-color:#56b8d8}
.mask{position:fixed;top:0;left:0;z-index:1002;display:none;width:100%;height:100%;background:url("images/bg.png");filter:alpha(opacity=60)}
#respond_box{position:relative;top:10%;overflow:auto;margin:0 auto;max-width:600px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;background-color:#fff;box-shadow:0 1px 6px rgba(0,0,0,0.3);transition:all .4s ease 0s}
#respond{margin:30px}
#respond h3{margin-bottom:10px;color:#888;font-size:1.5em}
#respond h3 span{float:right}
#respond h3 span:hover{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}
#respond textarea{overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:10px;width:100%;height:100px;border:1px solid #DDD;text-indent:8px;line-height:25px}
#respond input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #DDD;text-indent:8px;line-height:35px}
.com_author{margin-bottom:10px}
.com_author a{text-shadow:1px 1px 2px rgba(0,0,0,0.15)}
.mood{margin-top:-5px;margin-bottom:10px;border:1px solid #DDD}
.mood1,.mood2{display:none}
.mood a{display:inline-block;padding:0 6px;border-right:1px solid #DDD;color:#888;line-height:35px}
.mood a:hover{text-shadow:1px 1px 2px rgba(0,0,0,0.15)}
.submit{float:right;border:none!important;background-color:#09c;color:#fff}
.submit:hover{background-color:#56b8d8;box-shadow:0 1px 6px rgba(0,0,0,0.3);transition:all .4s ease 0s}
.children{margin-left:50px}
.reply{margin-bottom:20px}
.footer{padding:20px;border-top:1px solid #e2e2e2;background:#f6f6f6;color:#999;text-align:center;font-size:14px}
.footer a{color:#999}
#errajax{position:fixed;top:0;left:0;z-index:3;width:100%;height:100%;background:rgba(0,0,0,.5);text-align:center;font-size:2em;line-height:660px}
.spinner{text-align:center}
.spinner>div{display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#FFF;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}
@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}
40%{-webkit-transform:scale(1.0)}
}
@keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0);transform:scale(0.0)}
40%{-webkit-transform:scale(1.0);transform:scale(1.0)}
}
.floattop{position:fixed;right:20px;bottom:20px;color:#b0b0b0;cursor:pointer}
.floattop:hover{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-transform:rotate(1800deg);-moz-transform:rotate(1800deg);transform:rotate(1800deg)}
.gg{margin:2em 0;text-align:center;font-size:1.5em}
.page-links{overflow:hidden;margin:0 0 24px;padding:0}
.page-links h3{border-bottom:1px solid #bfbebe;text-align:center;margin:0}
.page-links ul{margin:0;padding:0}
.page-links ul li{float:left;width:150px;line-height:16px;height:16px;margin:5px 5px 0;padding:0;list-style-type:none}
.page-links ul li:hover{background:#f2f2f2}
.page-links ul li img{height:16px;margin:0 5px -2px 0;padding:0;border:0;float:left}