.van-doc-nav{position:fixed;top:60px;bottom:0;left:0;z-index:1;min-width:270px;max-width:270px;padding:24px 0 72px;overflow-y:scroll;background-color:#fff;box-shadow:0 8px 12px #ebedf0}
.van-doc-nav::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}
.van-doc-nav::-webkit-scrollbar-thumb{background-color:transparent;border-radius:6px}
.van-doc-nav:hover::-webkit-scrollbar-thumb{background-color:rgba(69,90,100,0.2)}
.van-doc-nav__group{margin-bottom:0px}
.van-doc-nav__title{padding:2px 0 2px 15px;color:#455a64;font-weight:600;font-size:15px;line-height:28px}
.van-doc-nav__item a{display:block;margin:0;padding:0px 0 0px 25px;color:#455a64;font-size:14px;line-height:28px;-webkit-transition:color 0.2s;transition:color 0.2s}
.van-doc-nav__item a{font-weight:initial}
.van-doc-nav__title>.ta{padding: 0;font-weight: 600;font-size: 15px;}
.van-doc-nav__title{cursor:pointer}
.van-doc-nav__title>.van-doc-nav__item{padding-left:25px;cursor:pointer}
.van-doc-nav__title>.van-doc-nav__item>.van-doc-nav__item{padding-left:30px;cursor:pointer}
.disno{display:none!important}
.van-doc-nav__item a:hover,.van-doc-nav__item a.active{color:#0170fe;border-right:3px solid #0170fe}
.van-doc-nav__item a.active{-webkit-font-smoothing:auto}
.van-doc-nav__item a span{font-size:13px}
@media (max-width:1300px){.van-doc-nav__item a{font-size:13px}
.van-doc-nav__item:active{font-size:14px}
}
.van-doc-search{width:200px;height:60px;margin-left:140px;color:#fff;font-size:14px;background-color:transparent;border:none}
.van-doc-search:focus{outline:none}
.van-doc-search::-webkit-input-placeholder{color:#fff;opacity:0.7}
.van-doc-search::placeholder{color:#fff;opacity:0.7}
.ds-dropdown-menu{line-height:1.8}
.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#1989fa;background-color:transparent}
.algolia-autocomplete .algolia-docsearch-suggestion--title{font-weight:600}
.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{box-shadow:inset 0 -1px 0 0 #1989fa}
.algolia-autocomplete .algolia-docsearch-suggestion--category-header{border-bottom-color:#eee}
.algolia-autocomplete .ds-dropdown-menu [class^='ds-dataset-']{border:none}
.algolia-autocomplete .ds-dropdown-menu{top:80% !important;box-shadow:0 4px 12px #ebedf0}
.algolia-autocomplete .ds-dropdown-menu::before{display:none}
.van-doc-header{width:100%;background-color:#001938;-webkit-user-select:none;user-select:none}
.van-doc-header__top{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:60px;padding:0 30px;line-height:60px}
.van-doc-header__top-nav{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:0;text-align:right}
.van-doc-header__top-nav > li{position:relative;display:inline-block;vertical-align:middle}
.van-doc-header__top-nav-item{margin-left:20px}
.van-doc-header__top-nav-title{display:block;font-size:15px}
.van-doc-header__cube{position:relative;display:block;padding:0 12px;color:#fff;font-size:14px;line-height:24px;text-align:center;border:1px solid rgba(255,255,255,0.7);border-radius:5px;cursor:pointer;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}
.van-doc-header__version{padding-right:20px}
.van-doc-header__version::after{position:absolute;top:7px;right:7px;width:5px;height:5px;color:rgba(255,255,255,0.9);border:1px solid;border-color:transparent transparent currentColor currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);content:''}
.van-doc-header__version-pop{position:absolute;top:30px;right:0;left:0;z-index:99;color:#333;line-height:36px;text-align:left;background-color:#fff;border-radius:5px;box-shadow:0 4px 12px #ebedf0;-webkit-transform-origin:top;transform-origin:top;-webkit-transition:0.2s cubic-bezier(0.215,0.61,0.355,1);transition:0.2s cubic-bezier(0.215,0.61,0.355,1)}
.van-doc-header__version-pop-item{padding-left:12px;-webkit-transition:0.2s;transition:0.2s}
.van-doc-header__version-pop-item:hover{color:#1989fa}
.van-doc-header__logo{display:block}
.van-doc-header__logo img,.van-doc-header__logo span{display:inline-block;vertical-align:middle}
.van-doc-header__logo img{width:24px;margin-right:10px}
.van-doc-header__logo span{color:#fff;font-size:22px}
.van-doc-header__logo-link img{display:block;width:26px;height:26px;-webkit-transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275);transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275)}
.van-doc-header__logo-link img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}
.van-doc-dropdown-enter,.van-doc-dropdown-leave-active{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}
.van-doc-content{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:0 0 75px}
.van-doc-content .card{margin-bottom:24px;padding:24px;background-color:#fff;border-radius:5px;box-shadow:0 8px 12px #ebedf0}
.van-doc-content a{margin:0 1px;color:#1989fa!important;-webkit-font-smoothing:auto}
.van-doc-content a:hover{color:#0570db}
.van-doc-content a:active{color:#0456a9}
.van-doc-content h1,.van-doc-content h2,.van-doc-content h3,.van-doc-content h4,.van-doc-content h5,.van-doc-content h6{color:#323233;font-weight:normal;line-height:1.5}
.van-doc-content h1[id],.van-doc-content h2[id],.van-doc-content h3[id],.van-doc-content h4[id],.van-doc-content h5[id],.van-doc-content h6[id]{cursor:pointer}
.van-doc-content h1{margin:0 0 30px;font-size:30px;cursor:default}
.van-doc-content h2{margin:45px 0 20px;font-size:25px}
.van-doc-content h3{margin-bottom:16px;font-weight:600;font-size:18px}
.van-doc-content h4{margin:24px 0 12px;font-weight:600;font-size:16px}
.van-doc-content h5{margin:24px 0 12px;font-weight:600;font-size:15px}
.van-doc-content p{color:#34495e;font-size:15px;line-height:26px}
.van-doc-content table{width:100%;margin-top:12px;color:#34495e;font-size:14px;line-height:1.5;border-collapse:collapse}
.van-doc-content table th{padding:8px 10px;font-weight:600;text-align:left}
.van-doc-content table th:first-child{padding-left:0}
.van-doc-content table th:last-child{padding-right:0}
.van-doc-content table td{padding:8px;border-top:1px solid #f1f4f8}
.van-doc-content table td:first-child{padding-left:0}
.van-doc-content table td:first-child code{margin:0;padding:2px 6px;color:#1989fa;font-weight:600;font-size:11px;background-color:rgba(25,137,250,0.1);border-radius:5px}
.van-doc-content table td:last-child{padding-right:0}
.van-doc-content table em{color:#0170fe;font-size:14px;font-family:'Source Code Pro','Monaco','Inconsolata',monospace;font-style:normal;-webkit-font-smoothing:auto}
.van-doc-content ul li,.van-doc-content ol li{position:relative;margin:5px 0 5px 10px;padding-left:15px;color:#34495e;font-size:15px;line-height:26px}
.van-doc-content ul li::before,.van-doc-content ol li::before{position:absolute;top:0;left:0;box-sizing:border-box;width:6px;height:6px;margin-top:10px;border:1px solid #666;border-radius:50%;content:''}
.van-doc-content hr{margin:30px 0;border:0 none;border-top:1px solid #eee}
.van-doc-content p > code,.van-doc-content li > code,.van-doc-content table code{display:inline;margin:0 2px;padding:2px 5px;font-size:14px;font-family:inherit;word-break:keep-all;background-color:#1989fa;color:#fff;border-radius:4px;-webkit-font-smoothing:antialiased}
.van-doc-content p > code{font-size:14px}
.van-doc-content section{padding:30px;overflow:hidden}
.van-doc-content blockquote{margin:16px 0 0;padding:16px;background-color:#ecf9ff;border-radius:5px}
.van-doc-content img{max-width:100%;margin:5px 0;border-radius:5px}
.van-doc-content--changelog strong{display:block;margin:24px 0 12px;font-weight:600;font-size:15px}
.van-doc-content--changelog h3 + p code{margin:0}
.van-doc-content--changelog h3 a{color:inherit;font-size:20px}
.van-doc-container{box-sizing:border-box;padding-left:270px;overflow:hidden}
.van-doc-container--with-simulator{padding-right:390px}
.van-doc-container2{padding:0px;width:-webkit-calc(100% - 260px);width:-moz-calc(100% - 260px);width:calc(100% - 260px)}
body{margin:0;overflow-x:auto;color:#323233;font-size:16px;font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC','miui','Hiragino Sans GB','Microsoft Yahei',sans-serif;background-color:#f7f8fa;-webkit-font-smoothing:antialiased}
p{margin:0}
h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit}
ul,ol{margin:0;padding:0;list-style:none}
a{text-decoration:none}
.van-doc-row{width:100%}
code{position:relative;display:block;padding:16px;overflow-x:auto;color:#58727e;font-weight:400;font-size:14px;font-family:'Source Code Pro','Monaco','Inconsolata',monospace;line-height:26px;white-space:pre-wrap;word-wrap:break-word;-webkit-font-smoothing:auto;background-color:#fafafa;border-radius:5px}
pre{margin:20px 0 0}
pre + p{margin-top:20px}
.hljs{display:block;padding:0.5em;overflow-x:auto;background:#fff}
.hljs-subst{color:#58727e}
.hljs-string,.hljs-meta,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-addition{color:#0170fe}
.hljs-comment,.hljs-quote{color:#999}
.hljs-params,.hljs-keyword,.hljs-attribute{color:#8080ff}
.hljs-deletion,.hljs-variable,.hljs-number,.hljs-regexp,.hljs-literal,.hljs-bullet,.hljs-link{color:#eb6f6f}
.hljs-attr,.hljs-selector-tag,.hljs-title,.hljs-section,.hljs-built_in,.hljs-doctag,.hljs-type,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-strong{color:#4994df}
.hljs-emphasis{font-style:italic}
.van-doc-intro{padding-top:20px;text-align:center}
.van-doc-intro p{margin-bottom:20px}
.demo-playground[data-v-2791614c]{margin:24px 0;background-color:#fff;border:1px solid #ebedf1;border-radius:1px}
.demo-playground.transform[data-v-2791614c]{-webkit-transform:translate(0,0);transform:translate(0,0)}
.demo-playground--previewer[data-v-2791614c]{padding:40px 24px;border-bottom:1px solid #ebedf1}
.demo-playground--previewer.compact[data-v-2791614c]{padding:0}
.demo-playground--code--actions[data-v-2791614c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:40px;padding:0 1em}
.demo-playground--code--actions > a[data-v-2791614c]:not(:last-child),.demo-playground--code--actions > button[data-v-2791614c]:not(:last-child){margin-right:8px}
.demo-playground--code--actions > a[data-v-2791614c]{display:-webkit-box;display:-webkit-flex;display:flex}
.demo-playground--code--actions button[data-v-2791614c]{position:relative;display:inline-block;box-sizing:border-box;width:16px;height:16px;padding:0;border:0;outline:none;cursor:pointer;opacity:0.6;-webkit-transition:opacity 0.2s,background 0.2s;transition:opacity 0.2s,background 0.2s}
.demo-playground--code--actions button[data-v-2791614c]::after{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;content:''}
.demo-playground--code--actions button[data-v-2791614c]:hover{opacity:0.8}
.demo-playground--code--actions button[data-v-2791614c]:active{opacity:0.9}
.demo-playground--code--actions button[data-v-2791614c]:disabled{cursor:not-allowed;opacity:0.2}
.demo-playground--code--actions button[role='codesandbox'][data-v-2791614c]{background-position:-18px 0}
.demo-playground--code--actions button[role='codepen'][data-v-2791614c]{background-position:-36px 0}
.demo-playground--code--actions button[role='source'][data-v-2791614c]{background-position:-72px 0}
.demo-playground--code--actions button[role='change-jsx'][data-v-2791614c]{background-position:-90px 0}
.demo-playground--code--actions button[role='change-tsx'][data-v-2791614c]{background-position:-108px 0}
.demo-playground--code--actions button[role='open-demo'][data-v-2791614c]{background-position:-126px 0}
.demo-playground--code--actions button[role='motions'][data-v-2791614c]{background-position:-162px 0}
.demo-playground--code--actions button[role='sketch-component'][data-v-2791614c]{background-position:-182px 0}
.demo-playground--code--actions button[role='sketch-group'][data-v-2791614c]{background-position:-200px 0}
.demo-playground--code--actions button[role='copy'][data-status='ready'][data-v-2791614c]{background-position:-54px 0}
.demo-playground--code--actions button[role='copy'][data-status='copied'][data-v-2791614c]{background-position:-54px -16px;pointer-events:none}
.demo-playground--code--actions button[role='refresh'][data-v-2791614c]{background-position-x:-144px}
.demo-playground--code--actions > span[data-v-2791614c]{display:inline-block;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.demo-playground--code--content[data-v-2791614c]{border-top:1px dashed #ebedf1}
.demo-playground--code--content[data-v-2791614c] pre{margin:0}
.demo-playground--code--content[data-v-2791614c] .language-html{border-radius:0}
.demo-home{position:fixed;box-sizing:border-box;width:260px;padding:30px 20px 20px;background:#fff;right:0px;top:30px;max-height: 100%;overflow-y: auto;}
.demo-home__title,.demo-home__desc{padding-left:16px;font-weight:normal;line-height:1;-webkit-user-select:none;user-select:none}
.demo-home__title{margin:0 0 16px;font-size:32px}
.demo-home__title img,.demo-home__title span{display:inline-block;vertical-align:middle}
.demo-home__title img{width:32px}
.demo-home__title span{margin-left:16px}
.demo-home__title--small{font-size:24px}
.demo-home__desc{margin:0 0 40px;color:rgba(69,90,100,0.6);font-size:14px}
.demo-home-nav__title{margin:24px 0 8px 16px;color:rgba(69,90,100,0.6);font-size:14px}
.demo-home-nav__block{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;margin:0 0 12px;padding-left:20px;color:#323233;font-weight:600;font-size:14px;line-height:40px;background:#f7f8fa;border-radius:99px;-webkit-transition:background 0.3s;transition:background 0.3s}
.demo-home-nav__block:hover{background:#eef0f4}
.demo-home-nav__block:active{background:#e4e8ee}
.demo-home-nav__icon{position:absolute;top:50%;right:16px;width:16px;height:16px;margin-top:-8px}

.menu-button {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    width: 2.5em;
    height: 2.25em;
    border: none;
    text-indent: 2.5em;
    font-size: 1.5em;
    color: transparent;
    background: transparent;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    display: none;
    outline: none;
}
.menu-button::before {
    position: absolute;
    top: 0.8em;
    right: 0.5em;
    background: linear-gradient(#ffffff 20%, transparent 20%, transparent 40%, #ffffff 40%, #ffffff 60%, transparent 60%, transparent 80%, #ffffff 80%);
    content: '';
    width: 30px;
    height: 20px;
}
@media (max-width:680px){
    .van-doc-header__top-nav{display: none;}
    .van-doc-nav{display:none;}
    .van-doc-simulator{display:none;}
    .menu-button {display: block}
    .van-doc-container{padding-left: 0;}
    .van-doc-container--with-simulator{padding-right: 0;width: 100%;}
    
}