.my-Skill,.page{min-height:100vh}.my-Skill h1,.my-achievements h1{text-shadow:0 0 3px #000;text-align:center}.my-achievements .myWorks,.page,.page1,.skillsContainer,body{overflow:hidden}.call-me,label{cursor:pointer}@font-face{font-family:UniTortred;src:url(../../content/UniTortred.ttf);font-weight:400;font-style:normal}*{margin:0;padding:0}body{margin:0 auto;background:-moz-linear-gradient(top,#000,#54b3a5);background:-webkit-gradient(linear,top,from(#000),to(#54b3a5));background:-webkit-linear-gradient(top,#000,#87ceeb);background:-o-linear-gradient(top,#000,#54b3a5);font-family:"microsoft yahei",sans-serif;height:100%}a{text-decoration:none;color:#FFF}.header{position:absolute;top:0;left:0;height:40px;width:100%;z-index:100000}.header a{line-height:40px;float:right;margin:0 20px}.page{max-width:1620px;margin:0 auto;color:#FFF;position:relative;background-image:url(../../content/images/bg_cover.png)}.page h1{font-weight:400}.page1{background-image:url(../../content/images/bg.jpg);background-attachment:fixed;background-size:cover;width:100%}.website-title{transition:5s all}.website-title.move{transform:translateY(50px)}#canvasHeart{position:fixed;top:0;left:0}.page1 .website-title{font-family:UniTortred;text-align:center;font-size:40px;margin-top:10%}.page1 .web-developer-describe{height:30px;margin:100px 0;text-align:center;font-size:20px;font-weight:400}.page1 .container{background-color:rgba(0,0,0,.2);z-index:10000;width:100%;box-sizing:border-box;position:absolute;top:0;left:0;bottom:0}.my-des{text-align:center;margin-top:100px}.my-des .myWorksTitle{padding:10px 25px;border:2px solid #FFF;border-radius:5px;cursor:pointer;transition:1s all;display:block;margin:0 auto;max-width:150px}label:after,label:before{-webkit-transition:all .3s ease}.call-me,span.animate-show-up{display:inline-block}.my-des .myWorksTitle:hover{transform:scale(1.2,1.2)}.carouselBlastBox{width:100%}.my-achievements{background-color:#4C5D8E;padding-bottom:30px}.my-achievements h1{color:#FFF;margin:50px auto}.my-achievements .myWorks{max-width:1200px;margin:0 auto}.my-achievements .myWorks .one-work{float:left;box-sizing:border-box;padding:10px}.my-achievements .myWorks .one-work .one-work-inside{padding-bottom:70%;position:relative;overflow:hidden}.my-msg,.one-work-inside .work-inside-des p{padding:0 10px}.my-achievements .myWorks .one-work .one-work-inside img{width:100%;position:absolute}.my-achievements .myWorks .one-work .one-work-inside .work-inside-des{position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:rgba(0,0,0,.35);color:#FFF;text-align:center}.bg_con,.menu{position:fixed;top:20px}.one-work-inside .work-inside-des p:nth-child(1){margin-top:15%;font-size:16px}.one-work-inside .work-inside-des p:nth-child(2){margin-top:10px;font-size:12px}.pageContactMe{background-color:rgba(84,179,165,.98)}.pageContactMe h1{margin:50px auto;text-align:center}.my-msg{margin:40px auto}.call-me{vertical-align:middle;width:30px;margin-left:10px;animation-name:buzz-out;animation-duration:.5s;animation-timing-function:linear;animation-iteration-count:infinite}.animate-show-up{opacity:0;transform:translateX(300px)}.animate-show .animate-show-up{animation:show-up 1.2s;animation-fill-mode:forwards}.animate-show-callback .animate-show-up{animation:show-down 1.2s;animation-fill-mode:forwards}.my-emial{opacity:0}.animate-show .animateDelay1{animation-delay:.5s}.animate-show .animateDelay2{animation-delay:1s}.animate-show .animateDelay3{animation-delay:1.5s}.animate-show .animateDelay4{animation-delay:2s}.animate-show .animateDelay5{animation-delay:2.5s}.animate-show .animateDelay6{animation-delay:3s}.animate-show .animateDelay7{animation-delay:3.5s}.Remarks{text-align:center}.my-Skill{background-color:#B17F23}.my-Skill h1{margin:50px auto}.mySkill{float:left}.mySkill>div{text-align:center}.skillsContainer{margin:0 auto 60px}.skillsTitle{display:none;width:80%;margin:0 auto}.skillsTitle>div{text-align:center}.skills-title{margin:0 2px 20px;display:inline-block;padding:5px 10px;border-radius:5px;background:#dfb465}.skillsleve1 .skills-title:nth-child(2){animation-delay:.2s}.skillsleve1 .skills-title:nth-child(3){animation-delay:.3s}.skillsleve1 .skills-title:nth-child(4){animation-delay:.4s}.skillsleve1 .skills-title:nth-child(5){animation-delay:.5s}.skillsleve1 .skills-title:nth-child(6){animation-delay:.6s}.skillsleve1 .skills-title:nth-child(7){animation-delay:.7s}.skillsleve1 .skills-title:nth-child(8){animation-delay:.8s}.skillsleve2 .skills-title:nth-child(1){animation-delay:.2s}.skillsleve2 .skills-title:nth-child(2){animation-delay:.3s}.skillsleve2 .skills-title:nth-child(3){animation-delay:.4s}.skillsleve2 .skills-title:nth-child(4){animation-delay:.5s}.skillsleve2 .skills-title:nth-child(5){animation-delay:.6s}.skillsleve2 .skills-title:nth-child(6){animation-delay:.7s}.skillsleve3 .skills-title:nth-child(1){animation-delay:.5s}.skillsleve3 .skills-title:nth-child(2){animation-delay:.6s}.skillsleve3 .skills-title:nth-child(3){animation-delay:.7s}.skillsleve4 .skills-title:nth-child(1){animation-delay:1s}.skillsleve4 .skills-title:nth-child(2){animation-delay:1.1s}.activePage .zoomIn{animation:1s zoomIn ease-in;animation-fill-mode:both}.menu{left:20px;z-index:100000000}.menu-item{width:40px;opacity:.8}.menu-item>img{display:block;width:30px;margin:0 auto}.menu-item>p{font-size:14px;color:#FFF;margin-top:5px;text-align:center}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes buzz-out{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@keyframes show-up{from{transform:translateX(300px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes show-down{from{transform:translateX(0);opacity:1}to{transform:translateX(300px);opacity:0}}@media only screen and (min-width:1000px){.my-achievements .myWorks{width:930px}.my-achievements .myWorks .one-work{width:25%}.my-msg{width:700px}.skillsContainer{width:600px}}@media only screen and (min-width:640px) and (max-width:1000px){.my-achievements .myWorks{width:70%}.my-achievements .myWorks .one-work{width:33.33%}.my-msg{width:90%}.skillsContainer{width:300px}}@media only screen and (max-width:640px){.my-achievements .myWorks{width:80%}.my-achievements .myWorks .one-work{width:50%}.my-msg{width:90%}.page1 .container{padding:100px 10px}.skillsContainer{width:300px}}.bg_con{width:50px;z-index:10001;right:20px}.switch{display:none}label{position:relative;display:block;padding:1px;border-radius:24px;height:25px;margin-bottom:15px;background-color:#333;vertical-align:top;-webkit-user-select:none}label:before{display:block;border-radius:20px;height:25px;background-color:#58b058;-webkit-transform:scale(1,1);content:'中';text-align:right;box-shadow:0 0 5px #FFF;padding:0 5px;color:#FFF}label:after{content:'';position:absolute;top:50%;left:50%;margin-top:-12.5px;margin-left:-10px;width:25px;height:25px;border-radius:22px;background-color:#fff;box-shadow:1px 1px 1px 1px rgba(0,0,0,.08);-webkit-transform:translateX(-14px)}.switch:checked~label:after{-webkit-transform:translateX(9px)}.switch:checked~label:before{background-color:#41a7c5;content:'英';text-align:left}.loading-box{background-color:#3F5999;position:absolute;top:0;left:0;bottom:0;right:0;z-index:10000000}.loading-box .item-inner{margin-top:20%}.loading-box .item-inner img{width:100px;display:block;margin:0 auto}.la-square-jelly-box,.la-square-jelly-box>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-square-jelly-box{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-square-jelly-box.la-dark{color:#333}.la-square-jelly-box>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-square-jelly-box>div:nth-child(1),.la-square-jelly-box>div:nth-child(2){position:absolute;left:0;width:100%}.la-square-jelly-box>div:nth-child(1){top:-25%;z-index:1;height:100%;border-radius:10%;-webkit-animation:square-jelly-box-animate .6s -.1s linear infinite;-moz-animation:square-jelly-box-animate .6s -.1s linear infinite;-o-animation:square-jelly-box-animate .6s -.1s linear infinite;animation:square-jelly-box-animate .6s -.1s linear infinite}.la-square-jelly-box>div:nth-child(2){bottom:-9%;height:10%;background:#000;border-radius:50%;opacity:.2;-webkit-animation:square-jelly-box-shadow .6s -.1s linear infinite;-moz-animation:square-jelly-box-shadow .6s -.1s linear infinite;-o-animation:square-jelly-box-shadow .6s -.1s linear infinite;animation:square-jelly-box-shadow .6s -.1s linear infinite}.la-square-jelly-box.la-sm{width:16px;height:16px}.la-square-jelly-box.la-2x{width:64px;height:64px;margin:0 auto}.la-square-jelly-box.la-3x{width:96px;height:96px}@-webkit-keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%}25%{-webkit-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;-webkit-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg)}75%{-webkit-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-moz-keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%}25%{-moz-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;-moz-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg)}75%{-moz-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg)}100%{-moz-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-o-keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%}25%{-o-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;-o-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg)}75%{-o-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg)}100%{-o-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%}25%{-webkit-transform:translateY(25%) rotate(22.5deg);-moz-transform:translateY(25%) rotate(22.5deg);-o-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;-webkit-transform:translateY(50%) scale(1,.9) rotate(45deg);-moz-transform:translateY(50%) scale(1,.9) rotate(45deg);-o-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg)}75%{-webkit-transform:translateY(25%) rotate(67.5deg);-moz-transform:translateY(25%) rotate(67.5deg);-o-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);-moz-transform:translateY(0) rotate(90deg);-o-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-webkit-keyframes square-jelly-box-shadow{50%{-webkit-transform:scale(1.25,1);transform:scale(1.25,1)}}@-moz-keyframes square-jelly-box-shadow{50%{-moz-transform:scale(1.25,1);transform:scale(1.25,1)}}@-o-keyframes square-jelly-box-shadow{50%{-o-transform:scale(1.25,1);transform:scale(1.25,1)}}@keyframes square-jelly-box-shadow{50%{-webkit-transform:scale(1.25,1);-moz-transform:scale(1.25,1);-o-transform:scale(1.25,1);transform:scale(1.25,1)}}