index.06443d28.css

.doc-nav.leftMenu{position:fixed;top:68px;bottom:0;width:250px;left:0;overflow-y:auto;box-shadow:0px 1px 2px #cfccd4;padding:10px 0px}.doc-nav.leftMenu .nav-list{list-style:none}.doc-nav.leftMenu .nav-list-item{padding:0 20px}.doc-nav.leftMenu .nav-list-item.active>a{color:#656bc1}.doc-nav.leftMenu .nav-list-item.active{background:#e9ecf9;border-right:3px solid #9aa9ea;-webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1)}.doc-nav.leftMenu .nav-list-item>a{line-height:50px;height:50px;color:#1f2f3d;cursor:pointer;display:block}.doc-nav.leftMenu .nav-list-item>a:hover{color:#7a82ec}.subMenu .subMenuTitle{color:#9E9E9E;font-size:16px;border-bottom:1px solid #f1eaea;padding:10px 0px 10px 10px;margin:10px}.subMenu>.nav-list>.nav-list-item>a{padding-left:15px}

.doc-header{position:fixed;height:68px;z-index:100;width:100%;top:0;left:0;padding:0 10px;background:#f5f5f5;box-shadow:0px 1px 1px rgba(0,0,0,0.08)}.doc-header .logo{line-height:68px}.doc-header .logo span{font-size:20px;font-weight:bold;color:#292727}.doc-header .logo-icon{width:48px;height:48px;vertical-align:middle}.doc-header .miniBar .popper-content{height:calc( 100vh - 60px);width:300px;position:absolute;right:-9px;top:34px;background:#fff;z-index:999;box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05)}.doc-header .miniBar .popper-content .nav-list-item{padding:10px 20px;color:#333}.doc-header .miniBar .popper-content .nav-list-item a{display:block}.doc-header .miniBar .popper-content .nav-list-item.active{background:#d8e0f3;border-right:2px solid #8998e8}.doc-header .miniBar .popper-content>.arrow{position:absolute;right:20px;top:-6px;width:0px;height:0px;border:6px solid #fff;border-bottom-color:transparent;border-right-color:transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:-2px -2px 5px rgba(0,0,0,0.06)}.doc-header .miniBar .zoomIn{-webkit-animation:zoomIn cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s;animation:zoomIn cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s}.doc-header .miniBar .zoomOut{-webkit-animation:zoomOut cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s;animation:zoomOut cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.8, 0.8, 0.8);transform:scale3d(0.8, 0.8, 0.8)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.8, 0.8, 0.8);transform:scale3d(0.8, 0.8, 0.8)}100%{opacity:0}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.8, 0.8, 0.8);transform:scale3d(0.8, 0.8, 0.8)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.8, 0.8, 0.8);transform:scale3d(0.8, 0.8, 0.8)}50%{opacity:1}}

.doc-content{padding-top:68px;padding-left:200px;padding:68px 10px 0 250px}.example .gridDemo{background:#c3c5c7}.example .gridDem{height:50px;line-height:50px;box-sizing:border-box;text-align:center;background:#2d89f3;border:1px solid #f12222}

.ecode-icon{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}

.ecode-button-group{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.ecode-button-group .ecode-button{border-radius:0}.ecode-button-group .ecode-button:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.ecode-button-group .ecode-button:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.ecode-button-group .ecode-button:not(:first-child){margin-left:-1px}.ecode-button-group .ecode-button:hover{position:relative;z-index:1}

.ecode-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.ecode-row.ecode-row-align-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.ecode-row.ecode-row-align-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ecode-row.ecode-row-align-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.ecode-row.ecode-row-align-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.ecode-row.ecode-row-justify-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ecode-row.ecode-row-justify-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ecode-row.ecode-row-justify-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ecode-row.ecode-row-justify-space-arround{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}

.ecode-col{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ecode-col-0{width:0%}.ecode-col-offset-0{margin-left:0%}.ecode-col-1{width:4.16667%}.ecode-col-offset-1{margin-left:4.16667%}.ecode-col-2{width:8.33333%}.ecode-col-offset-2{margin-left:8.33333%}.ecode-col-3{width:12.5%}.ecode-col-offset-3{margin-left:12.5%}.ecode-col-4{width:16.66667%}.ecode-col-offset-4{margin-left:16.66667%}.ecode-col-5{width:20.83333%}.ecode-col-offset-5{margin-left:20.83333%}.ecode-col-6{width:25%}.ecode-col-offset-6{margin-left:25%}.ecode-col-7{width:29.16667%}.ecode-col-offset-7{margin-left:29.16667%}.ecode-col-8{width:33.33333%}.ecode-col-offset-8{margin-left:33.33333%}.ecode-col-9{width:37.5%}.ecode-col-offset-9{margin-left:37.5%}.ecode-col-10{width:41.66667%}.ecode-col-offset-10{margin-left:41.66667%}.ecode-col-11{width:45.83333%}.ecode-col-offset-11{margin-left:45.83333%}.ecode-col-12{width:50%}.ecode-col-offset-12{margin-left:50%}.ecode-col-13{width:54.16667%}.ecode-col-offset-13{margin-left:54.16667%}.ecode-col-14{width:58.33333%}.ecode-col-offset-14{margin-left:58.33333%}.ecode-col-15{width:62.5%}.ecode-col-offset-15{margin-left:62.5%}.ecode-col-16{width:66.66667%}.ecode-col-offset-16{margin-left:66.66667%}.ecode-col-17{width:70.83333%}.ecode-col-offset-17{margin-left:70.83333%}.ecode-col-18{width:75%}.ecode-col-offset-18{margin-left:75%}.ecode-col-19{width:79.16667%}.ecode-col-offset-19{margin-left:79.16667%}.ecode-col-20{width:83.33333%}.ecode-col-offset-20{margin-left:83.33333%}.ecode-col-21{width:87.5%}.ecode-col-offset-21{margin-left:87.5%}.ecode-col-22{width:91.66667%}.ecode-col-offset-22{margin-left:91.66667%}.ecode-col-23{width:95.83333%}.ecode-col-offset-23{margin-left:95.83333%}.ecode-col-24{width:100%}.ecode-col-offset-24{margin-left:100%}@media only screen and (max-width: 767px){.ecode-col-phone-0{width:0%}.ecode-col-phone-offset-0{margin-left:0%}.ecode-col-phone-1{width:4.16667%}.ecode-col-phone-offset-1{margin-left:4.16667%}.ecode-col-phone-2{width:8.33333%}.ecode-col-phone-offset-2{margin-left:8.33333%}.ecode-col-phone-3{width:12.5%}.ecode-col-phone-offset-3{margin-left:12.5%}.ecode-col-phone-4{width:16.66667%}.ecode-col-phone-offset-4{margin-left:16.66667%}.ecode-col-phone-5{width:20.83333%}.ecode-col-phone-offset-5{margin-left:20.83333%}.ecode-col-phone-6{width:25%}.ecode-col-phone-offset-6{margin-left:25%}.ecode-col-phone-7{width:29.16667%}.ecode-col-phone-offset-7{margin-left:29.16667%}.ecode-col-phone-8{width:33.33333%}.ecode-col-phone-offset-8{margin-left:33.33333%}.ecode-col-phone-9{width:37.5%}.ecode-col-phone-offset-9{margin-left:37.5%}.ecode-col-phone-10{width:41.66667%}.ecode-col-phone-offset-10{margin-left:41.66667%}.ecode-col-phone-11{width:45.83333%}.ecode-col-phone-offset-11{margin-left:45.83333%}.ecode-col-phone-12{width:50%}.ecode-col-phone-offset-12{margin-left:50%}.ecode-col-phone-13{width:54.16667%}.ecode-col-phone-offset-13{margin-left:54.16667%}.ecode-col-phone-14{width:58.33333%}.ecode-col-phone-offset-14{margin-left:58.33333%}.ecode-col-phone-15{width:62.5%}.ecode-col-phone-offset-15{margin-left:62.5%}.ecode-col-phone-16{width:66.66667%}.ecode-col-phone-offset-16{margin-left:66.66667%}.ecode-col-phone-17{width:70.83333%}.ecode-col-phone-offset-17{margin-left:70.83333%}.ecode-col-phone-18{width:75%}.ecode-col-phone-offset-18{margin-left:75%}.ecode-col-phone-19{width:79.16667%}.ecode-col-phone-offset-19{margin-left:79.16667%}.ecode-col-phone-20{width:83.33333%}.ecode-col-phone-offset-20{margin-left:83.33333%}.ecode-col-phone-21{width:87.5%}.ecode-col-phone-offset-21{margin-left:87.5%}.ecode-col-phone-22{width:91.66667%}.ecode-col-phone-offset-22{margin-left:91.66667%}.ecode-col-phone-23{width:95.83333%}.ecode-col-phone-offset-23{margin-left:95.83333%}.ecode-col-phone-24{width:100%}.ecode-col-phone-offset-24{margin-left:100%}}@media only screen and (min-width: 768px){.ecode-col-pad-0{width:0%}.ecode-col-pad-offset-0{margin-left:0%}.ecode-col-pad-1{width:4.16667%}.ecode-col-pad-offset-1{margin-left:4.16667%}.ecode-col-pad-2{width:8.33333%}.ecode-col-pad-offset-2{margin-left:8.33333%}.ecode-col-pad-3{width:12.5%}.ecode-col-pad-offset-3{margin-left:12.5%}.ecode-col-pad-4{width:16.66667%}.ecode-col-pad-offset-4{margin-left:16.66667%}.ecode-col-pad-5{width:20.83333%}.ecode-col-pad-offset-5{margin-left:20.83333%}.ecode-col-pad-6{width:25%}.ecode-col-pad-offset-6{margin-left:25%}.ecode-col-pad-7{width:29.16667%}.ecode-col-pad-offset-7{margin-left:29.16667%}.ecode-col-pad-8{width:33.33333%}.ecode-col-pad-offset-8{margin-left:33.33333%}.ecode-col-pad-9{width:37.5%}.ecode-col-pad-offset-9{margin-left:37.5%}.ecode-col-pad-10{width:41.66667%}.ecode-col-pad-offset-10{margin-left:41.66667%}.ecode-col-pad-11{width:45.83333%}.ecode-col-pad-offset-11{margin-left:45.83333%}.ecode-col-pad-12{width:50%}.ecode-col-pad-offset-12{margin-left:50%}.ecode-col-pad-13{width:54.16667%}.ecode-col-pad-offset-13{margin-left:54.16667%}.ecode-col-pad-14{width:58.33333%}.ecode-col-pad-offset-14{margin-left:58.33333%}.ecode-col-pad-15{width:62.5%}.ecode-col-pad-offset-15{margin-left:62.5%}.ecode-col-pad-16{width:66.66667%}.ecode-col-pad-offset-16{margin-left:66.66667%}.ecode-col-pad-17{width:70.83333%}.ecode-col-pad-offset-17{margin-left:70.83333%}.ecode-col-pad-18{width:75%}.ecode-col-pad-offset-18{margin-left:75%}.ecode-col-pad-19{width:79.16667%}.ecode-col-pad-offset-19{margin-left:79.16667%}.ecode-col-pad-20{width:83.33333%}.ecode-col-pad-offset-20{margin-left:83.33333%}.ecode-col-pad-21{width:87.5%}.ecode-col-pad-offset-21{margin-left:87.5%}.ecode-col-pad-22{width:91.66667%}.ecode-col-pad-offset-22{margin-left:91.66667%}.ecode-col-pad-23{width:95.83333%}.ecode-col-pad-offset-23{margin-left:95.83333%}.ecode-col-pad-24{width:100%}.ecode-col-pad-offset-24{margin-left:100%}}@media only screen and (min-width: 992px){.ecode-col-narrow-pc-0{width:0%}.ecode-col-narrow-pc-offset-0{margin-left:0%}.ecode-col-narrow-pc-1{width:4.16667%}.ecode-col-narrow-pc-offset-1{margin-left:4.16667%}.ecode-col-narrow-pc-2{width:8.33333%}.ecode-col-narrow-pc-offset-2{margin-left:8.33333%}.ecode-col-narrow-pc-3{width:12.5%}.ecode-col-narrow-pc-offset-3{margin-left:12.5%}.ecode-col-narrow-pc-4{width:16.66667%}.ecode-col-narrow-pc-offset-4{margin-left:16.66667%}.ecode-col-narrow-pc-5{width:20.83333%}.ecode-col-narrow-pc-offset-5{margin-left:20.83333%}.ecode-col-narrow-pc-6{width:25%}.ecode-col-narrow-pc-offset-6{margin-left:25%}.ecode-col-narrow-pc-7{width:29.16667%}.ecode-col-narrow-pc-offset-7{margin-left:29.16667%}.ecode-col-narrow-pc-8{width:33.33333%}.ecode-col-narrow-pc-offset-8{margin-left:33.33333%}.ecode-col-narrow-pc-9{width:37.5%}.ecode-col-narrow-pc-offset-9{margin-left:37.5%}.ecode-col-narrow-pc-10{width:41.66667%}.ecode-col-narrow-pc-offset-10{margin-left:41.66667%}.ecode-col-narrow-pc-11{width:45.83333%}.ecode-col-narrow-pc-offset-11{margin-left:45.83333%}.ecode-col-narrow-pc-12{width:50%}.ecode-col-narrow-pc-offset-12{margin-left:50%}.ecode-col-narrow-pc-13{width:54.16667%}.ecode-col-narrow-pc-offset-13{margin-left:54.16667%}.ecode-col-narrow-pc-14{width:58.33333%}.ecode-col-narrow-pc-offset-14{margin-left:58.33333%}.ecode-col-narrow-pc-15{width:62.5%}.ecode-col-narrow-pc-offset-15{margin-left:62.5%}.ecode-col-narrow-pc-16{width:66.66667%}.ecode-col-narrow-pc-offset-16{margin-left:66.66667%}.ecode-col-narrow-pc-17{width:70.83333%}.ecode-col-narrow-pc-offset-17{margin-left:70.83333%}.ecode-col-narrow-pc-18{width:75%}.ecode-col-narrow-pc-offset-18{margin-left:75%}.ecode-col-narrow-pc-19{width:79.16667%}.ecode-col-narrow-pc-offset-19{margin-left:79.16667%}.ecode-col-narrow-pc-20{width:83.33333%}.ecode-col-narrow-pc-offset-20{margin-left:83.33333%}.ecode-col-narrow-pc-21{width:87.5%}.ecode-col-narrow-pc-offset-21{margin-left:87.5%}.ecode-col-narrow-pc-22{width:91.66667%}.ecode-col-narrow-pc-offset-22{margin-left:91.66667%}.ecode-col-narrow-pc-23{width:95.83333%}.ecode-col-narrow-pc-offset-23{margin-left:95.83333%}.ecode-col-narrow-pc-24{width:100%}.ecode-col-narrow-pc-offset-24{margin-left:100%}}@media only screen and (min-width: 1200px){.ecode-col-pc-0{width:0%}.ecode-col-pc-offset-0{margin-left:0%}.ecode-col-pc-1{width:4.16667%}.ecode-col-pc-offset-1{margin-left:4.16667%}.ecode-col-pc-2{width:8.33333%}.ecode-col-pc-offset-2{margin-left:8.33333%}.ecode-col-pc-3{width:12.5%}.ecode-col-pc-offset-3{margin-left:12.5%}.ecode-col-pc-4{width:16.66667%}.ecode-col-pc-offset-4{margin-left:16.66667%}.ecode-col-pc-5{width:20.83333%}.ecode-col-pc-offset-5{margin-left:20.83333%}.ecode-col-pc-6{width:25%}.ecode-col-pc-offset-6{margin-left:25%}.ecode-col-pc-7{width:29.16667%}.ecode-col-pc-offset-7{margin-left:29.16667%}.ecode-col-pc-8{width:33.33333%}.ecode-col-pc-offset-8{margin-left:33.33333%}.ecode-col-pc-9{width:37.5%}.ecode-col-pc-offset-9{margin-left:37.5%}.ecode-col-pc-10{width:41.66667%}.ecode-col-pc-offset-10{margin-left:41.66667%}.ecode-col-pc-11{width:45.83333%}.ecode-col-pc-offset-11{margin-left:45.83333%}.ecode-col-pc-12{width:50%}.ecode-col-pc-offset-12{margin-left:50%}.ecode-col-pc-13{width:54.16667%}.ecode-col-pc-offset-13{margin-left:54.16667%}.ecode-col-pc-14{width:58.33333%}.ecode-col-pc-offset-14{margin-left:58.33333%}.ecode-col-pc-15{width:62.5%}.ecode-col-pc-offset-15{margin-left:62.5%}.ecode-col-pc-16{width:66.66667%}.ecode-col-pc-offset-16{margin-left:66.66667%}.ecode-col-pc-17{width:70.83333%}.ecode-col-pc-offset-17{margin-left:70.83333%}.ecode-col-pc-18{width:75%}.ecode-col-pc-offset-18{margin-left:75%}.ecode-col-pc-19{width:79.16667%}.ecode-col-pc-offset-19{margin-left:79.16667%}.ecode-col-pc-20{width:83.33333%}.ecode-col-pc-offset-20{margin-left:83.33333%}.ecode-col-pc-21{width:87.5%}.ecode-col-pc-offset-21{margin-left:87.5%}.ecode-col-pc-22{width:91.66667%}.ecode-col-pc-offset-22{margin-left:91.66667%}.ecode-col-pc-23{width:95.83333%}.ecode-col-pc-offset-23{margin-left:95.83333%}.ecode-col-pc-24{width:100%}.ecode-col-pc-offset-24{margin-left:100%}}

.ecode-layout{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}.ecode-layout.ecode-layout-hasSider{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}

.ecode-header{background:#7dbcea;line-height:80px;color:#fff;padding:0 20px}

.ecode-content{background:#2b2626;min-height:150px;color:#fff;padding:0 20px;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}

.ecode-footer{background:#ccc;color:#fff;padding:0 20px}

.ecode-sider{background:#eee}

.ecode-toast-wrapper{position:fixed;text-align:left;color:rgba(0,0,0,0.65);left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:top .4s,bottom .4s,opacity 0.3s, -webkit-transform .4s;transition:top .4s,bottom .4s,opacity 0.3s, -webkit-transform .4s;transition:top .4s,bottom .4s,opacity 0.3s, transform .4s;transition:top .4s,bottom .4s,opacity 0.3s, transform .4s,-webkit-transform .4s;z-index:9999}.ecode-toast-wrapper.center{text-align:center}.ecode-toast-wrapper.hasClose .ecode-toast{padding-right:30px}.ecode-toast-wrapper .ecode-toast{background:#fff;padding:10px 10px 10px 10px;box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05)}.ecode-toast-wrapper .ecode-toast .close{position:absolute;right:5px;top:50%;margin-top:-9px;font-size:18px;height:20px;line-height:20px;display:inline-block;cursor:pointer}.ecode-toast-wrapper .anime-down-enter-active,.ecode-toast-wrapper .anime-down-leave-active,.ecode-toast-wrapper .anime-up-enter-active,.ecode-toast-wrapper .anime-up-leave-active{-webkit-transition:all  .4s;transition:all  .4s}.ecode-toast-wrapper .anime-up-enter,.ecode-toast-wrapper .anime-up-leave-to{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0}.ecode-toast-wrapper .anime-down-enter,.ecode-toast-wrapper .anime-down-leave-active{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0}

.e-tab-bar{position:absolute;background:#3c5ed8;height:2px;left:0;bottom:0;-webkit-transition:width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}

.tab-list{border-bottom:1px solid #f0f0f0;margin:0 0 16px}.tab-list .tab-headerWrapper{position:relative;white-space:nowrap;overflow:hidden}.tab-list .tab-headerWrapper::before{content:"";display:table}.tab-list .tab-headerWrapper::after{content:"";display:table}.tab-list .tab-headerWrapper .leftNav{position:absolute;left:0;top:0;height:100%}.tab-list .tab-headerWrapper .navArrow{color:#909399;background:transparent;width:32px;line-height:41px;text-align:center;cursor:pointer}.tab-list .tab-headerWrapper .rightNav{position:absolute;right:0;top:0;height:100%}.tab-list .tab-headerWrapper.is-scroll{padding:0 32px}.tab-list .tag-list{overflow:hidden;white-space:nowrap;position:relative}.tab-list .tag-list .tag-list-children{float:left}.tab-list .tab-header{display:inline-block;padding:10px;cursor:pointer}.tab-list .tab-header.active{color:#3c5ed8}.tab-list .tab-header:hover{color:#3c5ed8}.tab-list .action{float:right;line-height:40px}

.ecode-tabs{overflow:hidden}.ecode-tabs .tab-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-transition:margin-left 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);transition:margin-left 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);will-change:margin-left}

.ecode-tab{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%}.ecode-tab .slide-enter{-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);opacity:0}.ecode-tab .slide-enter-active{-webkit-transition:opacity .35s;transition:opacity .35s}

*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}.ecode-click-animating:after{position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:inherit;border:0 solid #4646a1;opacity:0.2;-webkit-animation:fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1),waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);animation:fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1),waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:block;pointer-events:none;content:""}@-webkit-keyframes waveEffect{100%{top:-4px;left:-4px;bottom:-4px;right:-4px;border-width:4px}}@keyframes waveEffect{100%{top:-4px;left:-4px;bottom:-4px;right:-4px;border-width:4px}}@-webkit-keyframes fadeEffect{100%{opacity:0}}@keyframes fadeEffect{100%{opacity:0}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ecode-button{display:inline-block;vertical-align:middle;padding:4px 15px;font-weight:400;white-space:nowrap;line-height:1.5715;font-size:14px;background:#fff;height:34px;border-radius:4px;border:1px solid #5a5a5a;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer}.ecode-button .loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.ecode-button:focus{outline:none}.ecode-button.icon-left>.icon-span{margin-right:.3em}.ecode-button.icon-right>.icon-span{float:right;margin-left:.3em}.ecode-button.icon-right>.content{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.ecode-button.ecode-button-small{padding:0 7px;height:24px;line-height:22px}.ecode-button.ecode-button-primary{background:#4646a1;color:#fff;border:1px solid #4646a1;text-shadow:0 -1px 0 rgba(0,0,0,0.12)}.ecode-button.ecode-button-primary:hover{background:#515da1;color:#fff}.ecode-button.ecode-button-primary.ecode-button-ghost{color:#4646a1;border:1px solid #4646a1}.ecode-button,.ecode-button.ecode-button-default{background:#fff;color:#827397;border:1px solid #827397}.ecode-button:hover,.ecode-button.ecode-button-default:hover{border:1px solid #4d4c7d;color:#4d4c7d}.ecode-button.ecode-button-ghost,.ecode-button.ecode-button-default.ecode-button-ghost{color:#fff;border:1px solid #fff}.ecode-button.ecode-button-ghost:hover,.ecode-button.ecode-button-default.ecode-button-ghost:hover{border:1px solid #4d4c7d;color:#4d4c7d}.ecode-button.ecode-button-primary.ecode-button-danger{background:#fa3d3d;color:#fff;border:1px solid #fa3d3d}.ecode-button.ecode-button-primary.ecode-button-danger:hover{background:#f86060}.ecode-button.ecode-button-primary.ecode-button-danger.ecode-button-ghost{color:#fff;border:1px solid #fff}.ecode-button.ecode-button-primary.ecode-button-danger.ecode-button-ghost:hover{border:1px solid #4d4c7d;color:#4d4c7d}.ecode-button.ecode-button-default.ecode-button-danger{color:#fa3d3d;border:1px solid #fa3d3d}.ecode-button.ecode-button-default.ecode-button-danger:hover{border:1px solid #f86060;color:#f86060}.ecode-button.ecode-button-default.ecode-button-danger.ecode-button-ghost{color:#fff;border:1px solid #fff}.ecode-button.ecode-button-default.ecode-button-danger.ecode-button-ghost:hover{border:1px solid #4d4c7d;color:#4d4c7d}.ecode-button.ecode-button-dashed.ecode-button-danger{color:#fa3d3d;border:1px dashed #fa3d3d}.ecode-button.ecode-button-dashed.ecode-button-danger:hover{border:1px dashed #f86060;color:#f86060}.ecode-button.ecode-button-dashed.ecode-button-danger.ecode-button-ghost{color:#fff;border:1px solid #fff}.ecode-button.ecode-button-dashed.ecode-button-danger.ecode-button-ghost:hover{border:1px solid #4d4c7d;color:#4d4c7d}.ecode-button.ecode-button-text.ecode-button-danger{background:transparent;color:#fa3d3d;border:none;box-sizing:none}.ecode-button.ecode-button-text.ecode-button-danger:hover{color:#f86060}.ecode-button.ecode-button-dashed{background:#fff;color:#827397;border:1px dashed #827397}.ecode-button.ecode-button-dashed:hover{border:1px dashed #4d4c7d;color:#4d4c7d}.ecode-button.ecode-button-dashed.ecode-button-ghost{color:#fff;border:1px dashed #fff}.ecode-button.ecode-button-dashed.ecode-button-ghost:hover{border:1px dashed #4d4c7d;color:#4d4c7d}.ecode-button.ecode-button-text{background:transparent;color:#827397;border:none;box-sizing:none}.ecode-button.ecode-button-text:hover{color:#4d4c7d}.ecode-button.ecode-button-circle{border-radius:50%;padding:4px;width:34px}.ecode-button.ecode-button-round{padding:0px;min-width:100px;border-radius:20px;line-height:34px;height:34px}.ecode-button.ecode-button-large{font-size:16px;height:40px;padding:6px 16px}.ecode-button.ecode-button-small{height:24px;padding:0 7px;font-size:14px}.ecode-button.ecode-button-ghost{background:transparent}.ecode-button.ecode-button-ghost:hover{background:transparent}.ecode-button[disabled]{cursor:not-allowed;color:rgba(0,0,0,0.25);background-color:#f5f5f5;border-color:#d9d9d9}.ecode-button[disabled]:hover{color:rgba(0,0,0,0.25);background-color:#f5f5f5;border-color:#d9d9d9}.ecode-button.ecode-button-click-animating{position:relative}.ecode-button.ecode-button-danger.ecode-click-animating:after{border:0 solid #fa3d3d}.ecode-button-default:focus{background-color:#dddaf6;border:1px solid #4b4ef8;color:#4b4ef8}.ecode-table{margin-bottom:20px;position:relative;overflow:hidden}.ecode-table table{color:rgba(0,0,0,0.65);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;-webkit-font-feature-settings:'tnum';-moz-font-feature-settings:'tnum';font-feature-settings:'tnum'}.ecode-table table>tr{background-color:#fff}.ecode-table .ecode-table-header>tr>th{color:rgba(0,0,0,0.85);font-weight:500;text-align:left;background:#fafafa;position:relative;padding:16px;overflow-wrap:break-word}.ecode-table .ecode-table-header>tr>th>.headerCell{position:relative}.ecode-table .ecode-table-header>tr>th>.headerCell>.sort{margin-left:5px;display:inline-block;vertical-align:middle}.ecode-table .ecode-table-header>tr>th>.headerCell>.sort>.ecode-icon{display:inline-block;cursor:pointer;fill:#bebebe;width:18px;height:20px}.ecode-table .ecode-table-header>tr>th>.headerCell>.sort>.sort-enable{fill:#9bbbf0}.ecode-table .ecode-table-header,.ecode-table .ecode-table-body,.ecode-table .ecode-table-body-fixed{width:100%;text-align:left;border-radius:2px 2px 0 0;border-collapse:separate;border-spacing:0}.ecode-table .ecode-table-header td,.ecode-table .ecode-table-header th,.ecode-table .ecode-table-body td,.ecode-table .ecode-table-body th,.ecode-table .ecode-table-body-fixed td,.ecode-table .ecode-table-body-fixed th{border-bottom:1px solid #f0f0f0}.ecode-table .ecode-table-header td .ecode-button,.ecode-table .ecode-table-header th .ecode-button,.ecode-table .ecode-table-body td .ecode-button,.ecode-table .ecode-table-body th .ecode-button,.ecode-table .ecode-table-body-fixed td .ecode-button,.ecode-table .ecode-table-body-fixed th .ecode-button{margin-right:5px}.ecode-table .ecode-table-header th,.ecode-table .ecode-table-body th,.ecode-table .ecode-table-body-fixed th{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ecode-table .ecode-table-body>tr>td,.ecode-table .ecode-table-body>tr>th,.ecode-table .ecode-table-body-fixed>tr>td,.ecode-table .ecode-table-body-fixed>tr>th{position:relative;padding:16px;overflow-wrap:break-word}.ecode-table .ecode-table-body>tr>td.is-hidden,.ecode-table .ecode-table-body>tr>th.is-hidden,.ecode-table .ecode-table-body-fixed>tr>td.is-hidden,.ecode-table .ecode-table-body-fixed>tr>th.is-hidden{visibility:hidden}.ecode-table .ecode-table-body>tr.hovering-row>td,.ecode-table .ecode-table-body-fixed>tr.hovering-row>td{background:#f4f3f5}.ecode-table .ecode-table-body>tr.highlight>td,.ecode-table .ecode-table-body-fixed>tr.highlight>td{background:#e2e8f8}.ecode-table.ecode-table-border{border-left:1px solid #f0f0f0;border-top:1px solid #f0f0f0}.ecode-table.ecode-table-border td,.ecode-table.ecode-table-border th{border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.ecode-table.ecode-table-border.no-data{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0}.ecode-table .ecode-table-header-wrapper{overflow:hidden}.ecode-table .ecode-table-body-wrapper{overflow:auto;position:relative;min-height:100px}.ecode-table>.ecode-table-fixed-left{position:absolute;left:0;top:0;bottom:0;overflow:hidden}.ecode-table>.ecode-table-fixed-left>.ecode-table-fixed-left-body-wrapper{position:absolute;left:0px;bottom:0px;overflow:hidden}.ecode-table>.ecode-table-fixed-right{position:absolute;right:0px;top:0;bottom:0;overflow:hidden}.ecode-table>.ecode-table-fixed-right>.ecode-table-fixed-right-body-wrapper{position:absolute;right:0px;bottom:0px;overflow:hidden}.ecode-table>.ecode-table-fixed-right>.ecode-table-header-right-wrapper{position:absolute;right:0px}.ecode-table .fixed-right-patch{position:absolute;right:0;top:0;background-color:#fafafa}.ecode-table.scroll-shadow-position-both>.ecode-table-fixed,.ecode-table.scroll-shadow-position-left>.ecode-table-fixed-left,.ecode-table.scroll-shadow-position-right>.ecode-table-fixed-right{box-shadow:0px 0px 10px rgba(0,0,0,0.12)}.ecode-table .no-data{position:absolute;left:0;bottom:0;width:100%;top:0;min-height:100px;text-align:center}.ecode-table .no-data .inner{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.ecode-table .no-data .inner .text{color:rgba(0,0,0,0.25);color:16px;margin-top:10px}.ecode-table .no-data .inner .ecode-icon{width:40px;height:40px;fill:rgba(0,0,0,0.25)}.ecode-table .resizeDiv{position:absolute;top:0;bottom:0;width:2px;background:#f0f0f0;left:200px}.ecode-table.ecode-table-stripe tr.stripe-row{background:#fafafa}.ecode-spin{position:relative}.ecode-spin>.ecode-spin-mask{position:absolute;z-index:5;background:#fff;left:0;right:0;top:0;bottom:0;-webkit-transition:opacity .3s;transition:opacity .3s}.ecode-spin>.ecode-spin-mask .inner{position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);z-index:6}.ecode-spin>.ecode-spin-mask .ecode-icon{fill:#7780d8;width:32px;height:32px;-webkit-animation:rotate 2s infinite linear;animation:rotate 2s infinite linear}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fade-enter,.fade-leave-active{opacity:0}.ecode-fade-enter,.ecode-fade-leave-to{opacity:0}.ecode-fade-enter-active,.ecode-fade-leave-active{-webkit-transition:opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1)}.ecode-back-to-top{position:fixed;right:30px;bottom:30px;z-index:6;border-radius:50%;padding:10px;box-shadow:0 0 6px #cdb7f1;background:#fff}.ecode-back-to-top .ecode-icon{fill:#916af1;width:32px;height:32px;cursor:pointer}.ecode-click-animating:after{position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:inherit;border:0 solid #4646a1;opacity:0.2;-webkit-animation:fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1),waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);animation:fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1),waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:block;pointer-events:none;content:""}@keyframes waveEffect{100%{top:-4px;left:-4px;bottom:-4px;right:-4px;border-width:4px}}@keyframes fadeEffect{100%{opacity:0}}.ecode-checkbox{display:inline-block}.ecode-checkbox>.checkbox-label{position:relative}.ecode-checkbox>.checkbox-label>.checkbox-input{opacity:0;position:absolute;left:-9999;top:0;visibility:hidden}.ecode-checkbox>.checkbox-label>.checkbox-rect{width:20px;height:20px;background:#fff;border:1px solid #f0f0f0;display:inline-block;border-radius:2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;position:relative}.ecode-checkbox>.checkbox-label>.checkbox-rect:hover{border:1px solid #4646a1}.ecode-checkbox>.checkbox-label>.checkbox-rect::before{position:absolute;-webkit-transition:opacity 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;transition:opacity 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;content:' ';opacity:0}.ecode-checkbox>.checkbox-label>.checkbox-content{color:rgba(0,0,0,0.65);margin-left:5px;font-size:14px;cursor:pointer;margin-right:15px}.ecode-checkbox>.checkbox-label.checked>.checkbox-rect{background:#4646a1;border:1px solid #4646a1}.ecode-checkbox>.checkbox-label.checked>.checkbox-rect::before{top:1px;bottom:3px;width:4px;left:50%;margin-left:-2px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);opacity:1}.ecode-checkbox>.checkbox-label.checked>.checkbox-content{color:#4646a1}.ecode-checkbox>.checkbox-label.disabled>.checkbox-rect{cursor:not-allowed;border:1px solid #d9d9d9}.ecode-checkbox>.checkbox-label.disabled>.checkbox-rect::before{opacity:1}.ecode-checkbox>.checkbox-label.disabled>.checkbox-content{cursor:not-allowed;color:#d9d9d9}.ecode-checkbox>.checkbox-label.disabled.checked>.checkbox-rect{background:#d9d9d9}.ecode-checkbox>.checkbox-label.indeterminate>.checkbox-rect{border:1px solid #4646a1}.ecode-checkbox>.checkbox-label.indeterminate>.checkbox-rect::before{opacity:1;position:absolute;left:3px;right:3px;bottom:3px;top:3px;background:#4646a1}.ecode-checkbox>.checkbox-label>.checkbox-button{padding:10px 15px;cursor:pointer;display:inline-block;color:rgba(0,0,0,0.65);border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0}.ecode-checkbox>.checkbox-label:not(.checked):not(.disabled)>.checkbox-button:hover{color:#4646a1;border:1px solid #4646a1}.ecode-checkbox>.checkbox-label.checked>.checkbox-button{background:#4646a1;color:#fff;border:1px solid #4646a1;box-shadow:-1px 0 0 0 #cca1f3}.ecode-checkbox>.checkbox-label.checked:first-of-type>.checkbox-button{border:1px solid #4646a1}.ecode-checkbox>.checkbox-label.disabled>.checkbox-button{cursor:not-allowed;color:#ccc;background:#eee}.ecode-checkbox:first-of-type>.checkbox-label>.checkbox-button{border-left:1px solid #f0f0f0;border-top-left-radius:4px;border-bottom-left-radius:4px}.ecode-checkbox:first-of-type>.checkbox-label:not(.checked):not(.disabled)>.checkbox-button:hover{border:1px solid #4646a1}.ecode-checkbox:last-of-type>.checkbox-label>.checkbox-button{border-right:1px solid #f0f0f0;border-top-right-radius:4px;border-bottom-right-radius:4px}.ecode-checkbox:last-of-type>.checkbox-label:not(.checked):not(.disabled)>.checkbox-button:hover{border:1px solid #4646a1}.ecode-fade-enter,.ecode-fade-leave-to{opacity:0}.ecode-fade-enter-active,.ecode-fade-leave-active{-webkit-transition:opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1)}.ecode-tooltip{background:#303133;color:#FFF;padding:10px;position:absolute;border-radius:3px}.ecode-tooltip>.arrow{width:0;position:absolute;height:0;border:6px solid transparent}.ecode-tooltip[data-popper-placement^=top]>.arrow{bottom:-12px;border-top:6px solid #303133}.ecode-tooltip[data-popper-placement^=bottom]>.arrow{top:-12px;border-bottom:6px solid #303133}.ecode-tooltip[data-popper-placement^=left]>.arrow{right:-12px;border-left:6px solid #303133}.ecode-tooltip[data-popper-placement^=right]>.arrow{left:-12px;border-right:6px solid #303133}.ecode-tooltip-light{background:#d3def1;color:rgba(0,0,0,0.65)}.ecode-tooltip-light[data-popper-placement^=top]>.arrow{border-top-color:#d3def1}.ecode-tooltip-light[data-popper-placement^=bottom]>.arrow{border-bottom-color:#d3def1}.ecode-tooltip-light[data-popper-placement^=left]>.arrow{border-left-color:#d3def1}.ecode-tooltip-light[data-popper-placement^=right]>.arrow{border-right-color:#d3def1}.ecode-tooltip-plain{background:#fff;color:rgba(0,0,0,0.65);border:1px solid #303133}.ecode-tooltip-plain>.arrow:after{content:"";position:absolute;width:0;height:0;border:5px solid transparent}.ecode-tooltip-plain[data-popper-placement^=top]>.arrow{border-top-color:#303133}.ecode-tooltip-plain[data-popper-placement^=top]>.arrow:after{border-top-color:#fff;left:-5px;top:-6px}.ecode-tooltip-plain[data-popper-placement^=bottom]>.arrow{border-bottom-color:#303133}.ecode-tooltip-plain[data-popper-placement^=bottom]>.arrow:after{border-bottom-color:#fff;left:-5px;top:-4px}.ecode-tooltip-plain[data-popper-placement^=left]>.arrow{border-left-color:#303133}.ecode-tooltip-plain[data-popper-placement^=left]>.arrow:after{border-left-color:#fff;left:-6px;top:-5px}.ecode-tooltip-plain[data-popper-placement^=right]>.arrow{border-right-color:#303133}.ecode-tooltip-plain[data-popper-placement^=right]>.arrow:after{border-right-color:#fff;left:-4px;top:-5px}.ecode-popover{background:#fff;color:rgba(0,0,0,0.65);box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);position:absolute;border-radius:3px}.ecode-popover>.arrow:after{content:"";width:0;position:absolute;height:0;border:5px solid transparent}.ecode-popover[data-popper-placement^=top]>.arrow{bottom:6px}.ecode-popover[data-popper-placement^=top]>.arrow:after{border-top-color:#fff;border-right-color:#fff;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);box-shadow:1px -1px 3px rgba(0,0,0,0.12)}.ecode-popover[data-popper-placement^=bottom]>.arrow{top:-5px}.ecode-popover[data-popper-placement^=bottom]>.arrow:after{border-top-color:#fff;border-right-color:#fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:1px -1px 3px rgba(0,0,0,0.12)}.ecode-popover[data-popper-placement^=left]>.arrow{right:5px}.ecode-popover[data-popper-placement^=left]>.arrow:after{border-top-color:#fff;border-right-color:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:1px -1px 3px rgba(0,0,0,0.12)}.ecode-popover[data-popper-placement^=right]>.arrow{left:-5px}.ecode-popover[data-popper-placement^=right]>.arrow:after{border-top-color:#fff;border-left-color:#fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:-1px -1px 3px rgba(0,0,0,0.12)}.ecode-popover>.title{padding:10px;font-size:16px;border-bottom:1px solid #f0f0f0;color:rgba(0,0,0,0.65);font-weight:bold}.ecode-popover>.content{padding:15px}.eocde-inputWrapper{width:100%;position:relative;display:inline-block;vertical-align:top;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.eocde-inputWrapper.error>.ecode-input-inner,.eocde-inputWrapper.error>.ecode-input-inner:focus-within,.eocde-inputWrapper.error>.ecode-input-inner:hover{border:1px solid #ee1b1b;box-shadow:inset 0 0 0 0.03em #ee1b1b,0 0 0 0.02em #ee1b1b}.eocde-inputWrapper.error>.ecode-textarea-inner,.eocde-inputWrapper.error>.ecode-textarea-inner:focus,.eocde-inputWrapper.error>.ecode-textarea-inner:hover{border:1px solid #ee1b1b;box-shadow:inset 0 0 0px 0.03em #ee1b1b}.eocde-inputWrapper.error .message{color:#ee1b1b}.eocde-inputWrapper>.ecode-input-inner,.eocde-inputWrapper .ecode-textarea-inner{border:1px solid #5a5a5a;width:100%;color:rgba(0,0,0,0.65);font-size:14px;height:34px;line-height:1.5;border-radius:4px;padding:0 10px;cursor:pointer;-webkit-transition:border-color 0.2s cubic-bezier(0.82, 0.01, 0.13, 1.01);transition:border-color 0.2s cubic-bezier(0.82, 0.01, 0.13, 1.01)}.eocde-inputWrapper>.ecode-input-inner:hover,.eocde-inputWrapper .ecode-textarea-inner:hover{box-shadow:inset 0 0px 0px #5f5f5f,0 0 0 0.03em #5f5f5f}.eocde-inputWrapper>.ecode-input-inner:focus,.eocde-inputWrapper .ecode-textarea-inner:focus{border:1px solid #131212;outline:none;box-shadow:inset 0 0px 0px #5f5f5f,0 0 0 0.03em #5f5f5f}.eocde-inputWrapper>.ecode-input-inner[disabled],.eocde-inputWrapper .ecode-textarea-inner[disabled]{border-color:#d9d9d9;cursor:not-allowed;background:#d8d8d8}.eocde-inputWrapper>.ecode-input-inner[readonly],.eocde-inputWrapper .ecode-textarea-inner[readonly]{border-color:#d9d9d9;background:#d8d8d8}.eocde-inputWrapper .padding_r{padding-right:30px}.eocde-inputWrapper .padding_l{padding-left:30px}.eocde-inputWrapper>.ecode-input-suffix,.eocde-inputWrapper .ecode-input-suf-slot,.eocde-inputWrapper .input-count{position:absolute;right:5px;cursor:pointer;color:#868a93;text-align:center}.eocde-inputWrapper .ecode-input-prefix,.eocde-inputWrapper .ecode-input-pre-slot{position:absolute;left:5px;cursor:pointer;color:#868a93;text-align:center}.eocde-inputWrapper>.ecode-textarea-inner{width:100%;height:auto;padding:5px 15px}.eocde-inputWrapper .input-count{bottom:5px}.eocde-inputWrapper .input-count .input-count-inner{font-size:12px}.ecode-input-large>.ecode-input-inner{height:40px;line-height:40px}.ecode-input-small>.ecode-input-inner{height:28px;line-height:28px}

.demo-layout .ecode-header{background:#949191;color:#fff}.demo-layout .ecode-content{line-height:150px;height:150px}.demo-layout .ecode-footer{padding:20px}.demo-layout .demo-wrapper>div>.ecode-layout{margin-bottom:32px}.demo-layout .ecode-sider{background:#3a3a3a;color:#fff;padding:20px}.icon-list .ecode-col{text-align:center;cursor:pointer;height:70px;margin-top:10px}.icon-list .ecode-col .icon-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-list .ecode-icon{width:2em;height:2em;fill:#9099d0}.button-demo>.ecode-button{margin-bottom:5px}.button-demo-ghost{background:#ccc;padding:20px}.center-box{margin:80px auto;position:relative;width:250px;height:160px}.center-box .ecode-button{width:70px;padding:4px 5px}.center-box .left-box{position:absolute;top:0;width:90px;padding:10px 10px;line-height:50px;bottom:0;left:-70px}.center-box .right-box{position:absolute;top:0;width:90px;padding:10px 10px;line-height:50px;bottom:0;right:-70px}.center-box .top-box{position:absolute;top:-30px;line-height:50px;padding:0 15px;left:0px;right:0px}.center-box .bottom-box{position:absolute;bottom:-40px;line-height:50px;padding:0 15px;left:0px;right:0px}.always{padding:5px;cursor:pointer;background:#6c35ec;border-radius:3px;color:#fff}.always>.ecode-icon{fill:#dfd7f0;width:20px;height:20px;vertical-align:middle;margin-right:5px}.input-margin-top{margin-top:20px}.ecode-input{width:180px}.textarea-demo{width:400px}.example{width:100%}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif}ul,li{list-style:none}.margin-bottom-15{margin-bottom:15px}.margin-15{margin:15px}.inline-block{display:inline-block}.ecode-doc{padding:20px}.ecode-doc>.tip{padding:8px 16px;background-color:#d4dbf5;border-radius:4px;border-left:5px solid #6b83ec;margin:20px 0}.ecode-doc>h1{font-size:30px;font-weight:500;line-height:35px;font-family:Avenir,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji,sans-serif}.ecode-doc>h2,.ecode-doc>h3{font-weight:400;color:#1f2f3d;margin:20px 0 20px}.ecode-doc>h2 a,.ecode-doc>h3 a{opacity:.4}.ecode-doc>h2 a:hover,.ecode-doc>h3 a:hover{opacity:.4}.ecode-doc>h3{margin:15px 0 15px}.ecode-doc p{margin:15px 0 15px 0;color:#616164;line-height:28px}.ecode-doc p>code{padding:8px;vertical-align:middle;margin-bottom:5px;background:#5e5ee6;border-radius:3px;color:#fff}.ecode-doc .hljs{line-height:1.8;font-family:Menlo,Monaco,Consolas,Courier,monospace;font-size:12px;padding:18px 24px;background-color:#fafafa;border:1px solid #eaeefb;border-radius:4px;-webkit-font-smoothing:auto}.ecode-doc>table{border-collapse:collapse;width:100%;margin-bottom:40px;line-height:1.5em;table-layout:fixed;margin-top:15px}.ecode-doc>table th{text-align:center;white-space:nowrap;color:#333;font-weight:400;padding:15px;background:#e1e3f5}.ecode-doc>table td{border-bottom:1px solid #dcdfe6;padding:15px;max-width:250px;color:#616164;text-align:center}.ecode-doc ul{margin-left:20px;padding-left:4px;list-style-type:circle}.ecode-doc ul li{padding:5px;color:#1f2f3d}.doc-header>.miniBar{display:none}@media only screen and (max-width: 767.99px){.doc-nav{display:none}.subMenu .subMenuTitle{padding:10px 20px}.popper-content>.doc-nav{display:block;padding-top:3px;height:calc( 100vh - 60px);overflow:auto}.doc-content{padding-left:10px}.doc-content .table{overflow:auto}.doc-header>.miniBar{display:block;position:absolute;right:15px;top:20px;width:30px;height:30px}.doc-header>.miniBar .ecode-icon{width:1.5em;height:1.5em}.ecode-doc table td{padding:5px 10px;word-wrap:break-word}}

.demo-block{padding:10px 0}.demo-block .description{padding:10px;box-shadow:0px 0px 3px #e0dce6;margin:10px;border-radius:2px}.demo-block .source{border-radius:3px;border:1px solid #ebebeb}.demo-block .source:hover{box-shadow:0 0 8px 0 rgba(232,237,250,0.6),0 2px 4px 0 rgba(232,237,250,0.5)}.demo-block .source .buttonDiv{border-top:1px solid #f3f6ff;background:#f0eff5;height:44px;line-height:44px;margin:0;text-align:center;cursor:pointer;-webkit-transition:0.1s linear all;transition:0.1s linear all}.demo-block .source .buttonDiv:hover{background:#f3f6ff}.demo-block .source .buttonDiv>a{color:#3d424e;font-size:16px;display:inline-block;vertical-align:middle}.demo-block .source .buttonDiv .ecode-icon{-webkit-transition:.1 linear all;transition:.1 linear all;color:#8f8f8f;width:1.5em;height:1.5em;vertical-align:middle}.demo-block .source .buttonDiv.fixed{position:fixed;bottom:0}.demo-block .highlight{padding:10px}.demo-block .enterRight-enter-active,.demo-block .enterRight-leave-active{-webkit-transition:.1s linear all;transition:.1s linear all}.demo-block .enterRight-enter,.demo-block .enterRight-leave-to{-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px);opacity:0}