@import url(//at.alicdn.com/t/font_3199877_p6lzz9h7jy.css);*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{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}#app{height:100%}iframe{border:none}a{text-decoration:none}.doc-screen{display:flex;width:100%;height:100%;flex-direction:column}.doc-container{display:flex;flex:1;overflow:hidden;height:100%}.doc-container .doc-main{flex:1;padding:30px;height:100%;overflow:auto;padding-right:420px}.doc-container .doc-main.no-demo{padding-right:30px}.simulator{right:30px;z-index:1;box-sizing:border-box;width:360px;min-width:360px;overflow:hidden;background:#fafafa;border-radius:12px;box-shadow:0 4px 12px #ebedf0;position:fixed;top:80px;bottom:30px;display:flex;flex-direction:column}.simulator .mp-code-wrap{margin:30px;display:flex;align-items:center;justify-content:center;border-top:1px solid #f1f1f1;font-size:12px;flex-direction:column}.simulator .mp-code-title{font-size:13px}.simulator .mp-code-subtitle{margin-top:10px;font-size:12px;opacity:.8}.simulator .iframe-wrap{display:flex;width:100%;flex-direction:column}.simulator iframe{display:block;width:100%;flex:1}.simulator .mp-code-img{width:100px;height:100px;margin-top:30px}.simulator .mp-code-img img{width:100%;height:100%}.simulator .simulator-log{height:640px;display:block;width:100%;overflow:auto;padding:15px;background-color:#333646;color:#fff;font-size:12px}.simulator .simulator-log .log-row{margin-bottom:10px;line-height:1.5}.simulator-body{position:relative;display:flex;flex:1}.simulator-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#fff}.simulator-loading .loading-img{width:24px;height:24px;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite}.simulator-loading .loading-text{text-align:center;margin-top:10px;font-size:12px}.simulator-head{background-image:url(https://gw.alipayobjects.com/zos/rmsportal/JAxcjwaQvIsAWvXUrjbY.png);background-size:105% auto;background-repeat:no-repeat;height:70px;background-position:center -5px}.simulator-head .web-url{position:absolute;width:86%;height:24px;line-height:24px;top:31px;left:11px;margin:0 4.27%;font-size:12px;color:#2e2e2e;letter-spacing:.16px;padding-left:2px;overflow:auto;white-space:nowrap}.simulator-head .web-url::-webkit-scrollbar{width:0;height:0}@-webkit-keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.doc-nav .doc-nav-scroll{min-width:200px}.markdown .card p{padding:10px 0}.doc-header{min-height:64px}.doc-header #doc-search{height:32px}.doc-header .doc-head-nav{align-items:center}.toolbar{background-color:#fff;height:100%;position:relative;z-index:3;border-right:1px solid #ebedf0;margin-right:10px;padding:8px 0}.toolbar .toolbar-item{width:60px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.toolbar .toolbar-item:hover .toolbar-icon{display:none}.toolbar .toolbar-item:hover .toolbar-icon-on{display:flex}.toolbar .toolbar-item:hover .bubble{display:inline-block;opacity:1;transform:scale(1)}.toolbar .toolbar-icon{width:20px}.toolbar .toolbar-icon-on{display:none}.toolbar .bubble{padding:10px 15px;left:63px;white-space:nowrap;background:#fff;border-radius:6px;font-size:13px;color:#455a64;transform:scale(.5);opacity:0;transition:all .35s;transform-origin:left center}.toolbar .bubble,.toolbar .bubble:before{position:absolute;box-shadow:0 8px 12px #ebedf0}.toolbar .bubble:before{content:"";display:inline-block;width:0;border:5px solid transparent;left:0;top:50%;border-top-color:#fff;border-left-color:#fff;transform:rotate(-45deg) translateY(-50%);z-index:2}.toolbar-icon-on.show{display:inline-block}.hide-item{display:none!important}.doc-top-nav{display:flex}.top-nav-list{display:flex;flex-wrap:wrap}.top-nav-list::-webkit-scrollbar{display:none}.top-nav-item{position:relative}.top-nav-item:hover .nav-dropdown{display:block}.top-nav-item:hover .arrow{border-top-color:#001938}.top-nav-item:hover .nav-icon-link{color:#001938}.top-nav-item .top-nav-text{display:inline-block;color:#fff;font-size:14px;line-height:32px;cursor:pointer;margin:0 5px;border-radius:20px;padding:0 10px;white-space:nowrap}.top-nav-item .nav-active,.top-nav-item:hover .top-nav-text{background:#fff;color:#001938}.top-nav-item .dropdown-item{color:#001938;font-size:14px;display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:.45rem 1.5rem 0 1.25rem;cursor:pointer}.top-nav-item .dropdown-item:hover{color:#38f}.top-nav-item .nav-dropdown{position:absolute;top:100%;right:0;padding-top:10px;display:none;z-index:999}.top-nav-item .nav-dropdown-box{min-width:120px;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;background-color:#fff;padding:.6rem 0;border:1px solid;border-color:#ddd #ddd #ccc;text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}.top-nav-item .arrow{display:inline-block;width:0;left:0;border-style:solid;border-width:4px;border-color:transparent;border-top-color:#fff;margin-left:4px;position:relative;top:2px}.top-nav-item .nav-icon-link{color:#fff}.top-nav-item .nav-icon-link,.top-nav-item .nav-icon-sub-link{font-size:12px;margin-left:5px}.doc-nav{position:relative;height:100%;box-shadow:0 8px 12px #ebedf0}.doc-nav .doc-nav-title-text{word-break:break-all}.doc-nav .sidebar-icon-link{font-size:12px;margin-left:4px;opacity:.8}.doc-nav .doc-link.active,.doc-nav .doc-link:hover{color:#4fc08d;cursor:pointer;font-weight:400!important}.doc-nav .doc-link.active,.doc-nav .doc-nav-title:hover{font-weight:600!important}.doc-nav .doc-nav-scroll{min-width:100px;height:100%;padding:24px 0 72px;background-color:#fff;position:relative;z-index:2;overflow:auto;padding-right:20px}.doc-nav .toggle-button{width:16px;height:30px;position:absolute;right:0;top:50%;transform:translate(100%,-100%);background:#fff;box-shadow:0 8px 12px #ebedf0;border-top-right-radius:8px;border-bottom-right-radius:8px;cursor:pointer}.doc-nav .toggle-button .toggle-arrow{width:7px;height:7px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;transform:rotate(45deg);margin-right:20px;position:relative;top:10px;left:4px}.doc-nav .toggle-button .toggle-arrow.on{transform:rotate(225deg);left:2px;top:12px}.doc-nav .toggle-button .toggle-arrow.on,.doc-nav .toggle-button:hover .toggle-arrow{border-left:1px solid #4fc08d;border-bottom:1px solid #4fc08d}.doc-nav-group{background:#fff}.doc-nav-group .arrow{width:7px;height:7px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;transform:rotate(135deg);margin-right:20px;position:relative;top:7px;display:none}.doc-nav-group .arrow.down{transform:rotate(-45deg);top:4px}.doc-nav-group .doc-nav-sub{padding-left:10px}.doc-nav-group .doc-nav-title{padding:8px 0 8px 30px;color:#455a64;font-weight:600;font-size:15px;line-height:28px;display:block;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.doc-nav-group .doc-nav-title:hover .arrow{border-left-color:#4fc08d;border-bottom-color:#4fc08d}.doc-nav-group .sub-title{display:block;margin:2px 0;padding:6px 0 6px 20px;color:#455a64;font-size:14px;line-height:28px;transition:color .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.doc-nav-group .sub-title .sub-title-text{line-height:1.2;display:inline-block;padding-right:10px;padding-left:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:200px}.doc-nav-group .sub-title .arrow{top:5px}.doc-nav-group .sub-title .arrow.down{top:2px}.doc-nav-group .sub-title:hover{font-weight:600;border-radius:999px;color:#4fc08d}.doc-nav-group .sub-title:hover .arrow{border-left-color:#4fc08d;border-bottom-color:#4fc08d}.doc-nav-group .doc-nav-sub .arrow{top:3px}.doc-nav-group .doc-nav-sub .arrow.down{top:-1px}.doc-nav-group .nav-on{color:#4fc08d}.matter{color:#2c3e50}.matter .matter-features-box{border-top:1px solid #eaecef;padding:1.2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.matter .matter-feature{flex-grow:1;flex-basis:30%;max-width:30%}.matter .matter-feature-title{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:#3a5169;margin:.83em 0;line-height:1.25}.matter .matter-feature-details{color:#4e6e8e;line-height:1.7;margin:1em 0}.matter .matter-title{font-size:3rem;margin:1.8rem auto;font-weight:600;line-height:1.25;text-align:center}.matter .matter-description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#455a64;margin:1.8rem auto;text-align:center}.matter .matter-btn-box{display:flex;align-items:center;justify-content:center}.matter .matter-btn-box .matter-btn{margin:0 10px;cursor:pointer;border-radius:6px;min-width:134px;padding-left:15px;padding-right:15px;height:40px;z-index:10;position:relative;transition:all .3s;border:1px solid #38f;color:#38f;background:transparent;text-align:center;font-size:1.14em;line-height:40px;border:none;outline:none;color:#fff;background:#38f}.matter .matter-btn-box .matter-btn-right{color:#38f;border:1px solid #38f;background:none}.markdown .intro{padding-top:20px;text-align:center}.markdown a{margin:0 1px;color:#1989fa;-webkit-font-smoothing:auto}.markdown h1{margin:0 0 30px;font-size:30px;cursor:pointer}.markdown h2{margin:45px 0 20px;font-size:25px}.markdown ol>li,.markdown ul>li{position:relative;margin:5px 0 5px 10px;padding-left:15px;color:#34495e;font-size:15px;line-height:26px}.markdown ol>li:before,.markdown ul>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:""}.markdown h1,.markdown h2{color:#323233;font-weight:400}.markdown table{width:100%;margin-top:12px;color:#34495e;font-size:14px;line-height:1.5;border-collapse:collapse}.markdown table td{padding:8px;border-top:1px solid #f1f4f8}.markdown table td:last-child{padding-right:0}.markdown table th{padding:8px 10px;font-weight:600;text-align:left}.markdown table th:first-child{padding-left:0}.markdown table em{color:#4fc08d;font-size:14px;font-family:Source Code Pro,Monaco,Inconsolata,monospace;font-style:normal;-webkit-font-smoothing:auto}.markdown li>code,.markdown p>code,.markdown table code{display:inline;margin:0 2px;padding:2px 5px;font-size:14px;font-family:inherit;word-break:keep-all;background-color:#f7f8fa;border-radius:4px;-webkit-font-smoothing:antialiased}.markdown .card{margin-bottom:24px;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 8px 12px #ebedf0;overflow:auto}.markdown .card h3{margin-bottom:16px;font-weight:600;font-size:18px}.markdown .card h4{margin-top:16px}.markdown .card p{color:#34495e;font-size:15px;line-height:26px}.markdown .card pre 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:16px}.doc-header{display:flex;flex-wrap:nowrap;align-items:center;padding:0 24px;width:100%;background-color:#001938;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.doc-header #doc-search{position:relative;margin-right:10px}.doc-header #doc-search .search-result{min-height:100px;max-height:500px;overflow-y:auto;width:300px;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:4px;background:#fff;position:absolute;top:100%;right:0;margin-top:10px;color:#455a64;font-size:14px;line-height:28px;text-align:left;z-index:99}.doc-header #doc-search .search-result .result-count{margin-left:10px;word-break:break-all;opacity:.5}.doc-header #doc-search .search-result .search-empty{text-align:center;box-sizing:border-box;padding:10px;word-break:break-all;min-height:100px;display:flex;align-items:center;justify-content:center}.doc-header #doc-search .search-result .search-item{border-radius:4px;padding:10px;cursor:pointer}.doc-header #doc-search .search-result .search-item:last-child{margin-bottom:0}.doc-header #doc-search .search-result .search-item:hover{background:#f0f0f0}.doc-header #doc-search .search-result .result-title{border-bottom:1px solid #ddd}.doc-header #doc-search .search-result .result-context em{color:#4fc08d;font-style:normal;word-break:break-all}.doc-header .icon-search{position:absolute;left:10px;top:50%;font-size:20px;margin-top:-11px;color:#444}.doc-header .doc-head-nav{flex:1;font-size:0;display:flex;justify-content:flex-end;text-align:right}.doc-header .doc-head-nav .search-input{cursor:text;width:10rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/assets/img/search.svg) .6rem .5rem no-repeat;background-size:1rem}.doc-header .doc-head-nav .head-nav-item{margin-left:16px}.doc-header .doc-head-nav .head-nav-link{cursor:pointer}.doc-header .doc-head-nav .head-nav-link img{display:block;width:30px;height:30px;transition:.3s cubic-bezier(.175,.885,.32,1.275)}.doc-header .doc-head-nav .head-nav-link img:hover{transform:scale(1.2)}.doc-header .doc-subtitle,.doc-header .doc-title{white-space:nowrap}.doc-header .doc-logo{display:flex;flex-wrap:nowrap;align-items:center;margin-right:15px}.doc-header .doc-logo img{display:inline-block;width:28px;margin-right:12px;vertical-align:middle}.doc-header .doc-logo .doc-title{display:inline-block;color:#fff;font-size:22px;vertical-align:middle}.doc-header .doc-logo .doc-subtitle{display:inline-block;color:#999;margin-left:10px;vertical-align:-4px;font-size:13px}.hljs{display:block;padding:.5em;overflow-x:auto;background:#fff}.hljs-subst{color:#58727e}.hljs-addition,.hljs-meta,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable{color:#4fc08d}.hljs-comment,.hljs-quote{color:#999}.hljs-attribute,.hljs-keyword,.hljs-params{color:#8080ff}.hljs-bullet,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp,.hljs-variable{color:#eb6f6f}.hljs-attr,.hljs-built_in,.hljs-doctag,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-title,.hljs-type{color:#4994df}.hljs-emphasis{font-style:italic}.van-doc-intro{padding-top:20px;text-align:center}.van-doc-intro p{margin-bottom:20px}.card tr:hover{background:rgba(79,192,141,.1)}.card li>p{padding:0!important}.markdown ol>li,.markdown ul>li{margin:10px 0 10px 10px}.custom-block.danger,.custom-block.tip,.custom-block.warning,blockquote{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.warning{background-color:rgba(255,229,100,.3);border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block .custom-block-title{font-weight:600;margin-bottom:-.4rem}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.tip,blockquote{margin:16px 0 0;padding:16px;background-color:#ecf9ff;border-radius:20px;border:none}code{color:#476582;padding:.25rem .5rem;margin:0;background-color:rgba(27,31,35,.05);border-radius:3px}.editor-container textarea{opacity:0}.editor-container{display:flex;flex-direction:column;height:100%;font-size:14px}.editor-container .editor-wrap{flex:1;display:flex;flex-direction:column;background:#fafafa;border-radius:12px;box-shadow:0 4px 12px #ebedf0}.editor-container .editor-main{flex:1;position:relative}.editor-container .CodeMirror{height:100%;width:100%;position:absolute;top:0;left:0;overflow:hidden}.code-panel-toolbar{height:36px;line-height:36px;border-bottom:1px solid #ececec;padding:0 16px;text-align:right;color:#777;background:#f8f9fc;display:flex;justify-content:space-between;align-items:center}.toolbar-btn{display:flex;align-items:center;cursor:pointer}.toolbar-btn:hover{color:#873bf4}.log-view{font-size:13px;padding:30px;color:#333}.log-view .log-list{height:400px;overflow:auto;border:1px solid #ccc}.log-view .log-item{display:flex;border-bottom:1px solid #ccc;padding:10px 0}.log-view .time{width:230px}.log-view .longTime{width:140px!important}.log-view .message{flex:1}.log-view .index{width:60px}.log-view label{display:flex;justify-content:center;align-items:center;margin:10px}.log-view label input{margin-right:10px}.log-view textarea{box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";display:inline-block;width:100%;height:32px;padding:4px 11px;color:rgba(0,0,0,.65);max-width:100%;height:auto;min-height:32px;line-height:1.5;vertical-align:bottom;height:400px;min-height:73px;overflow:auto;margin:30px}.log-view .button,.log-view textarea{position:relative;font-size:14px;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:4px}.log-view .button{line-height:1.499;font-weight:400;white-space:nowrap;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;height:32px;padding:0 15px;color:rgba(0,0,0,.65);color:#fff;background-color:#1890ff;border-color:#1890ff;margin:0 auto;display:block;width:120px;line-height:30px;cursor:pointer}.log-view .button.no{background:#ccc;border:none}.time{width:70px!important}.log-list{height:800px!important}.log-view .button{display:inline-block;margin:10px}