html body{margin:0;padding:0;font-family:sans-serif;color:#333}html body a{cursor:pointer}.Layouts{margin:0 auto}.Layouts,.Layouts .header{text-align:left}.Layouts .ant-layout-header{padding:0}.Layouts .layout{padding:66px 10px 10px;width:1200px;margin:0 auto;background:#fff}.logo img{height:55px;border-radius:50%}.header{text-align:left}@media screen and (max-width:780px){.container{width:100%!important}.ant-layout-content{padding:0!important}.Layouts .layout{width:100%!important}#content img,li img{display:-webkit-flex;display:flex;max-width:100%;margin:0 auto}#content img{width:100%}.logo{height:50px}.logo img{height:100%;margin-left:10px}.drawer{text-align:center}.drawer p{color:#000;padding:10px;border-bottom:1px solid #eee;margin-bottom:0}.drawer p:last-child{border-bottom:none}.drawer p a{color:#000;display:inline-block;width:100%}.user-name{position:relative;top:-10px;left:-10px}.nav-title{font-size:26px}.ant-drawer-body{padding:0!important}.message{padding:50px 10px!important}.article .header .tags{float:left!important}.left .project{padding:0}.left .project span{float:static;width:100%!important}}@keyframes mylogo{0%{-webkit-transform:rotate(0deg) scale(.8);transform:rotate(0deg) scale(.8);opacity:1}25%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);opacity:.8}to{-webkit-transform:rotate(0deg) scale(.8);transform:rotate(0deg) scale(.8);opacity:1}}@-webkit-keyframes mylogo{0%{-webkit-transform:rotate(0deg) scale(.8);transform:rotate(0deg) scale(.8);opacity:1}25%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);opacity:.8}to{-webkit-transform:rotate(0deg) scale(.8);transform:rotate(0deg) scale(.8);opacity:1}}.right{text-align:center}.right .right-logo{width:130px;border-radius:50%;animation:mylogo 3s;-moz-animation:mylogo 3s;-webkit-animation:mylogo 3s;-o-animation:mylogo 3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.right .title{font-size:25px;font-weight:700}.right .right-content{padding:10px 0 20px;margin-bottom:10px;border-bottom:1px solid #eee}.right .right-content .item{display:inline-block;padding:0 10px;color:#969696;border-right:1px solid #eee}.right .right-content .item:last-child{border-right:none}.right .right-content .item .num{color:#333}.right .introduce{margin-bottom:10px;border-bottom:1px solid #eee}.right .introduce .title{font-size:14px;color:#969696}.right .introduce .content{color:#333;line-height:26px;text-align:left;padding:20px 0}.right .introduce .footer{padding-bottom:10px}.right .tags{min-height:300px;padding:5px 0 20px;margin-bottom:10px;border-bottom:1px solid #eee}.right .tags .title{font-size:14px;color:#969696}.right .tags .item{cursor:pointer;float:left;padding:5px 10px;border-radius:5px;background-color:red;color:#000;margin:10px 10px 0 0;background-color:#eee}.right .classification{padding:5px 0 20px}.right .classification .title{font-size:14px;color:#969696}.right .classification .item{text-align:center;padding:10px;border-bottom:1px solid #eee;color:#666;margin:10px 10px 0 0}.container{width:1200px;margin:0 auto}.container .ant-menu-horizontal{border:none}.left .ant-menu-item,.left .ant-menu-submenu-title{padding:0 15px}.left .note-list{margin:0;padding:0;list-style:none}.left .note-list .title{margin:-7px 0 4px;display:inherit;font-size:18px;font-weight:700;line-height:1.5}.left .note-list .have-img>div{padding-right:140px}.left .note-list .have-img .wrap-img{position:absolute;top:50%;margin-top:-60px;right:0;width:125px;height:100px}.left .note-list .have-img .wrap-img img{width:100%;height:100%;border-radius:4px;border:1px solid #f0f0f0}.left .note-list li{line-height:20px;position:relative;width:100%;margin:0 0 15px;padding:15px 2px 20px 0;border-bottom:1px solid #f0f0f0;word-wrap:break-word}.left .note-list li .abstract{margin:0 0 8px;font-size:13px;line-height:24px;color:#999}.left .note-list li .meta{padding-right:0!important;font-size:12px;font-weight:400;line-height:20px}.left .note-list li .meta a{margin-right:10px;color:#b4b4b4}.left .note-list li .meta a::hover{transition:.1s ease-in;-webkit-transition:.1s ease-in;-moz-transition:.1s ease-in;-o-transition:.1s ease-in;-ms-transition:.1s ease-in}.left .note-list li .meta span{margin-right:10px;color:#b4b4b4}.left .note-list li.have-img{min-height:140px}.home .content{position:fixed;left:0;top:0;right:0;bottom:0;font-size:20px;text-align:center;padding-top:12%}.home .content .home-logo{width:220px;border-radius:50%}.home .content .home-logo:hover{-webkit-animation:rotate 2s ease;animation:rotate 2s ease}@-webkit-keyframes rotate{0%{-webkit-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0deg)}50%{-webkit-transform:scale(1.2) rotate(180deg);transform:scale(1.2) rotate(180deg)}to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}@keyframes rotate{0%{-webkit-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0deg)}50%{-webkit-transform:scale(1.2) rotate(180deg);transform:scale(1.2) rotate(180deg)}to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}.home .content .home-header .link{display:block}.home .content .home-body{padding-top:20px}.home .content .home-body .list .link{text-shadow:2px 3px 2px rgba(0,0,0,.3);background:linear-gradient(180deg,rgba(0,40,99,.8),#033767);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;display:inline-block;padding:20px;color:#033767;min-width:80px}.home .content .home-body .list .link:hover{text-shadow:2px 3px 2px rgba(0,0,0,.4);font-size:24px;color:#9b2323}.home .content .introduce{font-weight:700;background:linear-gradient(to bottom right,rgba(255,35,35,.8),#9b2323);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#960026}