.mendian-footer{flex:0 0 auto}.mendian-list{display:grid;grid-template-columns:repeat(3,380px);grid-template-rows:repeat(3,100px);grid-column-gap:30px;grid-row-gap:30px}.mendian-item{width:380px;height:100px;background:#fff;border-radius:8px;border-left:8px solid #ebedf5;padding:24px 16px;cursor:pointer;transition:all .3s}.mendian-item .tag{width:52px;height:20px;border-radius:10px;border:1px solid #4772ff;text-align:center;line-height:18px;font-size:12px;color:#4772ff}.mendian-item:hover{transform:translateY(-10px)}.mendian-item.add{border:1px dashed #4772ff}.mendian-page{min-width:1200px;min-height:100vh;display:flex;flex:auto;flex-direction:column}.mendian-page-header{width:100%;height:60px;background:#4772ff;flex:0 0 auto}.mendian-page-header .main{width:1200px;height:60px;margin:0 auto}.mendian-page-header .log-out{width:44px;height:24px;border-radius:4px;border:1px solid #fff;text-align:center;line-height:22px;font-size:14px;color:#fff;cursor:pointer}.mendian-page-header .title{font-size:20px;font-weight:600;color:#fff;padding-left:12px;border-left:1px solid #fff;margin-left:12px;height:20px;line-height:20px}.mendian-page-main{width:1200px;margin:0 auto}