[data-v-4cf6edf6] .el-loading-mask{height:80px;margin-top:20px;border-radius:6px}.banner-upload[data-v-4cf6edf6]{width:80px;height:80px;border-radius:6px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin-right:20px;float:left}.banner-upload .error-msg[data-v-4cf6edf6]{color:red;position:absolute;top:0;left:0}.banner-upload .banner-add[data-v-4cf6edf6],.banner-upload .img-preview-block[data-v-4cf6edf6]{border-radius:6px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;width:80px;height:80px;line-height:80px;display:inline-block}.banner-upload .banner-add[data-v-4cf6edf6]{border:1px dashed #d9d9d9;cursor:pointer;position:relative;text-align:center;font-size:28px;color:#8c939d}.banner-upload .banner-add .empty-img-btn[data-v-4cf6edf6]{position:absolute;top:0;right:0;height:100%;width:100%;background-color:rgba(0,0,0,.1);text-align:center}.banner-upload .banner-add .empty-img-btn .el-button[data-v-4cf6edf6]{padding:4px;text-align:center;position:absolute}.banner-upload .banner-add .empty-img-btn .upload-offline-btn[data-v-4cf6edf6]{top:27px;left:27px}.banner-upload .banner-add .empty-img-btn .upload-online-btn[data-v-4cf6edf6]{top:24px;right:10px}.banner-upload .img-preview-block[data-v-4cf6edf6]{border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.banner-upload .img-preview-block .img-preview[data-v-4cf6edf6]{width:100%;height:100%}.banner-upload .img-preview-block .img-btn[data-v-4cf6edf6]{position:absolute;top:0;right:0;height:100%;width:100%;background-color:rgba(0,0,0,.1);text-align:center}.banner-upload .img-preview-block .img-btn .el-button[data-v-4cf6edf6]{padding:4px;text-align:center;position:absolute}.banner-upload .img-preview-block .img-btn .upload-btn[data-v-4cf6edf6]{top:27px;left:10px}.banner-upload .img-preview-block .img-btn .delete-btn[data-v-4cf6edf6]{top:14px;right:10px}.banner-upload .img-preview-block .img-btn .search-btn[data-v-4cf6edf6]{bottom:29px;left:35px}.pageSettingDetail-body[data-v-2fde22df]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#eceffc;padding:0!important}.pageSettingDetail-body .header[data-v-2fde22df]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 23px;height:64px;background:#fff;font-size:14px}.pageSettingDetail-body .gap[data-v-2fde22df]{width:100%;height:10px;background:#eceffc}.pageSettingDetail-body .body-box[data-v-2fde22df]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;background:#fff}.pageSettingDetail-body .body-box .left[data-v-2fde22df]{width:267px;height:100%}.pageSettingDetail-body .body-box .left .component-title[data-v-2fde22df]{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;padding-left:44px;color:#333}.pageSettingDetail-body .body-box .left .component-title .margin-right-10[data-v-2fde22df]{margin-right:12px}.pageSettingDetail-body .body-box .left .item-box[data-v-2fde22df]{width:80px;height:100px;background:#318cf2;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;margin-left:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.pageSettingDetail-body .body-box .left .item-box img[data-v-2fde22df]{width:33px;height:28px;margin-bottom:12px}.pageSettingDetail-body .body-box .mid[data-v-2fde22df]{width:956px;height:100%;background-color:#fff;overflow:auto;margin:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pageSettingDetail-body .body-box .mid .phone[data-v-2fde22df]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden;width:570px;margin-top:5%;height:90%;overflow-y: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:center;-ms-flex-align:center;align-items:center}.pageSettingDetail-body .body-box .mid .phone .notice[data-v-2fde22df]{position:absolute;left:0;top:67px;cursor:pointer}.pageSettingDetail-body .body-box .mid .phone .me-back-Img[data-v-2fde22df]{width:333px;height:167px;margin-top:2px;z-index:1}.pageSettingDetail-body .body-box .mid .phone .info[data-v-2fde22df]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:12px;line-height:20px;position:absolute;left:86px;top:65px}.pageSettingDetail-body .body-box .mid .phone .info .name[data-v-2fde22df]{font-size:16px}.pageSettingDetail-body .body-box .mid .phone .phone-page[data-v-2fde22df]{width:375px;z-index:2}.pageSettingDetail-body .body-box .mid .phone .border[data-v-2fde22df]{position:absolute;width:333px;height:167px;border:2px solid #318cf2;z-index:3}.pageSettingDetail-body .body-box .right[data-v-2fde22df]{width:525px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;text-align:left}.pageSettingDetail-body .body-box .right .title-box[data-v-2fde22df]{padding:0 35px;margin-top:23px;font-weight:700;font-size:18px;color:#333}.pageSettingDetail-body .body-box .right .second-title[data-v-2fde22df]{margin:30px 0 20px 35px;font-size:12px;font-weight:700;color:#333}.pageSettingDetail-body .body-box .right .tips[data-v-2fde22df]{font-size:12px;color:#999;line-height:24px;margin:0 35px 29px 35px}.pageSettingDetail-body .body-box .right .uploadImgBox[data-v-2fde22df]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:445px;height:116px;background:#fff;-webkit-box-shadow:1px 1px 6px 0 rgba(71,71,71,.2);box-shadow:1px 1px 6px 0 rgba(71,71,71,.2);border-radius:4px;margin-left:35px}.pageSettingDetail-body .body-box .right .uploadImgBox .upload-title[data-v-2fde22df]{margin-left:23px;font-size:12px;font-weight:700;color:#333}.pageSettingDetail-body .body-box .right .uploadImgBox .upload[data-v-2fde22df]{width:80px;height:80px;margin:0 21px}.pageSettingDetail-body .body-box .right .uploadImgBox .default[data-v-2fde22df]{margin-left:20px}.pageSettingDetail-body .body-box .right .color-box[data-v-2fde22df]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:445px;margin:27px 0 0 35px}.pageSettingDetail-body .body-box .right .color-box .color-title[data-v-2fde22df]{font-size:12px;font-weight:700;color:#333}.pageSettingDetail-body .body-box .right .color-box .color-picker[data-v-2fde22df]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;width:180px}.pageSettingDetail-body .body-box .right .color-box .color-picker .color[data-v-2fde22df]{cursor:pointer;width:79px;height:39px;border:1px solid #ccc;border-radius:2px;background:#f6f7f9;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}.pageSettingDetail-body .body-box .right .color-box .color-picker .color .color-content[data-v-2fde22df]{width:66px;height:28px;border-radius:2px}.pageSettingDetail-body .body-box .right .color-box .color-picker .active[data-v-2fde22df]{border:1px solid #318cf2}.pageSettingDetail-body .body-box .right .color-box .color-picker .default[data-v-2fde22df]{margin-left:20px}.pageSettingDetail-body .body-box .gap2[data-v-2fde22df]{width:10px;height:100%;background:#eceffc}