.header{margin:0 auto;width:100%;height:100%;background-color:#000;position:fixed!important;background-image:url(https://yssimage.oss-cn-hangzhou.aliyuncs.com/bg9.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;}
.gird-header{width:100%;min-height:60px;position:fixed;background-color:rgba(255,255,255,1);z-index:2000;top:0;left:0;border-bottom:1px solid #e8e9e7;font-size:14px}
.container-fixed,.footer-fixed,.header-fixed{width:98%;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;}
/*.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;right: 0;}
.blog-user>img{border-radius:50%;width:40px;height:40px}
.phone-menu{width:50px;height:50px;display:inline-block;position:absolute;cursor:pointer;right:0;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;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;-webkit-transition:all .2s;transition:all .2s;min-height:93vh}
.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}
@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:100px}
.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}
}
.bodymain{
    background-size:100% 100%;
}
@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);src:url(../font/barbarahand-webfont.eot?#iefix) format('embedded-opentype'),url(../font/barbarahand-webfont.woff2) format('woff2'),url(../font/barbarahand-webfont.woff) format('woff'),url(../font/barbarahand-webfont.ttf) format('truetype'),url(../font/barbarahand-webfont.svg#BarbaraHand) format('svg');font-weight:400;font-style:normal}
.csdn-side-toolbar a.option-box img{display:block;width:36px}
.show-txt{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;line-height:14px;color:#999aaa;background-color:#fff;text-align:center;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.csdn-side-toolbar{position:fixed;right:24px;bottom:160px;width:50px;z-index:1999}
.option-box{position:relative;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;background:#000;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.05);box-shadow:0 2px 4px 0 rgba(0,0,0,.05);background-color:#fff;text-align:center;height:50px;cursor:pointer;margin-top:8px}
.delete,.edit{
    position: absolute;
    top: -3px;
    left: -3px;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    z-index: 99;
    cursor: pointer;
    background: #1a1a1a;
    opacity: .5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
}
[class*=" el-icon-"], [class^=el-icon-] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}
::-webkit-scrollbar-thumb{border-radius:5px;background-color:hsla(0,0%,60%,.4)}
::-webkit-scrollbar-track{background-color:transparent}