code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}body{margin:0}.container{display:flex;flex-direction:column;height:100vh;background-color:var(--weui-BG-0);color:#2c3e50;font-size:14px}.main-body{flex:1;overflow:hidden}.main-content{height:100%;overflow-y:auto}@media only screen and (min-width:450px){.main-body{padding-left:60px}}.ui-top-app-bar{z-index:4}@media only screen and (min-width:450px){.ui-navigation-bar{position:fixed;bottom:0;left:0;z-index:100}}.ui-sub-nav .ui-sub-nav-item{margin:8px 0;background-color:var(--weui-BG-2);overflow:hidden;border-radius:2px;cursor:pointer}.ui-sub-nav .weui-flex{padding:20px}.hero{text-align:center}.wx-component-page .cover-cnt{display:flex;width:100%;height:60px;background:#ddd;align-items:center}.wx-component-page .cover-cnt .cover-img{width:40px;height:40px}.wx-component-page .btn-cnt{position:relative;width:100%}.wx-component-page .btn-cnt .cover-btn{margin:10px auto;width:100px;height:30px;color:#fff;background:#07c160;text-align:center;line-height:30px;border-radius:10px}.wx-component-page .cnt{margin:30px}.wx-component-page .title{height:40px;line-height:40px;font-size:16px;background-color:#b8e8ab;padding-left:20px}.wx-component-page .add-margin-top{margin-top:10px}.wx-component-page .comp-cnt{padding:10px}.wx-component-page .red{color:red}.wx-component-page .green{color:green}.wx-component-page .opr-cnt{margin:10px;display:flex;flex-wrap:wrap;align-items:center}.wx-component-page .opr-button,.wx-component-page .opr-label{margin:0 10px 10px}.wx-component-page .opr-box{flex:1}.wx-component-page .fixed-dialog{position:fixed;left:0;right:0;top:0;bottom:0;z-index:2}.wx-component-page .fixed-dialog .fixed-dialog-mask{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}.wx-component-page .fixed-dialog .fixed-dialog-cnt{position:absolute;left:50%;top:50%;width:300px;height:200px;margin-left:-150px;margin-top:-150px;background-color:#fff;border-radius:10px}.wx-component-page .fixed-dialog .wx-textarea{width:200px;height:100px;margin:50px}.wx-component-page .wx-movable-area{width:300px;height:300px;margin:20px 0;background-color:#ccc;overflow:hidden;z-index:0}.wx-component-page .wx-movable-view{display:flex;align-items:center;justify-content:center;height:50px;width:50px;background:#1aad19;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.wx-component-page .wx-scroll-view-y{width:100%;height:125px}.wx-component-page .wx-scroll-view-x{width:300px;height:125px}.wx-component-page .wx-scroll-view-cnt .inner2-x{display:flex}.wx-component-page .wx-scroll-view-cnt .block{width:100%;height:50px}.wx-component-page .wx-scroll-view-cnt .inner2-x .block{flex:0 0 125px;width:125px;height:125px}.wx-component-page .wx-scroll-view-cnt .block1{background:#dff0d8}.wx-component-page .wx-scroll-view-cnt .block2{background:#f5f5f5}.wx-component-page .wx-scroll-view-cnt .block3{background:#d9edf7}.wx-component-page .wx-scroll-view-cnt .block4{background:#fcf8e3}.wx-component-page .wx-scroll-view-cnt .block5{background:#f2dede}.wx-component-page .refresh-container{display:block;width:100%;height:80px;line-height:80px;background:#00f;display:flex;align-items:center}.wx-component-page .refresh-container-text{position:absolute;text-align:center;width:100%;color:#fff}.wx-component-page .wx-swiper{background-color:#bbb}.wx-component-page .wx-swiper-item-view{display:block;line-height:150px;height:150px;text-align:center;position:relative;align-items:center;justify-content:center;font-size:18px;cursor:pointer}.wx-component-page .wx-swiper-item-view-1{background-color:#1aad19;color:#fff}.wx-component-page .wx-swiper-item-view-2{background-color:#2782d7;color:#fff}.wx-component-page .wx-swiper-item-view-3{background-color:#f1f1f1;color:#353535}.wx-component-page .wx-swiper-item-view-4{background-color:#5bc0de;color:#fff}.wx-component-page .wx-swiper-item-view-5{background-color:#f0ad4e;color:#fff}.wx-component-page .wx-swiper-item-view-6{background-color:#d9534f;color:#fff}.wx-component-page .comp-cnt .wx-button,.wx-component-page .wx-progress,.wx-component-page .wx-rich-text,.wx-component-page .wx-view{margin-bottom:10px}.wx-component-page .wx-checkbox-group,.wx-component-page .wx-radio-group{padding:10px;margin:10px;border:1px solid #ccc}.wx-component-page .wx-input{width:100%}.wx-component-page .wx-textarea{border:1px solid #a4a4a4;border-radius:10px;width:100%;height:50px}.wx-component-page .wx-picker-view{width:100%;height:300px}.wx-component-page .wx-picker-view-column .item{line-height:50px;text-align:center}.wx-component-page .wx-picker-view-column .icon-cnt{display:flex;flex-direction:column;justify-content:center;align-items:center}.wx-component-page .wx-picker-view-column .icon{width:25px;height:25px}.wx-component-page .wx-slider{margin-bottom:30px}.wx-component-page .wx-textarea{margin:10px 0}.wx-component-page .wx-canvas{width:300px;height:200px}.wx-component-page .wx-canvas-2{width:305px;height:305px}.wx-component-page .event-cnt{position:relative;height:130px}.wx-component-page .event-a,.wx-component-page .event-t{left:0;width:50px;height:50px;background-color:red;position:absolute;transition:all .5s}.wx-component-page .event-t{top:80px}.wx-component-page .event-a{top:50px}.wx-component-page .event-t-s{left:50px}.wx-component-page .event-t-e{left:0}.wx-component-page .event-a{-webkit-animation:a 1s ease 0s 8;animation:a 1s ease 0s 8}@-webkit-keyframes a{0%{left:0}50%{left:50px}to{left:0}}@keyframes a{0%{left:0}50%{left:50px}to{left:0}}.flex-cnt .placeholder{margin:5px;padding:0 10px;background-color:var(--weui-BG-1);height:2.3em;line-height:2.3;text-align:center;color:var(--weui-FG-1)}.mp-component-page .weui-input{display:block}.mp-component-page .cnt{margin:30px}.mp-component-page .title{height:40px;line-height:40px;font-size:16px;background-color:#b8e8ab;padding-left:20px}.mp-component-page .comp-cnt.form-cnt{padding:0}.mp-component-page .opr-cnt{margin:10px;display:flex;flex-wrap:wrap;align-items:center}.mp-component-page .opr-button,.mp-component-page .opr-label{margin:0 10px 10px}.mp-component-page .opr-box{flex:1}.mp-component-page .comp-cnt .wx-button{margin-bottom:10px}.mp-component-page .mp-icon-cnt{text-align:center}.mp-component-page .demo0{height:60px;background:#fff}.mp-component-page .demo1{height:60px;background:rgba(0,0,0,.1)}.mp-component-page .blue{background:#00f}.mp-component-page .weui-agree .weui-agree__text{display:inline}.mp-component-page .weui-slidecell{background-color:#fff;border-radius:8px;padding:26px;line-height:1.4;font-size:17px}.mp-component-page .mp-sliderview-cnt{background-color:#f7f7f7}.mp-component-page .mp-slideview-1{background-color:#fff}.mp-component-page .mp-slideview-2{margin-top:10px}.mp-component-page .searchbar-result{margin-top:0;font-size:14px}.mp-component-page .searchbar-result:before{display:none}