.user-info{padding:2rem;position:relative;height:100%;background:#f5f7f9}.user-info .header{font-weight:700;color:#606266}.user-info .content .opts{text-align:center;margin:1rem}.user-info .content .items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.user-info .content .items .item{margin:.5rem;padding:0;border-radius:10px;position:relative}.user-info .content .items .item .c{width:250px;height:160px;background:#f5f7f9}.user-info .content .items .item .c .name{text-align:center;background:#7db4ec;position:absolute;bottom:0;left:0;right:0;padding:10px;color:#fff}.user-info .content .items .item .c .state{position:absolute;top:10px;right:15px;color:#1882ee}