body,html,img{overflow:hidden}*{outline:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.row::after,.row::before{content:"";display:inline-block}.g-display,article,aside,dialog,figure,footer,header,main,menu,nav,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}.iconfont,em,i{font-style:normal}.iconfont,body{-webkit-font-smoothing:antialiased}.g-border2{border-radius:2px}.g-border4{border-radius:4px}.g-border5{border-radius:5px}.g-transition2{-webkit-transition:all .2s linear;transition:all .2s linear}.clearfix::after{content:"";height:0;display:block;clear:both;font-size:0;visibility:hidden}font,img{font-size:12px}a{text-decoration:none;-webkit-transition:all .2s linear;transition:all .2s linear}a:focus,a:hover,a:link{outline:0;-moz-outline:none;text-decoration:none}img{border:0;vertical-align:top}body,html{height:100%}li,ol,ul{list-style:none}@font-face{font-family:iconfont;src:url(../src/iconfont.ttf) format("truetype")}.iconfont{color:#00b38a;font-family:iconfont!important;font-size:18px;-moz-osx-font-smoothing:grayscale}.icon-phone:before{content:"\e622"}.icon-github:before{content:"\e69f"}.icon-link:before{content:"\e609"}.icon-homepage:before{content:"\e615"}.icon-email:before{content:"\e63b"}.icon-dot:before{content:"\e600"}.kill-ie{margin:0;padding:.5em 0;color:#333;text-align:center;background:#fff8e2}body{color:#333;font-size:14px;line-height:1.5;font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif;-webkit-text-size-adjust:none;background-color:#eee;overflow:auto;padding-top:5px}.content-hd .contact ul>li>a,.content-hd .name h1{font-family:"Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif}.last-modified{position:absolute;top:30px;left:50%;width:1000px;color:#bbb;margin-left:-500px;font-size:12px;text-align:right}.content,.content-bd .section-hd{position:relative;overflow:hidden}.content{width:1024px;margin:50px auto;border-radius:5pxpx;-webkit-box-shadow:0 0 15px silver,0 0 15px silver,0 0 15px silver,0 0 15px silver;box-shadow:0 0 15px silver,0 0 15px silver,0 0 15px silver,0 0 15px silver;background-color:#fff}@media screen and (max-width:1024px){body{padding-top:0}.last-modified{display:none}.content{width:100%;margin:0;border-radius:0}.content-hd .contact,.content-hd .info,.content-hd .job,.content-hd .name{width:100%;text-align:center}}.content-hd{width:100%;height:inherit;color:#fff;background-color:#eee;overflow:hidden}.content-hd .job,.content-hd .name{color:#00b38a;text-align:center}@media screen and (max-width:720px){.content-hd{padding:25px 30px}}.content-hd .title{width:100%;font-size:52px;font-weight:300;overflow:hidden;padding-bottom:5px;padding-top:40px}.content-hd .avator{display:block;width:200px;margin:0 auto}.content-hd .name h1{margin-top:10px;font-weight:500;letter-spacing:5px}.content-hd .name small{font-weight:400;letter-spacing:0;font-size:24px;padding-left:10px}@media screen and (max-width:720px){.content-hd .title{padding-top:20px}.content-hd .avator{width:150px;height:150px}.content-hd .name h1{letter-spacing:0;line-height:1.25}.content-hd .name small{display:block;padding-left:0;font-size:20px;line-height:1}.content-hd .job{margin:0 auto;padding:10px}}.content-hd .job{font-size:24px}.content-hd .skill-level{padding-top:80px}.content-hd .skill-level h3{color:#999;margin-left:5px}.content-hd .skill-level .item{display:flex;width:260px;height:12px;border-radius:6px;margin-bottom:15px;background:#d7d7d7}.content-hd .skill-level .item .in{background:#00b38a;height:12px;width:12px}.content-hd .skill-level .item .out{background:#d7d7d7;height:12px;width:12px}.content-hd .skill-level .item .in:first-child{border-radius:6px 0 0 6px}.content-hd .skill-level .item .out:last-child{border-radius:0 6px 6px 0}.content-hd .skill-level .i-html .in{flex:8}.content-hd .skill-level .i-html .out{flex:2}.content-hd .skill-level .i-css .in{flex:7}.content-hd .skill-level .i-css .out{flex:3}.content-hd .skill-level .i-js .in{flex:8}.content-hd .skill-level .i-js .out{flex:2}.content-hd .skill-level .i-sass .in{flex:6}.content-hd .skill-level .i-sass .out{flex:4}.content-hd .skill-level .i-ps .in{flex:7.5}.content-hd .skill-level .i-ps .out{flex:2.5}.content-hd .info{color:#555;line-height:30px}.content-hd .info h2{margin:30px 0 4px;font-size:18px}.content-hd .info h3{font-size:16px;margin-top:10px}@media screen and (max-width:720px){.content-hd .info h2{margin-top:4px}}.content-hd .contact{padding-top:100px}.content-hd .contact ul{margin:8px 0 4px}@media screen and (max-width:1024px){.content-hd .skill-level{display:none}.content-hd .contact{padding-top:0}.content-hd .contact ul{text-align:center;margin:16px 0 0}}.content-hd .contact ul>li{height:22px;margin-top:10px}.content-hd .contact ul>li>a{color:#555;font-size:16px;line-height:22px}.content-hd .contact ul>li>a:hover{color:#999}.content-bd .item-hd .iconfont,.content-bd .section-content .iconfont{color:#00b38a}@media screen and (max-width:1024px){.content-hd .contact ul>li{display:inline-block;margin:0}.content-hd .contact ul>li>a .contact-link{display:none}.content-hd .contact ul>li>a .iconfont{font-size:20px}}.content-hd .contact ul>li>a .iconfont{margin-left:5px}.content-bd{display:flex;min-height:200px;flex-flow:row wrap;overflow:hidden}.content-bd .content-left{flex:6.5;padding:20px 30px 50px}@media screen and (max-width:1024px){.content-bd .content-left{flex:1 100%;order:2;padding:20px 10px 50px}}.content-bd .content-right{box-sizing:border-box;padding:20px 30px 50px;flex:3.5;background:#eee}@media screen and (max-width:1024px){.content-bd .content-right{flex:1 100%;order:1;padding-bottom:20px}}.content-bd section{overflow:hidden;padding:10px 15px}.content-bd .section-hd{height:32px;margin:10px auto 5px}.content-bd .section-bd{overflow:hidden}.content-bd .section-title-l,.content-bd .section-title-r{position:absolute;top:50%;display:inline-block;width:35%;height:0;vertical-align:middle;border-top:1px solid #ededed}.content-bd .section-title-l{left:0}.content-bd .section-title-r{right:0}.content-bd .section-title{position:relative;z-index:1;width:24%;min-width:100px;margin:0 auto;padding:4px 10px;border-radius:32pxpx;font-size:16px;text-align:center;background-color:#eee}.content-bd .section-list{padding:10px 0 5px}.content-bd .item-hd{position:relative;padding:10px 0 5px;line-height:20px;overflow:hidden;font-weight:500}.content-bd .item-hd .item-time{display:inline-block;float:left;width:25%}@media screen and (max-width:720px){.content-bd .item-hd .item-time{width:100%;margin-bottom:5px}}.content-bd .item-hd .item-more{float:right;margin-left:5px}.content-bd .item-hd .item-name{display:inline-block;float:left}.content-bd .item-bd{margin-bottom:5px}.content-bd .section-content{text-align:justify;word-break:break-all;line-height:22px}.btn,footer{text-align:center}.content-bd .section-content em{display:inline-block;font-family:Menlo,"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif;font-size:12px;line-height:14px;border:1px solid #d1d1d1;border-radius:3pxpx;margin:2px;padding:0 3px;background-color:#f7f7f7}.content-bd .section-content strong{font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif;font-size:12px;line-height:14px;border:1px solid #f3f3f3;border-radius:3pxpx;font-weight:500;color:#444;margin:2px;padding:0 3px;background-color:#f6f6f6}.content-bd .skill .section-content{margin-bottom:5px;line-height:24px}.content-bd .skill strong{display:inline;line-height:18px}.btn,.pdf,footer .footer-link{display:inline-block}.content-bd .practice .item-time{width:32%}@media screen and (max-width:720px){.content-bd .practice .item-time{width:100%}}.content-bd .prize .item-hd{padding:12px 0 0}.content-bd .prize .item-time{width:15%}@media screen and (max-width:720px){.content-bd .prize .item-time{width:100%}}.btn{padding:0 5px;border:1px solid #00b38a;border-radius:3px;color:#00b38a;font-family:Menlo,"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif;font-size:14px;line-height:18px}.btn:hover,.pdf{color:#fff;background-color:#00b38a}.pdf{position:fixed;z-index:10;bottom:6px;left:50%;margin-left:520px;padding:0 8px;border-radius:3px;font-size:16px;line-height:26px}@media screen and (max-width:1246px){.pdf{left:auto;right:8px;margin-left:0}}footer .footer-link{color:#d1d1d1;margin-bottom:25px}@media screen and (max-width:1024px){footer .footer-link{margin-top:25px}}footer .footer-link .icon-link{color:#d1d1d1;font-size:16px}footer.print-footer{display:none}::-webkit-scrollbar{background-color:#f1f1f1;overflow:visible;width:3px;height:3px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:padding-box;min-height:15px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)}::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,.5)}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 4px}::-webkit-scrollbar-corner{background:0 0}::selection{background:#00b38a;color:#fff}::-moz-selection{background:#00b38a;color:#fff}@media print{.content,.content .content-hd{height:1365px}@page{margin:0}.content{width:970px;margin:0 auto;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;padding:0}.content .print-hidden,.pdf,footer.github-footer{display:none}footer.print-footer{display:block}footer.print-footer .footer-link{position:absolute;left:45px;bottom:25px;color:silver;display:inline-block}}