.top-bar-wrapper{width:100%;background-color:#fd71c5;opacity:.95;position:fixed;top:0;z-index:9999;margin-bottom:1px #fd71c5 solid}.title a{height:35px;line-height:35px;color:#f2f2f2;font-size:35px;text-decoration:none;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.top-bar{max-width:1200px;margin:0 auto;height:50px;padding:0 14px;background-color:#fd71c5;display:flex;align-items:center;justify-content:space-between}.navbar li a{display:block;text-decoration:none;color:#f2f2f2}.navbar li a:hover{color:#f2f2f2;background-color:#ff2cab}.left-menu.active .navbar{display:block;height:267px}.left-menu .navbar{height:0;overflow:hidden;transition:height .5s;position:absolute;top:50px;left:0;right:0;background-color:#fd71c5}.left-menu .navbar .tutorial-more a{padding-left:30px}.left-menu .navbar li{width:80%;margin:0 auto;border-bottom:1px solid #757474}.left-menu .navbar li:last-child{border-bottom:none}.left-menu .navbar li a{line-height:44px;font-size:14px}.left-menu .menu-icon{width:18px;height:50px}.left-menu .menu-icon li{width:18px;height:1px;background-color:#fff;position:absolute;transform-origin:left center;transition:.5s}.left-menu .menu-icon li:first-child{top:18px}.left-menu .menu-icon li:nth-child(2){top:24px}.left-menu .menu-icon li:nth-child(3){top:30px}.left-menu .menu-icon.active li:first-child{top:18px;transform:rotate(40deg)}.left-menu .menu-icon.active li:nth-child(2){top:24px;opacity:0}.left-menu .menu-icon.active li:nth-child(3){top:30px;transform:rotate(-40deg)}.left-nav{display:none}.small-left-nav{position:fixed;left:8px;top:150px;z-index:999}.small-left-nav li{width:10px;height:10px;border:8px solid #fd71c5;background-color:#fd71c5;position:relative}.small-left-nav li:first-child{border-radius:50% 50% 0 0}.small-left-nav li:last-child{border-radius:0 0 50% 50%}.small-left-nav a{display:block;width:10px;height:10px;border-radius:50%;background-color:hsla(0,0%,100%,.3);position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;cursor:pointer}.small-left-nav a:hover,.small-left-nav li.highlight a{background-color:#fff}@media only screen and (min-width:768px){.menu-icon{display:none}.title{order:1}.right-menu{order:3}.left-menu{order:2;flex:auto}.left-menu .navbar{overflow:visible;display:flex;height:50px;position:static;align-items:center;justify-content:space-around}.left-menu .navbar li{width:100%;border-bottom:none;position:relative}.left-menu .navbar li a{line-height:50px;text-align:center;font-size:21px}.left-menu .navbar .tutorial-more a{padding-left:0}.left-menu .tutorial-more{width:100%;height:0;overflow:hidden;transition:height .5s;background-color:#fd71c5;position:absolute;top:50px;z-index:999}.left-menu .tutorial-main:hover .tutorial-more{display:block;height:100px}.small-left-nav{display:none}.left-nav{display:block;width:200px;padding:10px 0;background-color:#fd71c5;opacity:.8;position:fixed;left:1%;top:150px;z-index:999;border:10px solid #fff;border-radius:20%}.left-nav ul{width:200px;margin:30px auto}.left-nav a{display:block;color:#232222;text-decoration:none;font-weight:700;line-height:20px;text-align:center;cursor:pointer}.left-nav a:hover{color:#fff}.left-nav .line{width:150px;height:3px;background-color:#fff;margin:15px auto}ul li.highlight a{color:#fff}}body{font:18px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,sans-serif;background-color:#faf3c0}.header-img img:hover{-webkit-animation:swing 1s infinite forwards;animation:swing 1s infinite forwards}@-webkit-keyframes swing{0%,50%,to{transform:rotate(0deg)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}@keyframes swing{0%,50%,to{transform:rotate(0deg)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.content[data-v-76e549ce]{width:80%;max-width:800px;margin:50px auto}.header-img img[data-v-76e549ce]{display:block;width:256px;margin:0 auto}h2[data-v-76e549ce]{text-align:center;font-size:50px;text-shadow:1px 2px 2px rgba(0,0,0,.5)}h3[data-v-76e549ce]{text-align:center}.main-features[data-v-76e549ce]{text-align:center;font-size:30px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.content ul[data-v-76e549ce]{list-style:circle;margin-left:30px}.content[data-v-20410e88]{width:80%;max-width:800px;margin:50px auto}.header-img img[data-v-20410e88]{display:block;width:256px;margin:0 auto}h2[data-v-20410e88]{text-align:center}.content[data-v-2b5bba5f]{padding-left:0}@media only screen and (min-width:768px){.content[data-v-2b5bba5f]{padding-left:250px}}.content[data-v-2b5bba5f]{width:80%;max-width:800px;margin:50px auto}.header-img img[data-v-2b5bba5f]{display:block;width:256px;margin:0 auto}h2[data-v-2b5bba5f]{text-align:center;font-size:30px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}h3[data-v-2b5bba5f]{text-align:left;font-size:20px;text-shadow:1px 1px 2px rgba(0,0,0,.5);line-height:2;padding-top:50px}.screen-shot img[data-v-2b5bba5f]{width:100%}.content[data-v-2e212dba]{padding-left:0}@media only screen and (min-width:768px){.content[data-v-2e212dba]{padding-left:250px}}.content[data-v-2e212dba]{width:80%;max-width:800px;margin:50px auto}.content ul[data-v-2e212dba]{list-style:circle;margin-left:30px}.header-img img[data-v-2e212dba]{display:block;width:256px;margin:0 auto}h2[data-v-2e212dba]{text-align:center;font-size:30px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}h3[data-v-2e212dba]{padding-top:50px;text-align:left;font-size:25px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.more a[data-v-2e212dba]{color:green;font-size:25px;text-shadow:1px 2px 2px rgba(0,0,0,.5);text-decoration:none}.fast-git[data-v-2e212dba]{color:green;font-weight:700}.fast-git a[data-v-2e212dba]{text-decoration:none}.content[data-v-0845bd34]{width:80%;max-width:800px;margin:50px auto}.header-img img[data-v-0845bd34]{display:block;width:256px;margin:0 auto}a[data-v-0845bd34]{display:block;text-align:center;font-size:20px;text-shadow:1px 1px 1px rgba(0,0,0,.5);text-decoration:none}