.navigation[data-v-ba6cc3e8]{width:362px;min-height:1578px;padding:30px 40px;background:#fff;box-shadow:6px 0px 8px rgba(0,0,0,.14);z-index:99}.navigation .template[data-v-ba6cc3e8]{-webkit-flex-wrap:wrap;flex-wrap:wrap}.navigation .template li[data-v-ba6cc3e8]{margin-bottom:15px;cursor:pointer}.navigation .template li[data-v-ba6cc3e8],.navigation .template img[data-v-ba6cc3e8]{width:120px;height:169.62px}.navigation nav[data-v-ba6cc3e8]{position:fixed;bottom:30px;left:20px}.navigation nav .el-button[data-v-ba6cc3e8]{width:72px;height:72px;margin:18px 0 0 0;background:#fff;box-shadow:0px 1px 8px rgba(0,0,0,.15);display:block;padding:5px 0 0 0;font-size:10px;line-height:14px;color:#7db0ea}.navigation nav .el-button[data-v-ba6cc3e8]  i{font-size:30px;color:#7db0ea;display:block;margin-bottom:10px}
.canvas[data-v-7cc955e3]{width:1048px;height:1478px;background-color:#fff;background-size:cover;box-shadow:0px 4px 8px rgba(0,0,0,.12);margin:50px auto 0;padding:64px 76px;position:relative;overflow:hidden}.canvas .bj[data-v-7cc955e3]{width:100%;position:absolute;left:0;top:0}.canvas .drag[data-v-7cc955e3]{position:absolute;text-align:center;padding-bottom:50px}.canvas .drag:hover .el-icon-setting[data-v-7cc955e3]{display:block}.canvas .drag .el-icon-setting[data-v-7cc955e3]{display:none}.canvas[data-v-7cc955e3] .tinymce-box{display:inline-block;left:60px}