.moxi-icon-box{        border-radius: 10px;background: #f4f7fc;box-shadow: 0 0 15px #d8e1ef;transition: all 0.4s;display: inline-block;        position: relative;    }    .moxi-icon-box2{        width: 100%;height: 100%;border: 2px #fbfbfb solid;border-radius: 10px;padding: 3px;transition: all 0.4s;position: relative;        display: flex;align-items: center;justify-content: center;box-shadow: inset 12px 6px 16px #dde7f5;overflow: hidden;color: var(--admin_color);    }    .moxi-icon-box2:before{        z-index: 10;        position: absolute;        top: -20%;        left: -20%;        width: 70%;        height:70%;        content: "";        border-radius: 50%;        background: rgba(255, 255, 255, 0.2);    }    .moxi-icon-box2:after{        z-index: 10;        position: absolute;        bottom: -20%;        right: -20%;        width: 60%;        height:60%;        content: "";        border-radius: 50%;        background: rgba(255, 255, 255, .2);    }    .moxi-icon-box:hover {        /*transform: scale(1.3);*/        transform: perspective(800px) rotateX(30deg) rotateY(30deg);        cursor: pointer;    }    .moxi-c-address{display: inline-block;min-width: 300px;}.address-input{cursor: pointer;position: relative;display: inline-block;padding-right: 25px;}    .address-input-disabled{        background: #F5F7FA;    border-color: #E4E7ED;        color: #C0C4CC;        cursor: not-allowed;    }.address-input .moxi-xia1{position: absolute;right: 5px;top: 6px;display: inline-block;transition: all 0.3s}    .moxi-address-city{width: 480px;height: 220px;box-shadow: 0 0 10px #ccc;z-index: 999999;        border-radius: 4px;left: 0;top: 40px;position: absolute;background: #fff}    .moxi-address-city-top{        top: -230px;    }    .city_arrow {        position: absolute;;        left: 35px;        top: -5px;        width: 0;        height: 0;        border-left: 6px solid transparent;        border-right: 6px solid transparent;        border-bottom: 6px solid #fff;    }    .city_arrow_bottom{  position: absolute;;        left: 35px;        bottom: -5px;        width: 0;        height: 0;        border-left: 6px solid transparent;        border-right: 6px solid transparent;        border-top: 6px solid #fff;}    .moxi-address-box{width: 160px;height: 200px;overflow: auto;position: absolute;left: 0;border-left: 1px #eee solid}    .moxi-address-box li{padding: 8px;position: relative;}.moxi-address-box li .moxi-gengduo{position: absolute;right: 5px;top: 7px;}.moxi-address-box li:hover{background: #f5f3f3}    .moxi-c-alert-box{padding: 10px;border-radius: 5px;line-height: 23px;font-size: 13px;margin-bottom: 10px;        color: var(--admin_color);position: relative;    }    .moxi-c-alert-box a{color: var(--warning-color);text-decoration: none;font-weight: 500}    .moxi-c-alert-box a:hover{opacity: 0.8}    .moxi-c-alert-box li{        list-style: inherit;margin-left: 15px;    }    .moxi-alert-close{        position: absolute;;right: 4px;top: 4px;transition: all 0.4s;        color: rgba(133, 129, 129, 0.6);font-size: 15px;font-weight: 500;    }    .moxi-alert-close:hover{        color: var(--admin_color);cursor: pointer;    }.moxi-c-mn-s{width: 100px;height: 40px;transition: all 0.5s;    text-align: center;color: #fff;padding-top: 10px;margin-top: 5px;box-shadow: 0 0 6px #ccc;border-radius: 3px}.moxi-c-mn-s:hover{transform: translateY(-2px);cursor: pointer}    .moxi-c-app-page-box li{padding:8px 15px;position: relative;display: flex;flex-direction: row;transition: all 0.4s}    .moxi-c-apppage-img{width: 20px;height: 20px;object-fit: cover;padding: 2px;background: #f0f2fa;border-radius: 3px;}    .moxi-c-app-page-box li:hover{background: #eee;cursor: pointer}    .moxi-c-apppage-title{margin-left: 10px;line-height: 20px;color: #666}    .moxi-c-app-page-left{width: 300px;height: 400px;overflow: auto;border: 1px #eee solid;border-radius: 4px;}    .moxi-c-app-page-box li:hover .moxi-c-apppage-img{background: #fff}    .moxi-c-btn{transition: all 0.4s;}    .moxi-c-btn:hover{box-shadow: 2px 2px 5px 2px rgba(213, 211, 211, 0.42);opacity: 0.8}    .moxi-c-btn .el-button,    .moxi-c-btn .el-button:active{border: none}    .btn-black button{color: #666!important;}    .city-select-box::-webkit-scrollbar {/*滚动条整体样式*/        width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/        height: 1px;    }    .city-select-box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/        border-radius: 10px;        -webkit-box-shadow: inset 0 0 3px rgb(159, 165, 162);        background: #babfbb;    }    .city-select-box::-webkit-scrollbar-track {/*滚动条里面轨道*/        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);        border-radius: 10px;        background: #EDEDED;    }.moxi-city-box{position: relative;width: 100%;}.city-select-box{box-shadow:  0 0 10px #ccc;margin: 7px 0;}.level_1_box{width: 160px;height: 300px;overflow: auto;left: 0;top: 0;position: absolute;}.level_2_box{height: 300px;position: absolute;left: 160px;top: 0;overflow: auto;width: 160px;}.level_3_box{height: 300px;position: absolute;left: 320px;top: 0;;overflow: auto;width: 160px;}    .level_1{overflow: auto;width: 160px;}    .city_list{padding: 5px 10px;display: inline-block;width: 100%;position: relative}    .city_list:hover,.city_active{background: #eee;!important;cursor: pointer;}    .level_2{width: 160px; }    .level_3{width: 160px; }    .city_list .moxiicon{transition: all 0.3s;display: inline-block;}    .city_list .moxiicon:hover{transform: scale(1.1);    }    .moxi-c-city-show{max-width: 500px;}    .moxi-c-city-show span{padding: 3px 5px;;border-radius: 3px;font-size: 12px;        background: silver;color: #fff;margin: 5px 5px 5px 0;display: inline-block;}    .moxi-c-code-{background: #232222;padding: 10px;border-radius: 5px;box-shadow: 0 0 8px #4e4e4e}    .moxi-c-code-box{min-height: 200px;padding: 15px;border-radius: 5px;    }    .moxi-c-code-box .ace_scrollbar::-webkit-scrollbar{        width: 6px;        height: 1px;    }    .moxi-c-code-box .ace_scrollbar::-webkit-scrollbar-thumb ,.moxi-scrollbar::-webkit-scrollbar-thumb{        border-radius: 10px;        -webkit-box-shadow: inset 0 0 5px rgb(180, 189, 184);        background: #979c99;    }    .moxi-c-code-box .ace_scrollbar::-webkit-scrollbar-track,.moxi-scrollbar::-webkit-scrollbar-track {        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);        border-radius: 10px;        background: #fff;    }.mxc-wrap { display: inline-block; }.mxc-trigger { display: inline-flex; align-items: center; gap: 8px; }.mxc-swatch {    width: 36px; height: 36px; border-radius: 6px; border: 1px solid #dcdfe6;    cursor: pointer; transition: all .25s; display: flex; align-items: center; justify-content: center;    background: #fff;}.mxc-swatch:hover { border-color: #409eff; box-shadow: 0 2px 8px rgba(64,158,255,.2); }.mxc-swatch-inner { width: 28px; height: 28px; border-radius: 4px; }.mxc-swatch-empty { color: #c0c4cc; font-size: 18px; }.mxc-text { font-size: 13px; color: #606266; }.mxc-hex { font-size: 12px; color: #909399; font-family: monospace; }/* 预览色块网格 */.mxc-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }.mxc-item {    position: relative; width: 50px; height: 36px; border-radius: 6px; overflow: visible;    border: 1px solid #e4e7ed; cursor: pointer; transition: all .25s;}.mxc-item:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,.15); border-color: #409eff; }.mxc-item .mxc-swatch-fill { width: 100%; height: 100%; border-radius: 5px; }.mxc-item .mxc-del {    position: absolute; right: -7px; top: -7px; width: 18px; height: 18px; border-radius: 50%;    background: #fff; color: #f56c6c; font-size: 14px; display: none; align-items: center; justify-content: center;    box-shadow: 0 1px 4px rgba(0,0,0,.15); cursor: pointer; z-index: 1; line-height: 1;}.mxc-item:hover .mxc-del { display: flex; }.mxc-item .mxc-del:hover { color: #e64242; }/* 拖拽排序 */.mxc-item { transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, opacity .2s, border-color .2s; }.mxc-item.dragging { opacity: .3; transform: scale(.9); }.mxc-item.drag-over { transform: scale(1.08); border-color: #409eff; border-style: dashed; box-shadow: 0 0 0 3px rgba(64,158,255,.15); }.mxc-item .mxc-drag-handle { cursor: grab; }.mxc-item .mxc-drag-handle:active { cursor: grabbing; }/* 点击编辑颜色 */.mxc-edit-pick {    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);    z-index: 10; width: 0; height: 0; overflow: visible;}.mxc-edit-pick .el-color-picker__trigger { width: 1px; height: 1px; border: none !important; padding: 0 !important; background: transparent !important; }.mxc-edit-pick .el-color-picker__trigger .el-icon-arrow-down { display: none !important; }.mxc-edit-pick .el-color-picker__trigger .el-color-picker__color { display: none !important; }.mxc-edit-pick .el-color-picker__trigger .el-color-picker__color-inner { display: none !important; }/* 颜色选择器弹窗 */.mxc-picker-popover { padding: 12px; }.mxc-picker-footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }.mxc-input-hex { width: 180px; }.mxc-add-btn {    width: 50px; height: 36px; border-radius: 6px; border: 1px dashed #dcdfe6;    display: flex; align-items: center; justify-content: center; cursor: pointer;    color: #909399; transition: all .25s; font-size: 20px;}.mxc-add-btn:hover { border-color: #409eff; color: #409eff; }    .moxi-c-content{max-height: 450px;overflow: auto;    }    .moxi-c-content li{padding: 10px;width: 100%;transition: all 0.4s;overflow: hidden;text-overflow: ellipsis;white-space: normal;position: relative}    .moxi-c-content li:hover{background: #f5f3f3;cursor: pointer;;    }    .moxi-c-content-tr:hover{cursor: pointer;background: #eee!important;}    .sure-column-c span{width: 100%;height: 100%;color: #fff;text-align: center;display: inline-block;padding: 10px;transition: all 0.4s; }    .sure-column-c span:hover{opacity: 0.7;}    .cur_content_list{padding: 4px 7px;border: 1px #e79b2a solid;margin: 3px 0;position: relative;        display: inline-block;font-size: 12px;border-radius: 3px;transition: all 0.5s}    .cur_content_list:hover{box-shadow: 0 0 5px #ccc;transform: translateY(-1px)}    .cur_content_list .moxi-guanbi{;color: #b4b1b1;font-size: 14px;}    .cur_content_list .moxi-guanbi:hover{color: red;cursor: pointer}.moxi-editor-wrap { border: 1px solid #e4e7ed; border-radius: 4px; overflow: hidden; }.moxi-editor-wrap .w-e-toolbar { border-bottom: 1px solid #e4e7ed !important; }.moxi-editor-wrap .w-e-text-container { min-height: 200px; }.moxi-editor-loading { display: flex; align-items: center; justify-content: center; min-height: 200px; color: #909399; font-size: 13px; }/* 图片选择器弹窗 */.moxi-editor-img-dialog .el-dialog__body { padding: 16px 20px; }.moxi-editor-img-tip { font-size: 13px; color: #909399; margin-bottom: 12px; }    .moxi-hint-component{        cursor: pointer;    }    .moxi-icon-box{        border-radius: 12px;background: #f4f7fc;box-shadow: 0 2px 5px #ccd4e1;transition: all 0.4s;display: inline-block;        position: relative;    }    .moxi-icon-box2{        width: 100%;height: 100%;border: 2px #fbfbfb solid;border-radius: 12px;padding: 3px;transition: all 0.4s;position: relative;        display: flex;align-items: center;justify-content: center;box-shadow: inset 2px 5px 10px #d6e0ed;overflow: hidden;color: var(--admin_color);    }    .moxi-icon-box2:before{        z-index: 10;        position: absolute;        top: -20%;        left: -20%;        width: 60%;        height:60%;        content: "";        border-radius: 50%;        background: rgba(255, 255, 255, 0.2);    }    .moxi-icon-box2:after{        z-index: 10;        position: absolute;        bottom: -20%;        right: -20%;        width: 60%;        height:60%;        content: "";        border-radius: 50%;        background: rgba(255, 255, 255, .2);    }    .moxi-icon-box:hover {        transform: perspective(800px) rotateX(30deg) rotateY(30deg);        cursor: pointer;    }    .moxi-i-icon{        text-shadow: 0 0 3px rgba(86, 103, 113, 0.91);transition: all 0.4s;    }    .moxi-icon-box:hover .moxi-i-icon{        transform: translateY(1px);    }    .moxi-i-bcolor{        width:80%;height: 80%;background: linear-gradient(to bottom,var(--color-1),var(--color-1),var(--admin_color));        border-radius: 6px; position: absolute;left: 0;top: 0;z-index: 1;box-shadow: 0 0 15px #d8e1ef;    }.moxi-c-icon {display: inline-block;cursor: pointer;border: none;margin: 3px;transition: all 0.5s;line-height: normal;border-radius: 50%}.moxi-c-icon:hover{transform: translateY(-1px);}    .moxi-c-icon .moxiicon{font-size: 14px;font-weight: 500}    .moxi-c-icon-fonticon{background: #eef6ff;color:var(--admin_color);border-radius: 50%;padding: 9px;display: inline-block;transition: all 0.4s}    .moxi-c-icon-fonticon:hover{        background: var(--admin_color)!important;color: #fff!important;    }    .moxi-c-icon-text{        color: var(--admin_color);cursor: pointer;font-size: 14px;font-weight: 500;font-family: inherit;line-height: 40px;    }    .moxi-c-icon-text:hover{        opacity: 0.8;    }/* ========== moxi-img 附件选择器（自包含，不依赖 layui） ========== */.mxi-wrap { display: inline-block; }.mxi-trigger { display: inline-flex; align-items: center; gap: 6px; }/* 预览网格 */.mxi-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }.mxi-item {    position: relative; width: 100px; height: 100px; border-radius: 8px; overflow: hidden;    border: 1px solid #e4e7ed; background: #fafafa; cursor: pointer;    transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, opacity .2s, border-color .2s;    display: flex; align-items: center; justify-content: center;}.mxi-item:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,.12); border-color: var(--admin_color, #409eff); }.mxi-item img, .mxi-item video { width: 100%; height: 100%; object-fit: contain; }.mxi-item .mxi-file-icon { font-size: 32px; color: #909399; display: flex; flex-direction: column; align-items: center; gap: 4px; }.mxi-item .mxi-file-icon span { font-size: 10px; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.mxi-item .mxi-mask {    position: absolute; inset: 0; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center;    opacity: 0; transition: opacity .2s; gap: 8px;}.mxi-item:hover .mxi-mask { opacity: 1; }.mxi-mask i { color: #fff; font-size: 18px; cursor: pointer; transition: color .2s; }.mxi-mask i:hover { color: #ffd04b; }/* 拖拽排序 */.mxi-item.dragging { opacity: .3; transform: scale(.9); }.mxi-item.drag-over { transform: scale(1.06); border-color: var(--admin_color, #409eff); border-style: dashed; box-shadow: 0 0 0 3px rgba(64,158,255,.15); }/* 文件库 hover 操作按钮 - 加入查看详情按钮 */.mxi-lib-actions {    position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; gap: 6px;    background: linear-gradient(transparent, rgba(0,0,0,.6)); padding: 14px 0 4px; opacity: 0; transition: opacity .2s;}.mxi-lib-item:hover .mxi-lib-actions { opacity: 1; }.mxi-lib-actions i { color: #fff; font-size: 14px; cursor: pointer; transition: color .2s; }.mxi-lib-actions i:hover { color: #ffd04b; }/* 预览弹窗 */.mxi-preview-dialog .el-dialog__body { padding: 0; text-align: center; background: #000; border-radius: 4px; }.mxi-preview-dialog .el-dialog__header { padding: 10px 20px; background: #000; }.mxi-preview-dialog .el-dialog__title { color: #fff; }.mxi-preview-dialog .el-dialog__headerbtn .el-dialog__close { color: #fff; }.mxi-preview-dialog img { max-width: 100%; max-height: 70vh; object-fit: contain; }.mxi-preview-dialog video { max-width: 100%; max-height: 70vh; }.mxi-preview-dialog audio { width: 100%; margin-top: 20px; }.mxi-del {    position: absolute; top: 2px; right: 2px; width: 20px; height: 20px; border-radius: 50%;    background: #f56c6c; color: #fff; display: flex; align-items: center; justify-content: center;    font-size: 12px; cursor: pointer; z-index: 3; box-shadow: 0 2px 6px rgba(245,108,108,.4); transition: transform .2s;}.mxi-del:hover { transform: scale(1.15); }/* 添加按钮 */.mxi-add {    width: 100px; height: 100px; border: 1px dashed #dcdfe6; border-radius: 8px; display: flex;    flex-direction: column; align-items: center; justify-content: center; cursor: pointer; color: #909399;    transition: all .25s; gap: 4px;}.mxi-add:hover { border-color: var(--admin_color, #409eff); color: var(--admin_color, #409eff); background: rgba(64,158,255,.04); }.mxi-add i { font-size: 24px; }.mxi-add span { font-size: 11px; }/* 弹窗内部 */.mxi-dialog .el-dialog__body { padding: 0 20px; }.mxi-dialog .el-dialog__header { background: linear-gradient(135deg, #f8faff, #f0f5ff); border-bottom: 1px solid #e8edf5; }.mxi-dialog .el-dialog__title { font-weight: 600; }.mxi-tabs { display: flex; gap: 0; border-bottom: 1px solid #e4e7ed; margin-bottom: 16px; }.mxi-tab { padding: 8px 18px; cursor: pointer; font-size: 13px; color: #606266; border-bottom: 2px solid transparent; transition: all .2s; }.mxi-tab:hover { color: var(--admin_color, #409eff); }.mxi-tab.active { color: var(--admin_color, #409eff); border-bottom-color: var(--admin_color, #409eff); font-weight: 500; }.mxi-upload-area { padding: 20px 0; }.mxi-lib-area { min-height: 300px; }/* 文件库工具栏 */.mxi-lib-toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; padding: 10px 12px; background: #f5f7fa; border-radius: 8px; border: 1px solid #ebeef5; }.mxi-lib-toolbar .mxi-lib-info { font-size: 12px; color: #909399; }/* 文件库网格 */.mxi-lib-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; max-height: 340px; overflow-y: auto; padding: 4px; }/* 美化滚动条 */.mxi-lib-grid::-webkit-scrollbar { width: 6px; }.mxi-lib-grid::-webkit-scrollbar-track { background: transparent; }.mxi-lib-grid::-webkit-scrollbar-thumb { background: #c0c4cc; border-radius: 3px; transition: background .2s; }.mxi-lib-grid::-webkit-scrollbar-thumb:hover { background: #909399; }.mxi-lib-grid { scrollbar-width: thin; scrollbar-color: #c0c4cc transparent; }/* 滚动加载提示 */.mxi-lib-loadmore { text-align: center; padding: 8px 0; font-size: 12px; color: #c0c4cc; }.mxi-lib-loadmore i { margin-right: 4px; }.mxi-lib-item {    position: relative; height: 110px; border-radius: 8px; overflow: hidden; cursor: pointer;    border: 2px solid transparent; transition: all .25s cubic-bezier(.2,.8,.2,1);    background: linear-gradient(135deg, #fafbfc 0%, #f0f2f5 100%);    display: flex; align-items: center; justify-content: center;}.mxi-lib-item:hover { border-color: var(--admin_color, #409eff); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.1); }.mxi-lib-item.selected { border-color: var(--admin_color, #409eff); box-shadow: 0 0 0 3px rgba(64,158,255,.2), 0 4px 12px rgba(64,158,255,.1); background: linear-gradient(135deg, #f0f7ff 0%, #e6f1ff 100%); }.mxi-lib-item img, .mxi-lib-item video { width: 100%; height: 100%; object-fit: contain; }.mxi-lib-item .mxi-lib-icon { font-size: 28px; color: #c0c4cc; display: flex; flex-direction: column; align-items: center; gap: 2px; }.mxi-lib-item .mxi-lib-icon span { font-size: 10px; color: #909399; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 4px; }.mxi-lib-check {    position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; border-radius: 50%;    background: var(--admin_color, #409eff); color: #fff; display: flex; align-items: center; justify-content: center;    font-size: 12px; z-index: 2; box-shadow: 0 2px 8px rgba(64,158,255,.4);}.mxi-lib-empty { text-align: center; padding: 60px 0; color: #c0c4cc; }.mxi-lib-empty i { font-size: 40px; }.mxi-link-area { padding: 16px 0; }.mxi-file-type-tag { font-size: 11px; padding: 1px 6px; border-radius: 3px; color: #909399; background: #f4f4f5; }/* 拖拽上传 */.mxi-drag {    border: 2px dashed #dcdfe6; border-radius: 8px; padding: 30px 20px; text-align: center; cursor: pointer; transition: all .25s;    background: linear-gradient(135deg, #fafbfc 0%, #f5f7fa 100%);}.mxi-drag:hover, .mxi-drag.dragover { border-color: var(--admin_color, #409eff); background: linear-gradient(135deg, #f0f7ff 0%, #e6f1ff 100%); }.mxi-drag i { font-size: 40px; color: #c0c4cc; }.mxi-drag p { margin: 8px 0 0; font-size: 13px; color: #606266; }    .moxi--input-number-btn{transition: all 0.4s}    .moxi--input-number-btn:hover{opacity: 0.8}    .moxi-c-input-btn:hover{opacity: .9}    .moxi-login {        width: 100%;        height: 100%;        display: flex;        flex-direction: column;        gap: 24px;        user-select: none;    }    .moxi-login label {        margin: 0;    }    .moxi_login_box {        display: flex;        flex-direction: column;        gap: 24px;    }    .moxi_login_box input {        padding: 20px 24px;        background-color: #F5F7FC;        border-radius: 8px;        font-size: 14px;        width: 100%;        box-sizing: border-box;        outline: none;        border: 1px solid #F5F7FC;        box-shadow: none;        transition: all 0.3s ease-in-out;    }    .moxi_login_box input:focus {        border-color: var(--admin_color);    }    .moxi_login_nav {        display: flex;        align-items: center;        gap: 16px;        color: #999;        font-size: 16px;    }    .moxi_login_nav_active {        color: var(--admin_color);    }    .moxi_login_box_input {        position: relative;    }    .moxi_login_box_input_code {        position: relative;    }    .moxi_login_box_input_code input {        padding-right: 120px;        position: relative;    }    .moxi_login_dialog {        min-width: 320px;    }    .moxi-c-phonebox {        background-color: #fff;        /* height: 750px; */        border-radius: 44px;        border: 12px #000 solid;        box-shadow: 0 0 10px #a2a2a2;        display: inline-flex;        flex-direction: column;        position: relative;        overflow: hidden;    }    .moxi-ph-top {        position: absolute;        width: 100%;        left: 0;        top: 0;        height: 28px;    }    .moxi-ph-status {        display: flex;        justify-content: space-between;        align-items: center;        position: absolute;        z-index: 1;        bottom: 0;        left: 0;        width: 100%;        padding: 0 16px 0 28px;    }    .moxi-c-ph-status {        display: flex;        align-items: center;        gap: 8px;    }    .moxi-ph-liuhai {        position: absolute;        top: 0;        left: 50%;        transform: translateX(-50%);        background-color: #000;        width: 152px;        height: 28px;        border-radius: 0 0 999px 999px;        z-index: 1;    }    .moxi-c-show_box {        position: sticky;        top: 70px;        width: 500px;    }    #moxi-c-phone-iframe {        position: relative;        height: 647px;        display: flex;        flex-direction: column;    }    #moxi-c-phone-iframe .i_con {        height: 525px;        width: 345px;        border: none;    }    .page_title {        position: absolute;        left: 0;        top: 0;        width: 100%;        text-align: center;        padding-top: 40px    }    .page_title_left {        text-align: left;        margin-left: 5px;    }    .moxi-ph-header {        text-align: center;        width: 345px;        height: 65px;        position: relative;        display: flex;        flex-direction: row;        margin-bottom: -1px;        border-bottom: 1px #eee solid;    }    .moxi-ph-header h4 {        display: inline-block    }    .mx_search_box {        width: 100px;        height: 22px;        border-radius: 50px;        border: #ccc 1px solid;        background: silver;        display: inline-block;        position: relative;        margin-bottom: -6px;        margin-left: 10px;    }    .mx_search_box i {        font-size: 12px;        position: absolute;        left: 4px;        top: 4px;    }    .mx_search_box span {        position: absolute;        left: 23px;        top: 5px;        font-size: 12px;    }    .moxi-c-ph-t {        font-weight: 600;        font-size: 12px    }    .moxi-ph-bottom {        width: 100%;        height: 20px;        display: flex;        justify-content: center;        align-items: center;        position: absolute;        bottom: 0;        left: 0;    }    .moxi-ph-bottom .heibian {        width: 124px;        height: 4.6px;        background-color: #000;        border-radius: 999px;    }.moxi-c-power .power_list{margin: 10px 10px 10px 0;display: inline-block}.moxi-c-power .power_list:hover{cursor: pointer}    .moxi-c-power .power_desc{margin-left: 15px;font-size: 12px;color: #666}    .moxi-c-power .power_title{cursor: pointer}.moxi-c-select-form{width: 250px;max-height: 350px;box-shadow: 2px 3px 8px 5px #ccc;overflow: auto;border-radius: 4px;   }.moxi-c-select-form li{padding: 10px;width: 100%;transition: all 0.4s;overflow: hidden;text-overflow: ellipsis;white-space: normal;position: relative}.moxi-c-select-form li:hover{background: #f5f3f3;cursor: pointer;;}.sure-column-c span{width: 100%;height: 100%;color: #fff;text-align: center;display: inline-block;padding: 10px;transition: all 0.4s; }    .sure-column-c span:hover{opacity: 0.7;}.moxi-shadow-xg{width: 100px;height: 50px;text-align: center;background:linear-gradient(to right,#00a8e6,#2e6da4);padding-top: 15px;color: #fff}.moxi-c-site-data-box{}.moxi-c-slider{margin-top: -2px;max-width: 500px;display: flex;flex-direction: row}.moxi-c-span span{display: inline-block;padding: 3px 8px;color: #fff;border-radius: 2px;font-size: 12px;position: relative;margin: 5px 10px 5px 0;transition: all 0.3s}.moxi-c-span span:hover{opacity: 0.9;box-shadow: 3px 3px 5px #eee;}.moxi-c-span span i{position: absolute;right: -6px;top:-6px;border-radius: 50%;background: silver;display: none;color: #eee}.moxi-c-span span:hover i{display: block;}.moxi-c-span span i:hover{cursor: pointer;color: #f54040;background: #fff;}    .status-active {        background: #f0f9eb;        color: #67c23a;    }    .status-indicator {        display: flex;        align-items: center;        gap: 8px;    }    .status-light {        width: 12px;        height: 12px;        border-radius: 50%;        position: relative;    }    .status-active {        background-color: #67c23a;        box-shadow: 0 0 0 rgba(103, 194, 58, 0.4);        animation: greenPulse 2s infinite;    }    .status-inactive {        background-color: #f56c6c;        box-shadow: 0 0 0 rgba(245, 108, 108, 0.4);        animation: redPulse 2s infinite;    }    @keyframes greenPulse {        0% {            box-shadow: 0 0 0 0 rgba(103, 194, 58, 0.7);        }        70% {            box-shadow: 0 0 0 10px rgba(103, 194, 58, 0);        }        100% {            box-shadow: 0 0 0 0 rgba(103, 194, 58, 0);        }    }    @keyframes redPulse {        0% {            box-shadow: 0 0 0 0 rgba(245, 108, 108, 0.7);        }        70% {            box-shadow: 0 0 0 10px rgba(245, 108, 108, 0);        }        100% {            box-shadow: 0 0 0 0 rgba(245, 108, 108, 0);        }    }    .status-text {        font-size: 12px;        font-weight: 500;    }    .status-text-active {        color: #67c23a;    }    .status-text-inactive {        color: #f56c6c;    }    .moxi-c-mn-s{width: 100px;height: 40px;background: linear-gradient(to right,#2e6da4,#00a8e6);transition: all 0.5s;        text-align: center;color: #fff;padding-top: 10px;margin-top: 5px;box-shadow: 0 0 6px #ccc;border-radius: 3px}    .moxi-c-mn-s:hover{transform: translateY(-2px);cursor: pointer}    .moxi-c-style-set .col-sm-2{margin-top: 5px;}.moxi-c-kaiguan{width: 50px;height: 21px;border-radius: 50px;background: silver;position: relative;    transition:all 0.5s;}    .moxi-c-kaiguan-yuan{background: #fff;transition:all 0.5s;box-shadow: 0 0 5px #999;        width: 15px;height: 15px;border-radius: 100px;position: absolute;left: 3px;top: 3px}.moxi-c-kaiguan:hover{box-shadow: 0 0 10px #ccc}    .moxi-c-kaiguan-checked span{transform: translateX(29px);}    .moxi-switch{position: relative;margin-top: 5px;display: inline-block}.moxi-c-tab-menu{width: 100%;border-bottom: 2px #E4E7ED solid;position: relative;margin-bottom: 10px;}    .moxi-c-tab-menu span{padding: 0 20px;height: 40px;box-sizing: border-box;cursor: pointer;transition: all 0.5s;        line-height: 40px;  position: relative;  display: inline-block; color: #303133;   font-size: 14px;}.moxi-c-tab-menu span:hover{opacity: 0.8}    .moxi-c-tab-bt{position: absolute;bottom: -2px;left: 0;width: 1px;height: 2px;background: #2e6da4;transition: all 0.5s}.mx-table-th{min-width: 120px;max-width: 300px;overflow: auto}    .mx-table-method{position: sticky!important;right: 0;background: #fff;        background: rgba(255,255,255,0.7);box-shadow: -2px 2px  3px #eee;text-align: center}    .moxi-c-btn-upload{display: inline-block}    .moxi-c-btn-upload .el-upload__input{display: none!important;}    .moxi-c-btn-upload input{min-width: 300px;}    .moxi-c-btn-upload .el-icon-close:hover{        color: var(--danger-color);cursor: pointer;    }.moxi-c-user-check .moxiicon{cursor: pointer;opacity: .9}    .moxi-c-user-li:hover{cursor: pointer;}