.container { width: 100%; height: 100%; padding: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-flow: column; flex-flow: column;}
.main { flex: 1; padding: .4rem; background-color: #FAFAFA;}
.cont { padding: .3rem 0; border-radius: 22px; background-color: #FFFFFF;}
.cont .ctitle { padding: .25rem 0; font-size: .28rem; line-height: 1; color: #4A4A4A; display: -webkit-flex; display: flex;}
.cont .ctitle .item:first-child { flex: 1; text-align: center; padding: 0 .4rem;}
.cont .ctitle .item:last-child { width: 3.1rem; text-align: center; padding: 0 .4rem;}
.cont .name-time { padding: .25rem 0; display: -webkit-flex; display: flex; font-size: .28rem; line-height: 1.6; color: #9B9B9B; }
.cont .name-time .name { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 .4rem;}
.cont .name-time .time { width: 3.1rem; padding: 0 .4rem; }
.cont .line { width: 5.9rem;  background-color: #F5F5F5; margin-top: .2rem;}
.cont .more { font-size: .24rem; line-height: .34rem; color: #999999; text-align: center; padding-top: .28rem; padding-bottom: .16rem;}