@import url(https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500&display=swap);.aboutWrap{min-height:100vh}.aboutWrap .title{color:#6e4985}.aboutWrap ul{margin:50px 0;max-width:800px}.aboutWrap ul li{display:inline-block;margin-bottom:20px}.aboutWrap ul li i{color:#6e4985}.aboutWrap ul li span{color:#444;font-size:1.1rem;font-weight:500;margin-left:10px}.aboutWrap ul .link{cursor:pointer}.aboutWrap .introduce p{margin-bottom:30px;word-break:keep-all}.aboutWrap .experience{margin-top:100px}.aboutWrap .experience .expTitle{color:#6e4985;font-size:1.4rem;font-weight:500}.aboutWrap .experience .expName{font-weight:500;margin:20px 0}.aboutWrap .experience .expName span{font-weight:400;margin-left:10px}@media (min-width:1300px){.aboutWrap li{width:400px}}@media (min-width:800px) and (max-width:1300px){.aboutWrap li{width:50%}}@media (max-width:800px){.aboutWrap li{width:100%}}.titleBox{align-items:center;display:flex;justify-content:space-between;max-width:1300px}.titleBox .goToSite{border:1px solid #999;border-radius:5px;cursor:pointer;padding:10px 20px}.project{display:flex;margin-top:70px;padding-bottom:70px;word-break:keep-all}.project .projectimage{border:1px solid #ddd;margin-right:50px}.project .projectimage img{vertical-align:middle;width:100%}.project .link{cursor:pointer}.projectInfo{border-left:4px solid #666}.projectInfo li{align-items:center;display:flex}.projectInfo li div{padding:10px 0}.projectInfo li div:first-child{font-weight:500;margin-right:20px;text-align:center}.projectFunc{padding:50px 0 0}.projectFunc li{list-style-type:disc;margin-left:20px;padding:5px 0}@media (min-width:1300px){.project .projectimage{max-width:500px}.project .projectContent{max-width:800px}.content{padding:0 0 50px}.content,.projectInfo li div{font-size:1.1rem}.projectInfo li div:first-child{width:120px}.projectFunc li{font-size:1.1rem}.projectList{height:160px;margin-top:-80px;position:fixed;right:17px;top:50%;width:20px}.projectList div{border-radius:50%;cursor:pointer;height:17px;margin-bottom:18px;width:17px}.projectList div:last-child{margin-bottom:0}.projectList div:hover span{opacity:1;right:170px}.projectList div span{display:block;font-weight:500;opacity:0;position:relative;right:150px;text-align:right;transition:all .8s ease;width:150px}}@media (min-width:800px) and (max-width:1300px){.project .projectimage{max-width:500px}.project .projectContent{max-width:800px}.content{padding:0 0 50px}.content,.projectInfo li div{font-size:1.1rem}.projectInfo li div:first-child{width:120px}.projectFunc li{font-size:1.1rem}.projectList{height:160px;margin-top:-80px;position:fixed;right:17px;top:50%;width:20px}.projectList div{border-radius:50%;cursor:pointer;height:17px;margin-bottom:18px;width:17px}.projectList div:last-child{margin-bottom:0}.projectList div:hover span{opacity:1;right:170px}.projectList div span{display:block;font-weight:500;opacity:0;position:relative;right:150px;text-align:right;transition:all .8s ease;width:150px}}@media (max-width:800px){.project{display:block}.project .projectContent,.project .projectimage{width:100%}.content{padding:50px 0}.content,.projectInfo li div{font-size:1rem}.projectInfo li div:first-child{min-width:80px}.projectInfo li .link{word-break:break-all}.projectFunc li{font-size:1rem}.projectList{align-items:center;background-color:#fff;bottom:0;display:flex;height:50px;justify-content:space-between;left:0;padding:0 100px;position:fixed;right:0}.projectList div{border-radius:50%;cursor:pointer;height:15px;width:15px}.projectList div span{display:none}}.about{background-color:#b684b1}.bookmark{background-color:#666bdb}.celery{background-color:#ffde8a}.allmytour{background-color:#57bea1}.shop{background-color:#db7093}.seocaso{background-color:#764530}.humblebug{background-color:#2d422a}@media (min-width:1300px){.mainWrap{height:100vh;padding:100px 50px 0 400px}.circle{border-radius:50%;position:fixed;transition:background-color 1.5s ease;z-index:-9}.circleTop{height:500px;left:10px;top:-300px;width:500px}.circleBottom{bottom:-350px;height:700px;right:-350px;width:700px}}@media (min-width:800px) and (max-width:1300px){.mainWrap{padding:50px}}@media (max-width:800px){.mainWrap{padding:50px 20px}}*{box-sizing:border-box;color:#333;font-family:Maven Pro,sans-serif;list-style:none;margin:0;padding:0}@media (min-width:1300px){.title{font-size:5rem;font-weight:500}}@media (min-width:800px) and (max-width:1300px){.title{font-size:3rem;font-weight:500}}@media (max-width:800px){.title{font-size:3rem;font-weight:500}}@media (min-width:1300px){.headerWrap{background-color:#fff;border-right:1px solid #ddd;bottom:0;padding:100px 0;position:fixed;top:0;width:300px}.headerWrap .profileImg{border-radius:50%;height:90px;margin:0 auto;width:90px}.headerWrap .profileImg img{width:100%}.headerWrap .profileName{font-size:1.1rem;font-weight:500;letter-spacing:5px;margin-top:10px;text-align:center}.headerWrap ul{margin-top:70px}.headerWrap ul li{color:#777;cursor:pointer;font-size:1rem;padding:10px 0;text-align:center}.headerWrap ul li:hover{color:#333}}@media (min-width:800px) and (max-width:1300px){.headerWrap{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;display:flex;height:50px;justify-content:space-between;padding:0 20px;width:100%}.headerWrap .profileImg{display:none}.headerWrap .profileName{font-weight:500}.headerWrap ul{display:flex}.headerWrap ul li{cursor:pointer;margin-left:20px}}@media (max-width:800px){.headerWrap{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;display:flex;height:50px;justify-content:space-between;padding:0 20px;width:100%}.headerWrap .profileImg{display:none}.headerWrap .profileName{font-weight:500}.headerWrap ul{display:flex}.headerWrap ul li{cursor:pointer;margin-left:20px}}
/*# sourceMappingURL=main.212a2924.css.map*/