html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}elements-of-type(html5-block){display:block}html{height:100%}body{height:100%;color:#fff;font-size:14px;line-height:1.5;font-family:Helvetica,"Helvetica Neue","Open Sans",Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;background-color:#4fc08d;text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 750px){body{height:auto;min-height:100%}}.kill-ie{margin:0;padding:.5em 0;color:#333;text-align:center;background:#fff8e2}.header{position:fixed;z-index:10;width:100%}.header .wx-box{position:absolute;top:22px;left:35px;font-size:18px;display:flex;align-items:center}.header .wx-box .wx{width:17px;height:17px;margin-right:7px}.header .btns-box{display:flex;position:absolute;align-items:center;justify-items:center;top:28px;right:20px}.header .btn-link{display:flex;align-items:center;justify-items:center;transition:all 0.25s;font-weight:bold;line-height:100%;font-size:12px;color:#fff;text-decoration:none;border-radius:3px;height:20px;overflow:hidden;margin-right:10px}.header .btn-link .icon{width:12px;height:12px}.header .btn-link .tip-text{margin-left:3px}.header .btn-link:hover .box-tip{background:rgba(255,255,255,0.2)}.header .btn-link:hover .box-tip.github-count,.header .btn-link:hover .box-tip.dashboard-tip{background:rgba(255,255,255,0.3)}.header .box-tip{position:relative;display:flex;align-items:center;justify-items:center;padding:0 6px;height:20px;line-height:20px;background:rgba(255,255,255,0.15)}.header .box-tip.github-count,.header .box-tip.dashboard-tip{background:#4fc08d;background:rgba(255,255,255,0.25)}@media screen and (max-width: 750px){.header .wx-box{top:15px;left:20px;font-size:16px}.header .btns-box{top:20px;right:5px}}.footer{position:fixed;bottom:5px;right:10px;font-size:12px;opacity:0.6}.footer a{color:#fff;text-decoration:none}.container{position:relative;display:flex;justify-content:center;align-items:stretch;width:1024px;height:100%}@media screen and (max-width: 1024px){.container{position:absolute;width:100%;height:auto;min-height:100%}}.imgs{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:400px;overflow:hidden}@media screen and (max-width: 975px){.imgs{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;filter:blur(5px);opacity:.75}}.box-shadow{position:absolute;z-index:3;left:0;width:100%;top:50%;height:50%;margin-top:255px;background:#4fc08d;box-shadow:0 -13px 26px -13px rgba(66,66,66,0.3)}@media screen and (max-width: 975px){.box-shadow{top:0;height:100%;margin:0;box-shadow:none;background-color:rgba(22,22,22,0.28)}}.phone-box{position:relative;display:flex;align-items:center;justify-content:center;width:275px;height:550px;transform:translate3d(0, 60px, 0);transition:all .25s ease-in-out}@media screen and (max-width: 975px){.phone-box{transform:translate3d(0, 20px, 0)}}.phone-box:hover{transform:translate3d(0, 50px, 0)}@media screen and (max-width: 975px){.phone-box:hover{transform:translate3d(0, 20px, 0)}}.box-bg{position:absolute;z-index:0;left:0;top:0;width:100%}.box-content{position:absolute;top:66px;left:18px;z-index:1;right:20px;width:235px;height:414px;border-radius:1px;background:#4fc08d;overflow:hidden}.box-inner{display:flex;width:2350px;height:100%;transition:all .25s ease-in-out}.box-img{flex-shrink:0;width:235px}.content{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.title{display:flex;align-items:center;margin-bottom:15px}@media screen and (max-height: 450px){.title{margin-bottom:0}}.logo{height:66px;width:66px;margin-right:10px}@media screen and (max-width: 750px){.logo{height:50px;width:50px;margin-right:5px}}@media screen and (max-height: 450px){.logo{height:45px;width:45px}}.title .text{height:90px;text-align:center}@media screen and (max-width: 750px){.title .text{height:75px}}@media screen and (max-height: 450px){.title .text{height:70px}}.define{position:relative;height:100px;line-height:100px;font-size:50px;margin-bottom:15px}@media screen and (max-width: 750px){.define{font-size:40px;height:80px;line-height:80px}}@media screen and (max-height: 450px){.define{margin-bottom:5px}}.define .typed-cursor{position:absolute;bottom:-10px;right:-20px;font-size:30px;line-height:100px}@media screen and (max-width: 750px){.define .typed-cursor{font-size:25px;line-height:80px;bottom:-8px;right:-15px}}.docs{width:475px;height:100px}@media screen and (max-width: 750px){.docs{width:100%;height:125px;padding:0 10px;box-sizing:border-box}}@media screen and (max-height: 450px){.docs{height:75px}}.docs-text{display:none;text-indent:1.5em}@media screen and (max-width: 750px){.docs-text{text-indent:1em}}.docs-img{height:100%}.docs-text.active{display:block;opacity:0;transform:translate3d(0, 30px, 0);-webkit-animation:rise 0.7s forwards;-moz-animation:rise 0.7s forwards;animation:rise 0.7s forwards}@keyframes rise{0%{opacity:0;transform:translate3d(0, 30px, 0)}50%{opacity:0.5}100%{opacity:1;transform:translate3d(0, 0, 0)}}@-webkit-keyframes rise{0%{opacity:0;transform:translate3d(0, 30px, 0)}50%{opacity:0.5}100%{opacity:1;transform:translate3d(0, 0, 0)}}@-moz-keyframes rise{0%{opacity:0;transform:translate3d(0, 30px, 0)}50%{opacity:0.5}100%{opacity:1;transform:translate3d(0, 0, 0)}}.btn{text-decoration:none;display:inline-block;font-size:14px;padding:6px 16px;border-radius:4px;color:#fff;background:transparent;border:1px solid #fff;text-align:center;margin:0 auto;cursor:pointer;transition:all .25s ease-in-out}@media screen and (max-width: 750px){.btn{padding:5px 15px}}.btn .text{display:inline}.btn .active{display:none}.btn:hover{padding:6px 16px 5px;color:#4fc08d;background:#fff;border:1px solid #fff;border-bottom:2px solid #d7d7d7}@media screen and (max-width: 750px){.btn:hover{padding:5px 15px 4px}}.btn.active .text{display:none}.btn.active .active{display:inline}.enter{display:none;position:absolute;left:50%;top:22%;width:250px;margin-left:-125px;box-shadow:0 10px 30px rgba(22,22,22,0.5);transition:all 0.25s}@media screen and (max-height: 450px){.enter{top:16%;width:200px;margin-left:-100px}}.enter.active{display:block}.enter.inner{display:block;position:static;width:auto;height:200px;margin:0;margin-top:-100px;box-shadow:0 5px 15px rgba(22,22,22,0.3);opacity:0;transform:translate3d(0, 30px, 0);-webkit-animation:rise 0.7s forwards;-moz-animation:rise 0.7s forwards;animation:rise 0.7s forwards}@media screen and (max-width: 750px){.enter.inner{height:225px;margin-top:-125px}}@media screen and (max-height: 450px){.enter.inner{height:175px;margin-top:-75px}}.typed-cursor{opacity:.85;-webkit-animation:blink 0.75s infinite;-moz-animation:blink 0.75s infinite;animation:blink 0.75s infinite}@keyframes blink{0%{opacity:.85}50%{opacity:0}100%{opacity:.85}}@-webkit-keyframes blink{0%{opacity:.85}50%{opacity:0}100%{opacity:.85}}@-moz-keyframes blink{0%{opacity:.85}50%{opacity:0}100%{opacity:.85}}::-webkit-scrollbar{background-color:#f1f1f1;overflow:visible;width:3px;height:3px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2);background-clip:padding-box;min-height:15px;box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07)}::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,0.3)}::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,0.5)}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 4px}::-webkit-scrollbar-corner{background:transparent}::selection{background:#e2e2e2}::-moz-selection{background:#e2e2e2}