.custom-nav-main{position:relative;display:flex;font-size:14px;color:#1b1b1b;height:calc(100vh - 79px);padding:20px 35px}.custom-nav-main .flex{display:flex;align-items:center}.custom-nav-main .preview-page{margin-right:35px}.custom-nav-main .preview-page .preview-page-title{margin-bottom:6px}.custom-nav-main .preview-page .preview-page-img{position:relative;width:326px}.custom-nav-main .preview-page .preview-page-img img{width:326px}.custom-nav-main .preview-page .preview-page-img .navBox{display:flex;justify-content:flex-start;align-items:center;overflow-x:auto;border-radius:6px;border:1px solid #f7f7f7;position:absolute;top:241px;left:9px;width:308px;height:65px;background-color:#fff}.custom-nav-main .preview-page .preview-page-img .navBox img{width:20px;height:20px}.custom-nav-main .preview-page .preview-page-img .navBox .navItem{flex-shrink:0;width:56px;margin:0 10px;text-align:center}.custom-nav-main .preview-page .preview-page-img .navBox .navImg{margin-bottom:5px}.custom-nav-main .preview-page .preview-page-img .navBox .navLabel{font-size:12px;white-space:nowrap}.custom-nav-main .set-page{width:500px}.custom-nav-main .set-page .set-page-title{margin-bottom:6px}.custom-nav-main .set-page .set-page-title>span{font-size:12px;color:#797979}.custom-nav-main .set-page .set-page-list{padding:10px;border:1px solid #f2f2f2;font-size:13px;height:580px;overflow-y:auto}.custom-nav-main .set-page .set-page-list .setItem{margin-bottom:20px;border-radius:4px;padding:15px;background-color:#f0f2f5}.custom-nav-main .set-page .set-page-list .setItem .itemHeader{height:20px;justify-content:space-between}.custom-nav-main .set-page .set-page-list .setItem .itemContent{margin-top:10px}.custom-nav-main .set-page .set-page-list .setItem .itemContent .attr{flex:1;margin-right:20px}.custom-nav-main .set-page .set-page-list .setItem .itemContent .attr .textLabel{width:50px;color:#797979}.custom-nav-main .set-page .set-page-list .setItem .itemContent .pic{position:relative;margin-left:20px;width:80px;height:80px;border:1px solid #e4e4e4}.custom-nav-main .set-page .set-page-list .setItem .itemContent .pic>img{width:78px;height:78px}.custom-nav-main .set-page .set-page-list .setItem .itemContent .pic .addPic{cursor:pointer;justify-content:center;width:100%;height:100%;background-color:#fff}.custom-nav-main .set-page .set-page-list .setItem .itemContent .pic .replace{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background-color:hsla(0,0%,44.3%,.5215686274509804);justify-content:center}.custom-nav-main .set-page .set-page-list .setItem .itemContent .pic .replace .btn{cursor:pointer;color:#6f6f6f;margin:0 auto;width:50px;height:25px;line-height:25px;border-radius:6px;background-color:#fff;text-align:center}.custom-nav-main .set-page .set-page-list .setItem .itemContent .pic:hover .replace{display:flex}.custom-nav-main .set-page .set-page-list .set-page-list-btns{justify-content:center}.custom-nav-main .set-page .set-page-list .set-page-list-btns .btn{color:#549ddd;font-size:14px;border:1px solid #e4e4e4;padding:10px 15px;height:40px}#customNav .page-list{margin:25px;height:400px;overflow-y:auto}#customNav .page-list .page-item{font-size:13px;color:#363636;display:flex;justify-content:space-between;border:1px solid #e4e4e4;height:40px;align-items:center;padding:0 20px;line-height:1;margin-bottom:-1px}#customNav .page-list .page-item .page-btn{width:56px;height:28px;line-height:27px;display:flex;align-items:center;justify-content:center;color:#549ddd;background-color:#e9eefc;cursor:pointer}#customNav .input-control .el-input__inner{display:block;width:100%;height:30px;padding:0 8px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}#customNav .modal-dialog{background-color:#fff;border-radius:5px}#customNav .modal-dialog .modal-header{display:flex;align-items:center;justify-content:space-between;height:38px;border:none}#customNav .modal-dialog .modal-header .name{font-size:14px;color:#434343}#customNav .modal-dialog .modal-body{color:#363636;font-size:13px;padding:20px}#customNav .modal-dialog .modal-body .formItem{margin-top:20px}#customNav .modal-dialog .modal-body .choose-page{text-overflow:ellipsis;height:30px;padding:0 8px;font-size:14px;line-height:29px;border:1px solid #ccc;color:#aaa;cursor:pointer;width:230px;white-space:nowrap;overflow:hidden}#customNav .modal-dialog .modal-body .has-page{color:#555}.navBox::-webkit-scrollbar{height:10px}