.components-wrap[data-v-9e53fa22]{width:100%;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.components-wrap .drag[data-v-9e53fa22]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.components-wrap .drag .item[data-v-9e53fa22]{width:100px;height:100px;background-color:#b3d4fc;color:#333;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;cursor:move}.blue-background-class{background-color:#ecf5ff;color:transparent;width:100%}.preview-wrap[data-v-60bf4f70]{width:100%;height:100%;overflow-y:scroll;margin:0 auto}.preview-wrap .preview-drag[data-v-60bf4f70]{width:100%;height:100%}.preview-wrap .preview-drag .item[data-v-60bf4f70]{width:100%;cursor:move;position:relative}.preview-wrap .preview-drag .item .shade[data-v-60bf4f70]{position:absolute;top:0;left:0;width:100%;height:100%}.preview-wrap .preview-drag .item .shade[data-v-60bf4f70]:hover{background-color:#fbc4c4;opacity:.3}.preview-wrap .preview-drag .item .shade.active[data-v-60bf4f70]{background-color:#c2e7b0;opacity:.3}.preview-wrap .blue-background-class[data-v-60bf4f70]{width:100%;background-color:#ecf5ff}.preview-wrap .dragClass[data-v-60bf4f70]{background-color:#ecf5ff;width:100%;opacity:1}.setting-panle[data-v-65aa87cd]{width:100%;height:100%}.setting-panle .private[data-v-65aa87cd],.setting-panle .public[data-v-65aa87cd]{height:100%;width:100%;padding:20px;overflow-y:scroll;-webkit-box-sizing:border-box;box-sizing:border-box}.setting-panle .private-item[data-v-65aa87cd],.setting-panle .public-item[data-v-65aa87cd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.setting-panle .private-item .input[data-v-65aa87cd],.setting-panle .public-item .input[data-v-65aa87cd]{width:200px}.header-container[data-v-6d101f13]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.header-container .button[data-v-6d101f13]{height:40px;cursor:pointer}.header-container .el-dropdown-link[data-v-6d101f13]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;cursor:pointer}.setting-wrapper[data-v-d1faf3d4]{position:absolute;width:100%;bottom:0;right:0;top:0;left:0;background-color:#f7f7f7}.setting-wrapper .header[data-v-d1faf3d4]{width:100%;height:50px;margin-bottom:20px;background-color:#fff;position:absolute;top:0;left:0;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}.setting-wrapper .container[data-v-d1faf3d4]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.setting-wrapper .container .components-wrap[data-v-d1faf3d4]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;margin-right:50px;padding-top:50px}.setting-wrapper .container .mobile-wrap[data-v-d1faf3d4]{margin-top:70px;width:375px;height:calc(100% - 70px);margin-right:50px}.setting-wrapper .container .pc-wrap[data-v-d1faf3d4]{margin-top:70px;-webkit-box-flex:1;-ms-flex:1;flex:1;height:calc(100% - 70px);margin-right:20px}.setting-wrapper .container .set-wrap[data-v-d1faf3d4]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding-top:50px}.setting-wrapper .shadow[data-v-d1faf3d4]{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.setting-wrapper .iframe[data-v-d1faf3d4]{width:100%;height:672px;border:none;position:inherit}