.group_div[data-v-4bc4ac47]{height:460px;overflow-x:hidden;overflow-y:auto}.group li[data-v-4bc4ac47]{padding:0 12px}.group li.active[data-v-4bc4ac47]{color:#2d8cf0}.group li div[data-v-4bc4ac47]{height:40px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.group li div[data-v-4bc4ac47]:hover{color:#2d8cf0}.group li div:hover p[data-v-4bc4ac47]:nth-child(2){display:none}.group li div:hover p[data-v-4bc4ac47]:last-child{display:block}.group li div .title[data-v-4bc4ac47]{width:100px}.group li div p[data-v-4bc4ac47]{margin:0}.group li div .btns[data-v-4bc4ac47]{display:none}.imglist[data-v-4bc4ac47]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:20px;margin-top:10px}.imglist .item_box[data-v-4bc4ac47]{cursor:pointer;padding:0 10px 20px 0;position:relative}.imglist .item_box .img_select[data-v-4bc4ac47]{position:absolute;width:139px;height:139px;top:0;left:0;background-color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:2px}.imglist .item_box .img_box[data-v-4bc4ac47]{width:138px;height:138px;border:1px solid #e9edef;position:relative}.imglist .item_box .img_box img[data-v-4bc4ac47]{width:136px;height:136px}.imglist .item_box .img_box .img_size[data-v-4bc4ac47]{bottom:0;display:none;position:absolute;width:100%;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.7);padding:4px 0}.imglist .item_box .img_box .icon-abl-close[data-v-4bc4ac47]{font-size:32px;position:absolute;top:-8px;right:-8px;display:none}.imglist .item_box .img_box:hover .img_size[data-v-4bc4ac47]{display:-webkit-box;display:-ms-flexbox;display:flex}.imglist .item_box .img_box:hover .icon-abl-close[data-v-4bc4ac47]{display:block}.imglist .item_box .name[data-v-4bc4ac47]{font-size:12px;line-height:16px;color:#262b30;margin-top:10px;width:138px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.dialog-footer[data-v-4bc4ac47]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dialog-footer[data-v-4bc4ac47],.popbtn[data-v-4bc4ac47]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popbtn[data-v-4bc4ac47]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 20px 0 20px}.upload-container[data-v-bef931ee]{width:100%;height:100%;position:relative}.upload-container[data-v-bef931ee]:after{content:"";display:table;clear:both}.upload-container .image-uploader[data-v-bef931ee]{width:100%;height:100%;float:left;background:#fff;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}.tempimg[data-v-bef931ee]{width:100%;height:100%}.upload-container_big[data-v-bef931ee]{width:100%}.upload-container_big .tempimg[data-v-bef931ee]{width:300px;height:150px}.avatar-uploader-icon[data-v-bef931ee]{font-size:28px;color:#8c939d}.font[data-v-bef931ee]{font-weight:700;position:absolute;right:0;top:0;line-height:16px;width:24px;height:24px;line-height:24px;text-align:center;-webkit-transform:translate(40%,-30%);transform:translate(40%,-30%);cursor:pointer;font-size:16px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.color_div{border:1px solid #dbdbdb;border-radius:4px;width:240px;background:#fff}.color_div .input-with-reset{margin-left:10px}.color_div .input-with-reset,.color_div .input-with-reset .el-color-picker__trigger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color_div .input-with-reset .el-color-picker__trigger{border:none;width:36px!important;height:36px!important}.color_div .input-with-reset .el-color-picker__trigger .el-color-picker__icon{color:transparent}.color_div .input-with-reset .el-input input{border:none;border-radius:0;outline:none}.color_div .input-with-reset .el-button{padding:0 20px}.select_check .el-input__inner{border:none;background:#fff!important;padding:0!important;color:#333!important}.select_check .el-button{padding:0 15px}.select_btn,.select_link{background:#fff}.select_btn{padding:4px 6px;color:#2d8cf0;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e9edef}.select_d{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.select_d .el-icon-link{padding:0 6px 0 0}.select_d:hover{border:1px solid #2d8cf0}.select_check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}.select_check .el-icon-link{padding:0 6px;color:#333}.input_content{margin-top:10px;background:#f4f6f8;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}.input_content .el-color-picker__trigger{width:70px}.input_div{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}#myCanvas{position:absolute;top:-28px;left:calc(50% - 55px)}.component-setter .el-card__body{height:calc(100vh - 125px);overflow-y:auto}.selectlink .el-dialog__body{padding-bottom:0}.app[data-v-5ad03f28]{width:640px;margin:0 auto;height:800px;overflow:scroll}.dn-container[data-v-5ad03f28]{height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:hidden}.dn-container .main-header[data-v-5ad03f28]{color:#fff;height:56px;background:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dn-container .main-header .header-left[data-v-5ad03f28],.dn-container .main-header[data-v-5ad03f28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dn-container .main-header .header-left .back-div[data-v-5ad03f28]{width:80px;height:30px;background:#4d6ef2;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,.1) inset;box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.1);border-radius:7px;margin-left:40px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:183px;text-align:center;line-height:30px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;color:#fff;cursor:pointer}.dn-container .main-header .header-left .tabs .tab[data-v-5ad03f28],.dn-container .main-header .header-left .tabs[data-v-5ad03f28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dn-container .main-header .header-left .tabs .tab[data-v-5ad03f28]{padding:0 18px;height:56px;cursor:pointer;color:#333;font-size:16px;border-bottom:3px solid #fff}.dn-container .main-header .header-left .tabs .tab.on[data-v-5ad03f28]{color:#4d6ef2;border-bottom:3px solid #4d6ef2}.dn-container .main-header .header-right[data-v-5ad03f28]{margin-right:40px}.dn-container .main-header .header-right .tabs .tab[data-v-5ad03f28],.dn-container .main-header .header-right .tabs[data-v-5ad03f28],.dn-container .main-header .header-right[data-v-5ad03f28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dn-container .main-header .header-right .tabs .tab[data-v-5ad03f28]{padding:0 18px;height:56px;cursor:pointer}.dn-container .main-header .header-right .tabs .tab.on[data-v-5ad03f28]{background:#131f2b}.dn-container .main-header .header-right .btn-group[data-v-5ad03f28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dn-container .main-header .header-right .btn-group .btn[data-v-5ad03f28]{position:relative;padding:0 20px;min-width:80px;height:56px;line-height:56px}.dn-container .main-header .header-right .btn-group .btn-apply[data-v-5ad03f28],.dn-container .main-header .header-right .btn-group .btn[data-v-5ad03f28]{font-size:14px;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dn-container .main-header .header-right .btn-group .btn-apply[data-v-5ad03f28]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:2px;width:100px;height:32px;background:#4d6ef2;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,.1) inset;box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.1);border-radius:7px;margin-left:18px}.main_body[data-v-5ad03f28]{width:100%;min-width:1300px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:306px;padding-right:540px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background:#f4f6f8;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:auto;height:calc(100vh - 56px)}.main_body .main_left[data-v-5ad03f28]{position:absolute;width:306px;height:100%;left:0;top:0;bottom:22px;z-index:0;background:#fff;padding:0 0 0 15px;overflow-y:auto}.main_body .main_left .btn_group[data-v-5ad03f28]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.main_body .main_left .btn_group .btn_item[data-v-5ad03f28]{position:relative;margin:5px;width:82px;height:82px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;background:#f4f6f8;border-radius:2px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.main_body .main_left .btn_group .btn_item i[data-v-5ad03f28]{font-size:30px;margin-bottom:6px}.main_body .phone-area[data-v-5ad03f28]{width:434px;height:828px;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:-10px;margin-left:-10px;background:url(../../static/img/ipbg.3fa4c8ff.png) no-repeat}.main_body .phone-area .scroll-body[data-v-5ad03f28]{overflow-y:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:375px;height:667px;-ms-flex-negative:0;flex-shrink:0;border-radius:2px;-webkit-box-shadow:0 4px 14px rgba(133,148,162,.2);box-shadow:0 4px 14px rgba(133,148,162,.2);margin:69px auto 0 auto}.main_body .phone-area .scroll-body[data-v-5ad03f28]::-webkit-scrollbar{display:none!important}.main_body .phone-area .scroll-body .page-content[data-v-5ad03f28]{min-height:100%;width:375px}.main_body .phone-area .scroll-body .page-content .diy-phone[data-v-5ad03f28]{width:375px;height:auto;min-height:100%;background:#fff}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body[data-v-5ad03f28]{background:#f3f3f3}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-main[data-v-5ad03f28]{min-height:603px;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-main .tabbar_bg[data-v-5ad03f28]{position:absolute;bottom:14px}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-main .tabbar_bg.tabbar_bg_t[data-v-5ad03f28]{bottom:15px}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-title[data-v-5ad03f28]{height:64px;background:#fff;background-size:100% auto;text-align:center;cursor:pointer;display:block;white-space:nowrap;text-overflow:ellipsis;position:relative}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-title .page-title[data-v-5ad03f28]{position:absolute;z-index:100;font-family:PingFang SC;font-style:normal;font-weight:600;font-size:18px;line-height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#212121;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);bottom:10px;margin:0}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-title .phone-top[data-v-5ad03f28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:375px;overflow:hidden}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-title .phone-top .custom-navbar img[data-v-5ad03f28]{position:absolute;right:7px;width:87px;height:32px;bottom:6px}.phone-area[data-v-5ad03f28]::-webkit-scrollbar{display:none}.component-setter[data-v-5ad03f28]{-webkit-transform:translateX(0);transform:translateX(0);position:absolute;width:540px;height:100%;right:0;top:0;background:#fff;border:1px solid #e9edef;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px}.component-setter .el-card__body[data-v-5ad03f28]{height:calc(100% - 55px);overflow-y:auto}.bottom-items[data-v-5ad03f28]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;width:100%;background-color:#fff;height:60px}.bottom-items .btn_items[data-v-5ad03f28]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.bottom-items .btn_items .btn_text[data-v-5ad03f28]{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:6px 0 4px 0}.bottom-items .btn_items .btn_text .text[data-v-5ad03f28]{font-size:12px}.bottom-items .btn_items .btn_text .icon-box[data-v-5ad03f28]{height:26px;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;margin-bottom:6px;position:relative}.bottom-items .btn_items .btn_text .icon-box i[data-v-5ad03f28]{font-size:26px;text-align:center;display:block}.bottom-items .btn_items .btn_text .icon-box .img-box[data-v-5ad03f28]{width:26px;height:26px;border-radius:5px}.bottom-items .btn_items .btn_text .icon-box.no_text .img-box[data-v-5ad03f28]{width:30px;height:30px;border-radius:5px}.bottom-items .btn_items.bulge[data-v-5ad03f28]{top:-35px;z-index:10}.bottom-items .btn_items.bulge .icon-box[data-v-5ad03f28]{height:auto}.bottom-items .btn_items.bulge .bulge-img[data-v-5ad03f28]{border-radius:50%!important;width:52px!important;height:52px!important}.bottom-items .btn_items.bulge .show_text .text[data-v-5ad03f28]{position:absolute;bottom:-26px}.bottom-items .btn_items .btn_icon[data-v-5ad03f28]{position:absolute;top:-2px;right:-9px;width:18px;height:18px;border-radius:50%;text-align:center;font-size:12px;line-height:18px;color:#fff}.container[data-v-5ad03f28]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #e9edef;background:#f4f6f8;padding:10px;margin-bottom:20px;position:relative}.container>i[data-v-5ad03f28]{font-size:24px}.container:hover .cancal[data-v-5ad03f28]{display:block}.container .cancal[data-v-5ad03f28]{font-size:20px;position:absolute;right:-10px;top:-10px;cursor:pointer;display:none}.container .content[data-v-5ad03f28]{-webkit-box-flex:1;-ms-flex:1;flex:1}.icon_box[data-v-5ad03f28]{width:36px;height:36px;line-height:36px;text-align:center;cursor:pointer;border:1px solid #dcdfe6;position:relative}.icon_box .icon-abl-close[data-v-5ad03f28]{position:absolute;top:-6px;right:-9px;color:rgba(0,0,0,.3);font-size:16px}.icon_box:hover .choose_bar[data-v-5ad03f28]{display:block}.icon_box .choose_bar[data-v-5ad03f28]{display:none;position:absolute;bottom:0;left:0;font-size:10px;background:rgba(0,0,0,.7);color:#fff;line-height:18px;text-align:center;width:100%}.icon_box .choose_bar i.txt[data-v-5ad03f28]{display:inline-block;font-style:normal;-webkit-transform:scale(.75);transform:scale(.75);letter-spacing:2px}.select_link[data-v-5ad03f28]{background:#fff}.select_link .select_btn[data-v-5ad03f28]{height:36px;line-height:28px;border-radius:4px;padding:4px 6px;cursor:pointer;color:#2d8cf0;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #dcdfe6}.select_link .select_btn[data-v-5ad03f28]:hover{border-color:#2d8cf0}.bg-color[data-v-5ad03f28]{padding:20px 0}.bg-color[data-v-5ad03f28],.item[data-v-5ad03f28]{border:1px solid #e9edef;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background:#f4f6f8}.item[data-v-5ad03f28]{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;margin-bottom:10px;padding:10px 10px}.item:hover .cancal[data-v-5ad03f28]{display:block}.item .cancal[data-v-5ad03f28]{font-size:20px;position:absolute;right:-10px;top:-10px;cursor:pointer;display:none}