[data-v-b39e4ea4]:root{--sidebar-width:148px}.phone-pre[data-v-b39e4ea4]{width:375px;border:1px solid #eee;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:5%}.phone-pre .pre-header[data-v-b39e4ea4]{height:64px;width:100%;position:relative}.phone-pre .pre-header .img[data-v-b39e4ea4]{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.phone-pre .pre-header .title[data-v-b39e4ea4]{text-align:center;color:#fff;display:inline-block;padding:23px 60px 0;width:100%;height:100%;line-height:40px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;font-size:16px;vertical-align:middle;position:absolute}.phone-pre .pre-body-wrap[data-v-b39e4ea4]{height:640px;width:calc(100% + 17px);overflow-y:auto;overflow-x:hidden}.phone-pre .pre-body[data-v-b39e4ea4]{width:calc(100% - 17px);height:640px;min-height:590px;position:relative;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-size:100% auto;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:start;-ms-flex-align:start;align-items:flex-start}.page-setting .bg-img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.page-setting .update-img{height:50px;background:rgba(0,0,0,.7);position:absolute;bottom:0;color:#fff;font-size:15px}.page-setting .add-one-thousand-thousand,.page-setting .update-img{width:100%;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:pointer}.page-setting .add-one-thousand-thousand{height:76px;background:#fff;color:#8670ff;font-size:16px}.page-setting .add-one-thousand-thousand .btn{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;width:90%;height:36px;border:1px solid #e7effc;border-radius:4px}.page-setting .coupon-item{background:#fff;width:100%;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border:1px dashed #e8e8e8;padding:1em .8em;position:relative;cursor:move}.page-setting .coupon-item .delete-icon{opacity:0;position:absolute;right:-8px;top:-8px;cursor:pointer;font-size:16px}.page-setting .coupon-item:hover .delete-icon{opacity:1}.page-setting .crow-selector .button-new-tag{margin-right:10px;margin-bottom:5px;height:32px;line-height:30px;padding-top:0;padding-bottom:0;width:120px}.page-setting .crow-selector .sa-tag{margin-right:10px;margin-bottom:10px}[data-v-a86b5a9c]:root{--sidebar-width:148px}.page-edit[data-v-a86b5a9c]{overflow:hidden;height:calc(100vh - 200px);background:-webkit-gradient(linear,left bottom,left top,from(#edf0fc),to(#fafbfd));background:-webkit-linear-gradient(bottom,#edf0fc,#fafbfd);background:-o-linear-gradient(bottom,#edf0fc,#fafbfd);background:linear-gradient(0deg,#edf0fc,#fafbfd)}.page-edit .page-content[data-v-a86b5a9c]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;height:100%}.page-edit .page-content .left[data-v-a86b5a9c]{width:220px;height:100%;background-color:#fff;overflow-y:auto;-ms-overflow-style:none}.page-edit .page-content .left[data-v-a86b5a9c]::-webkit-scrollbar{width:0!important}.page-edit .page-content .left .logo-list[data-v-a86b5a9c]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;margin-bottom:20px}.page-edit .page-content .left .logo-list .component-logo-item[data-v-a86b5a9c]{cursor:move;position:relative;background-color:rgba(134,112,255,.1);margin-bottom:5px;margin-right:5px;float:left}.page-edit .page-content .left .logo-list .component-logo-item[data-v-a86b5a9c]:active{cursor:move}.page-edit .page-content .middle[data-v-a86b5a9c]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:450px;overflow-y:auto;position:relative}.page-edit .page-content .middle .components-body[data-v-a86b5a9c]{width:100%;min-height:590px;position:relative}.page-edit .page-content .middle .components-body .component-item[data-v-a86b5a9c]{width:100%;position:relative}.page-edit .page-content .middle .components-body .component-item[data-v-a86b5a9c]:after{content:"";top:0;left:0;right:0;bottom:0;z-index:1;position:absolute;cursor:-webkit-grab;cursor:grab}.page-edit .page-content .middle .components-body .component-item:hover .component-delete-btn[data-v-a86b5a9c]{opacity:1}.page-edit .page-content .middle .components-body .component-item[data-v-a86b5a9c]:hover:not(.drag):after{border:1px dashed #088efd}.page-edit .page-content .middle .components-body .component-item.active[data-v-a86b5a9c]:after,.page-edit .page-content .middle .components-body .component-item .sortable-chosen[data-v-a86b5a9c]:after,.page-edit .page-content .middle .components-body .component-item .sortable-ghost[data-v-a86b5a9c]:after{border:1px solid #088efd}.page-edit .page-content .middle .components-body .component-item .component-delete-btn[data-v-a86b5a9c]{opacity:0;position:absolute;top:0;right:-1em;font-size:1.5em;cursor:pointer;z-index:909}.page-edit .page-content .right[data-v-a86b5a9c]{width:500px;background-color:#fff;overflow-y:auto;-ms-overflow-style:none}.page-edit .page-content .right[data-v-a86b5a9c]::-webkit-scrollbar{width:0!important}.page-edit .page-content .right .edit-sidebar[data-v-a86b5a9c]{width:500px;margin-bottom:20px}.page-edit .footer-btn .sa-button[data-v-a86b5a9c]{width:128px}:root{--sidebar-width:148px}.page-edit{padding-bottom:15px}.page-edit .create-new-item{width:100%;height:50px;border:1px dashed #e8e8e8;margin-top:5px;cursor:pointer;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;background:#fff}.page-edit .create-new-item:hover{border:1px dashed #1123e6}.page-edit .create-new-item span{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.page-edit .create-new-item-line{width:1px;height:24px;background-color:#e8e8e8}.page-edit .create-new-item-btn{color:#8670ff}