.template-list-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:calc(100% - 60px);overflow-y:auto;padding-bottom:10px}.template-list-box .template-item{position:relative;cursor:pointer;margin:10px;margin-bottom:0;max-width:120px}.template-list-box .template-item .btn-delTemplate{position:absolute;right:10px;top:10px;padding:10px;background-color:hsla(0,0%,100%,.6509803922);border-radius:100px}.template-list-box .template-item .btn-delTemplate:focus{outline:unset}.template-list-box .template-item .it-title{height:25px;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;-webkit-box-flex:1;-ms-flex:1;flex:1}.template-list-box .template-item .img-bin{padding:10px;border:1px solid #eee;border-radius:10px;width:120px;height:230px;background-color:#fff}.template-list-box .template-item:hover{border-color:#00afec}.template-list-box .template-item.active .img-bin{background-color:#f1f2fe}.template-list-box .template-item.active .it-title{background:var(--color-primary)}.theme-default .right-side-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;min-width:350px;position:fixed;right:0;top:105px;z-index:1;height:calc(100% - 105px);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);opacity:0;visibility:hidden;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.theme-default .right-side-wrapper .right-side{position:absolute;height:100%;background:#fff;right:-100%;min-width:350px;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:right .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:right .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:right .5s ease-in-out,transform .5s ease-in-out;transition:right .5s ease-in-out,transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.theme-default .rightside-head{padding:0 5px;font-weight:700;font-size:14px}.theme-default .rightside-foot,.theme-default .rightside-head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px}.theme-default .rightside-foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.theme-default .rightside-body{height:calc(100% - 60px);overflow-y:auto}.theme-default .right-side-control .rightside-body{height:calc(100% - 120px)}.theme-default .rightside-body .el-collapse{margin:0 10px}.theme-default .rightside-switch{position:absolute!important;top:12px;left:10px}.theme-default .rightside-switch button{border:unset;background:unset}.theme-default .rightside-switch-dropdown .el-dropdown-menu__item{padding:0}.theme-default .rightside-switch-dropdown .el-dropdown-menu__item label{padding:0 15px}.theme-default .rightside-head{padding-left:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.theme-default .right-side-embed{position:relative;top:auto;height:auto}.theme-default .right-side-collapseout{z-index:10;visibility:visible;opacity:1}.theme-default .right-side-collapseout .right-side{right:0}.theme-default .right-side-embed.right-side-collapseout{z-index:1}.theme-default .right-side-wrapper .rightside-foot{display:none}.theme-default .right-side-control .rightside-foot{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width:768px){.theme-default .right-side-wrapper{top:0;height:100%;width:100%!important;background:rgba(0,0,0,.3607843137)}.theme-default .right-side-wrapper .btn-lock{display:none}}.i-icon[data-v-b1f56384]{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;height:100%}.template-detail .el-upload--picture-card img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.theme-box,.theme-box .theme-box-item{display:-webkit-box;display:-ms-flexbox;display:flex}.theme-box .theme-box-item{width:32px;height:32px;margin-right:5px;margin-top:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.theme-box .theme-box-item.add{border:1px solid #ccc;color:#ccc}.tpl-elements .tpl-element-item{margin-bottom:10px;padding:10px;border:1px solid #ccc}.tpl-elements .tpl-element-item .module-item-title{cursor:move;background-color:#c0c4cc;margin:-10px;margin-bottom:10px;padding:10px;position:relative}.tpl-elements .tpl-element-item .module-item-title .el-icon-delete-solid{padding:5px;position:absolute;right:15px;top:3px;cursor:pointer;font-size:16px}.tpl-elements .el-upload--picture-card{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;max-width:414px}.tpl-elements .tpl-module-upload .el-upload--picture-card{width:100%;height:92px}.tpl-elements .tpl-module-upload2 .el-upload--picture-card{width:100%;height:192px}.tpl-elements .category-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:0 15px}.tpl-elements .category-box .category-item .category-item-img{border-radius:100%;background-color:#ccc;width:50px;height:50px}.tpl-elements .category-box .category-item .category-item-label{padding:5px 0;text-align:center}