.star-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.star-flex .star-menu{width:250px}
.star-flex .star-menu .item{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:0 20px;display:inline-block;height:40px;line-height:40px;color:#333;font-size:14px}
.star-flex .star-menu .item.router-link-active{background-color:#e5f2ff;color:#3296fa}
.star-flex .star-menu .item.router-link-active .icon{color:#3296fa}
.star-flex .star-menu .item:hover{background-color:#f0f2f5}
.star-flex .star-menu .item .num{float:right;color:#999}
.star-flex .star-menu .item .icon{font-size:22px;vertical-align:middle;color:#b3b3b3;margin-right:8px}
.star-flex .star-menu .parent-item{color:grey;padding:0 20px;margin-top:30px;line-height:40px}
.star-flex .star-menu .child-ul{height:120px;overflow:hidden;-webkit-transition:all .5s;transition:all .5s}
.star-flex .star-menu .child-ul.more{height:auto}
.star-flex .star-menu .show-more{padding:0 20px;line-height:40px;color:grey;font-size:14px;cursor:pointer}
.star-flex .star-menu .show-more:hover{color:#3296fa}
.star-flex .star-menu .show-more i{font-size:20px;vertical-align:middle}
.star-flex .star-content{width:0;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 55px 0 60px}
.star-flex .star-list{margin:-10px;font-size:0}
.star-flex .star-list--empty{font-size:14px;color:#4c4c4c;text-align:center;margin:40px auto}
.star-flex .star-list--empty i{color:#3296fa;margin-right:10px;font-size:20px;vertical-align:middle}
.star-flex .star-list .bottom{padding:20px 0;color:#989898;text-align:center;font-size:14px}
.star-flex .star-list .bottom .el-icon-loading{color:#3296fa}