#box{width:100%;overflow-x:scroll}.menulist{position:absolute;width:303px;height:calc(100% - 40px);top:20px;background:#fff;-webkit-box-shadow:0 5px 43px 0 rgba(0,0,0,.16);box-shadow:0 5px 43px 0 rgba(0,0,0,.16);border-radius:10px;left:340px;overflow-y:auto}.menulist::-webkit-scrollbar{display:none!important}.menulist .menu_item{width:282px;height:53px;margin:0 auto;padding:0 22px 0 32px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;border-radius:10px;cursor:pointer}.menulist .menu_item,.menulist .menu_item .menu_icon_box,.menulist .menu_item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menulist .menu_item .menu_icon_box{width:40px;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.menulist .menu_item .menu_icon_box i{color:#2d8cf0;font-size:24px}.menulist .menu_item .del{color:#4d6ef2}.menulist .menu_item.active-item{background:#4d6ef2;color:#fff}.menulist .menu_item.active-item .del,.menulist .menu_item.active-item i{color:#fff}.menulist .menu_item.active-item:hover{background:#4d6ef2}.menulist .menu_item:hover{background:#e9f3fc}.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}.input-with-reset{width:240px;margin-left:10px;height:36px}.color_div{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color_div,.slider_box{display:-webkit-box;display:-ms-flexbox;display:flex}.slider_box .el-input-number{width:80px;position:relative}.slider_box .el-input-number:after{content:"px";position:absolute;right:10px;top:0}.slider_box .el-input-number .el-input{width:80px}.slider_box_num{display:-webkit-box;display:-ms-flexbox;display:flex}.slider_box_num .el-input-number{width:120px}.slider_item{width:240px;margin-right:20px}.slider_input{width:110px}.component-setter .el-card__body{height:calc(100vh - 125px);overflow-y:auto}.selectlink .el-dialog__body{padding-bottom:0}.icon_box{width:36px;height:36px;line-height:36px;text-align:center;cursor:pointer;border:1px solid #dcdfe6;position:relative}.icon_box .icon-abl-close{position:absolute;top:-6px;right:-9px;color:rgba(0,0,0,.3);font-size:16px}.icon_box .noIcon{width:36px;height:36px;display:inline-block}.icon_box:hover .choose_bar{display:block}.icon_box .choose_bar{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{display:inline-block;font-style:normal;-webkit-transform:scale(.75);transform:scale(.75);letter-spacing:2px}.dialog-footer[data-v-6c5641ee]{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}.app[data-v-6c5641ee]{width:640px;margin:0 auto;height:800px;overflow:scroll}.dn-container[data-v-6c5641ee]{width:100%!important;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:hidden;min-width:1750px}.dn-container .main-header[data-v-6c5641ee]{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-6c5641ee],.dn-container .main-header[data-v-6c5641ee]{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-6c5641ee]{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-6c5641ee],.dn-container .main-header .header-left .tabs[data-v-6c5641ee]{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-6c5641ee]{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-6c5641ee]{color:#4d6ef2;border-bottom:3px solid #4d6ef2}.dn-container .main-header .header-right[data-v-6c5641ee]{margin-right:40px}.dn-container .main-header .header-right .tabs .tab[data-v-6c5641ee],.dn-container .main-header .header-right .tabs[data-v-6c5641ee],.dn-container .main-header .header-right[data-v-6c5641ee]{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-6c5641ee]{padding:0 18px;height:56px;cursor:pointer}.dn-container .main-header .header-right .tabs .tab.on[data-v-6c5641ee]{background:#131f2b}.dn-container .main-header .header-right .btn-group[data-v-6c5641ee]{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-6c5641ee]{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-6c5641ee],.dn-container .main-header .header-right .btn-group .btn[data-v-6c5641ee]{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-6c5641ee]{-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-6c5641ee]{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-6c5641ee]{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-6c5641ee]{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-6c5641ee]{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-6c5641ee]{font-size:24px;color:#2d8cf0}.main_body .phone-area[data-v-6c5641ee]{width:434px;height:828px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:-10px;margin-left:380px;background:url(../img/ipbg.3fa4c8ff.png) no-repeat}.main_body .phone-area .relative[data-v-6c5641ee]{position:relative;width:375px;height:667px;margin:69px auto 0 auto}.main_body .phone-area .scroll-body[data-v-6c5641ee]{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)}.main_body .phone-area .scroll-body[data-v-6c5641ee]::-webkit-scrollbar{display:none!important}.main_body .phone-area .scroll-body .page-content[data-v-6c5641ee]{min-height:100%;width:375px}.main_body .phone-area .scroll-body .page-content .diy-phone[data-v-6c5641ee]{width:375px;height:auto;min-height:100%;background:#fff}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body[data-v-6c5641ee]{background:#f3f3f3}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-main[data-v-6c5641ee]{min-height:667px;-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;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-title[data-v-6c5641ee]{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.pageInfo[data-v-6c5641ee]{-webkit-box-shadow:0 0 2px 0 #2d8cf0;box-shadow:0 0 2px 0 #2d8cf0;z-index:1000;position:relative}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-title .page-title[data-v-6c5641ee]{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-6c5641ee]{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[data-v-6c5641ee]{width:375px;height:64px;background-size:cover;background-repeat:no-repeat}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-title .phone-top .custom-navbar img[data-v-6c5641ee]{position:absolute;right:7px;width:87px;height:32px;bottom:6px}.phone-area[data-v-6c5641ee]::-webkit-scrollbar{display:none}.drag-item[data-v-6c5641ee]{color:#000;width:100%;position:relative;cursor:pointer}.drag-item[data-v-6c5641ee]:after,.drag-item[data-v-6c5641ee]:before{content:"";position:absolute;width:100%;height:0;left:0;z-index:100}.drag-item[data-v-6c5641ee]:before{top:0}.drag-item[data-v-6c5641ee]:after{bottom:0}.drag-item .border[data-v-6c5641ee]{height:100%;width:0;position:absolute;top:0;z-index:10}.drag-item:hover .border[data-v-6c5641ee]{border-left:1px dashed #2d8cf0}.drag-item[data-v-6c5641ee]:hover:after,.drag-item[data-v-6c5641ee]:hover:before{border-top:1px dashed #2d8cf0}.drag-item:hover .del[data-v-6c5641ee]{display:block}.drag-item .left-border[data-v-6c5641ee]{left:0}.drag-item .right-border[data-v-6c5641ee]{right:0}.active-item .border[data-v-6c5641ee]{border-left:1px solid #2d8cf0!important}.drag-item .del[data-v-6c5641ee]{position:absolute;width:40px;height:20px;right:40px;top:0;background:#ff1f2c;border-radius:0 0 2px 2px;text-align:center;line-height:18px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:12px;color:#fff;cursor:pointer;z-index:1000;display:none;-webkit-transform:translate(100%);transform:translate(100%)}.active-item .del[data-v-6c5641ee]{display:block}.active-item[data-v-6c5641ee]:after,.active-item[data-v-6c5641ee]:before{border-top:1px solid #2d8cf0!important}.component-setter[data-v-6c5641ee]{-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-6c5641ee]{height:calc(100% - 55px);overflow-y:auto}.blank[data-v-6c5641ee]{background-color:#fff;position:fixed;top:0;right:0;width:100%;height:100%;z-index:10000}