.recommend-history{height:100vh;background:#f2f2f2;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2% 2%;overflow-x:hidden;overflow-y:scroll;font-size:14px}.history-top{background:#fff;border-radius:10px;height:16vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.history-top .count{font-size:30px;color:#60c781}.history-list-box{background:#fff;border-radius:10px;margin-top:10px;overflow:hidden}.history-list-box .title{height:30px;line-height:30px;padding-left:10px;margin-top:10px}.history-table{margin-top:5px}.history-table .w-head{text-align:center;width:100px;border-right:1px solid #eee;-ms-flex-negative:0;flex-shrink:0}.history-table .w-head2,.history-table .w-last{text-align:center;width:80px;-ms-flex-negative:0;flex-shrink:0}.table-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #eee;border-bottom:1px solid #eee}.table-head>p{height:40px;line-height:40px}.history-table .grow1{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.table-item{height:70px;line-height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eee}.table-item .badge-btn{display:inline-block;background:#60c781;color:#fff;height:30px;line-height:30px;border-radius:12px;padding:0 8px}.table-item .rank-btn{background:#ababab;color:#fff;border-radius:3px;font-size:13px;padding:0 5px}.table-item .rank-btn.active{background:#f23030}.table-item .blod{font-weight:600}.table-no{height:50px;line-height:50px;text-align:center;color:#999}@media screen and (max-width:320px){.history-table .w-last{width:60px}}