@charset "utf-8";
   
/* 2017年1月19日10:45:04 */
.w386  { width:386px; }
.mr21 { margin-right:21px; }
.rank-box {
    padding:30px;
    background-color:#fff;
    border-radius:2px;
    box-shadow:0 1px 4px rgba(0,0,0,.15);
}
/* rank-tips */
.rank-tips {
    position:absolute; right:-30px; top:28px;
    padding:10px;
    width:180px; line-height:24px;
    background-color:#fff;
    border: 1px solid #eee;
    box-shadow: 0 3px 15px rgba(0,0,0,.2);
    border-radius:2px;
}
.rank-tips .arrow {
    position:absolute; top:-8px; right:36px;
    border-bottom-color:#fff;
}
/* rank-box-list */
.rank-box-list { padding:15px 0 10px; }
.rank-box-list li { padding-top:20px; overflow:hidden; }
.rank-a { height:60px; }
.rank-a .u-btn {
    margin-top:13px;
    width:96px; height:30px; line-height:30px;
    font-size:14px;
    text-align:center;
    border:2px solid #eee;
}
.rank-a .u-btn:hover { color:#01af63; border-color:#01af63;  }
.rank-a img {
    width:60px; height:60px;
    border-radius:50%;
    overflow:hidden;
}
.rank-b { line-height:28px; }
.rank-b em {
    float:left;
    margin:0 29px 0 13px;
    width:28px; height:28px; line-height:28px;
    border-radius:50%;
    text-align:center;
    color:#999;
    background-color:#eee;
}

/* answer-star */
.answer-star {
    padding:30px;
    background-color:#fff;
    border-radius:2px;
    box-shadow:0 1px 4px rgba(0,0,0,.15);
}
.ans-photo, .ans-photo img {
    display:block;
    width:180px; height:180px;
    margin:auto;
    border-radius:50%;
    overflow:hidden;
}