.fix_right_bottom[data-v-6beeedf1]{position:fixed;right:20px;bottom:20px}.button_group[data-v-6beeedf1]{margin-top:10px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.box{position:relative}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}@keyframes bounceIn{0%,20%,40%,60%,80%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}.btn[data-v-068d1dbc]{text-decoration:none;transform:translate(-50%,-50%);font-size:10px;width:100px;height:30px;color:#fff;text-align:center;margin-top:10px;z-index:1;display:flex;justify-content:center;align-items:center}.btn[data-v-068d1dbc],.btn[data-v-068d1dbc]:before{background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f3);background-size:400%;border-radius:50px}.btn[data-v-068d1dbc]:before{content:"";position:absolute;left:-5px;right:-5px;top:-5px;bottom:-5px;filter:blur(20px);z-index:-1}.btn[data-v-068d1dbc]:hover,.btn[data-v-068d1dbc]:hover:before{animation:sun-068d1dbc 8s infinite}@keyframes sun-068d1dbc{to{background-position:-400% 0}}.win[data-v-068d1dbc]{width:100%;height:50px;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:800;position:fixed;top:0;z-index:99;background:rgba(76,139,217,.7);border-radius:0 0 10px 10px;span[data-v-068d1dbc]{margin-left:10px}}.HLayout[data-v-2bd09bd5]{flex-direction:column!important}.HLayout .content-left[data-v-2bd09bd5]{border-right:none}.HLayout .section-hd[data-v-2bd09bd5]{height:50px}.HLayout .section-hd .section-title[data-v-2bd09bd5]{font-size:25px}*{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}li{list-style-type:none}body{color:#333;font-size:14px;line-height:1.5;font-family:Helvetica Neue,Helvetica,Arial,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;background-color:#eee;overflow:auto;padding-top:5px}@media screen and (max-width:1024px){body{padding-top:0}}a{text-decoration:none;color:#3591df;transition:all .2s ease-in-out}.head{width:1200px;margin:20px auto;display:flex;justify-content:space-between}@media screen and (max-width:1024px){.head{display:none}.win{display:flex}}.last-modified{color:#bbb;font-size:12px;text-align:right;display:inline-block}@media screen and (max-width:1024px){.last-modified{display:none}}@media print{.last-modified{display:none}}.download-pdf{color:#bbb;font-size:12px;text-align:right}@media screen and (max-width:1024px){.download-pdf{display:none}}@media print{.download-pdf{display:none}}.content{position:relative;width:1200px;margin:20px auto;margin-bottom:20px;border-radius:5px;background-color:#fff;overflow:hidden}@media screen and (max-width:1024px){.content{width:100%;margin:0;border-radius:0}}.content-hd{width:100%;padding:30px 50px;display:flex;color:#fff;background-color:#1fc8db;background-image:linear-gradient(141deg,#c25dec,#198cde 51%,#3591e0 80%);overflow:hidden}@media screen and (max-width:720px){.content-hd{padding:25px 30px}}@media print{.content-hd{color:#000;background-color:#fff}}.content-hd .title{width:100%;border-bottom:1px solid hsla(0,0%,100%,.22);font-size:38px;font-weight:300;overflow:hidden;margin-bottom:12px}.content-hd .contact,.content-hd .info,.content-hd .job,.content-hd .name{width:50%}@media screen and (max-width:720px){.content-hd .contact,.content-hd .info,.content-hd .job,.content-hd .name{width:100%;text-align:center}}.content-hd .name{float:left}.content-hd .name h1{font-family:Lucida Grande,Hiragino Sans GB,Hiragino Sans GB W3,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,sans-serif;font-weight:500;letter-spacing:5px}@media screen and (max-width:720px){.content-hd .name h1{letter-spacing:0;font-size:48px;line-height:1.25;margin-top:16px}}.content-hd .name h1 small{font-weight:400;letter-spacing:0;font-size:24px;padding-left:10px}@media screen and (max-width:720px){.content-hd .name h1 small{display:block;padding-left:0;font-size:20px;line-height:1}}.content-hd .job{float:right;text-align:right}@media screen and (max-width:720px){.content-hd .job{text-align:center}}.content-hd .job h2{display:inline-block;font-size:24px}@media screen and (max-width:720px){.content-hd .job h2{border-top:1px solid hsla(0,0%,100%,.22);margin:5px auto 0;font-size:20px;padding:10px}}.content-hd .info{float:left;line-height:22px;font-weight:600}.content-hd .info ul{margin:8px 0 4px}@media screen and (max-width:720px){.content-hd .info ul{text-align:center;margin:16px 0 0}}.content-hd .contact{float:right;text-align:right;padding-right:5px;font-weight:600}.content-hd .contact ul{margin:8px 0 4px}@media screen and (max-width:720px){.content-hd .contact ul{text-align:center;margin:16px 0 0}}.content-hd .contact ul>li{height:22px}@media screen and (max-width:720px){.content-hd .contact ul>li{display:inline-block}}.content-hd .contact ul>li>a{color:#fff;font-size:14px;line-height:22px}@media print{.content-hd .contact ul>li>a{color:#000}}.content-hd .contact ul>li>a:hover{color:#e8e8e8}@media screen and (max-width:720px){.content-hd .contact ul>li>a .contact-link{display:none}}.content-hd .contact ul>li>a .iconfont{fill:#fff;vertical-align:text-top}@media screen and (max-width:720px){.content-hd .contact ul>li>a .iconfont{margin:5px 8px}}.content-bd{width:100%;min-height:200px;padding:10px 30px 50px;overflow:hidden;display:flex}@media screen and (max-width:720px){.content-bd{padding:20px 20px 50px;flex-direction:column}}.content-bd .content-left,.content-bd .content-right{flex:1}@media screen and (max-width:1024px){.content-bd .content-left,.content-bd .content-right{width:100%}}.content-bd .content-left{float:left;border-right:1px solid #ededed}@media screen and (max-width:1024px){.content-bd .content-left{border-right:none}}.content-bd .content-right{float:right}.content-bd section{overflow:hidden;padding:6px 15px}.content-bd .section-hd{position:relative;height:40px;overflow:hidden}.content-bd .section-bd{overflow:hidden}.content-bd .section-bd ul li{margin-top:2px;font-size:15px;letter-spacing:1px;margin-left:16px;list-style:square}.content-bd .section-bd .item{margin-bottom:10px}.content-bd .section-bd .item ol{list-style-type:none;counter-reset:level1}.content-bd .section-bd .item ol .project-2{display:flex;margin:4px 0 2px}.content-bd .section-bd .item .project-1{box-sizing:border-box;padding-left:15px}.content-bd .section-bd .item .project-1 .project-name{display:inline;font-weight:700;font-size:16px;line-height:22px}.content-bd .section-bd .item ol .project-1:before,.content-bd .section-bd .item ol .project-2 span{font:1em 等线;color:#333;list-style-type:upper-roman;font-size:14px}.content-bd .section-bd .item ol .project-1:before{font-size:15px;content:counter(level1) ". ";counter-increment:level1}.content-bd .section-bd .item ol li .item-bd{margin-left:10px}.content-bd .section-bd .item ul li:before{content:""}.content-bd .section-bd .item:not(:first-child){border-top:1px dashed #ededed}.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:25%;min-width:100px;margin:0 auto;padding:4px 10px;border-radius:32px;font-size:20px;font-weight:700;text-align:center;background-color:#eee}.content-bd .section-list{padding:10px 0 5px}.content-bd .item-hd{position:relative;padding:10px 0;line-height:20px;overflow:hidden;font-weight:500;min-height:30px;margin-bottom:5px;display:flex}.content-bd .item-hd .item-hd-box{display:flex;justify-content:center;align-items:center}.content-bd .item-hd .item-hd-box .item-hd-box-img{width:30px;display:flex;align-items:center}.content-bd .item-hd .item-time{display:inline-block;float:left;width:25%;font-size:16px;font-weight:800}@media screen and (max-width:720px){.content-bd .item-hd .item-time{width:100%;margin-bottom:5px}}.content-bd .item-hd .item-more{position:absolute;top:10px;right:0}.content-bd .item-hd .item-name{float:left;font-size:20px;font-weight:700}.content-bd .item-hd .project-2 .project-name-2{font-size:14px}.content-bd .item-hd .project-des{font-size:13px;padding:4px 0;margin-left:-10px}.content-bd .item-hd .div-item{margin:4px 0 8px}.content-bd .item-bd .project-des{font-size:13px;padding:4px 0;margin-left:-10px}.content-bd .item-project-des{background:#f3f3f2;border-radius:6px;padding:6px;color:#545454;font-family:等线;font-size:13px;line-height:22px}.content-bd .section-content{text-align:justify;word-break:break-all;line-height:22px}.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 #ababab;border-radius:3px;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:3px;font-weight:500;color:#444;margin:2px;padding:0 3px;background-color:#f6f6f6}.content-bd .practice .item-time{color:#8a8a8a;width:100%;font-size:12px}.btn{display:inline-block;padding:0 5px;border:1px solid #3591df;border-radius:3px;color:#3591df;font-family:Menlo,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,sans-serif;font-size:14px;line-height:18px;text-align:center}.btn:hover{color:#fff;background-color:#3591df}.github-footer{text-align:center}.github-footer .footer-link{display:inline-block;color:#ababab;margin-bottom:25px}@media screen and (max-width:1024px){.github-footer .footer-link{margin-top:25px}}@media print{.github-footer{display:none}}.img-box{width:200px;padding-right:50px;box-sizing:border-box}.img-box img{width:100%;border-radius:5%}.conten-box{flex:1}li{margin:2px 0}.NOBox{display:none}.ShowBox{display:block}