zcloud-ui/lib/theme-chalk/index.css

A Component Library for Vue.js.

.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.zl-icon{height:14px;width:14px;fill:currentColor}.zl-pagination .el-pagination .btn-next,.zl-pagination .el-pagination .btn-prev,.zl-pagination .el-pagination .el-pager .number{background:#fff;border:1px solid #D1DBE5;padding:0 4px;color:#666;font-weight:400;min-width:28px}.zl-pagination .el-pagination.is-background .btn-next,.zl-pagination .el-pagination.is-background .btn-prev,.zl-pagination .el-pagination.is-background .el-pager li{margin:0 0 0 -1px}.zl-pagination .el-pagination.is-background .btn-next.btn-quicknext,.zl-pagination .el-pagination.is-background .btn-prev.btn-quicknext,.zl-pagination .el-pagination.is-background .el-pager li.btn-quicknext{margin:0}.zl-pagination .el-pagination .el-pager .number{margin-left:-1px}.zl-pagination .el-pagination .btn-prev{border-left:#D1DBE5 solid 1px;border-right:0;border-radius:3px 0 0 3px}.zl-pagination .el-pagination .btn-next{border-left:0;border-radius:0 3px 3px 0}.zl-dialog.el-dialog{min-width:300px}.zl-dialog .el-dialog__footer{border-top:#E4EFF7 solid 1px;padding:12px}.zl-dialog .el-button+.el-button{margin-left:5px!important}.zl-dialog .el-dialog__body{font-size:12px;padding:20px 20px 10px}.zl-dialog .el-dialog__header{padding:10px 16px;background:#F6FAFD;border-bottom:#E4EFF7 solid 1px;color:#44667f}.zl-dialog .el-dialog__header .el-dialog__title{color:#44667f;font-weight:700;font-size:14px}.zl-dialog .el-dialog.is-fullscreen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.zl-dialog .el-dialog.is-fullscreen .el-dialog__footer,.zl-dialog .el-dialog.is-fullscreen .el-dialog__header{-webkit-box-flex:0;-ms-flex:none;flex:none}.zl-dialog .el-dialog.is-fullscreen .el-dialog__body{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0;overflow:auto}@media screen and (max-height:800px){.zl-dialog .el-dialog__wrapper{top:-80px}.zl-dialog :not(.is-fullscreen) .el-dialog__body{max-height:calc(100vh - 200px);overflow:auto}}@media (min-height:800px) and (max-height:900px){.zl-dialog :not(.is-fullscreen) .el-dialog__body{max-height:calc(100vh - 300px);overflow:auto}}@media (min-height:900px){.zl-dialog :not(.is-fullscreen) .el-dialog__body{max-height:calc(100vh - 300px);overflow:auto}}@media (min-width:1380px){.zl-dialog :not(.is-fullscreen) .el-dialog--small{width:40%}}.zl-file-upload .zl-upload-cont{line-height:1;padding-top:5px}.zl-file-upload .zl-right{float:right}.zl-file-upload .zl-file-img{height:100%}.zl-file-upload .el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:90px;height:90px;cursor:pointer;line-height:90px;vertical-align:top;margin-bottom:8px}.zl-file-upload .el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:90px;height:90px;margin:0 8px 8px 0;display:inline-block}.zl-file-upload .el-upload-list--picture-card .el-upload-list__item-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.zl-file-upload .el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:10px}.zl-file-upload .el-upload-list__item-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.zl-file-upload .el-upload-list__item-name .el-icon-document,.zl-file-upload .el-upload-list__item-name .el-icon-download,.zl-file-upload .el-upload-list__item-name .el-icon-zoom-in{-webkit-box-flex:0;-ms-flex:none;flex:none}.zl-file-upload .el-upload-list__item-name-span{-webkit-box-flex:1;-ms-flex:1;flex:1}.zl-file-upload .el-upload--text .el-icon-plus{display:none!important}.zl-file-upload .el-upload-list--picture-card .el-progress{width:80px}.zl-table-tree .el-table{margin:15px 0}.zl-table-tree .el-table th{background-color:#ecf1f6;padding:5px 0;line-height:32px}.zl-table-tree .el-table th .cell{line-height:26px}.zl-table-tree .el-table:before{background-color:transparent!important}.zl-table-tree .el-table td,.zl-table-tree .el-table th{padding-left:5px}.zl-table-tree .el-table__expanded-cell{padding:20px 30px}.zl-table-tree .el-table .table-header{background:#f5f7fa}.zl-table-tree .el-table__empty-text{font-size:14px}.zl-table-tree .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,.zl-table-tree .el-table__body tr.current-row:hover>td,.zl-table-tree .el-table__body tr.current-row>td,.zl-table-tree .el-table__body tr.hover-row.current-row>td,.zl-table-tree .el-table__body tr.hover-row.el-table__row--striped.current-row>td{background-color:#bed9f7}.zl-table-tree .el-table__footer-wrapper .el-table__footer{font-size:14px;font-weight:700}.zl-region-picker .towCol{width:45%;margin-bottom:5px}.zl-region-picker .threeCol{width:32.5%;margin-bottom:5px}.zl-table .el-table .el-table__fixed{pointer-events:none}.zl-table .el-table .el-table__fixed>*{pointer-events:auto}.zl-sku-dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;margin-left:10px}.zl-sku-dl dt{width:100px;text-align:right}.zl-sku-dl dd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:0}.zl-sku-dl dd .button{cursor:pointer;font-size:14px;font-weight:700;width:100px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 10px}.zl-sku-dl dd .button.disabled{color:#999;border:1px dashed #666}.zl-sku-dl dd .button.active{color:red}.zl-status-tips{position:relative}.zl-status-tips__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:999;font-size:16px;position:absolute;border:3px dashed #000;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.zl-status-tips__success{color:#67C23A;border-color:#67C23A}.zl-status-tips__danger{color:#F56C6C;border-color:#F56C6C}.zl-status-tips__warning{color:#E6A23C;border-color:#E6A23C}.zl-status-tips__info{color:#409EFF;border-color:#409EFF}.zl-status-tips__gray{color:#909399;border-color:#909399}.zl-multi-select-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:flex-sater;-ms-flex-pack:flex-sater;justify-content:flex-sater;-webkit-box-align:flex-sater;-ms-flex-align:flex-sater;align-items:flex-sater}.zl-multi-select-page-left{-webkit-box-flex:1;-ms-flex:1;flex:1}.zl-multi-select-page-right{width:200px;-webkit-box-flex:0;-ms-flex:none;flex:none;margin-left:10px;overflow:auto}.zl-multi-select-page-right .el-card__body{padding:10px}.zl-multi-select-page-right .el-card__body h3{margin:0;font-size:16px;font-weight:700}.zl-multi-select-page-right .box-card-scroll{width:100%}.zl-multi-select-page-right .box-card-scroll .el-tag{height:auto;white-space:normal;padding:5px 10px;line-height:16px}.zl-multi-select-page .box-card-li{margin:5px 0}.zl-excel-upload .upload-excel{display:-webkit-box;display:-ms-flexbox;display:flex}.zl-excel-upload .w300{width:300px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.zl-excel-upload .mgr5{margin-right:5px}.zl-import-excel .import-dialog .el-dialog__body{padding:0}.zl-import-excel .import-dialog .header{background:#fffff9;border-bottom:1px #ffeccd solid;border-top:1px #ffeccd solid;height:52px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:30px}.zl-import-excel .import-dialog .header .icon-gantanhao{width:32px;height:32px;color:#f09031}.zl-import-excel .import-dialog .header p{margin:0 20px;color:#f60;font-size:14px}.zl-import-excel .import-dialog .header .btn-down{background:#f80;border-color:#f80}.zl-import-excel .import-dialog .session{padding:20px 20px 10px}.zl-import-excel .import-dialog .session .excel-tips{margin-left:100px;margin-bottom:5px;font-size:14px}.zl-import-excel .import-dialog .session .excel-succerr-info{font-size:16px;color:#3aa13e}.zl-import-excel .import-dialog .session .table-box{margin-top:10px;border:1px solid #e6ebf5;height:300px;margin-bottom:10px;padding:10px;background:#fffced;line-height:19px;font-size:14px;overflow:auto;color:#f60}.zl-form-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.zl-form-box .form-box-right{width:180px;-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.zl-form-box .form-box-left-form{-webkit-transition:height .5s;transition:height .5s}.zl-form-box .form-box-left-form.hidden{overflow:hidden;height:70px}.zl-form-box .form-box-left-form.show{height:auto!important;overflow-y:auto}.zl-form-box .form-box-left-padder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px 0 5px;cursor:pointer;font-weight:700;color:#409EFF;border-top:1px #409EFF dashed;overflow:hidden}.zl-form-box .form-box-left-padder-content{border:1px solid #409EFF;border-top:0;border-radius:10px;padding:8px;margin-top:-6px;font-size:12px}.zl-form-box .form-box-left-padder .icon-expend{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.zl-form-box .form-box-left-padder .icon-expend.icon--no-expend{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.zl-empty{margin:0 8px;font-size:14px;line-height:22px;text-align:center}.zl-empty-image{height:100px;margin-bottom:8px}.zl-empty-image img{height:100%}.zl-empty-image svg{height:100%;margin:auto}.zl-empty-description{margin:0;color:rgba(0,0,0,.5)}