.app-container[data-v-bbdadea0]{height:150vh;padding-top:0;padding-bottom:0}.top-header[data-v-bbdadea0]{height:50px;font-size:14px;color:#666;-ms-flex-pack:justify;justify-content:space-between;box-shadow:2px 2px 10px rgba(0,0,0,.1);padding:0 10px}.top-header[data-v-bbdadea0],[data-v-bbdadea0] .tabs{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}[data-v-bbdadea0] .tabs{height:100%}[data-v-bbdadea0] .tabs .tab-item{padding:0 6px;margin:0 6px;height:100%;cursor:pointer;line-height:50px}[data-v-bbdadea0] .tabs .tab-item.active,[data-v-bbdadea0] .tabs .tab-item:hover{border-bottom:2px solid #1890ff;color:#1890ff}.content[data-v-bbdadea0]{height:calc(100% - 50px);overflow:hidden}.template-list[data-v-bbdadea0]{height:calc(100% - 60px);overflow:auto}.template-item[data-v-bbdadea0]{display:inline-block;width:200px;height:350px;margin:15px 15px 0 0;vertical-align:middle}.template-item .image[data-v-bbdadea0]{background-image:url(../img/nocover.d8767b20.png);background-size:100%;height:320px;overflow:hidden}.template-item .text[data-v-bbdadea0]{margin-top:10px;text-align:center;font-size:14px;color:#333}.template-item .mask[data-v-bbdadea0]{width:100%;height:100%;transform:translateY(100%);background-color:rgba(0,0,0,.4);transition:all .5s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.template-item .el-button[data-v-bbdadea0]{margin-bottom:15px;width:95px}.template-item .el-button+.el-button[data-v-bbdadea0]{margin-left:0}.template-item .el-button[data-v-bbdadea0]:last-child{margin-bottom:0}.template-item:hover .mask[data-v-bbdadea0]{transform:translateY(0)}.template-item[data-v-bbdadea0]:first-child{cursor:pointer;display:inline-block;text-align:center}.template-item:first-child .image[data-v-bbdadea0]{box-shadow:2px 2px 10px rgba(0,0,0,.1);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABPCAYAAACTUyndAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFzSURBVHhe7dttTsJQEEbhyi66ju5/CV1Hl6F2wiXCv/KeCGXOk/iFiQnH6Z2U6Nf3r0mRirhtW30xz3N9HF8Pn/z4/tj4/rNuEdMfdFbEc7/s77oGpFREZSri41nRCXEVOomA9hGJq9BJBFREt3PGSQRURLdzxkkEtI9IXIXxvXPno2C3d4tfCkt+AWc3nrtnIqD9diY4iQAjAowIqIhdtyvFSQRURLdzxkkEGBFgREBFdDtnnERARXQ7Z5xEgBEBp424ruvd2ytVRLdzxssZUBHdzhknEWBEgBEBFdHtnHESARXR7ZxxEgFGBCB/FUYspv++/12W5frZ88ZzdzsDvJwBbmfA25yJRz2eocQZd9TdmaiMEQFuZ4CTCHA7A5xEgBEBRgRURLdzxkkEVES3c+a0987vwHtnkBEBbmfA7Uz8a0Q9+ng340z0P+8D47l7JgKMCDAiwIgAIwKMCDAiwIgAIwKMCDAiALl37gx5AULT9AN9zsn/mUakSAAAAABJRU5ErkJggg==) 50% no-repeat}.edit-area[data-v-bbdadea0]{display:-ms-flexbox;display:flex;height:100%}.left-area[data-v-bbdadea0]{width:200px;height:100%;overflow:auto;border-left:1px solid #f2f2f2}.left-area-header[data-v-bbdadea0]{height:50px;line-height:50px;padding:0 20px;font-size:14px;color:#333;border-bottom:1px solid #f2f2f2;font-weight:700}.left-area-content[data-v-bbdadea0]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.left-area-content .item[data-v-bbdadea0]{width:50%;height:100px;font-size:12px;text-align:center;color:#333;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}.left-area-content .bg-icon[data-v-bbdadea0]{width:30px;height:30px;background-image:url(../img/icon_spirit.802f1942.png);margin-bottom:10px;transition:all .2s}.left-area-content .item[data-v-bbdadea0]:hover{color:#26b594}.middle-area[data-v-bbdadea0]{-ms-flex:1;flex:1;height:100%;overflow:auto;background-color:#f0f0f0}.right-area[data-v-bbdadea0]{width:450px;height:100%;overflow:auto}[data-v-bbdadea0] .options-header{height:50px;background-color:#fbfbfb;font-size:14px}[data-v-bbdadea0] .el-form{padding:15px}.module-container[data-v-bbdadea0]{position:relative}.module-container .tool-kit[data-v-bbdadea0]{position:absolute;top:0;right:-24px;display:none}.module-container .tool-kit [class^=el-icon-][data-v-bbdadea0]{cursor:pointer;width:24px;background-color:rgba(0,0,0,.7);color:#fff;height:24px;text-align:center;line-height:24px;margin-bottom:2px}.main-view[data-v-bbdadea0],.module-container:hover .tool-kit[data-v-bbdadea0]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.main-view[data-v-bbdadea0]{width:390px;min-height:600px;margin:20px auto 20px;box-shadow:2px 2px 10px rgba(0,0,0,.1);border-radius:8px;background-color:#f5f5f5;position:relative}.module-view[data-v-bbdadea0]{padding-bottom:60px}.module-view[data-v-bbdadea0]::-webkit-scrollbar{display:none}.module-container.footer[data-v-bbdadea0]{height:50px;background-color:#fff;position:absolute;bottom:0;width:100%}