.header{margin:0 auto;width:100%;height:100%;background-color:#000;position:fixed!important;background-image:url(/images/bg9x.jpg);background-size:100% 100%}
*{margin:0;padding:0}
a,img{text-decoration:none;border:none}
button,input,textarea{outline:0;border:none;font:14px/1.5 "Microsoft YaHei","微软雅黑","Helvetica Neue","Hiragino Sans GB",Helvetica,Tahoma,sans-serif;color:#515250}
h4{font-size:20px}
li{list-style:none}
body,html{background-color:rgba(255,255,255,.5);font:14px/1.5 "Helvetica neue",Helvetica,Tahoma,"lantinghei sc","Microsoft Yahei",sans-serif;color:#515250;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;overflow-x:hidden}
.gird-header{width:100%;min-height:60px;position:fixed;background-color:rgba(255,255,255,1);z-index:11002;top:0;left:0;border-bottom:1px solid #e8e9e7;font-size:14px}
.container-fixed,.footer-fixed,.header-fixed{width:1280px;margin-left:auto;margin-right:auto;position:relative}
.header-inner{margin-left:10px;margin-right:10px;position:relative}
.header-logo{font-family:BarbaraHand;font-size:40px;color:#444647;text-align:center;position:absolute;left:0}
.nav{display:block;position:absolute;right:15%}
.nav li{display:block;float:left;margin:10px 5px;position:relative}
.nav li:before{width:0;height:2px;position:absolute;bottom:-11px;left:50%;background-color:#6bc30d;content:"";transition:all .6s;z-index:-1}
.nav li a{display:block;line-height:32px;padding:4px 28px;color:#212220;font-weight:400;font-size:15px;text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-transition:all .2s;transition:all .2s}
.nav .current:before{width:100%;left:0}
.nav .current a{color:#6bc30d}
.blog-user{position:absolute;line-height:60px;font-size:24px}
.blog-user>img{border-radius:50%;width:40px;height:40px}
.blog-user .login-btn {padding: 0 15px;height: 30px;line-height: 30px;display: inline-block;vertical-align: middle;background-color: rgba(0,0,0,.08);border-radius: 35px;cursor: pointer;}
.phone-menu{width:50px;height:50px;display:inline-block;position:absolute;cursor:pointer;right:-5%;top:5px}
.phone-menu i{background:#787977;display:inline-block;width:22px;height:2px;position:absolute;left:14px}
.phone-menu i:nth-of-type(1){top:18px}
.phone-menu i:nth-of-type(2){top:25px}
.phone-menu i:nth-of-type(3){top:32px}
.grid-footer{background-color:#212220;color:#919290;font-size:14px;padding:20px 0 0 0;position:relative;zoom:1;clear:both;line-height:20px;margin-top:40px;overflow:hidden}
.copyright{padding:10px 0 10px 0}
.copyright .info{position:relative;text-align:center}
.copyright p{color:#565755;font-size:13px}
.copyright .contact a{display:inline-block;width:30px;height:30px;background-color:rgba(255,255,255,.2);text-align:center;line-height:30px;text-shadow:1px 1px 1px rgba(0,0,0,.5);font-size:14px;margin-left:15px;margin-right:0;border-radius:100%;text-decoration:none;color:rgba(255,255,255,.5);-webkit-transition:all .3s;transition:all .3s}
.copyright .contact a:hover{color:#fff}
.copyright .contact .github:hover{background-color:#b952c5}
.copyright .contact .qq:hover{background-color:#d25744}
.copyright .contact .email:hover{background-color:#668f20}
.copyright .contact .weixin:hover{background-color:#06a2c9}
.doc-container{position:relative;padding-top:60px;-webkit-transition:all .2s;transition:all .2s;min-height:100vh}
.lo{width:250px;height:60px;padding:10px 15px;clear:both;border-radius:4px}
.lo input{margin-left:15px;border:1px solid #e8e9e7}
.lo button{margin-top:10px;padding:5px 15px;cursor:pointer}
.lo .waiting{padding:5px 15px;font-family:FontAwesome;font-style:normal;text-rendering:auto;font-size:20px;display:none}
.lo .waiting:before{content:"\f110";-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
.artcle{transition:animation .3s linear}
.zoomIn{animation:zoomIn 1s both}

/*网分页样式*/
.pagination{clear: both;margin: 30px auto 20px auto;padding-top: 0px;overflow: hidden;text-align: center;font-size:14px;/* border-top: 5px solid #f4f5f6; */}
.pagination ul li{display:inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#999;border-radius:2px}
.pagination ul li:hover{background: #6bc30d;color:#fff;border: 1px solid #6bc30d;cursor:pointer}
.pagination ul li:hover a{color:#fff;}
.pagination ul li.thisclass{display: inline-block;border: 1px solid #6bc30d;padding:6px 15px;margin: 0 1px;background: #6bc30d;color: #fff;}
.pagination ul li.thisclass a{color: #fff;}
.pagination ul li a{display:block;color:#999}
.pagination ul li a:hover{color: #fff;}


@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(359deg)}
}
@keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(359deg)}
}
@media screen and (min-width:1025px){.blog-user{right:0}
.phone-menu{display:none}
.nav{display:block!important}
}
@media screen and (max-width:1366px){.container-fixed,.footer-fixed,.header-fixed{width:90%}
.phone-menu{display:none}
.nav{display:block}
}
@media screen and (max-width:1024px){.header-logo{left:25%;width:50%}
.nav{position:fixed;top:60px;left:0;right:0}
.container-fixed,.footer-fixed,.header-fixed{width:90%}
.phone-menu{display:block}
.nav{display:none;width:100%;background:rgba(255,255,255,1)}
.nav li:before{bottom:0;z-index:10}
.nav li{float:none;border-bottom:1px solid #e8e9e7}
.nav li:last-child{border:0}
}
@font-face{font-family:BarbaraHand;src:url(../font/barbarahand-webfont.eot)/*tpa=if (win.layui&&win.layui.layer)/templets/static/font/barbarahand-webfont.eot*/;src:url(../font/barbarahand-webfont.eot-#iefix)/*tpa=if (win.layui&&win.layui.layer)/templets/static/font/barbarahand-webfont.eot?#iefix*/ format('embedded-opentype'),url(../font/barbarahand-webfont.woff2)/*tpa=if (win.layui&&win.layui.layer)/templets/static/font/barbarahand-webfont.woff2*/ format('woff2'),url(../font/barbarahand-webfont.woff)/*tpa=if (win.layui&&win.layui.layer)/templets/static/font/barbarahand-webfont.woff*/ format('woff'),url(../font/barbarahand-webfont.ttf)/*tpa=if (win.layui&&win.layui.layer)/templets/static/font/barbarahand-webfont.ttf*/ format('truetype'),url(../font/barbarahand-webfont.svg#BarbaraHand)/*tpa=if (win.layui&&win.layui.layer)/templets/static/font/barbarahand-webfont.svg#BarbaraHand*/ format('svg');font-weight:400;font-style:normal}