@ecip/ecip-components/distDesign/EcDesign.css

A magical vue admin. An out-of-box UI solution for enterprise applications. Newest development stack of vue. Lots of awesome features

.swipe-edit footer[data-v-5b4f9472]{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}.el-select .el-input[data-v-5b4f9472]{width:130px}.input-with-select .el-input-group__prepend[data-v-5b4f9472],.input-with-select .el-input-group__prepend[data-v-789213f0]{background-color:#fff}.componentList-edit footer[data-v-789213f0]{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}.componentList-edit .componentList-edit-title[data-v-789213f0]{padding:0 0 0 15px;margin:0 0 10px;font-size:14px;color:#0085ff}.el-select .el-input[data-v-789213f0]{width:130px}.echart-edit footer[data-v-5c46c445],.list-edit footer[data-v-4e2aa198]{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}.el-select .el-input[data-v-4e2aa198]{width:80px}.input-with-select .el-input-group__prepend[data-v-4e2aa198]{background-color:#fff}.el-select .el-input[data-v-0432e1f0]{width:80px}.input-with-select .el-input-group__prepend[data-v-0432e1f0]{background-color:#fff}.personal-edit footer[data-v-2975b132]{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}.el-select .el-input[data-v-3f90e132]{width:130px}.input-with-select .el-input-group__prepend[data-v-3f90e132]{background-color:#fff}.picture-edit footer[data-v-7be39ba0]{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}.el-select .el-input[data-v-33fe13a0]{width:130px}.input-with-select .el-input-group__prepend[data-v-33fe13a0]{background-color:#fff}.list-edit footer[data-v-da13af50]{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}.el-select .el-input[data-v-da13af50]{width:80px}.input-with-select .el-input-group__prepend[data-v-da13af50]{background-color:#fff}.Ec-dragContent-edit[data-v-59468b03] .el-drawer{overflow-y:scroll}.Ec-dragContent-edit[data-v-59468b03] .el-drawer__header{padding:12px 12px 0;margin-bottom:0}.Ec-dragContent-edit[data-v-59468b03] .el-drawer__body{padding-left:10px}.Ec-dragContent-edit .Ec-dragContent-list[data-v-59468b03]{font-size:14px}.Ec-dragContent-edit .Ec-dragContent-list>p[data-v-59468b03]{margin:0;padding-left:12px;text-align:left}.Ec-dragContent-edit .Ec-dragContent-list>p>img[data-v-59468b03]{width:12px}.Ec-dragContent-edit .Ec-dragContent-list>.Ec-dragContent-app[data-v-59468b03]{display:inline-block;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;text-align:left}.Ec-dragContent-edit .Ec-dragContent-list>.Ec-dragContent-app .drag-cot[data-v-59468b03]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:62px;height:62px}.Ec-dragContent-edit .Ec-dragContent-list>.Ec-dragContent-app .drag-cot>span[data-v-59468b03]{display:inline-block;width:40px;height:40px}.Ec-dragContent-edit .Ec-dragContent-list>.Ec-dragContent-app .drag-cot>span>img[data-v-59468b03]{width:100%;height:100%}.Ec-dragContent-edit .Ec-dragContent-list>.Ec-dragContent-app .drag-cot>p[data-v-59468b03]{margin:-5px 0 0;text-align:center;font-size:12px;color:#939393}.Ec-dragContent-edit footer[data-v-59468b03]{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}.Ec-dragContent-add[data-v-582a06ac] .el-drawer__body{overflow-y:scroll}.Ec-dragContent-add[data-v-582a06ac] .el-drawer__header{padding:12px;margin-bottom:0}.Ec-dragContent-add .Ec-dragContent-list[data-v-582a06ac]{font-size:14px}.Ec-dragContent-add .Ec-dragContent-list>p[data-v-582a06ac]{margin:10px 0 0;padding-left:12px;text-align:left}.Ec-dragContent-add .Ec-dragContent-list>p>img[data-v-582a06ac]{width:12px}.Ec-dragContent-add .Ec-dragContent-list>.Ec-dragContent-app[data-v-582a06ac]{display:inline-block;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;text-align:left}.Ec-dragContent-add .Ec-dragContent-list>.Ec-dragContent-app .drag-cot[data-v-582a06ac]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:62px;height:62px}.Ec-dragContent-add .Ec-dragContent-list>.Ec-dragContent-app .drag-cot>span[data-v-582a06ac]{display:inline-block;width:50px;height:50px}.Ec-dragContent-add .Ec-dragContent-list>.Ec-dragContent-app .drag-cot>span>img[data-v-582a06ac]{width:100%;height:100%}.Ec-dragContent-add .Ec-dragContent-list>.Ec-dragContent-app .drag-cot>p[data-v-582a06ac]{margin:-2px 0 0;text-align:center;font-size:12px;color:#939393}.arrow[data-v-582a06ac]{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition-duration:.3s;transition-duration:.3s}.drag-swipe-img[data-v-69277dc1]{width:100%;height:100%}.flex[data-v-44d89a7a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.align-self[data-v-44d89a7a]{-ms-flex-item-align:baseline;align-self:baseline;width:100%}.flexItem[data-v-44d89a7a]{-webkit-box-flex:1;-ms-flex:1;flex:1}.justify-between[data-v-44d89a7a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-center[data-v-44d89a7a]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-center[data-v-44d89a7a]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vertical[data-v-44d89a7a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.index[data-v-44d89a7a]{padding-top:65px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:800px}.badge[data-v-44d89a7a]{color:#fff;border-radius:10px;padding:2px 10px;font-size:12px}.text-blue[data-v-44d89a7a]{color:#0085ff}.text-green[data-v-44d89a7a]{color:#5ac156}.text-red[data-v-44d89a7a]{color:#fc3f43}.text-gray[data-v-44d89a7a]{color:#888}.text-center[data-v-44d89a7a]{text-align:center}.index[data-v-44d89a7a]{position:relative}.flex-column[data-v-44d89a7a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}a[data-v-44d89a7a]{color:#0085ff}.right[data-v-44d89a7a]{width:340px;margin-left:12px}.panel[data-v-44d89a7a]{border:.5px solid #dde1e2;background-color:#fff;margin-bottom:12px;padding:12px;position:relative}.title[data-v-44d89a7a]{height:40px;padding:0 22px;margin:0 -12px;line-height:40px;font-size:16px;font-weight:500;color:#303133;position:relative;border-bottom:1px solid #ccc}.more[data-v-44d89a7a]{position:absolute;right:15px;top:20px;z-index:99}.title .more[data-v-44d89a7a]{top:0;font-size:14px}.list[data-v-44d89a7a]{padding:15px;line-height:30px;min-height:178px}.list[data-v-44d89a7a]:first-child{padding:15px;line-height:30px;height:170px}.list>div[data-v-44d89a7a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.list a[data-v-44d89a7a]{color:#666}.drag-swipe-img[data-v-44d89a7a]{width:100%;height:100%}.flex[data-v-0d840474]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.align-self[data-v-0d840474]{-ms-flex-item-align:baseline;align-self:baseline;width:100%}.flexItem[data-v-0d840474]{-webkit-box-flex:1;-ms-flex:1;flex:1}.justify-between[data-v-0d840474]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-center[data-v-0d840474]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-center[data-v-0d840474]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vertical[data-v-0d840474]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.index[data-v-0d840474]{padding-top:65px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:800px}.badge[data-v-0d840474]{color:#fff;border-radius:10px;padding:2px 10px;font-size:12px}.text-blue[data-v-0d840474]{color:#0085ff}.text-green[data-v-0d840474]{color:#5ac156}.text-red[data-v-0d840474]{color:#fc3f43}.text-gray[data-v-0d840474]{color:#888}.text-center[data-v-0d840474]{text-align:center}.flex-column[data-v-0d840474]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}a[data-v-0d840474]{color:#0085ff}.panel[data-v-0d840474]{border:.5px solid #dde1e2;background-color:#fff;margin-bottom:12px;padding:12px}.panel.messages[data-v-0d840474]{background-color:#fffbf3;border-color:#fecc5d}.messages img[data-v-0d840474]{vertical-align:middle;margin-left:15px;margin-right:5px}.messages a[data-v-0d840474]{color:#999}.drag-swipe-img[data-v-0d840474],.ec-eChart[data-v-a6ab2308]{width:100%;height:100%}.justify-between[data-v-91f564d8]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.vertical[data-v-91f564d8]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.index[data-v-91f564d8]{padding-top:65px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:800px}.badge[data-v-91f564d8]{color:#fff;border-radius:10px;padding:2px 10px;font-size:12px}.text-blue[data-v-91f564d8]{color:#0085ff}.text-green[data-v-91f564d8]{color:#5ac156}.text-red[data-v-91f564d8]{color:#fc3f43}.text-gray[data-v-91f564d8]{color:#888}.text-center[data-v-91f564d8]{text-align:center}.align-center[data-v-91f564d8]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.justify-center[data-v-91f564d8]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-self[data-v-91f564d8]{-ms-flex-item-align:baseline;align-self:baseline;width:100%}.flex[data-v-91f564d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.flexItem[data-v-91f564d8]{-webkit-box-flex:1;-ms-flex:1;flex:1}.flexItem .menu[data-v-91f564d8]{width:20%;text-align:center;font-size:1rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;margin:20px 0}.flexItem .menu img[data-v-91f564d8]{width:30%;margin:0 auto 10px}.flexItem .menu p[data-v-91f564d8]{margin:0}.box-card[data-v-f1a7ab42]{height:100%}.el-row[data-v-f1a7ab42]{margin-bottom:-23px}.el-row[data-v-f1a7ab42]:last-child{margin-bottom:0}.el-tabs[data-v-f1a7ab42] .el-tabs__nav-wrap:after{height:1px}.list[data-v-f1a7ab42]{min-height:178px}.list[data-v-f1a7ab42],.list[data-v-f1a7ab42]:first-child{padding:15px;line-height:30px}.todoTitle[data-v-f1a7ab42]{margin:2%;margin-left:0;border-right:1px solid #ccc}.list>div[data-v-f1a7ab42]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.list a[data-v-f1a7ab42]{color:#666}.img-center[data-v-f1a7ab42]{text-align:center}.no-data[data-v-f1a7ab42]{color:grey;font-size:16px}.EcPersonal[data-v-071b7995]{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.EcPersonal .userInfo[data-v-071b7995]{margin:20px 15px;line-height:26px;width:100%}.EcPersonal .userInfo div[data-v-071b7995]{color:#333}.EcPersonal .userInfo img[data-v-071b7995]{float:left;width:35%;margin-right:20px;border-radius:50%;border:3px solid #f5f5f5}.EcPersonal .userInfo .text-gray[data-v-071b7995]{color:#999}.EcPersonal .badge[data-v-071b7995]{background-color:#08f}.EcPersonal .more[data-v-071b7995]{color:#08f}.EcPicture[data-v-449dadf0]{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.EcPicture .EcPicture-img[data-v-449dadf0]{width:100%;height:100%}.EcVideo[data-v-71546b88]{border:.5px solid #dde1e2;background-color:#fff;margin-bottom:12px;padding:12px}.EcVideo .title[data-v-71546b88]{position:relative;height:40px;padding:0 22px;margin:0 -12px;line-height:40px;font-size:16px;font-weight:500;color:#303133;border-bottom:1px solid #ccc}.EcVideo .phone[data-v-71546b88]{padding:16px 10px;font-size:.8rem;color:#666}.EcVideo .phone a[data-v-71546b88]{font-weight:800;font-size:1.03rem;font-style:italic;margin-top:6px}.EcVideo .text-blue[data-v-71546b88]{color:#0085ff}.EcPhone[data-v-f2dab6d4]{border:.5px solid #dde1e2;background-color:#fff;margin-bottom:12px;padding:12px}.EcPhone .title[data-v-f2dab6d4]{position:relative;height:40px;padding:0 22px;margin:0 -12px;line-height:40px;font-size:16px;font-weight:500;color:#303133;border-bottom:1px solid #ccc}.EcPhone .phone[data-v-f2dab6d4]{padding:5px 15px;font-size:.8rem;color:#666}.EcPhone .phone a[data-v-f2dab6d4]{font-weight:800;font-size:1.03rem;font-style:italic;margin-top:6px}.EcPhone .text-blue[data-v-f2dab6d4]{color:#0085ff}.EcProcess[data-v-505d664e]{border:.5px solid #dde1e2;background-color:#fff;margin-bottom:12px;padding:12px}.EcProcess .tools[data-v-505d664e]{list-style:none;margin-top:0;padding:0;width:100%;margin-bottom:0}.EcProcess .tools li[data-v-505d664e]{width:33.3333333333%;height:110px;text-align:center;font-size:12px;margin:30px 0 0}.EcProcess .tools li a div[data-v-505d664e]{background-color:#f6f6f6;border-radius:50%;width:70px;height:70px;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 auto 10px}.EcProcess .tools li a div img[data-v-505d664e]{width:50%;height:53%;-webkit-transition:margin .5s ease-out;-webkit-transition:margin .2s ease-out;transition:margin .2s ease-out}.EcProcess .tools li a:hover img[data-v-505d664e]{margin-bottom:10px}.flex[data-v-505d664e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.m-top[data-v-c19c6680]{margin-top:15px}.Ec-dragContent-styleEdit[data-v-c19c6680] .el-drawer__header{padding:12px;margin-bottom:0}.Ec-dragContent-styleEdit .section-cot[data-v-c19c6680]{padding:0 12px;font-size:12px;height:calc(100% - 60px);overflow-y:scroll}.Ec-dragContent-styleEdit .section-cot .title[data-v-c19c6680]{margin:24px 0 12px 0;color:#000;font-size:14px;text-align:left}.Ec-dragContent-styleEdit .section-cot .radio[data-v-c19c6680]{width:100%;text-align:left}.Ec-dragContent-styleEdit .section-cot .radio[data-v-c19c6680] .el-radio__label{font-size:12px!important}.Ec-dragContent-styleEdit .section-cot .input-cot[data-v-c19c6680]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px}.Ec-dragContent-styleEdit .section-cot .input-cot>span[data-v-c19c6680]{text-align:left;margin-right:15px}.Ec-dragContent-styleEdit .color-btn[data-v-c19c6680]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;width:100%}.stye-form[data-v-c19c6680]{margin-top:10px}.stye-form[data-v-c19c6680] .el-form-item{margin-bottom:5px}.DESIGN_PAGE .edit-el-input .el-select .el-input{width:80px}.auto-page-cot[data-v-110f482f]{width:100%;height:100%;overflow:scroll}.auto-page-cot #Ec-dragContent[data-v-110f482f]{width:100%;height:100%}.edit-cot[data-v-110f482f]{position:absolute;top:0;right:30px;z-index:10;height:50px;padding-right:20px;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;opacity:.4;background-color:rgba(255,223,227,.3)}.edit-cot[data-v-110f482f] .el-switch__label--left{display:none}.edit-cot[data-v-110f482f]:hover{opacity:1}.edit-cot-btns[data-v-110f482f]{position:absolute;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;padding-left:20px;width:163px;left:-163px;height:50px;background-color:rgba(255,223,227,.3)}.vue-grid-layout[data-v-110f482f]{display:block;background:#fff;width:100%;min-height:100vh}.vue-grid-item[data-v-110f482f]:not(.vue-grid-placeholder){background:#fff;position:relative}.grid-menu[data-v-110f482f]{position:absolute;right:0;top:0;display:none;color:#fff;background:rgba(0,0,0,.5);border-radius:0 4px 0 4px;z-index:2;font-size:12px}.grid-menu div[data-v-110f482f]{cursor:pointer;padding:8px}.grid-menu-setCot[data-v-110f482f]{-webkit-box-shadow:0 2px 6px 0 rgba(57,75,115,.15);box-shadow:0 2px 6px 0 rgba(57,75,115,.15);overflow:hidden;border-radius:4px}.grid-menu-setCot .grid-menu-over-cot[data-v-110f482f]{display:block;position:absolute;z-index:2;width:100%;height:100%}.grid-menu-over-cot[data-v-110f482f]{display:none}.grid-menu-setCot:hover .grid-menu[data-v-110f482f]{display:-webkit-box;display:-ms-flexbox;display:flex}.grid-menu-setCot[data-v-110f482f]:hover{background-color:rgba(250,217,205,.5)}.vue-grid-item.vue-grid-placeholder[data-v-110f482f]{background-color:#00f!important}.vue-grid-item .resizing[data-v-110f482f]{opacity:.9}.vue-grid-item .static[data-v-110f482f]{background:#cce}.vue-grid-item .text[data-v-110f482f]{text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-110f482f]{height:100%;width:100%}.vue-grid-item .minMax[data-v-110f482f]{font-size:12px}.vue-grid-item .add[data-v-110f482f]{cursor:pointer}.vue-grid-layout[data-v-110f482f] .vue-resizable-handle{z-index:2}.vue-draggable-handle[data-v-110f482f]{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0}.component-class[data-v-110f482f]{overflow:hidden!important}