.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;    }    .moxi-color-l{width: 50px;height: 30px;box-shadow: 0 0 10px #ccc;display: inline-block;position: relative;transition: all 0.5s;margin:10px 12px 10px 0}    .moxi-color-l:hover{transform: translateY(-2px);box-shadow: 3px 4px 9px #ccc;}    .moxi-color-l .moxi-guanbi{font-size: 19px;color: #f19e9e;cursor: pointer;transition: all 0.5s;font-weight: 300!important;        border-radius: 100px;position: absolute;right: -10px;top: -10px;display: none;background: #fff;}    .moxi-color-move{display: none;position: absolute;bottom: -15px;left: 0;width: 50px;color: #363535;padding: 2px;        background: #eeeeee;    }    .moxi-color-move .moxiicon:hover{cursor: pointer;color: #ef6161}    .moxi-color-move .moxi-zuobian{float: left;margin-left: 2px;font-size: 14px;transition: all 0.5s}    .moxi-color-move .moxi-youbian{float: right;margin-right: 2px;font-size: 14px;transition: all 0.5s}    .moxi-color-l:hover .moxi-guanbi,.moxi-color-l:hover .moxi-color-move{display: block}    .moxi-color-l .moxi-guanbi:hover{color: #ec5e5e;}    .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-wangeditor{    border: 1px #eee solid;z-index: 11;}.moxi-wangeditor-tools{    border-bottom: 1px #eee solid;}.moxi-wangeditor-con{    min-height: 200px;}    .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-c-img img,.moxi-c-img video{width: 100px;height: 100px;padding: 3px;transition: all 0.5s;border-radius: 4px;object-fit: contain;        box-shadow: 0 0 8px #ccc;}    .moxi-c-img img:hover,.moxi-c-img video:hover{transform: translateY(-2px);box-shadow: 4px 4px 6px #ccc;}    .moxi-c-img p{margin: 0;padding: 0}    .mx-sl2:hover{transform: translateY(-2px);box-shadow: 4px 4px 6px #ccc;}    .mx-sl2 .moxi-guanbi{font-size: 25px;color: #ee9090;cursor: pointer;transition: all 0.5s;        border-radius: 100px;position: absolute;right: -6px;top: -6px;display: ;background: #fff;}    .mx-sl2 .moxi-guanbi:hover{color: #ea3030    }    .mx-sl2{position: relative;margin: 5px 10px 5px 0;border-radius: 3px;left: 0;top: 0;        display: inline-block;background: #fff;transition: all 0.5s;}    .mx-sl2:hover .mx-img-h{display: block;cursor: move}    .mx-sl2 .mx-img-h{display: none;width: 100%;height: 100%;background: rgba(108, 106, 106, 0.7);position: absolute;;left: 0;top: 0;z-index: 100;border-radius: 3px;    }    .mx-img-h i{color: #fff;font-weight: 600;font-size: 19px}    .mx-img-h i:hover{color: #f3d08a;cursor: pointer}    .moxi-c-img .input-group input{height: 40px;    }    .moxi--input-number-btn{transition: all 0.4s}    .moxi--input-number-btn:hover{opacity: 0.8}    .moxi-c-input-btn:hover{opacity: .9}    .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;}    .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;}