.input-color{align-items:center;display:flex}.input-color .el-input{margin-right:5px}.input-size,.input-shadow__item{align-items:center;display:flex}.input-shadow__item .el-input,.input-shadow__item .el-color-picker{margin-right:5px}.input-shadow{flex-direction:column;display:flex}.input-shadow .input-shadow__row{flex-direction:row;align-items:center;display:flex}.input-shadow .input-shadow__row>.el-select{width:100%;margin-right:5px}.input-shadow .input-shadow__item{margin-bottom:5px}.input-shadow .el-input{margin-right:5px}.input-border-radius{align-items:center;display:flex}.input-border-radius>.el-input,.input-border-radius>.el-select{margin-right:5px}.component-preview.is-button .el-row{margin-bottom:20px}.theme-form{height:100%;display:flex;position:relative}.theme-form .theme-preview{width:70%;padding:20px;position:relative}.theme-form .card__body .el-scrollbar{width:100%}.theme-form__actions{border-bottom:1px solid #efefef;flex-direction:row;align-items:center;padding:20px 15px;display:flex;position:absolute;top:0;left:0;right:0}.theme-form__actions .el-button+.el-button{margin-left:0}.theme-form__actions .el-button{margin-right:10px}.theme-form .el-form-item.is-group>.el-form-item__label{font-size:18px;font-weight:500}.theme-form .el-form-item.is-group>.el-form-item__content{padding:5px}.theme-form .el-form-item.is-group>.el-form-item__content>.el-form-item:last-child{margin-bottom:0}.theme-form .el-form{background:#fff;border:1px solid #efefef;border-radius:5px;width:100%;max-width:450px;padding-top:73px;position:absolute;top:15px;bottom:15px;right:30px;overflow:hidden;box-shadow:0 0 8px 2px #0000001a}.theme-form .el-form .el-scrollbar{width:auto;height:100%}.theme-form .el-form .el-scrollbar .el-scrollbar__view{padding:15px}.theme-form .vue-codemirror{position:absolute;right:0}.theme-form .codemirror{width:100%;height:100%}.component-preview{margin-bottom:20px}.component-preview:last-of-type{padding-bottom:20px}.component-preview h4{color:#909399;margin-bottom:20px;font-size:20px}.component-preview .demo-item{margin-top:10px;margin-right:40px}.component-preview .demo-line{margin:15px 0}.component-preview .demo-color-box{margin:0}.component-preview .color{margin-right:-12%}.component-preview .title{padding:0 20px;font-size:18px;font-weight:400}.component-preview .paragraph{padding:0 20px}.component-preview .heading>div{margin-bottom:15px}.component-preview .el-carousel__item:nth-child(2n){background-color:#99a9bf}.component-preview .el-carousel__item:nth-child(odd){background-color:#d3dce6}.component-preview .avatar-demo{align-items:center;display:flex}.component-preview .el-avatar:not(:last-child){margin-right:20px}.bg-color-sub,.demo-color-box-group .demo-color-box:last-child{border-radius:0 0 4px 4px}.bg-color-sub{width:100%;height:40px;position:absolute;bottom:0;left:0}.bg-success-sub-item{width:50%;height:100%;display:inline-block}.bg-success-sub-item:first-child{border-radius:0 0 0 4px}.bg-success-sub-item:last-child{border-radius:0 0 4px}.demo-block{border:1px solid #ebebeb;border-radius:3px;transition:all .2s}.demo-block.hover{box-shadow:0 0 8px #e8edfa99,0 2px 4px #e8edfa80}.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;height:0;transition:height .2s;overflow:hidden}.demo-block .description{box-sizing:border-box;color:#666;word-break:break-word;background-color:#fff;border:1px solid #ebebeb;border-radius:3px;margin:10px;padding:20px;font-size:14px;line-height:22px}.demo-block .description p{margin:0;line-height:26px}.demo-block .description code{color:#5e6d82;background-color:#e6effb;border-radius:3px;height:18px;margin:0 4px;padding:1px 5px;font-size:12px;line-height:18px;display:inline-block}.demo-block .highlight pre{margin:0}.demo-block .highlight code.hljs{border:none;border-radius:0;max-height:none;margin:0}.demo-block .highlight code.hljs:before{content:none}.demo-block .demo-block-control{box-sizing:border-box;text-align:center;color:#d3dce6;cursor:pointer;background-color:#fff;border-top:1px solid #eaeefb;border-bottom-right-radius:4px;border-bottom-left-radius:4px;height:44px;margin-top:-1px;position:relative}.demo-block .demo-block-control.is-fixed{width:868px;position:fixed;bottom:0}.demo-block .demo-block-control i{font-size:16px;line-height:44px;transition:all .3s}.demo-block .demo-block-control i.hovering{transform:translate(-40px)}.demo-block .demo-block-control>span{font-size:14px;line-height:44px;transition:all .3s;display:inline-block;position:absolute;transform:translate(-30px)}.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;transform:translate(10px)}.demo-block .demo-block-control .control-button{padding-left:5px;padding-right:25px;font-size:14px;line-height:26px;position:absolute;top:0;right:0}.demo-block.demo-alert .el-alert{margin:20px 0 0}.demo-block.demo-alert .el-alert:first-child{margin:0}.demo-badge.demo-block .el-dropdown{vertical-align:middle}.demo-badge.demo-block .share-button{width:36px;padding:10px}.demo-badge.demo-block .mark{float:right;margin-top:8px;line-height:1}.demo-badge.demo-block .item{margin-right:40px}.demo-border .text{width:15%}.demo-border .line{width:70%}.demo-border .line div{border-top:1px solid #eee;width:100%;height:0}.demo-border .line .dashed{border-top:2px dashed #eee}.demo-shadow{border:1px solid #eee;width:50%;height:100px}.demo-shadow-text{color:#666;font-size:14px;line-height:50px}.demo-radius .title{color:#666;margin:10px 0;font-size:18px}.demo-radius .value{color:#333;margin:10px 0;font-size:16px}.demo-radius .radius{border:1px solid #d7dae2;border-radius:0;width:70%;height:60px;margin-top:20px}.demo-radius .radius-30{border-radius:30px}.demo-block.demo-button .el-row{margin-bottom:20px}.demo-block.demo-button .el-row:last-child{margin-bottom:0}.demo-block.demo-button .el-button+.el-button{margin-left:10px}.demo-block.demo-button .el-button-group .el-button+.el-button{margin-left:0}.demo-block.demo-button .el-button-group+.el-button-group{margin-left:10px}.demo-calendar.demo-block .is-selected{color:#1989fa}.demo-block.demo-card .text{font-size:14px}.demo-block.demo-card .time{color:#999;font-size:13px}.demo-block.demo-card .bottom{margin-top:13px;line-height:12px}.demo-block.demo-card .item{margin-bottom:18px}.demo-block.demo-card .button{float:right;padding:0}.demo-block.demo-card .image{width:100%;display:block}.demo-block.demo-card .box-card{width:480px}.demo-carousel .block{text-align:center;box-sizing:border-box;border-right:1px solid #eff2f6;width:49%;padding:30px;display:inline-block}.demo-carousel .block:last-child{border-right:none}.demo-carousel .demonstration{color:#8492a6;margin-bottom:20px;font-size:14px;display:block}.demo-carousel .el-carousel__container{text-align:center}.demo-carousel .el-carousel__item h3{color:#fff;margin:0;font-size:18px;line-height:300px}.demo-carousel .el-carousel__item h3.small{font-size:14px;line-height:150px}.demo-carousel .el-carousel__item h3.medium{font-size:14px;line-height:200px}.demo-carousel .el-carousel__item:nth-child(2n){background-color:#99a9bf}.demo-carousel .el-carousel__item:nth-child(odd){background-color:#d3dce6}.demo-cascader .el-cascader{width:222px}.demo-cascader-size .el-cascader{vertical-align:top;margin-right:15px}.demo-cascader .source>div{display:flex}.demo-cascader .block{text-align:center;box-sizing:border-box;border-right:1px solid #eff2f6;width:50%;padding:30px 0}.demo-cascader .block:last-child{border-right:none}.demo-cascader .demonstration{color:#8492a6;margin-bottom:20px;font-size:14px;display:block}.demo-collapse .el-collapse-item__header .header-icon{margin-left:5px}.demo-color-picker .block{text-align:center;box-sizing:border-box;border-right:1px solid #eff2f6;width:50%;padding:30px 0;display:inline-block}.demo-color-picker .block:last-child{border-right:none}.demo-color-picker .demonstration{color:#8492a6;margin-bottom:20px;font-size:14px;display:block}.demo-color-picker .el-color-picker+.el-color-picker{margin-left:20px}.demo-color-box{box-sizing:border-box;color:#fff;border-radius:4px;height:114px;margin:5px 0;padding:20px;font-size:14px;position:relative}.demo-color-box .value{opacity:.69;font-size:12px;line-height:24px}.demo-color-box-other{height:74px;padding:15px 20px;border-radius:4px!important;margin:10px 0!important}.demo-color-box-group .demo-color-box{border-radius:0;margin:0}.demo-color-box-group .demo-color-box:first-child{border-radius:4px 4px 0 0}.bg-transparent{color:#303133;background-color:#0000;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 version=%271.1%27 preserveAspectRatio=%27none%27 viewBox=%270 0 100 100%27><path d=%27M0 98 L100 0 L100 1 L1 98%27 fill=%27%23FCC3C3%27 /></svg>");background-position:50%;background-repeat:no-repeat;background-size:100% 100%,auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #fcc3c3}.demo-color-box-lite{color:#303133}.demo-block.demo-date-picker .source>div{flex-wrap:wrap;padding:0;display:flex}.demo-date-picker .block{text-align:center;border-right:1px solid #eff2f6;flex:1;padding:30px 0}.demo-date-picker .block:last-child{border-right:none}.demo-date-picker .container{border-right:1px solid #eff2f6;flex:1}.demo-date-picker .container .block{border-right:none}.demo-date-picker .container .block:last-child{border-top:1px solid #eff2f6}.demo-date-picker .container:last-child{border-right:none}.demo-date-picker .demonstration{color:#8492a6;margin-bottom:20px;font-size:14px;display:block}.demo-block.demo-datetime-picker .source>div{padding:0;display:flex}.demo-datetime-picker .block{text-align:center;border-right:1px solid #eff2f6;flex:1;padding:30px 0}.demo-datetime-picker .block:last-child{border-right:none}.demo-datetime-picker .demonstration{color:#8492a6;margin-bottom:20px;font-size:14px;display:block}.demo-block.demo-dialog .dialog-footer button:first-child{margin-right:10px}.demo-block.demo-dialog .full-image{width:100%}.demo-block.demo-dialog .el-dialog__wrapper{margin:0}.demo-block.demo-dialog .el-input,.demo-block.demo-dialog .el-select{width:300px}.demo-block.demo-dialog .el-button--text{margin-right:15px}.demo-block .el-dropdown{vertical-align:top}.demo-block .el-dropdown+.el-dropdown{margin-left:15px}.demo-block .el-dropdown-link{cursor:pointer;color:#409eff}.demo-block .el-icon-arrow-down{font-size:12px}.demo-dropdown .demonstration{color:#8492a6;margin-bottom:20px;font-size:14px;display:block}.demo-form .el-select .el-input{width:380px}.demo-form .el-form{width:460px}.demo-form .line{text-align:center}.demo-form .el-checkbox-group{width:320px;margin:0;padding:0;list-style:none}.demo-form .el-checkbox-group:after,.demo-form .el-checkbox-group:before{content:" ";display:table}.demo-form .el-checkbox-group:after{clear:both;visibility:hidden;height:0;font-size:0}.demo-form .el-checkbox-group .el-checkbox{float:left;width:160px;margin:0;padding:0}.demo-form .el-checkbox-group .el-checkbox+.el-checkbox{margin-left:0}.demo-form .demo-form-normal{width:460px}.demo-form .demo-form-inline{width:auto}.demo-form .demo-form-inline .el-input{width:150px}.demo-form .demo-form-inline>*{margin-right:10px}.demo-form .demo-ruleForm{width:460px}.demo-form .demo-ruleForm .el-select .el-input{width:360px}.demo-form .demo-dynamic .el-input{vertical-align:top;width:270px;margin-right:10px}.demo-form .fr{float:right}.demo-icon .source>div>i{color:#606266;vertical-align:middle;margin:0 20px;font-size:1.5em}.demo-icon .source button{margin:0 20px}.demo-block.demo-input-number .el-input-number+.el-input-number{margin-left:10px}.demo-input .el-select .el-input{width:130px}.demo-input .el-input{width:180px}.demo-input .el-textarea{width:414px}.demo-input .el-input-group{width:100%}.demo-input .demo-input-size .el-input{vertical-align:top;margin:0 10px 10px 0}.demo-input .input-with-select .el-input-group__prepend{background-color:#fff}.demo-input .demo-autocomplete{text-align:center}.demo-input .demo-autocomplete .sub-title{color:#8492a6;margin-bottom:10px;font-size:14px}.demo-input .demo-autocomplete .el-col:not(:last-child){border-right:1px solid #e0e6ed80}.demo-input .demo-autocomplete .el-autocomplete{text-align:left}.demo-input-suffix{margin-bottom:15px}.demo-input-suffix .el-input{margin-right:15px}.demo-layout .el-row{margin-bottom:20px}.demo-layout .el-row:last-child{margin-bottom:0}.demo-layout .el-col{border-radius:4px}.demo-layout .bg-purple-dark{background:#99a9bf}.demo-layout .bg-purple{background:#d3dce6}.demo-layout .bg-purple-light{background:#e5e9f2}.demo-layout .grid-content{border-radius:4px;min-height:36px}.demo-layout .row-bg{background-color:#f9fafc;padding:10px 0}.demo-loading .el-table{border:none}.demo-block.demo-menu .el-menu-demo{padding-left:55px}.demo-block.demo-menu .el-menu-vertical-demo:not(.el-menu--collapse){width:240px;min-height:400px}.demo-block.demo-menu .line{background-color:#e0e6ed;height:1px;margin:35px -24px}.demo-block.demo-menu h5{color:#8492a6;margin-top:10px;font-size:14px}.demo-block.demo-menu .tac{text-align:center}.demo-block.demo-menu .tac .el-menu-vertical-demo{text-align:left;display:inline-block}.demo-pagination .source.first{padding:0}.demo-pagination .first .block{text-align:center;box-sizing:border-box;border-right:1px solid #eff2f6;width:50%;padding:30px 0;display:inline-block}.demo-pagination .first .block:last-child{border-right:none}.demo-pagination .first .demonstration{color:#8492a6;margin-bottom:20px;font-size:14px;display:block}.demo-pagination .source.last{padding:0}.demo-pagination .last .block{border-bottom:1px solid #eff2f6;padding:30px 24px}.demo-pagination .last .block:last-child{border-bottom:none}.demo-pagination .last .demonstration{color:#8492a6;font-size:14px;line-height:44px}.demo-pagination .last .demonstration+.el-pagination{width:70%;margin:5px 20px 0 0}.demo-block.demo-popover .el-popover+.el-popover{margin-left:10px}.demo-block.demo-popover .el-input{width:360px}.demo-block.demo-popover .el-button{margin-left:10px}.demo-block.demo-progress .el-progress--line{width:350px;margin-bottom:15px}.demo-block.demo-progress .el-progress--circle{margin-right:15px}.demo-rate .block{text-align:center;box-sizing:border-box;border-right:1px solid #eff2f6;width:49%;padding:30px 0;display:inline-block}.demo-rate .block:last-child{border-right:none}.demo-rate .demonstration{color:#8492a6;margin-bottom:20px;font-size:14px;display:block}.demo-select .el-select{width:240px}.demo-block.demo-slider .source{padding:0}.demo-block.demo-slider .block{border-bottom:1px solid #eff2f6;padding:30px 24px;overflow:hidden}.demo-block.demo-slider .block:last-child{border-bottom:none}.demo-block.demo-slider .demonstration{color:#8492a6;font-size:14px;line-height:44px}.demo-block.demo-slider .demonstration+.el-slider{float:right;width:70%;margin-right:20px}.demo-block.demo-switch .el-switch{margin:20px 20px 20px 0}.demo-table .name-wrapper{display:inline-block}.demo-table .demo-table-expand label{color:#99a9bf;width:90px}.demo-table .demo-table-expand .el-form-item{width:50%;margin-bottom:0;margin-right:0}.demo-block.demo-tag .el-tag+.el-tag{margin-left:10px}.demo-block.demo-tag .button-new-tag{height:32px;margin-left:10px;padding-top:0;padding-bottom:0;line-height:30px}.demo-block.demo-tag .input-new-tag{vertical-align:bottom;width:90px;margin-left:10px}.demo-block.demo-tag .tag-group{align-items:center;display:flex}.demo-block.demo-tag .tag-group__title{color:#606266;width:45px;font-size:14px}.demo-block.demo-tag .tag-group+.tag-group{margin-top:10px}.demo-block .el-date-editor+.el-date-editor{margin-left:10px}.demo-timeline .source .radio{margin-bottom:20px}.demo-timeline .source .radio .el-radio-group{margin-left:20px}.demo-tooltip .el-tooltip+.el-tooltip{margin-left:15px}.demo-tooltip .box{width:400px}.demo-tooltip .box .top{text-align:center}.demo-tooltip .box .left{float:left;width:60px}.demo-tooltip .box .right{float:right;width:60px}.demo-tooltip .box .bottom{clear:both;text-align:center}.demo-tooltip .box .item{margin:4px}.demo-tooltip .box .left .el-tooltip__popper,.demo-tooltip .box .right .el-tooltip__popper{padding:8px 10px}.demo-tooltip .box .el-tooltip{margin-left:0}.demo-transition .transition-box{text-align:center;color:#fff;box-sizing:border-box;background-color:#409eff;border-radius:4px;width:200px;height:100px;margin-bottom:10px;margin-right:20px;padding:40px 20px}.demo-transfer .transfer-footer{margin-left:15px;padding:6px 5px}.demo-tree .leaf{background:#ddd;width:20px}.demo-tree .folder{background:#888;width:20px}.demo-tree .buttons,.demo-tree .filter-tree{margin-top:20px}.demo-tree .custom-tree-container{margin:-24px;display:flex}.demo-tree .block{flex:1;padding:8px 24px 24px}.demo-tree .block:first-child{border-right:1px solid #eff2f6}.demo-tree .block>p{text-align:center;margin:0;line-height:4}.demo-tree .custom-tree-node{flex:1;justify-content:space-between;align-items:center;padding-right:8px;font-size:14px;display:flex}.demo-typo-size .color-dark-light{color:#99a9bf}.demo-term-box img{width:24%;margin:0 4% 20px 0}.demo-block{margin-bottom:24px}.demo-block .upload-demo{width:360px}.demo-block .avatar-uploader .el-upload{cursor:pointer;border:1px dashed #d9d9d9;border-radius:6px;position:relative;overflow:hidden}.demo-block .avatar-uploader .el-upload:focus,.demo-block .avatar-uploader .el-upload:hover{border-color:#409eff}.demo-block .avatar-uploader .avatar-uploader-icon{color:#8c939d;text-align:center;width:178px;height:178px;font-size:28px;line-height:178px}.demo-block .avatar-uploader .avatar{width:178px;height:178px;display:block}.demo-divider-container-1{width:33%;display:inline-block}.demo-divider-container-2{width:50%;display:inline-block}.demo-image .block,.demo-image__error .block,.demo-image__placeholder .block{text-align:center;box-sizing:border-box;vertical-align:top;border-right:1px solid #eff2f6;width:20%;padding:30px 0;display:inline-block}.demo-image .block:last-child,.demo-image__error .block:last-child,.demo-image__placeholder .block:last-child{border-right:none}.demo-image .demonstration,.demo-image__error .demonstration,.demo-image__placeholder .demonstration{color:#8492a6;margin-bottom:20px;font-size:14px;display:block}.demo-image__error .block,.demo-image__placeholder .block{width:49%}.demo-image__error .el-image,.demo-image__placeholder .el-image{width:300px;height:200px}.demo-image__error .image-slot,.demo-image__placeholder .image-slot{color:#909399;background:#f5f7fa;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.demo-image__placeholder .dot{animation:2s steps(3,start) infinite dot;overflow:hidden}.demo-image__error .image-slot{font-size:30px}.demo-image__lazy{height:400px;overflow-y:auto}.demo-image__lazy .el-image{min-height:200px;margin-bottom:10px;display:block}.demo-image__lazy .el-image:last-child{margin-bottom:0}.demo-avatar.demo-basic{text-align:center}.demo-avatar.demo-basic .demo-basic--circle,.demo-avatar.demo-basic .demo-basic--square{justify-content:space-between;align-items:center;display:flex}.demo-avatar.demo-basic .demo-basic--circle .block,.demo-avatar.demo-basic .demo-basic--square .block{flex:1}.demo-avatar.demo-basic .demo-basic--circle .block:not(:last-child),.demo-avatar.demo-basic .demo-basic--square .block:not(:last-child){border-right:1px solid #e0e6ed80}.demo-avatar .sub-title{color:#8492a6;margin-bottom:10px;font-size:14px}.demo-avatar .el-col:not(:last-child){border-right:1px solid #e0e6ed80}.demo-avatar .demo-type{display:flex}.demo-avatar .demo-type>div{text-align:center;flex:1}.demo-avatar .demo-type>div:not(:last-child){border-right:1px solid #e0e6ed80}.demo-avatar .demo-fit{text-align:center;justify-content:space-between;display:flex}.demo-avatar .demo-fit .block{flex-direction:column;flex:0;display:flex}.demo-avatar .demo-fit .title{color:#8492a6;margin-bottom:10px;font-size:14px}.demo-drawer__content{flex-direction:column;height:100%;display:flex}.demo-drawer__content form{flex:1}.demo-drawer__footer{display:flex}.demo-drawer__footer button{flex:1}.demo-block.demo-skeleton .el-card{margin-bottom:16px}.demo-block.demo-skeleton .card-header{justify-content:space-between;align-items:center;display:flex}.demo-block.demo-skeleton .time{color:#999;font-size:13px}.demo-block.demo-skeleton .bottom{margin-top:13px;line-height:12px}.demo-block.demo-skeleton .button{min-height:auto;padding:0}.demo-block.demo-skeleton .image{width:100%;display:block}.demo-block.demo-skeleton .image.multi-content{width:400px;height:267px}.demo-block.demo-skeleton .clearfix:after,.demo-block.demo-skeleton .clearfix:before{content:"";display:table}.demo-block.demo-skeleton .clearfix:after{clear:both}.demo-block.demo-descriptions .margin-top{margin-top:20px}.demo-block.demo-descriptions .my-label{background:#e1f3d8}.demo-block.demo-descriptions .my-content{background:#fde2e2}.demo{margin:20px 0}