.template-panel[data-v-2f7ba3c8]{width:260px;height:100%;overflow:hidden;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-right:20px}.template-panel .template-list[data-v-2f7ba3c8]{height:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.template-panel .template-list .el-col[data-v-2f7ba3c8]{margin-bottom:10px}.template-panel .template-list .img_box[data-v-2f7ba3c8]{width:100px;position:relative;border-radius:4px;border:2px solid transparent;border-color:#f4f6f5}.template-panel .template-list .img_box .left-img[data-v-2f7ba3c8]{width:100px;cursor:pointer;border-radius:3px}.template-panel .template-list .img_box i[data-v-2f7ba3c8]{color:#007bff;position:absolute;right:4px;bottom:4px}.template-panel .template-list .selected[data-v-2f7ba3c8]{border:2px solid #007bff}.template-panel .template-list .demonstration[data-v-2f7ba3c8]{display:block;width:100px;height:30px;font-size:12px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.template-panel .template-list .no-history-poster[data-v-2f7ba3c8]{width:100%;text-align:center;padding:40px 0;color:#909399;font-size:14px;background:#f5f7fa}.template-panel .template-list .no-history-poster i[data-v-2f7ba3c8]{font-size:50px;margin-bottom:10px}.logo-box[data-v-1c49b550]{position:relative;border-radius:6px;border:1px solid #c0ccda;overflow:hidden}.logo-box .logo-img[data-v-1c49b550]{height:100px;width:auto;min-width:100px;background:#e9e9e9}.logo-box .mask[data-v-1c49b550]{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.logo-box .mask i[data-v-1c49b550]{color:#fff}.add[data-v-1c49b550],.logo-box:hover .mask[data-v-1c49b550]{display:-webkit-box;display:-ms-flexbox;display:flex}.add[data-v-1c49b550]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100px;width:100px;background:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box}.add i[data-v-1c49b550]{font-size:30px;color:#8c939d}.logo[data-v-1c49b550] .el-upload--picture-card{width:auto;height:auto;border:none}.pointer[data-v-e986d342]{cursor:pointer}.editor-panel[data-v-e986d342]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px}.editor-panel .title[data-v-e986d342]{padding:18px 20px;border-bottom:1px solid #ebeef5;font-size:16px}.editor-panel .scrollbar[data-v-e986d342]{width:100%;height:calc(100% - 58px);overflow-x:hidden}.editor-panel .scrollbar[data-v-e986d342] .el-scrollbar__wrap{overflow-x:hidden}.editor-panel[data-v-e986d342] .el-scrollbar__bar{opacity:1}.editor-panel .poster-tit[data-v-e986d342]{width:100%;font-size:16px;line-height:40px;padding:18px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700}.editor-panel .select-list[data-v-e986d342]{padding:0 20px;margin:10px 0}.editor-panel .select-list span[data-v-e986d342]{display:inline-block}.editor-panel .select-list .pic-list[data-v-e986d342]{display:inline}.editor-panel .select-list .pic-list li[data-v-e986d342]{display:inline-block;padding:0 10px;line-height:32px;margin-right:15px;margin-bottom:10px;border:1px solid transparent}.editor-panel .select-list .pic-list li.active[data-v-e986d342]{background:#ecf5ff;border:1px solid #007bff;border-radius:4px}.editor-panel .template-box[data-v-e986d342]{padding:0 20px}.editor-panel .template-box .poster-pic-list[data-v-e986d342]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f4f5f9;padding:10px;padding-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fill,160px)}.editor-panel .template-box .poster-pic-list li[data-v-e986d342]{width:160px;height:200px;border-radius:5px;overflow:hidden;margin-bottom:5px;border:2px solid #f4f5f9;position:relative}.editor-panel .template-box .poster-pic-list li.active[data-v-e986d342]{border:2px solid #007bff}.editor-panel .template-box .poster-pic-list li.active i[data-v-e986d342]{color:#007bff;position:absolute;right:4px;bottom:4px}.editor-panel .template-box .poster-pic-list li>img[data-v-e986d342]{width:160px;height:284px}.editor-panel .template-box .poster-pic-list li[data-v-e986d342]:hover{border-color:transparent}.editor-panel .template-box .poster-pic-list li:hover.pointer[data-v-e986d342]{overflow:unset}.editor-panel .template-box .poster-pic-list li:hover.pointer img[data-v-e986d342]{position:relative;z-index:9;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .3s;transition:all .3s;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 #666;box-shadow:0 2px 12px 0 #666}.editor-panel .edit-area[data-v-e986d342]{padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;font-size:16px;line-height:40px;height:630px}.editor-panel .edit-area .edit-left[data-v-e986d342],.editor-panel .edit-area .edit-right[data-v-e986d342]{-webkit-box-flex:1;-ms-flex:1;flex:1}.editor-panel .edit-area .block[data-v-e986d342]{width:30px;-ms-flex-negative:0;flex-shrink:0}.editor-panel .edit-area .edit-right[data-v-e986d342]{height:620px}.editor-panel .edit-area .edit-right .text-input2[data-v-e986d342] .el-input__inner,.editor-panel .edit-area .edit-right .text-input2[data-v-e986d342] .el-textarea__inner,.editor-panel .edit-area .edit-right .text-input[data-v-e986d342] .el-input__inner,.editor-panel .edit-area .edit-right .text-input[data-v-e986d342] .el-textarea__inner{font-size:14px;font-family:inherit}.editor-panel .edit-area .edit-right .text-input2[data-v-e986d342] .el-input__count,.editor-panel .edit-area .edit-right .text-input[data-v-e986d342] .el-input__count{font-size:12px;height:12px;line-height:12px;right:5px}.editor-panel .text-scrollbar[data-v-e986d342]{height:524px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}.editor-panel .text-bg[data-v-e986d342]{padding-right:10px;background:#fff}.editor-panel .text-bg ul[data-v-e986d342]{background:#f4f5f9;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:524px}.editor-panel .text-bg ul li[data-v-e986d342]{background:#fff;padding:10px;border-radius:5px;margin-bottom:10px;border:1px solid transparent}.editor-panel .text-bg ul li.active[data-v-e986d342]{background:#ecf5ff;border:1px solid #007bff}.editor-panel .text-bg ul li h6[data-v-e986d342]{margin:0;margin-bottom:10px;font-size:12px;line-height:18px}.editor-panel .text-bg ul li p[data-v-e986d342]{font-size:12px;line-height:20px}.poster-container[data-v-e986d342]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 70px);padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-e986d342] .el-card{font-size:16px;height:100%;border:0}[data-v-e986d342] .el-card__body{height:calc(100% - 61px);-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-0f13a5a5] .el-card{font-size:16px;height:100%;border:0}[data-v-0f13a5a5] .el-card__body{height:calc(100% - 58px);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding-right:10px}.property-panel[data-v-0f13a5a5]{width:360px;height:100%}.scroll-box[data-v-0f13a5a5]{overflow:hidden;width:100%;height:calc(100% - 90px)}.scroll-box .scrollbar[data-v-0f13a5a5]{overflow-x:hidden;height:100%;height:calc(100% + 20px)}.scroll-box[data-v-0f13a5a5] .el-scrollbar__bar{opacity:1}.right-preview[data-v-0f13a5a5]{width:320px;height:569px;text-align:center;position:relative}.right-preview .bg-img[data-v-0f13a5a5]{width:320px;height:569px}.right-preview .right-logo[data-v-0f13a5a5]{width:60px;position:absolute;top:20px;right:20px}.right-preview-bg[data-v-0f13a5a5]{width:260px;height:300px;padding:15px;background:hsla(0,0%,100%,.8);position:absolute;bottom:30px;left:30px;text-align:center;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box}.right-preview-bg h4[data-v-0f13a5a5]{margin-bottom:10px;margin-top:0;font-size:18px}.right-preview-bg>p[data-v-0f13a5a5]{line-height:22px;font-size:13px;word-break:break-all}.bottom-pic[data-v-0f13a5a5]{position:absolute;bottom:20px;left:0;width:260px;text-align:center;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-align:center;-ms-flex-align:center;align-items:center}.bottom-pic .img-box[data-v-0f13a5a5]{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#fff;padding:2px;-webkit-box-sizing:border-box;box-sizing:border-box}.bottom-pic .img-box img[data-v-0f13a5a5]{width:60px;height:60px}.bottom-pic span[data-v-0f13a5a5]{display:block;text-align:center;font-size:12px;margin-top:6px;font-weight:700}.bottom-btn[data-v-0f13a5a5]{width:100%;text-align:center;margin-top:10px;position:absolute;left:0;bottom:20px}.bottom-btn p[data-v-0f13a5a5]{font-size:12px;line-height:30px;color:#666;margin-top:10px}.bottom-btn p a[data-v-0f13a5a5]{color:#007bff;font-weight:700}