app.f1236850b8581363ac8b6b5cb46e011e.css

#app{width:100%;height:100%;background-color:#fff}.ov-hidden{overflow:hidden}.docs-view{display:-webkit-box;display:flex;width:100%;height:100%;box-sizing:border-box;flex-wrap:wrap}@media screen and (max-width:960px){.docs-view{position:relative;height:auto}.docs-view:before{position:fixed;top:48px}}.docs-view .menu{display:none}@media screen and (max-width:960px){.docs-view .menu{display:block;z-index:5;position:fixed;right:6px;top:4px;width:20px;height:20px;padding:10px}}.docs-view .menu:active{opacity:.6}.docs-view .nav-list-wrapper{width:279px;height:100%;border-right:1px solid #e3e3e3}@media screen and (max-width:960px){.docs-view .nav-list-wrapper{position:fixed;right:0;top:48px;bottom:0;height:auto;background-color:#fff;z-index:1;overflow:hidden;-webkit-transform:translate(100%);transform:translate(100%);-webkit-transition:all .4s ease;transition:all .4s ease;border-right:none}.docs-view .nav-list-wrapper.active{-webkit-transform:translate(0);transform:translate(0)}}@media screen and (max-width:960px){.docs-view .mask{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}.docs-view .mask.active{background-color:rgba(0,0,0,.05);-webkit-transition:all .4s ease;transition:all .4s ease}}.docs-view .page-sidelist{height:100%;padding:50px 0;margin-right:-1px;box-sizing:border-box;overflow-y:auto}@media screen and (max-width:960px){.docs-view .page-sidelist{height:100%;padding:30px 0;font-size:12px}.docs-view .page-sidelist .nav-li .nav-name{font-size:15px}.docs-view .page-sidelist .nav-li .angle{font-size:12px}.docs-view .page-sidelist .nav-li .arrow{top:27px}}.docs-view .page-doc{position:relative;-webkit-box-flex:1;flex:1;height:100%;padding:54px 30px 30px;box-sizing:border-box;overflow-y:auto}@media screen and (max-width:960px){.docs-view .page-doc{-webkit-box-flex:1;flex:1 1 100%;height:auto;padding:20px;font-size:13px}}.docs-view .page-doc h2:first-child{margin-top:0}.docs-view .page-display{-webkit-box-flex:0;flex:none;height:100%;overflow-y:auto}@media screen and (max-width:960px){.docs-view .page-display{-webkit-box-flex:1;flex:1 1 100%;height:680px}}.page-sidelist{font-size:16px}.nav-ul{font-size:100%}.nav-li{position:relative;max-height:75px;overflow:hidden}.nav-li>.nav-ul{visibility:hidden}.nav-li .angle{position:absolute;left:30px;top:12px;font-size:22px;color:#cdcdcd}.nav-li .arrow{width:10px;height:10px;position:absolute;right:48px;top:32px;-webkit-transition:all .3s;transition:all .3s}.nav-li .arrow:after,.nav-li .arrow:before{width:0;height:0;content:"";border:5px solid transparent;border-top:5px solid #fff;position:absolute;top:0;right:0}.nav-li .arrow:before{border-top-color:#333;top:2px}.nav-li .rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-li .nav-name{font-size:1.5em;border-bottom:1px solid #e3e3e3;padding:15px 0 15px 30px;margin-left:30px;margin-right:30px;cursor:pointer}.nav-li .nav-li{text-indent:60px;line-height:30px;max-height:none}.nav-li .nav-li a{padding:5px 0}.nav-li .nav-li .nav-name{font-size:1.125em;border:none;padding:0;margin:0;line-height:50px;color:#969799}.nav-li .nav-li .nav-li{text-indent:80px}.nav-li a{display:block;padding:0 10px;box-sizing:border-box;color:#666}.nav-li a.nav-active,.nav-li a:hover{color:#fc9153}.nav-li a:hover{border-right:1px solid #e3e3e3;background-color:#fbfbfb}.nav-li a.nav-active{background-color:rgba(252,145,83,.2)}.nav-li a.nav-active:after{content:"";width:3px;height:100%;background-color:#fc9153;position:absolute;z-index:1;right:0;top:0}.nav-li_open{max-height:2000px}.nav-li_open .nav-ul{visibility:visible}.nav-li_active .arrow:before{border-top-color:#fc9153}.nav-li_active>.nav-name{color:#fc9153}.nav-name{margin:10px 0;font-size:20px}.page-display{position:relative}.page-display .display-wrapper{position:relative;width:330px;height:645px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0 56px 0 26px;background:url(/cube-ui/img/iphoneX.38c8778.png) no-repeat center 0;background-size:100%}.page-display .display-wrapper .mofang-demo{position:absolute;top:64px;left:21px;right:23px;bottom:22px;overflow:hidden;border-radius:0 0 35px 35px;border:1px solid #edf0f4;border-top:none;background-color:#edf0f4}.page-display .display-wrapper .mofang-demo iframe{width:0;max-width:100%;min-width:100%}.to-home{display:none}@media screen and (max-width:960px){.to-home{display:block;z-index:5;position:fixed;right:auto;top:4px;left:3px;width:20px;height:20px;padding:10px}}.home-view{height:100%;box-sizing:border-box;padding-top:70px;-webkit-transition:all .25s ease;transition:all .25s ease}@media screen and (max-width:960px){.home-view{padding-top:48px}.home-view.home-view-demo,.home-view.home-view-docs{overflow:hidden;height:auto}.home-view.home-view-demo .toggle-nav,.home-view.home-view-docs .toggle-nav{display:none!important}}.home-view .router-view{height:100%}.home-view-demo .navigator,.home-view-docs .navigator,.opacity1 .navigator{box-shadow:0 1px 2px rgba(0,0,0,.15)}.navigator{z-index:5;position:fixed;top:0;left:0;right:0;height:70px;line-height:70px;padding:0 100px;margin-top:0;background-color:#fff}@media screen and (max-width:960px){.navigator{padding:0;height:48px;line-height:48px}.navigator.active .tabs{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform:scale(1);transform:scale(1)}}.navigator .toggle-nav{display:none;font-size:0}.navigator .toggle-nav:after,.navigator .toggle-nav:before,.navigator .toggle-nav i{display:inline-block;width:5px;height:5px;border-radius:50%;background-color:#646464}.navigator .toggle-nav i{margin:0 2px}.navigator .toggle-nav:after,.navigator .toggle-nav:before{content:"";width:3px;height:3px}@media screen and (max-width:960px){.navigator .toggle-nav{display:-webkit-box;display:flex;position:absolute;right:0;top:0;padding:0 16px;height:100%;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}}.navigator .toggle-nav:active{opacity:.6}.navigator .logo{float:left;padding:0 16px;height:100%}.navigator .logo a{display:block;height:100%;margin:0 80px}@media screen and (max-width:960px){.navigator .logo{float:none;text-align:center}.navigator .logo img{-webkit-transform:scale(1.6);transform:scale(1.6)}}.navigator .logo img{height:100%}.navigator .tabs{float:right;padding:0 30px;box-shadow:none}@media screen and (max-width:960px){.navigator .tabs{position:fixed;z-index:10;right:10px;padding:0 0 0 2px;margin-top:-12px;font-size:12px;background-color:#fff;border:1px solid #e5e5e5;border-radius:3px;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:84% 0;transform-origin:84% 0}.navigator .tabs i{position:absolute;top:-5px;right:7px;width:10px;height:5px;background-color:#fff}.navigator .tabs i:after,.navigator .tabs i:before{content:"";position:absolute;bottom:0;right:3px;width:8px;border-top:1px solid #e5e5e5;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}.navigator .tabs i:after{right:0;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}}.navigator .tabs .tab{display:inline-block;margin:0 18px;color:#4b4b4c;-webkit-transition:color .2s;transition:color .2s}@media screen and (max-width:960px){.navigator .tabs .tab{display:block;line-height:45px;color:#000}}.navigator .tabs .router-link-active,.navigator .tabs .tab:hover{color:#fc9153}.langs{display:inline-block;margin:0 20px}@media screen and (max-width:960px){.langs{display:block;line-height:45px;margin:0 20px}}.langs a{color:#4b4b4c}@media screen and (max-width:960px){.langs a{color:#000}}.langs a:active,.langs a:hover{color:#fc9153}.nav-loading{z-index:10;position:fixed;top:70px;width:100%;height:2px;background:#3ca0e6;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media screen and (max-width:960px){.nav-loading{top:48px}}.nav-loading-ani{-webkit-animation:navloading 2s linear forwards;animation:navloading 2s linear forwards}.nav-loading-ani-end{-webkit-animation:navloadingend .1s linear;animation:navloadingend .1s linear}@-webkit-keyframes navloading{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{opacity:.5;-webkit-transform:translateX(-60%);transform:translateX(-60%)}50%{opacity:.8;-webkit-transform:translateX(-40%);transform:translateX(-40%)}80%{opacity:.8;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:.8;-webkit-transform:translateX(-10%);transform:translateX(-10%)}}@keyframes navloading{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{opacity:.5;-webkit-transform:translateX(-60%);transform:translateX(-60%)}50%{opacity:.8;-webkit-transform:translateX(-40%);transform:translateX(-40%)}80%{opacity:.8;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:.8;-webkit-transform:translateX(-10%);transform:translateX(-10%)}}@-webkit-keyframes navloadingend{0%{opacity:.8;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes navloadingend{0%{opacity:.8;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}}.home-index{min-height:100%;box-sizing:border-box;text-align:center;background-size:cover}.home-index>.banner{padding:190px 140px 70px;margin-top:-70px;text-align:left;color:#4b4b4c;background:url(/cube-ui/img/cube.6d0b901.png) no-repeat 520px -10px;background-size:1250px}@media screen and (max-width:960px){.home-index>.banner{padding:254px 32px 20px;margin-top:-48px;text-align:left;background-position:6% 0;background-size:186%}.home-index>.banner .btn-link{width:140px;margin-right:15px;font-size:14px;border-width:1px}}.home-index>.banner h2{font-size:60px;color:#333}@media screen and (max-width:960px){.home-index>.banner h2{font-size:30px}}.home-index>.banner>p{margin:23px 0 6px;font-size:18px;line-height:32px}@media screen and (max-width:960px){.home-index>.banner>p{font-size:12px;line-height:18px}}.ghbtns{font-size:0;margin-left:-5px;margin-right:-5px}.rec-btns{margin-top:36px}@media screen and (max-width:960px){.rec-btns{margin-top:26px}}.btn-link{display:inline-block;box-sizing:border-box;width:164px;height:42px;text-align:center;line-height:38px;font-size:18px;color:#fff;background-color:#89c6ff;border-radius:3px;margin-bottom:10px;margin-right:18px;border:2px solid #89c6ff}.btn-link:hover{color:#fff;background-color:#80c1ff;border-color:#80c1ff}.btn-link:last-child{margin-right:0!important}.btn-active{color:#89c6ff;background-color:#fff}.btn-active:hover{color:#137dc6;background-color:#fff}.features{margin:0 90px;box-shadow:0 4px 30px 0 rgba(66,81,148,.1)}@media screen and (max-width:960px){.features{margin:10px auto 0;box-shadow:none}}.features>ul{display:-webkit-box;display:flex;justify-content:space-around;padding:0 80px;text-align:left;color:#666}@media screen and (max-width:960px){.features>ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:0}}.features>ul li{-webkit-box-flex:1;flex:1;max-width:220px;padding:60px 16px 10px;margin:0 10px;font-size:13px;line-height:1.4;text-align:center}@media screen and (max-width:960px){.features>ul li{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;max-width:none;padding-top:20px;padding-bottom:20px;text-align:left}.features>ul li .text{-webkit-box-flex:1;flex:1;margin-top:-7px}.features>ul li:first-child img{-webkit-transform:translate(-6px);transform:translate(-6px)}.features>ul li:nth-child(2) img{-webkit-transform:scale(.9) translateY(8px);transform:scale(.9) translateY(8px);-webkit-transform-origin:top center;transform-origin:top center}}.features>ul li img{width:130px;margin-bottom:13px;-webkit-transform-origin:center 0;transform-origin:center 0;-webkit-transition:all .5s;transition:all .5s}@media screen and (max-width:960px){.features>ul li img{width:90px;height:90px;margin-right:16px;margin-bottom:0}}.features>ul li .text{-webkit-transition:all .5s;transition:all .5s}.features>ul li .text .h1{padding:7px 0 0;font-size:22px;font-weight:500;color:#333}.features>ul li .text .h2{font-size:18px;-webkit-transition:all .5s;transition:all .5s}.features>ul li .text p{margin-top:-18px;font-size:14px;opacity:0;-webkit-transition:all .5s;transition:all .5s}@media screen and (max-width:960px){.features>ul li .text .h1{font-size:15px}.features>ul li .text .h2{display:none}.features>ul li .text p{margin-top:0;opacity:1;font-size:12px}}@media screen and (min-width:961px){.features>ul li:hover p{opacity:1}.features>ul li:hover img{-webkit-transform:scale(.5);transform:scale(.5)}.features>ul li:hover .h2{opacity:0}.features>ul li:hover .text{-webkit-transform:translateY(-75px);transform:translateY(-75px)}}.badge{display:inline-block;text-align:center;border:1px solid #4aa8ff;border-radius:3px;margin:5px;overflow:hidden}.badge,.badge:hover{color:#545454}.badge span{display:inline-block;font-size:12px}.badge .badge-left{padding:4px 10px;color:#fff;background-color:#89c6ff}.badge .badge-right{padding:4px 10px;border-left:1px solid #4aa8ff;background-color:#fff}.s-footer{width:100%;padding-top:60px;padding-bottom:20px;text-align:center;font-size:14px}.s-footer a{color:#4b4b4c}.home-example{position:relative;text-align:center}.home-example .example-main{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:50px 0}@media screen and (max-width:960px){.home-example .example-main{width:330px;flex-wrap:wrap;margin:auto}.home-example .example-main .example-desc{-webkit-box-ordinal-group:0;order:-1;width:280px;margin:0 auto 30px}}.home-example .example-desc{margin-left:100px}.home-example .example-desc img{width:280px;height:280px}.home-example .example-desc .online-link,.home-example .example-desc img{display:block;margin-bottom:20px}.home-example .page-display .display-wrapper{margin:auto;-webkit-transform:none;transform:none;top:auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{width:100%;height:100%;color:#333;background:#fff;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased}input{outline:0}.md-body{font-size:14px;line-height:1.6;color:#666}.md-body p{margin:1.2em 0}.md-body p .anchor{display:inline-block}.md-body h2{margin-top:1.2em;margin-bottom:.8em;font-size:2em;font-weight:600;color:#333}.md-body h3{margin:1em 0;font-size:1.4em;font-weight:600}.md-body h4{margin:.8em 0;font-size:1.1em;font-weight:600}.md-body blockquote{padding:0 1em;color:#666;border-left:.25em solid #ccc}.md-body table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:separate;border:1px solid #e7e7e7;border-width:1px 0 0 1px;border-radius:4px}.md-body table td,.md-body table th{padding:6px 13px;border:1px solid #e7e7e7;border-width:0 1px 1px 0;vertical-align:middle;text-align:left;word-wrap:break-word;word-break:break-word}.md-body table tr th{font-weight:600;background-color:#f9f8f8}.md-body table tr th:first-child{border-top-left-radius:4px}.md-body table tr th:last-child{border-top-right-radius:4px}.md-body table tr:last-child td:first-child{border-bottom-left-radius:4px}.md-body table tr:last-child td:last-child{border-bottom-right-radius:4px}.md-body li,.md-body ol,.md-body ul{line-height:20px}.md-body li{list-style:inherit;margin:1em 0}.md-body ul{padding-left:20px}.md-body h1 .anchor,.md-body h2 .anchor,.md-body h3 .anchor,.md-body h4 .anchor{display:none}.md-body h1:hover .anchor,.md-body h2:hover .anchor,.md-body h3:hover .anchor,.md-body h4:hover .anchor{display:inline-block;float:left;margin-left:-20px;position:relative;top:6px;padding-right:4px;line-height:1}.md-body img{max-width:100%}.md-body .hljs{border:1px solid #e7e7e7;color:#666;background-color:#f9f8f8;border-radius:4px}.md-body .hljs-attribute,.md-body .hljs-link,.md-body .hljs-name,.md-body .hljs-regexp,.md-body .hljs-selector-class,.md-body .hljs-selector-id,.md-body .hljs-tag,.md-body .hljs-template-variable,.md-body .hljs-variable{color:#3ca0e6}.md-body .hljs-bullet,.md-body .hljs-string,.md-body .hljs-symbol{color:#3fb374}.md-body .hljs-tag{color:#666}.md-body .hljs-attr .hljs-tag,.md-body .hljs-attr .hljs-tag .hljs-attr{color:#fc9153}pre{margin:.8em 0;font-size:12px}code{font-family:monaco;line-height:1.4;color:#c7254e;background:#f9f2f4;padding:2px 4px;box-sizing:border-box;font-size:.93em}strong{margin:1em 0;font-weight:700}a{text-decoration:none;color:#3ca0e6}a:hover{color:#137dc6}sup{position:absolute;margin:-10px 0 0 -4px;padding:2px;-webkit-transform:scale(.6) translateZ(0);transform:scale(.6) translateZ(0);border:1px solid #ccc;border-radius:4px}.hljs-comment,.hljs-quote{color:#7d7a68}.hljs-attribute,.hljs-link,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#d73737}.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#b65611}.hljs-bullet,.hljs-string,.hljs-symbol{color:#60ac39}.hljs-section,.hljs-title{color:#6684e1}.hljs-keyword,.hljs-selector-tag{color:#b854d4}.hljs{display:block;overflow-x:auto;background:#fefbec;color:#6e6b5e;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}