.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-8e2c8160]{width:640px;margin:0 auto;height:800px;overflow:scroll}.dn-container[data-v-8e2c8160]{height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:hidden}.dn-container .main-header[data-v-8e2c8160]{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-8e2c8160],.dn-container .main-header[data-v-8e2c8160]{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-8e2c8160]{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-8e2c8160],.dn-container .main-header .header-left .tabs[data-v-8e2c8160]{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-8e2c8160]{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-8e2c8160]{color:#4d6ef2;border-bottom:3px solid #4d6ef2}.dn-container .main-header .header-right[data-v-8e2c8160]{margin-right:40px}.dn-container .main-header .header-right .tabs .tab[data-v-8e2c8160],.dn-container .main-header .header-right .tabs[data-v-8e2c8160],.dn-container .main-header .header-right[data-v-8e2c8160]{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-8e2c8160]{padding:0 18px;height:56px;cursor:pointer}.dn-container .main-header .header-right .tabs .tab.on[data-v-8e2c8160]{background:#131f2b}.dn-container .main-header .header-right .btn-group[data-v-8e2c8160]{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-8e2c8160]{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-8e2c8160],.dn-container .main-header .header-right .btn-group .btn[data-v-8e2c8160]{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-8e2c8160]{-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-8e2c8160]{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-8e2c8160]{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-8e2c8160]{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-8e2c8160]{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-8e2c8160]{font-size:30px;margin-bottom:6px}.main_body .phone-area[data-v-8e2c8160]{width:434px;height:828px;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:-10px;margin-left:-10px;background:url(../img/ipbg.3fa4c8ff.png) no-repeat}.main_body .phone-area .scroll-body[data-v-8e2c8160]{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-8e2c8160]::-webkit-scrollbar{display:none!important}.main_body .phone-area .scroll-body .page-content[data-v-8e2c8160]{min-height:100%;width:375px}.main_body .phone-area .scroll-body .page-content .diy-phone[data-v-8e2c8160]{width:375px;height:auto;min-height:100%;background:#fff}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body[data-v-8e2c8160]{background:#f3f3f3}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-main[data-v-8e2c8160]{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-8e2c8160]{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-8e2c8160]{bottom:15px}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-title[data-v-8e2c8160]{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-8e2c8160]{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-8e2c8160]{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-8e2c8160]{position:absolute;right:7px;width:87px;height:32px;bottom:6px}.phone-area[data-v-8e2c8160]::-webkit-scrollbar{display:none}.component-setter[data-v-8e2c8160]{-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-8e2c8160]{height:calc(100% - 55px);overflow-y:auto}.bottom-items[data-v-8e2c8160]{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-8e2c8160]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.bottom-items .btn_items .btn_text[data-v-8e2c8160]{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-8e2c8160]{font-size:12px}.bottom-items .btn_items .btn_text .icon-box[data-v-8e2c8160]{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-8e2c8160]{font-size:26px;text-align:center;display:block}.bottom-items .btn_items .btn_text .icon-box .img-box[data-v-8e2c8160]{width:26px;height:26px;border-radius:5px}.bottom-items .btn_items .btn_text .icon-box.no_text .img-box[data-v-8e2c8160]{width:30px;height:30px;border-radius:5px}.bottom-items .btn_items.bulge[data-v-8e2c8160]{top:-35px;z-index:10}.bottom-items .btn_items.bulge .icon-box[data-v-8e2c8160]{height:auto}.bottom-items .btn_items.bulge .bulge-img[data-v-8e2c8160]{border-radius:50%!important;width:52px!important;height:52px!important}.bottom-items .btn_items.bulge .show_text .text[data-v-8e2c8160]{position:absolute;bottom:-26px}.bottom-items .btn_items .btn_icon[data-v-8e2c8160]{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-8e2c8160]{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-8e2c8160]{font-size:24px}.container:hover .cancal[data-v-8e2c8160]{display:block}.container .cancal[data-v-8e2c8160]{font-size:20px;position:absolute;right:-10px;top:-10px;cursor:pointer;display:none}.container .content[data-v-8e2c8160]{-webkit-box-flex:1;-ms-flex:1;flex:1}.icon_box[data-v-8e2c8160]{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-8e2c8160]{position:absolute;top:-6px;right:-9px;color:rgba(0,0,0,.3);font-size:16px}.icon_box:hover .choose_bar[data-v-8e2c8160]{display:block}.icon_box .choose_bar[data-v-8e2c8160]{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-8e2c8160]{display:inline-block;font-style:normal;-webkit-transform:scale(.75);transform:scale(.75);letter-spacing:2px}.select_link[data-v-8e2c8160]{background:#fff}.select_link .select_btn[data-v-8e2c8160]{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-8e2c8160]:hover{border-color:#2d8cf0}.bg-color[data-v-8e2c8160]{padding:20px 0}.bg-color[data-v-8e2c8160],.item[data-v-8e2c8160]{border:1px solid #e9edef;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background:#f4f6f8}.item[data-v-8e2c8160]{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-8e2c8160]{display:block}.item .cancal[data-v-8e2c8160]{font-size:20px;position:absolute;right:-10px;top:-10px;cursor:pointer;display:none}