.demo-block{border:1px solid #ebebeb;border-radius:3px;-webkit-transition:.2s;transition:.2s}.demo-block.hover{-webkit-box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5);box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}.demo-block code{font-family:Menlo,Monaco,Consolas,Courier,monospace}.demo-block .demo-button{float:right}.demo-block .source{padding:24px}.demo-block .meta{background-color:#fafafa;border-top:1px solid #eaeefb;overflow:hidden;height:0;-webkit-transition:height .2s;transition:height .2s}.demo-block .description{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ebebeb;border-radius:3px;font-size:14px;line-height:22px;color:#666;word-break:break-word;margin:10px;background-color:#fff;overflow:auto;height:calc(100% - 20px)}.demo-block .description p{margin:0;line-height:26px}.demo-block .description code{color:#5e6d82;background-color:#e6effb;margin:0 4px;display:inline-block;padding:1px 5px;font-size:12px;border-radius:3px;height:18px;line-height:18px}.demo-block .highlight pre{margin:0}.demo-block .highlight code.hljs{margin:0;border:none;max-height:none;border-radius:0}.demo-block .highlight code.hljs:before{content:none}.demo-block .demo-block-control{border-top:1px solid #eaeefb;height:44px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;text-align:center;margin-top:-1px;color:#d3dce6;cursor:pointer;position:relative}.demo-block .demo-block-control.is-fixed{position:fixed;bottom:0;width:868px}.demo-block .demo-block-control i{font-size:16px;line-height:44px;-webkit-transition:.3s;transition:.3s}.demo-block .demo-block-control i.hovering{-webkit-transform:translateX(-40px);transform:translateX(-40px)}.demo-block .demo-block-control>span{position:absolute;-webkit-transform:translateX(-30px);transform:translateX(-30px);font-size:14px;line-height:44px;-webkit-transition:.3s;transition:.3s;display:inline-block}.demo-block .demo-block-control:hover{color:#409eff;background-color:#f9fafc}.demo-block .demo-block-control .text-slide-enter,.demo-block .demo-block-control .text-slide-leave-active{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.demo-block .demo-block-control .control-button{line-height:26px;position:absolute;top:0;right:0;font-size:14px;padding-left:5px;padding-right:25px}.task-container .wrapper[data-v-42d53ea3]{z-index:1999;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0}.task-container .wrapper .dialog[data-v-42d53ea3]{width:35%;background:#fff;border-radius:2px;-webkit-transform:none;transform:none;left:0;position:relative;margin:10vh auto 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3)}.task-container .wrapper .dialog .header[data-v-42d53ea3]{padding:20px 20px 10px}.task-container .wrapper .dialog .header .runtime[data-v-42d53ea3]{float:right}.task-container .wrapper .dialog .body[data-v-42d53ea3]{text-align:initial;padding:10px 10px;color:#606266;font-size:14px}.task-container .wrapper .dialog .footer[data-v-42d53ea3]{text-align:initial;padding:0 20px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right}.task-container .wrapper .dialog .arrow[data-v-42d53ea3]{position:absolute;right:0;background-color:#fff;bottom:-12px;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.3);box-shadow:1px 1px 1px rgba(0,0,0,.3);color:#c3c3c3;font-size:12px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;text-align:center;width:18px;height:12px}.task-container .wrapper .dialog[data-v-42d53ea3] .demo-block{border:none;border-radius:0}.task-container .wrapper .dialog[data-v-42d53ea3] .demo-block .demo-block-control{height:20px}.task-container .wrapper .dialog[data-v-42d53ea3] .demo-block .demo-block-control>span,.task-container .wrapper .dialog[data-v-42d53ea3] .demo-block .demo-block-control i{line-height:20px}.task-container .modal[data-v-42d53ea3]{z-index:1998;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.6;background:#fff}