.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}.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}#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-1b6af9d8]{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-1b6af9d8]{width:640px;margin:0 auto;height:800px;overflow:scroll}.dn-container[data-v-1b6af9d8]{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-1b6af9d8]{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-1b6af9d8],.dn-container .main-header[data-v-1b6af9d8]{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-1b6af9d8]{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-1b6af9d8],.dn-container .main-header .header-left .tabs[data-v-1b6af9d8]{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-1b6af9d8]{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-1b6af9d8]{color:#4d6ef2;border-bottom:3px solid #4d6ef2}.dn-container .main-header .header-right[data-v-1b6af9d8]{margin-right:40px}.dn-container .main-header .header-right .tabs .tab[data-v-1b6af9d8],.dn-container .main-header .header-right .tabs[data-v-1b6af9d8],.dn-container .main-header .header-right[data-v-1b6af9d8]{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-1b6af9d8]{padding:0 18px;height:56px;cursor:pointer}.dn-container .main-header .header-right .tabs .tab.on[data-v-1b6af9d8]{background:#131f2b}.dn-container .main-header .header-right .btn-group[data-v-1b6af9d8]{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-1b6af9d8]{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-1b6af9d8],.dn-container .main-header .header-right .btn-group .btn[data-v-1b6af9d8]{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-1b6af9d8]{-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-1b6af9d8]{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-1b6af9d8]{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-1b6af9d8]{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-1b6af9d8]{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-1b6af9d8]{font-size:24px;color:#2d8cf0}.main_body .phone-area[data-v-1b6af9d8]{width:434px;height:828px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:-10px;margin-left:380px;background:url(../../static/img/ipbg.3fa4c8ff.png) no-repeat}.main_body .phone-area .relative[data-v-1b6af9d8]{position:relative;width:375px;height:667px;margin:69px auto 0 auto}.main_body .phone-area .scroll-body[data-v-1b6af9d8]{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-1b6af9d8]::-webkit-scrollbar{display:none!important}.main_body .phone-area .scroll-body .page-content[data-v-1b6af9d8]{min-height:100%;width:375px}.main_body .phone-area .scroll-body .page-content .diy-phone[data-v-1b6af9d8]{width:375px;height:auto;min-height:100%;background:#fff}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body[data-v-1b6af9d8]{background:#f3f3f3}.main_body .phone-area .scroll-body .page-content .diy-phone .phone-body .phone-main[data-v-1b6af9d8]{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-1b6af9d8]{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-1b6af9d8]{-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-1b6af9d8]{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-1b6af9d8]{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-1b6af9d8]{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-1b6af9d8]{position:absolute;right:7px;width:87px;height:32px;bottom:6px}.phone-area[data-v-1b6af9d8]::-webkit-scrollbar{display:none}.drag-item[data-v-1b6af9d8]{color:#000;width:100%;position:relative;cursor:pointer}.drag-item[data-v-1b6af9d8]:after,.drag-item[data-v-1b6af9d8]:before{content:"";position:absolute;width:100%;height:0;left:0;z-index:100}.drag-item[data-v-1b6af9d8]:before{top:0}.drag-item[data-v-1b6af9d8]:after{bottom:0}.drag-item .border[data-v-1b6af9d8]{height:100%;width:0;position:absolute;top:0;z-index:10}.drag-item:hover .border[data-v-1b6af9d8]{border-left:1px dashed #2d8cf0}.drag-item[data-v-1b6af9d8]:hover:after,.drag-item[data-v-1b6af9d8]:hover:before{border-top:1px dashed #2d8cf0}.drag-item:hover .del[data-v-1b6af9d8]{display:block}.drag-item .left-border[data-v-1b6af9d8]{left:0}.drag-item .right-border[data-v-1b6af9d8]{right:0}.active-item .border[data-v-1b6af9d8]{border-left:1px solid #2d8cf0!important}.drag-item .del[data-v-1b6af9d8]{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-1b6af9d8]{display:block}.active-item[data-v-1b6af9d8]:after,.active-item[data-v-1b6af9d8]:before{border-top:1px solid #2d8cf0!important}.component-setter[data-v-1b6af9d8]{-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-1b6af9d8]{height:calc(100% - 55px);overflow-y:auto}.blank[data-v-1b6af9d8]{background-color:#fff;position:fixed;top:0;right:0;width:100%;height:100%;z-index:10000}