@charset "UTF-8";#skrollr-body,body section,body section:after,footer{background-image:inherit}.qrcode,.resume,.rocket,.trip-icon,.trip-item,.trip-item-close{cursor:pointer}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;font-family:Muli-Light,"PingFang SC","Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Microsoft Sans Serif","WenQuanYi Micro Hei",sans-serif;overflow-x:hidden}a{text-decoration:none}.clear{clear:both}.clear:before{content:'';display:table-cell}.pull-left{float:left}.pull-right{float:right}.text-left{text-align:left}.text-right{text-align:right}.intro .info,.intro .motto,.loading,footer{text-align:center}@font-face{font-family:Muli-Light;src:url(../font/Muli-Light.eot);src:url(../font/Muli-Light.eot?#iefix) format("embedded-opentype"),url(../font/Muli-Light.woff) format("woff"),url(../font/Muli-Light.ttf) format("truetype"),url(../font/Muli-Light.svg#Muli-Light) format("svg");font-style:normal;font-weight:400}@font-face{font-family:Fredericka-the-Great;src:url(../font/Fredericka-the-Great.eot);src:url(../font/Fredericka-the-Great.eot?#iefix) format("embedded-opentype"),url(../font/Fredericka-the-Great.woff) format("woff"),url(../font/Fredericka-the-Great.ttf) format("truetype"),url(../font/Fredericka-the-Great.svg#Fredericka-the-Great) format("svg");font-style:normal;font-weight:400}@font-face{font-family:resume-icon;src:url(../font/resume-icon.eot?36273807);src:url(../font/resume-icon.eot?36273807#iefix) format("embedded-opentype"),url(../font/resume-icon.woff?36273807) format("woff"),url(../font/resume-icon.ttf?36273807) format("truetype"),url(../font/resume-icon.svg?36273807#resume-icon) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:resume-icon;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rocket .footer,.wrap{margin-left:auto;margin-right:auto}.icon-nodejs:before{content:'\e800'}.icon-javascript:before{content:'\e801'}.icon-mysql:before{content:'\e802'}.icon-redis:before{content:'\e803'}.icon-love:before{content:'\e804'}.icon-heart-empty:before{content:'\e805'}.icon-weibo:before{content:'\e808'}.icon-wechat:before{content:'\e809'}.icon-twitter:before{content:'\e80a'}.icon-instagram:before{content:'\e80b'}.icon-mail:before{content:'\e80c'}.icon-link:before{content:'\e80d'}.icon-html5:before{content:'\e80e'}.icon-css3:before{content:'\e80f'}.icon-job:before{content:'\e810'}.icon-graduation:before{content:'\e811'}.icon-sun:before{content:'\e812'}.icon-digit:before{content:'\e813'}.icon-network:before{content:'\e814'}.icon-music:before{content:'\e815'}.icon-sec:before{content:'\e803'}.icon-github:before{content:'\e816'}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes pulse{0%,100%{transform:scale3d(1,1,1)}50%{transform:scale3d(1.2,1.2,1.2)}}.pulse{animation-name:pulse}@keyframes bounce{0%,100%,20%,53%,80%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flaming{from,to{opacity:.5;transform:rotate(-45deg)}50%{opacity:.9;transform:rotate(-45deg) scale(1.15,1.15)}}.flaming{animation-name:flaming}@keyframes buble{0%{transform:translate(3px,10px)}25%{transform:translate(0,0)}50%{transform:translate(-3px,-25px)}75%{transform:translate(0,-50px);opacity:1}100%{transform:translate(3px,-100px);opacity:0}}@keyframes bounceJar{0%{transform:translate(5px,15px)}50%{transform:translate(0,-15px)}100%{transform:translate(-5px,-37px);opacity:1}}@keyframes wave{from{transform:translateX(100px)}to{transform:translateX(-100px)}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}.rocket.launch .footer,.rocket:hover .footer{animation-name:flaming}body{background-color:#3d1f34;background-image:url(../images/bg.png);transition:all 1s}body section{position:relative}body section .title{font-size:40px;font-size:4rem;text-transform:capitalize;font-family:FFF-Tusj,Fredericka-the-Great,"Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Microsoft Sans Serif","WenQuanYi Micro Hei",sans;letter-spacing:4px}body section .desc{margin-bottom:20px;font-size:14px;font-size:1.4rem}body section:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:10px}#skrollr-body{-webkit-overflow-scrolling:touch}.wrap{display:table;position:relative;padding:40px 10px 50px;width:100%;max-width:320px}.resume:after,.wrap:after{position:absolute;width:0;height:0}.wrap:after{content:' ';left:10px;bottom:-14px;z-index:1;border-style:solid;border-width:25px 25px 0}.resume{position:absolute;left:0;top:15px;padding:4px 14px 4px 6px;color:#fff;background-color:#c33437;font-size:14px;font-size:1.4rem;line-height:2;font-weight:700;border-top-left-radius:2px;border-bottom-left-radius:2px}.resume span{display:inline-block;padding-left:10px;padding-right:35px;text-transform:uppercase;border-top:2px dashed #77060b;border-bottom:2px dashed #77060b}.intro .and,.intro .hi,.qrcode{display:none}.resume:before{content:'★';position:absolute;right:25px;top:0;line-height:2.85714;color:#640906}.resume:after,.rocket .footer:before,.rocket .window:before,.trip-circle:after,.trip-circle:before,.trip:before{content:''}.intro,footer,footer a{color:#fff}.resume:after{right:0;top:0;border-style:solid;border-width:20px 20px 20px 0;border-color:transparent #3b3b3b transparent transparent}footer{padding:24px;background-color:#3d1f34;font-size:14px;font-size:1.4rem;line-height:2}.rocket{position:fixed;right:50px;bottom:50px;transition:transform .6s;transform:scale(.8)}.rocket .header{width:26px;height:16px;background:#e2553b;border-radius:30px 30px 0 0}.rocket .body{position:relative;width:26px;height:56px;background:#dfe2e4;z-index:1}.rocket .window{position:absolute;top:12px;left:4px;width:18px;height:18px;background:#33485f;border-radius:50%}.rocket .window:before{position:absolute;top:3px;left:3px;width:12px;height:12px;background:#2c97de;border-radius:50%}.rocket .wing{position:absolute;left:-10px;bottom:6px;width:10px;height:22px;background:#c23824;transform:skewY(-50deg)}.rocket .wing-right{left:26px;transform:skewY(50deg)}.rocket .lader{position:absolute;left:-2px;bottom:-8px;width:30px;height:0;border-bottom:8px solid #517397;border-left:8px solid transparent;border-right:8px solid transparent}.rocket .footer{position:relative;width:18px;height:18px;background:#f59d00;border-radius:12px 0;transform:rotate(-45deg);transition:bottom .6s}.rocket .footer:before{position:absolute;left:6px;top:0;width:12px;height:12px;background:#f2c500;border-radius:9px 0}.rocket.launch{transform:translateY(-500px)}.mask{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;z-index:999}.loading,.qrcode img{position:absolute;left:50%;top:50%;width:200px;margin-top:-100px;margin-left:-100px}.loading .mouth,.loading .neck{background-color:#191F26;border-right:4px solid #fff;border-left:4px solid #fff}.qrcode img{height:200px}.loading .mouth{width:40px;height:10px;margin:0 auto -1px;border-radius:20px}.loading .neck{width:35px;height:45px;margin:0 auto -5px;z-index:7;position:relative}.loading .bubble{width:10px;height:10px;position:absolute;background-color:#35EEFB;opacity:.4;left:92px;z-index:8;top:110px;border-radius:100%;animation:buble 2s linear 1s infinite}.loading .bubble+.bubble{left:87px;top:120px;width:15px;height:15px;animation-duration:3s}.loading .base{margin:auto;width:120px;height:100px;border:4px solid #fff;border-radius:50%;overflow:hidden;position:relative;z-index:5}.born,.trip{margin-left:20px}.trip-circle,.trip-circle:after,.trip-circle:before{border-radius:50%;position:absolute}.loading .base .bubble{left:15px;top:50px;animation:bounceJar 2.3s linear 0s infinite alternate}.loading .base .bubble+.bubble{left:75px;top:40px;animation-duration:3s}.loading .liquid,.loading .wave{position:absolute;background-color:#35EEFB;left:0}.loading .liquid{height:40px;bottom:0;right:0}.loading .wave{width:60px;height:20px;top:50px;animation:wave 1s linear 1s infinite alternate;border-radius:50%}.loading .wave+.wave{left:auto;right:0}@media all and (max-width:768px){footer{padding:12px 10px;font-size:1rem}.rocket{right:10px;bottom:10px;transform:scale(.6)}}.intro .icon-love:hover,.trip-icon:hover{transform:scale(1.5)}.intro{padding-top:40px;background-color:#3b3b3b}.intro .info{font-size:24px;font-size:2.4rem;font-weight:lighter;color:#e1e1e1}.intro .name{font-size:36px;font-size:3.6rem;line-height:2;letter-spacing:2px;font-family:Fredericka-the-Great,"PingFang SC","Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Microsoft Sans Serif","WenQuanYi Micro Hei",sans}.intro .job{margin-bottom:20px;font-size:24px;font-size:2.4rem}.intro .motto{line-height:1.5}.intro .write{font-size:24px;font-size:2.4rem;letter-spacing:1px}.intro .looking{font-size:24px;font-size:2.4rem;font-weight:700}.intro .usable{font-size:48px;font-size:4.8rem;font-weight:700;color:#25969f}.intro .websites{font-size:32px;font-size:3.2rem;letter-spacing:1px}.intro .icon-love{padding-left:.2em;padding-right:.4em;color:#de3843;font-weight:700;transition:transform .5s ease;cursor:pointer}.intro:after{background-color:#1d7d86}.intro .wrap:after{border-color:#3b3b3b transparent transparent}@media all and (min-width:768px){.pull-left-md{float:left}.pull-right-md{float:right}.resume{top:30px}.wrap{max-width:768px}.wrap:after{left:0}.intro .and,.intro .hi{display:block}.intro{padding-top:100px}.intro .wrap{padding-top:0}.intro .info{text-align:left}.intro .name{font-size:76px;font-size:7.6rem;line-height:1.4}.intro .job{margin-bottom:0;font-size:30px;font-size:3rem}.intro .and{margin-top:50px;padding-left:115px;padding-right:50px;font-size:72px;font-size:7.2rem;line-height:1;font-weight:700;color:#727272;font-family:"PingFang SC","Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Microsoft Sans Serif","WenQuanYi Micro Hei",sans}.intro .motto{width:240px}}@media all and (min-width:992px){.intro .job{line-height:1.6}}.timeline{color:#fff;background-color:#25969f}.timeline:after{background-color:#d34147}.timeline .wrap:after{border-color:#25969f transparent transparent}.trip{position:relative;margin-top:50px;border-left:6px solid #000}.trip:before{position:absolute;left:-6px;top:-28px;width:6px;height:40px;background-image:linear-gradient(to top,#000,rgba(37,150,159,0))}.trip-item{position:relative;padding-left:40px;padding-bottom:10px;font-size:16px;font-size:1.6rem;color:#0f3c3f}.trip-item:last-child{padding-bottom:0}.trip-item .job{min-width:90%;color:#fff}.trip-item .company{font-size:14px;font-size:1.4rem;line-height:2}.trip-item:hover .trip-circle{box-shadow:0 0 25px #91cacd}.trip-time{position:absolute;left:80px;line-height:48px;font-family:Courier,'Courier New',monospace}.trip-circle{left:-23px;top:4px;width:40px;height:40px;background-color:#91cacd;z-index:1;transition:box-shadow .4s linear}.trip-circle:before{left:5px;top:5px;width:30px;height:30px;background-color:#2b949c}.trip-circle:after{left:10px;top:10px;width:20px;height:20px;background-color:#000}.trip-icon{margin-right:180px;width:48px;height:48px;font-size:24px;font-size:2.4rem;line-height:2;color:#0d3538;transition:transform .5s ease}.born{border-left:6px dotted #000}.born .trip-item{margin-bottom:60px;top:70px}.trip-item-detail{position:fixed;display:none;left:0;top:0;width:100%;height:100%;background-color:#25969f;background-image:url(../images/bg.png);z-index:100}.trip-item-content{position:relative;top:0;margin-left:auto;margin-right:auto;padding:12px;width:100%;max-width:640px;height:100%;overflow:auto}.trip-item-content h3{font-size:24px;font-size:2.4rem;line-height:3}.trip-item-content p{font-size:18px;font-size:1.8rem;line-height:2}.trip-item-close{position:absolute;top:20px;right:20px;width:40px;height:40px}.trip-item-close:after,.trip-item-close:before{content:'';position:absolute;left:0;display:block;width:40px;height:4px;background:#fff;transform:rotate(45deg);transition-property:top,transform}.trip-item-close:before{top:16px}.trip-item-close:after{bottom:20px;transform:rotate(-45deg);transition-property:bottom,transform}@media all and (min-width:768px){.born,.trip{margin-left:280px}.trip-item{padding-left:60px;padding-bottom:30px;top:10px;font-size:20px;font-size:2rem}.trip-time{position:absolute;left:-280px}.trip-icon{margin-right:18px}.trip-item-content{top:100px;height:80%}}@media all and (min-width:992px){.trip-item{padding-left:80px}}.skills{color:#fff;background-color:#e8525b}.skills:after{background-color:#a5b785}.skills .wrap:after{border-color:#e8525b transparent transparent}.skill-item:hover .skill-icon{animation-name:pulse}.skill-title{margin-top:20px;font-size:24px;font-size:2.4rem;text-transform:capitalize}.skill-icon{display:inline-block;width:50px;font-size:30px;font-size:3rem;line-height:1.66667}.skill-bar{display:inline-block;position:relative;top:-5px;padding:0 .5em;width:130px;color:#d9666c;background-color:#6a2427;font-size:14px;font-size:1.4rem;line-height:2;transition:width 1s}.skill-bar:after{content:attr(data-width);position:absolute;right:10px;top:0;font-size:12px;font-size:1.2rem;line-height:2.33333;color:#fff}.skill-more-item{padding-left:50px;font-size:18px;font-size:1.8rem;line-height:2.77778;color:#550f12;transition:color 1s}.skill-more-item:hover{color:#fff}@media all and (min-width:768px){.skill-title{padding-left:50px}.skill-item{width:400px}.skill-more{text-align:right}}@media all and (min-width:992px){.skill-item{width:500px}}.hobbies{color:#2e391b;background-color:#bdce9e}.hobbies:after{background-color:#502742}.hobbies .wrap:after{border-color:#bdce9e transparent transparent}.hobby-item{padding:10px 20px;width:100%;text-align:center}.hobby-icon{font-size:80px;font-size:8rem}.hobby-icon:hover{animation-name:bounce;transform-origin:center bottom}.hobby-name{font-size:20px;font-size:2rem;font-weight:700;line-height:2}.hobby-desc{font-size:14px;font-size:1.4rem;text-align:left;line-height:1.5}@media all and (min-width:768px){.hobby-item{display:inline-block;vertical-align:top;width:33.33333%}}.connect{color:#fff;background-color:#633253}.connect .wrap:after{display:none}.connect-item{display:inline-block;margin-bottom:20px;width:33.33333%;color:#fff;text-align:center}.connect-icon{font-size:32px;font-size:3.2rem;line-height:1.25}.connect-link{display:none}@media all and (min-width:768px){.connect-icon{padding-left:12px;padding-right:12px}.connect-link{display:inline-block;font-size:16px;font-size:1.6rem;line-height:2.5;color:#fff;vertical-align:super}}