@charset "utf-8";
*{margin:0px;padding:0px;}
*,*:before,*:after{transition:.2s;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;}
html,body{height:100%;}
body{color:rgba(0,0,0,0.7);font-family:'PingFang SC','Hiragino Sans GB','PingHei','Open Sans',sans-serif,Helvetica Neue,'Work Sans','Microsoft YaHei',SimSun;font-size:15px;width:100%;background-color:#E8ECEF;}
body,input,button,textarea{-webkit-appearance:none;border-radius:0;letter-spacing:.01em;line-height:2.4em;font-size:15px;}
p{color:#333;}
br{display:block;line-height:1.6em;}
ol,ul,li{list-style:none;}
input,textarea,button{outline:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
strong,b{font-weight:bold;}
em,i{font-style:italic;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;position:relative;}
a:hover{color:#1F1F1F;}
img{border:0;max-width:100%;}
.navigator .fa{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.clearer{display:block;clear:both;}
.container{padding:10px 40px 50px;height:auto;margin:0 auto;}
.left{float:left;}
.right{float:right;}
/* 布局 */
#main{background:#FFFFFF;box-shadow:0px 3px 6px 0px rgba(236,236,236,0.86);width:780px;margin:0 auto;}
/* 页头 */
#header{padding:50px 40px;margin:0px auto;}
#header:before{}
#header .logo{text-align: center;font-size:28px;font-weight:bold;}
#header .logo img{width:14px;vertical-align: text-top;}
#header .logo a{font-family:forte}
#header .logo:hover i{font-size:20px;right:-29px;opacity:1;}
#header .social-links{list-style:none;font-size:14px;float:right;}
#header .social-links i{margin-left:10px;}
#header .social-links li{display:inline;}
#header .social-links a{color:#5f5f5f;font-size:12px;float:none;cursor:pointer;}
#header .social-links a:hover{color:#000;}
#slide{overflow:hidden;}
#slide img{width:780px;}
/* 描述 */
.description{font-weight:normal !important;float:none !important;font-style:italic;font-size:14px;color:#bbbbbb;}
/* 通用文章格式支持 */
.single{position:relative;text-align: justify;}
.single img{max-width:100%;height:auto;margin:15px 0px;display:block;float:none;}
.wp-caption{max-width: 100%;}
.single embed{max-width:100%;margin:10px auto;display:block;}
.single a{text-decoration:none;}
.single p{margin:0 0 20px;}
.single p a,.single p a span{background:#fafafa;color:#333!important;padding:0px 3px;}
.single p a span{padding:0;}
.single p a:hover,.single p a:hover span{background:#1F1F1F;color:#fff!important;}
.single h1{font-size:24px;line-height:28px;}
.single h2{font-size:20px;line-height:24px;}
.single h3{font-size:18px;line-height:22px;}
.single h4{font-size:16px;line-height:18px;}
.single blockquote{border-left:3px solid #333;background:#fafafa;margin:20px 0;padding:10px 20px;}
.single ol,.single ul{margin:10px 0;padding:10px 20px;}
.single ol li{list-style-type:decimal;}
.single ul li{list-style-type:square;}
.single strong{font-weight:bold;color:#000;background:#eee;border-radius:3px;padding:0 2px;}
.single hr{border:none;height:1px;background:#eee;margin:50px 30%;}
.single pre{position:relative;border:1px solid #eee;padding:17px;font:14px/22px courier new;position:relative;margin:20px -40px;background-color:#f8f8f8;}
.single code{padding:2px 4px;background:#fafafa;}
.single pre code{display:block;overflow:auto;padding:10px 20px;background:none;font-size:13px}
.single table{border-bottom:1px solid #504F4F;border-right:1px solid #504F4F;border-collapse:collapse;border-spacing:0;margin:0 0 20px;width:100%;}
.single th{font-size:14px;font-weight:bold;}
.single th,.single td{border-top:1px solid #504F4F;padding:6px 10px 6px 6px;border-left:1px solid #504F4F;}
.single dl{margin:0 20px;}
.single dt{font-weight:bold;}
.single dd{margin:0 0 20px;}
.single div.img{overflow:hidden;margin:0 -30px;}
.single div.img br{display:none;}
.single div.img img{width:100%;margin:auto;}
.single div.img_3 img{width:33.333333%;float:left;margin:0;}
.single div.img_2 img{width:50%;float:left;margin:0;}
h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;line-height:1;margin:2rem 0;}
h1{font-size:2.1rem;line-height:1.2em;}
h2{font-size:1.9rem;line-height:1.2em;}
h3{font-size:1.75rem;}
h4{font-size:1.3rem;}
h5{font-size:1.3rem;}
h6{font-size:1.3rem;}
.single h1{color:#1F1F1F;font-size:1.8rem;font-weight:bold;}
.single h2{color:#1F1F1F;font-size:1.4rem;font-weight:bold;}
.single h3{color:#1F1F1F;font-size:1.1rem;font-weight:bold;}
.single h4{color:#1F1F1F;font-size:1rem;}
.single h5{color:#1F1F1F;font-size:0.9rem;}
.single h6{color:#1F1F1F;font-size:0.8rem;}
.ending{display:block;width:100%;height:60px;margin:30px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;position:relative;}
.single .wp-caption{width:700px !important}
.wp-caption-text{font-style: italic;text-align: center}
.single .meta{margin: 20px 0 20px 0px;}
.single .meta *{font-size: 13px;color: #777 !important;line-height: 1em;}
/* 简介 */
.about{float:left;font-size:13px;padding-left:10px;padding-top: 5px;}
.about span{padding-left:10px;}
.about a{top:10px}
.about img{width:30px;height:30px;border-radius:100%;border:1px solid #ccc;cursor:pointer;}
/* 社交 */
.sns{margin:0 10px;float:right}
.sns li{float:left;margin:0 10px;}
.sns li i{line-height:56px;}
.sns li.weibo i{color:#d55}
.sns li.tencent i{color:#3cf}
.sns li.douban i{color:#5a7}
.sns li.zhihu i{color:#2ae}
.sns li.github i{color:#000;line-height:58px;}
.sns li.twitter i{color:#1B95E0;line-height:58px;}
/* 评论部分 */
#comments{text-align:center;margin:70px 0;font-size:13px;color:#aaa;}
/* 页脚 */
#footer{color:#ccc;text-shadow:0 1px 1px #eee;padding:20px 0;text-align:center;font-size:12px;text-shadow:none;}
#footer a{color:#A6A6A6;text-shadow:none;}
#footer *:hover{color:#1F1F1F;}
#footer .copyright a{color:#d6d6d6;margin:0px 2px;}
#footer .copyright a:hover{color:#1F1F1F;}
#footer .heart{font-family:kaiti;font-size:16px;color:#444;font-weight:bold;}
#footer ul li{display:inline-block;margin:0 10px 0 0;}
#footer ul{margin:0 auto;overflow:hidden;}
/* 动画 */
@keyframes ball-beat{50%{opacity:0;transform:scale(0.75);}
    100%{opacity:1;transform:scale(1);}}
@-webkit-keyframes ball-beat{50%{opacity:0;-webkit-transform:scale(0.75);}
    100%{opacity:1;-webkit-transform:scale(1);}}
@-moz-keyframes ball-beat{50%{opacity:0;-moz-transform:scale(0.75);}
    100%{opacity:1;-moz-transform:scale(1);}}
body{opacity:1;}
.load body{opacity:.3;}
.load:before{content:"";line-height:0;position:fixed;left:-100%;width:100%;height:1px;background:#1F1F1F;display:block;z-index:9;animation:load 1s -0.1s ease-in-out infinite;-webkit-animation:load 1s .1s ease-in-out infinite;-moz-animation:load 1s -0.1s ease-in-out infinite;}
@keyframes load{0%{left:-100%;}
    100%{left:100%;}}
@-webkit-keyframes load{0%{left:-100%;}
    100%{left:100%;}}
@-moz-keyframes load{0%{left:-100%;}
    100%{left:100%;}}
/*滚动条*/
::-webkit-scrollbar{width:10px;height:6px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E8ECEF}
::-webkit-scrollbar-thumb:vertical{background-color:#999;border-radius:0px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
/* 动画 */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeIn{from{opacity:0;}
    to{opacity:1;}}
@keyframes fadeIn{from{opacity:0;}
    to{opacity:1;}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
/* 响应式 */
@media(max-width:720px){#main{width:100%;margin-top:0px;}
    #header,.container{padding-left:22px;padding-right:22px;}
    .reward{left:0;right:0;margin:auto;bottom:-60px;}
    .reward ul{left:-408%;top:-1000%;}
    .reward ul:after,.reward ul:before{display:none}}

body ::selection {background: #87d283}
body ::-moz-selection {background: #50be4b}