article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}#header{position:relative;z-index:10;height:64px;-webkit-box-shadow:0 2px 8px #f0f1f2;box-shadow:0 2px 8px #f0f1f2;background-color:#fff}#logo{overflow:hidden;padding-left:40px;float:left;line-height:64px;text-decoration:none;height:64px;width:100%}#logo img{display:inline;vertical-align:middle;margin-right:16px;width:32px}#logo img+span{color:#1890ff;height:16px;margin-right:0;width:auto;font-weight:500;position:relative;top:1px;outline:none;font-size:14px;line-height:28px}.header-meta{zoom:1;padding-right:40px}.header-meta:after,.header-meta:before{display:table;content:""}.header-meta:after{clear:both}#search-box{border-left:1px solid #ebedee;float:left;height:22px;line-height:22px;padding-left:16px;margin-top:20px;position:relative}#search-box .anticon{color:#ced4d9;position:relative;top:.5px}#search-box .ant-select{font-size:14px;margin-top:-5px;width:200px}#search-box .ant-select-selection{border:0;-webkit-box-shadow:none;box-shadow:none}#menu{float:right;overflow:hidden;height:64px}#menu .ant-menu{line-height:60px}#menu .ant-menu-horizontal{border-bottom:none}#menu .ant-menu-horizontal>.ant-menu-item{border-top:2px solid transparent}#menu .ant-menu-horizontal>.ant-menu-item-selected,#menu .ant-menu-horizontal>.ant-menu-item:hover{border-top:2px solid #1890ff;border-bottom:2px solid transparent}#menu .ant-menu-horizontal>.ant-menu-item-selected a{color:#1890ff}#preview-button .ant-btn{color:#314659}#lang,#preview{padding-top:20px;margin-left:12px;float:right}#lang button,#preview button{border-radius:2px}#footer{clear:both;font-size:14px;background-color:#000;position:relative;z-index:100;color:hsla(0,0%,100%,.65);-webkit-box-shadow:0 1000px 0 1000px #fff;box-shadow:0 1000px 0 1000px #fff}#footer a{-webkit-transition:color .3s ease;transition:color .3s ease;color:hsla(0,0%,100%,.9)}#footer .footer-wrapper{position:relative;padding:86px 144px 93px;border-bottom:1px solid hsla(0,0%,100%,.25)}#footer .footer-wrapper .footer-center{display:inline-block;text-align:left}#footer .footer-wrapper .footer-center>div{margin:12px 0}#footer .footer-wrapper .footer-center>h2{font-size:16px;margin:0 auto 24px;font-weight:500;position:relative}#footer .footer-wrapper .footer-center>h2>.title-icon{width:27px;margin-right:16px}#footer .footer-wrapper .footer-center>h2 span{color:#fff}#footer .footer-bar{text-align:center;padding:16px 144px;margin:0;line-height:32px;overflow:hidden;font-family:Avenir,Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-variant:tabular-nums}#footer .footer-bar .heart{color:#f73f51;font-size:22px}#footer .footer-bar a{color:hsla(0,0%,100%,.65);margin-left:4px}#footer .footer-bar a:hover{color:#fff}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5;color:#314659;font-size:14px;background:#fff;-webkit-transition:background 1s cubic-bezier(.075,.82,.165,1);transition:background 1s cubic-bezier(.075,.82,.165,1);overflow-x:hidden}a{-webkit-transition:color .3s ease;transition:color .3s ease}a:focus{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.home-wrapper{width:100%;color:#697b8c}.home-wrapper .ant-btn{min-width:110px;height:40px;border-radius:20px;font-size:16px}.home-wrapper .ant-btn:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 4px 12px rgba(24,144,255,.4);box-shadow:0 4px 12px rgba(24,144,255,.4)}svg g{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transform-box:fill-box}.banner-wrapper{height:526px;width:100%;max-width:1500px;margin:auto;position:relative}.banner-wrapper .banner-title-wrapper{width:40%;max-width:480px;height:245px;position:absolute;top:0;bottom:0;left:8%;margin:auto;z-index:1}.banner-wrapper .banner-title-wrapper>*{will-change:transform}.banner-wrapper .banner-title-wrapper h1{font-family:Futura,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:54px;margin:12px 0}.banner-wrapper .banner-title-wrapper p{font-size:20px}.banner-wrapper .banner-title-wrapper .button-wrapper{margin-top:64px;line-height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn{display:inline-block;height:28px}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-btn{height:28px;border-radius:4px;background:#f3f3f3;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3));background:linear-gradient(180deg,#fff 0,#f3f3f3);border:1px solid #ebedf0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 12px;font-size:13px}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-btn:hover{color:#1890ff}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-btn .gh-ico{margin-right:8px}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-count{height:28px;line-height:22px;background:#fff;border:1px solid #ebedf0;border-radius:4px;padding:2px 8px;font-size:13px}.banner-wrapper .banner-title-wrapper .title-line{-webkit-transform:translateX(-64px);transform:translateX(-64px);-webkit-animation:bannerTitleLine 3s ease-in-out 0s infinite;animation:bannerTitleLine 3s ease-in-out 0s infinite}.banner-wrapper .banner-image-wrapper{width:45%;max-width:598px;height:324px;position:absolute;right:8%;margin:auto;top:0;bottom:0;opacity:0}.home-page{margin:50px auto}.home-page h2{text-align:center;font-weight:300;font-size:28px;color:#314659;letter-spacing:.6px}.home-page h2 span{font-weight:600}.home-page-wrapper{max-width:1280px;width:100%;margin:auto;position:relative}.page1{height:960px}.page1-line.title-line-wrapper{width:312px;margin:24px auto 76px}.page1-line.title-line-wrapper .title-line{-webkit-animation:page1TitleLine 3s ease-in-out 1.5s infinite;animation:page1TitleLine 3s ease-in-out 1.5s infinite}.page1-bg{font-size:320px;color:#ebedf0;position:absolute;width:100%;text-align:center;opacity:.25;top:0;-webkit-transform:translateY(960px);transform:translateY(960px)}.page1-box-wrapper{margin-bottom:62px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.page1-box-wrapper li{width:33.33%;display:inline-block;will-change:transform}.page1-box-wrapper li .page1-box{width:194px;margin:auto;text-align:center;position:relative}.page1-box-wrapper li .page1-box .page1-image{width:80px;height:80px;border-radius:40px;margin:20px auto 32px;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;-webkit-transition:-webkit-box-shadow .3s ease-out,-webkit-transform .3s ease-out;transition:-webkit-box-shadow .3s ease-out,-webkit-transform .3s ease-out;transition:box-shadow .3s ease-out,transform .3s ease-out;transition:box-shadow .3s ease-out,transform .3s ease-out,-webkit-box-shadow .3s ease-out,-webkit-transform .3s ease-out}.page1-box-wrapper li .page1-box:hover .page1-image{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.page1-box-wrapper li .page1-box h3{color:#0d1a26;font-size:16px;margin:8px auto}.page1-point-wrapper{position:absolute;width:0;left:50%;top:0}.page1-point-wrapper .point-0{width:4px;height:4px}.page1-point-wrapper .point-2,.page1-point-wrapper .point-ring{width:10px;height:10px}.page1-point-wrapper .point-ring{border-style:solid;border-width:1px;background:transparent!important}.page1-point-wrapper .point-1{width:6px;height:6px}.page1-point-wrapper .point-3{width:15px;height:15px}.page1-point-wrapper i{display:inline-block;border-radius:100%;position:absolute;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-wrapper{height:100vh}.main-container,.main-wrapper{background:#fff;position:relative}.main-wrapper{margin:0;border-radius:4px;padding:40px 0 0;height:100vh}.main-container{padding:0 194px 144px 64px;margin-left:-1px;min-height:500px;overflow:hidden;border-left:1px solid #e9e9e9}.main-menu{z-index:1}.main-menu .main-menu-inner{max-height:100vh;overflow-y:hidden}.main-menu .main-menu-inner:hover{overflow-y:auto}.aside-container{margin-bottom:64px}.aside-container .ant-menu-item-group-title{padding-left:40px}.aside-container .chinese{font-size:12px;margin-left:6px;font-weight:400;opacity:.67}.markdown{color:#314659;font-size:14px;line-height:2}.markdown ul.ant-timeline li.ant-timeline-item{list-style:none;margin:0;padding:0 0 30px}.markdown ul.ant-timeline li.ant-timeline-item .ant-timeline-item-content{font-size:14px;padding-left:32px;position:relative;top:-14px}.markdown ul.ant-timeline li.ant-timeline-item .ant-timeline-item-content>h2{margin-top:0;padding-top:.5px}.markdown ul.ant-timeline li.ant-timeline-item:first-child{margin-top:40px}.highlight{line-height:1.5}.markdown img{max-width:calc(100% - 32px)}.markdown p>img{margin:2.4em 1em;-webkit-box-shadow:0 8px 20px rgba(143,168,191,.35);box-shadow:0 8px 20px rgba(143,168,191,.35)}.markdown h1{color:#0d1a26;font-weight:500;margin-bottom:20px;margin-top:8px;font-size:30px;line-height:38px;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.markdown h1 .subtitle{margin-left:12px}.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{color:#0d1a26;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:1.6em 0 .6em;font-weight:500;clear:both}.markdown h2{font-size:24px;line-height:32px}.markdown h3{font-size:18px}.markdown h4{font-size:16px}.markdown h5{font-size:14px}.markdown h6{font-size:12px}.markdown hr{height:1px;border:0;background:#e9e9e9;margin:16px 0;clear:both}.markdown p{margin:1em 0}.markdown pre{margin:1em 0;padding:12px 20px;margin:16px 0;overflow:auto}.markdown ul>li{list-style-type:circle;margin-left:20px;padding-left:4px}.markdown ul>li:empty{display:none}.markdown ol>li{list-style-type:decimal;margin-left:20px;padding-left:4px}.markdown ol>li>p,.markdown ul>li>p{margin:.2em 0}.markdown code{margin:0 1px;background:#f2f4f5;padding:.2em .4em;border-radius:3px;font-size:.9em;border:1px solid #eee}.markdown pre{border-radius:2px;background:#f2f4f5;font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.markdown pre code{border:none;background:#f2f4f5;margin:0;padding:0;font-size:14px;color:#314659;overflow:auto}.markdown b,.markdown strong{font-weight:500}.markdown>table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #ebedf0;width:100%;margin:8px 0 16px}.markdown>table th{white-space:nowrap;color:#5c6b77;font-weight:500;background:rgba(0,0,0,.02)}.markdown>table td,.markdown>table th{border:1px solid #ebedf0;padding:16px 24px;text-align:left}.markdown blockquote{font-size:90%;color:#697b8c;border-left:4px solid #ebedf0;padding-left:.8em;margin:1em 0}.markdown blockquote p{margin:0}.markdown .anchor{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:8px}.markdown .waiting{color:#ccc;cursor:not-allowed}.markdown a.edit-button{line-height:12px;display:inline-block;margin-left:10px;height:12px;text-decoration:none;font-weight:400}.markdown a.edit-button i{color:#697b8c}.markdown a.edit-button i:hover{color:#1890ff}.markdown a.edit-button .anticon{display:block;font-size:16px}.markdown h1:hover .anchor,.markdown h2:hover .anchor,.markdown h3:hover .anchor,.markdown h4:hover .anchor,.markdown h5:hover .anchor,.markdown h6:hover .anchor{opacity:1;display:inline-block}.markdown>br,.markdown>p>br{clear:both}.markdown.api-container table{font-size:14px;line-height:1.5}.markdown.api-container table td:first-child{font-weight:500;width:20%;font-family:Lucida Console,Consolas,Menlo,Courier,monospace}.markdown.api-container table td:nth-child(3){width:22%;font-size:12px;font-family:Lucida Console,Consolas,Menlo,Courier,monospace}.markdown.api-container table td:last-child{width:13%;font-size:12px;font-family:Lucida Console,Consolas,Menlo,Courier,monospace}.grid-demo .code-box-demo .demo-row,.grid-demo .demo-row,[id^=components-grid-demo-] .code-box-demo .demo-row,[id^=components-grid-demo-] .demo-row{background-image:-webkit-gradient(linear,left top,right top,color-stop(4.16666667%,#f5f5f5),color-stop(4.16666667%,transparent),color-stop(8.33333333%,transparent),color-stop(8.33333333%,#f5f5f5),color-stop(12.5%,#f5f5f5),color-stop(12.5%,transparent),color-stop(16.66666667%,transparent),color-stop(16.66666667%,#f5f5f5),color-stop(20.83333333%,#f5f5f5),color-stop(20.83333333%,transparent),color-stop(25%,transparent),color-stop(25%,#f5f5f5),color-stop(29.16666667%,#f5f5f5),color-stop(29.16666667%,transparent),color-stop(33.33333333%,transparent),color-stop(33.33333333%,#f5f5f5),color-stop(37.5%,#f5f5f5),color-stop(37.5%,transparent),color-stop(41.66666667%,transparent),color-stop(41.66666667%,#f5f5f5),color-stop(45.83333333%,#f5f5f5),color-stop(45.83333333%,transparent),color-stop(50%,transparent),color-stop(50%,#f5f5f5),color-stop(54.16666667%,#f5f5f5),color-stop(54.16666667%,transparent),color-stop(58.33333333%,transparent),color-stop(58.33333333%,#f5f5f5),color-stop(62.5%,#f5f5f5),color-stop(62.5%,transparent),color-stop(66.66666667%,transparent),color-stop(66.66666667%,#f5f5f5),color-stop(70.83333333%,#f5f5f5),color-stop(70.83333333%,transparent),color-stop(75%,transparent),color-stop(75%,#f5f5f5),color-stop(79.16666667%,#f5f5f5),color-stop(79.16666667%,transparent),color-stop(83.33333333%,transparent),color-stop(83.33333333%,#f5f5f5),color-stop(87.5%,#f5f5f5),color-stop(87.5%,transparent),color-stop(91.66666667%,transparent),color-stop(91.66666667%,#f5f5f5),color-stop(95.83333333%,#f5f5f5),color-stop(95.83333333%,transparent));background-image:linear-gradient(90deg,#f5f5f5 4.16666667%,transparent 0,transparent 8.33333333%,#f5f5f5 0,#f5f5f5 12.5%,transparent 0,transparent 16.66666667%,#f5f5f5 0,#f5f5f5 20.83333333%,transparent 0,transparent 25%,#f5f5f5 0,#f5f5f5 29.16666667%,transparent 0,transparent 33.33333333%,#f5f5f5 0,#f5f5f5 37.5%,transparent 0,transparent 41.66666667%,#f5f5f5 0,#f5f5f5 45.83333333%,transparent 0,transparent 50%,#f5f5f5 0,#f5f5f5 54.16666667%,transparent 0,transparent 58.33333333%,#f5f5f5 0,#f5f5f5 62.5%,transparent 0,transparent 66.66666667%,#f5f5f5 0,#f5f5f5 70.83333333%,transparent 0,transparent 75%,#f5f5f5 0,#f5f5f5 79.16666667%,transparent 0,transparent 83.33333333%,#f5f5f5 0,#f5f5f5 87.5%,transparent 0,transparent 91.66666667%,#f5f5f5 0,#f5f5f5 95.83333333%,transparent 0);overflow:hidden;margin-bottom:8px}.grid-demo .ant-row-flex,.grid-demo .code-box-demo .ant-row-flex,[id^=components-grid-demo-] .ant-row-flex,[id^=components-grid-demo-] .code-box-demo .ant-row-flex{background:#f5f5f5}.grid-demo .ant-row-flex>div,.grid-demo .ant-row>div,.grid-demo .code-box-demo .ant-row-flex>div,.grid-demo .code-box-demo .ant-row>div,[id^=components-grid-demo-] .ant-row-flex>div,[id^=components-grid-demo-] .ant-row>div,[id^=components-grid-demo-] .code-box-demo .ant-row-flex>div,[id^=components-grid-demo-] .code-box-demo .ant-row>div{padding:5px 0;text-align:center;border-radius:0;min-height:30px;margin-top:8px;margin-bottom:8px;color:#fff}.grid-demo .code-box-demo .ant-row-flex>div:not(.gutter-row),.grid-demo .code-box-demo .ant-row>div:not(.gutter-row),[id^=components-grid-demo-] .code-box-demo .ant-row-flex>div:not(.gutter-row),[id^=components-grid-demo-] .code-box-demo .ant-row>div:not(.gutter-row){background:#00a0e9;padding:16px 0}.grid-demo .code-box-demo .ant-row-flex>div:not(.gutter-row):nth-child(odd),.grid-demo .code-box-demo .ant-row>div:not(.gutter-row):nth-child(odd),[id^=components-grid-demo-] .code-box-demo .ant-row-flex>div:not(.gutter-row):nth-child(odd),[id^=components-grid-demo-] .code-box-demo .ant-row>div:not(.gutter-row):nth-child(odd){background:rgba(0,160,233,.7)}.grid-demo .ant-row .demo-col,.grid-demo .code-box-demo .ant-row .demo-col,[id^=components-grid-demo-] .ant-row .demo-col,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col{text-align:center;padding:30px 0;color:#fff;font-size:18px;border:none;margin-top:0;margin-bottom:0}.grid-demo .ant-row .demo-col-1,[id^=components-grid-demo-] .ant-row .demo-col-1{background:rgba(0,160,233,.7)}.grid-demo .ant-row .demo-col-2,.grid-demo .code-box-demo .ant-row .demo-col-2,[id^=components-grid-demo-] .ant-row .demo-col-2,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-2{background:rgba(0,160,233,.5)}.grid-demo .ant-row .demo-col-3,.grid-demo .code-box-demo .ant-row .demo-col-3,[id^=components-grid-demo-] .ant-row .demo-col-3,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-3{background:hsla(0,0%,100%,.2);color:#999}.grid-demo .ant-row .demo-col-4,.grid-demo .code-box-demo .ant-row .demo-col-4,[id^=components-grid-demo-] .ant-row .demo-col-4,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-4{background:rgba(0,160,233,.6)}.grid-demo .ant-row .demo-col-5,.grid-demo .code-box-demo .ant-row .demo-col-5,[id^=components-grid-demo-] .ant-row .demo-col-5,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-5{background:hsla(0,0%,100%,.5);color:#999}.grid-demo .code-box-demo .height-100,[id^=components-grid-demo-] .code-box-demo .height-100{height:100px;line-height:100px}.grid-demo .code-box-demo .height-50,[id^=components-grid-demo-] .code-box-demo .height-50{height:50px;line-height:50px}.grid-demo .code-box-demo .height-120,[id^=components-grid-demo-] .code-box-demo .height-120{height:120px;line-height:120px}.grid-demo .code-box-demo .height-80,[id^=components-grid-demo-] .code-box-demo .height-80{height:80px;line-height:80px}.nav-phone-icon{display:none;position:absolute;right:30px;top:25px;z-index:1;width:16px;height:22px;cursor:pointer}@media only screen and (min-width:1440px) and (max-width:1599px){#header .ant-row .ant-col-xl-5,.main-wrapper>.ant-row>.ant-col-xl-5{width:274px}}@media only screen and (max-width:1300px){#search-box{display:none}}@media only screen and (max-width:1200px){#logo{padding:0 40px}.banner-wrapper .banner-title-wrapper h1{font-size:36px}.banner-wrapper .banner-title-wrapper p{font-size:16px}}@media only screen and (max-width:992px){.code-boxes-col-1-1,.code-boxes-col-2-1,.preview-image-boxes{float:none;width:100%}.preview-image-boxes{margin:0!important}.preview-image-box{padding-left:0;margin:10px 0}.banner-entry{position:relative;top:30px;left:0;text-align:center}.image-wrapper{display:none}.banner-wrapper{background-position:40%}.content-wrapper .text-wrapper{float:none;text-align:center;left:0;width:100%;padding:0}.content-wrapper .text-wrapper>p{max-width:100%!important;padding:0 40px}.content-wrapper.page{min-height:300px;height:300px}.banner-text-wrapper{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.banner-text-wrapper .start-button{text-align:center}.banner-text-wrapper .start-button>a{margin:0 4px}.banner-text-wrapper .github-btn{text-align:center;float:none;display:inline-block}.banner-text-wrapper .line{display:none}button.lang{color:#314659;border-color:#314659}button.lang,div.version{display:block;margin:29px auto 16px}div.version>.ant-select-selection{color:#314659}div.version>.ant-select-selection:not(:hover){border-color:#314659}.popover-menu{width:300px}.popover-menu button.lang{margin:16px auto;float:none}.popover-menu div.version{margin:32px auto 16px;float:none}.popover-menu .ant-popover-inner{overflow:hidden}.popover-menu .ant-popover-inner-content{padding:0}.toc{display:none}.nav-phone-icon{display:block}.nav-phone-icon:before{content:"";display:block;border-radius:2px;width:16px;height:2px;background:#777;-webkit-box-shadow:0 6px 0 0 #777,0 12px 0 0 #777;box-shadow:0 6px 0 0 #777,0 12px 0 0 #777;position:absolute}.main{height:calc(100% - 86px)}.aside-container{float:none;width:auto;padding-bottom:30px;border-right:0;margin-bottom:30px}.main-container{padding-left:16px;padding-right:16px;margin-right:0}.main-container>.markdown>*{width:100%!important}.main-wrapper{width:100%;border-radius:0;margin:0}#footer{text-align:center}#footer .footer-wrap{padding:40px}#footer .footer-center{text-align:center}#footer h2{margin-top:16px}#footer .bottom-bar{text-align:center}#footer .bottom-bar .translate-button{width:auto;text-align:center;margin-bottom:16px}.prev-next-nav{margin-left:16px;width:calc(100% - 32px)}.drawer .ant-menu-inline .ant-menu-item:after,.drawer .ant-menu-vertical .ant-menu-item:after{left:0;right:auto}}@media only screen and (max-width:768px){#logo{padding:0;display:block;margin-left:auto;margin-right:auto;float:none;width:130px}.header-meta{padding-right:80px}.home-banner-image{display:block}.home-banner-anim{display:none}.banner-wrapper{width:80%;height:calc(100vh - 64px);overflow:hidden}.banner-wrapper .banner-image-wrapper,.banner-wrapper .banner-title-wrapper{display:block;position:static;width:100%;height:auto}.banner-wrapper .banner-title-wrapper{text-align:center;max-width:480px}.banner-wrapper .banner-title-wrapper .button-wrapper{text-align:center;display:block;margin-top:5vh}.banner-wrapper .banner-title-wrapper .button-wrapper a{display:inline-block}.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.banner-wrapper .banner-image-wrapper{margin:10vh auto 5vh}.home-page{width:90%}.home-code,.page-content{width:100%}#footer .footer-wrap{padding:0}}@media only screen and (max-width:480px){.page1{height:2400px}.page2{height:628px}.page1-box-wrapper{display:block}.page1-box-wrapper li{width:80%;display:block;margin:0 auto 100px}.page1-box-wrapper li .page1-box{width:100%}.banner-wrapper .banner-title-wrapper h1{font-size:28px}.banner-wrapper .banner-title-wrapper p{font-size:16px}}@media only screen and (max-width:320px){.home-page h2{font-size:24px}.page2{height:648px}}.index-page-wrapper #header{-webkit-box-shadow:none;box-shadow:none}#app{min-height:100%}