.main { position: relative; width: 100%; } .main .one { float: left; width: 100%; } .main .one { float: left; width: 95%; padding: 10px; } .main .one .list { float: left; width: 95%; padding: 10px; background-color: #ffffff; border-radius: 5px; margin: 0 0 10px 0; } .main .one .list .name { float: left; width: 100%; height: 50px; line-height: 50px; margin: 0 0 5px 0; } .main .one .list .name image { float: left; width: 15%; height: 50px; overflow: hidden; border-radius: 90px; } .main .one .list .name text:nth-child(2) { float: left; max-width: 63%; padding: 0 0 0 10px; font-size: 16px; font-weight: bold; } .main .one .list .name text:nth-child(3) { float: left; width: 15%; padding: 0 0 0 10px; font-size: 14px; } .main .one .list .other { float: left; width: 100%; margin: 0 0 5px 0; } .main .one .list .other .other_1 { float: left; width: 100%; font-size: 12px; margin: 0 0 5px 0; } .main .one .list .other .other_1 text:nth-child(1) { color: #666; } .main .one .list .btn { float: left; width: 100%; text-align: center; } .main .one .list .btn button { margin: 0 10px; padding: 0 10px; font-size: 14px; }