.list-foot{width:100%;margin-top:20px;height:40px;text-align:center}.list-content{flex-wrap:wrap;display:flex}.list-content .content__item{position:relative;flex-direction:column;width:18%;border:1px solid #3a4659;overflow:hidden;box-sizing:border-box;margin:15px 1% 0;height:200px}.list-content .content__item.add{align-items:center;justify-content:center;text-align:center;display:flex}.list-content .content__item .content__info{position:relative;height:calc(100% - 36px)}.list-content .content__item .content__info .content__menu{position:absolute;top:0;left:0;background-color:rgba(29,38,46,.8);width:100%;height:100%;display:none}.list-content .content__item .content__info:hover .content__menu{display:flex;flex-direction:column;align-items:center;justify-content:center}.list-content .content__item .content__info img{width:100%;height:100%}.list-content .content__item .content__main{font-size:12px;width:100%;height:36px;display:flex;align-items:center;position:absolute;bottom:0;justify-content:space-between;background:#1d262e;box-sizing:border-box;padding:0 10px;color:#bcc9d4}.list-content .content__item .content__main .content__name{width:100px;padding:0 5px;line-height:28px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border:1px solid transparent}.list-content .content__item .content__main .opt_btns i{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background-color:#3c9012;border-radius:10px;color:#fff}.list-content .content__item .content__main .opt_btns i:hover{background-color:#67c23a}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100%;height:100%}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}body,html{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box}.page_title{float:left;font-size:20px;font-weight:700}