.menu-item-box{margin-top:40px;min-width:1400px}.menu-item-box .father-item{position:relative}.menu-item-box .father-item .sub-item{border:1px solid #00f;width:200px;height:300px;position:absolute;z-index:99;top:0}.menu-item-style{border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.menu-item-style .menu-item-type{color:#333;font-size:16px;font-weight:700;width:100%;text-align:center;margin:0;border-bottom:1px solid rgba(0,0,0,.1);padding:6px 0}.menu-item-style ul{height:600px;min-width:300px;padding:16px 26px 34px 26px;box-sizing:border-box;overflow-y:auto}.menu-item-style li{display:flex;justify-content:space-between;align-items:center;list-style:none;color:#444;font-size:16px;box-sizing:border-box;padding:12px 0;border-bottom:1px solid #f0f0f0}.menu-item-style li .el-icon-color{color:#67c23a;font-size:12px;margin-right:8px}.menu-item-style li span{margin-right:30px}.menu-item-style li .menu-item-title{display:flex;align-items:center}.menu-item-style li .menu-item-handel i{margin-left:20px;cursor:pointer;font-size:16px}.menu-item-style li .menu-item-handel .el-icon-edit{color:#909399}.menu-item-style li .menu-item-handel .el-icon-delete{color:#f56c6c}.menu-btn{padding:6px 0;text-align:center;border-top:1px solid rgba(0,0,0,.1);background-color:#fff}.btn-area{display:flex;flex-wrap:wrap}.btn-area .btn-area-item{position:relative;box-sizing:border-box;padding:0;height:32px;margin-right:14px;margin-bottom:14px}.btn-area .btn-area-item .del{box-sizing:border-box;position:absolute;text-align:center;z-index:9;top:-6px;right:-4px;background-color:#f56c6c;width:12px;height:12px;padding:0;line-height:8px;font-size:2px;color:#fff;border-radius:50%;cursor:pointer}.btn-tips-wran{color:#fa5151;padding:10px 0 0 0}.btn-dialog{margin-top:40px}.icon-area{position:absolute;box-sizing:border-box;padding:4px;z-index:9999999;border-top:1px solid #ededed;background-color:#fff;left:0;right:0;margin-top:20px;height:220px;overflow-y:auto}.icon-area .happy-scroll-container{width:100%!important;height:100%!important}.icon-area .happy-scroll-container .happy-scroll-content{width:100%}.icon-area ul{margin:0;padding:6px;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.icon-area ul,.icon-area ul li{display:flex;align-items:center}.icon-area ul li{flex-direction:column;flex-wrap:nowrap;justify-content:center;box-sizing:border-box;list-style:none;padding:8px;margin-left:3px;margin-top:3px;background-color:#ededed;border:1px solid #999;cursor:pointer}.icon-area ul li i{font-size:20px}.icon-area ul li span{font-size:10px}.icon-area ul li.active{background-color:#a1b76e;color:#fff}.btn-list-area{position:absolute;box-sizing:border-box;text-align:left;padding:10px 10px 0;z-index:9999999;border-top:1px solid #ededed;background-color:#fff;left:0;right:0;margin-top:20px;height:260px;overflow-y:auto}.btn-list-area .happy-scroll-container{width:100%!important;height:100%!important}.btn-list-area .happy-scroll-container .happy-scroll-content{width:100%}.btn-list-area .list-area-item{margin-bottom:8px}.btn-list-area .list-area-item:last-child{margin-bottom:0}.btn-list-area .list-area-item .item-box{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.btn-list-area .list-area-item .item-box h5{font-size:14px;font-weight:700;color:#999;margin-right:14px;margin-left:14px}.btn-list-area .list-area-item .item-box .btn-list{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.btn-list-area .list-area-item .item-box .btn-list .el-button{padding:8px;margin-right:10px;margin-bottom:6px;font-size:10px}.btn-list-area .list-area-item .item-box .btn-list .el-button+.el-button{margin-left:0}.btn-list-area .list-area-item .item-box .btn-list .el-button.is-circle{height:30px;width:30px}