.elecrank-wrapper{padding:30px 0 40px 10px}.elecrank-wrapper .elecrank-header{position:relative;text-align:center;border:1px solid #e5e9ef;border-radius:4px;height:68px}.elecrank-wrapper .elecrank-header.empty{border-radius:4px 4px 0 0}.elecrank-wrapper .elecrank-header .name{font-size:18px;color:#00a1d6;background:#fff;position:relative;top:-9px;height:18px;line-height:18px;display:inline-block;padding:0 14px}.elecrank-wrapper .elecrank-header .name:hover{color:#f25d8e}.elecrank-wrapper .elecrank-header .title{font-size:14px;color:#222;line-height:1;margin-top:-3px}.elecrank-wrapper .elecrank-header .desp{font-size:12px;color:#99a2aa;padding:16px 0 0;line-height:1}.elecrank-wrapper .elecrank-header .desp .num{font-weight:700;color:#6d757a}.elecrank-wrapper .elecrank-icon{background:transparent url("http://static.hdslb.com/images/base/icons.png") no-repeat 0 0;width:28px;height:28px;line-height:28px;position:absolute;top:-5px;z-index:10}.elecrank-wrapper .icon-battery{background-position:-656px -1363px;left:-28px}.elecrank-wrapper .icon-charge{background-position:-659px -1426px;right:-20px}.elecrank-wrapper .elecrank-content{padding:16px 0 12px;border-bottom:1px solid #e5e9ef}.elecrank-wrapper .elecrank-content .rank-item{width:100%;height:36px;overflow:hidden;margin-bottom:14px}.elecrank-wrapper .elecrank-content .rank-item .item-num{float:left;width:18px;height:18px;line-height:18px;border-radius:4px;text-align:center;font-size:12px;font-weight:700;background-color:#b8c0cc;color:#fff;margin:9px 13px 0 1px}.elecrank-wrapper .elecrank-content .rank-item .item-avatar{width:34px;height:34px;border-radius:50%;margin-right:12px;vertical-align:top;border:1px solid #e5e9ef}.elecrank-wrapper .elecrank-content .rank-item .item-name{float:right;width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:36px;line-height:36px;font-size:12px;color:#222}.elecrank-wrapper .elecrank-content .rank-item.first .item-num{text-indent:-99999px;background:transparent url("http://static.hdslb.com/images/base/icons.png") no-repeat -662px -1487px;margin-top:0;height:36px;width:20px;margin-right:12px;margin-left:0}.elecrank-wrapper .elecrank-content .rank-item.second .item-num{text-indent:-99999px;background:transparent url(http://static.hdslb.com/images/base/icons.png) no-repeat -662px -1551px;margin-top:0;height:36px;width:20px;margin-right:12px;margin-left:0}.elecrank-wrapper .elecrank-content .rank-item.third .item-num{text-indent:-99999px;background:transparent url(http://static.hdslb.com/images/base/icons.png) no-repeat -662px -1613px;margin-top:0;height:36px;width:20px;margin-right:12px;margin-left:0}.elecrank-wrapper .elecrank-content .rank-item.last{margin-bottom:0}.elecrank-wrapper .elecrank-user{padding-top:11px;height:36px}.elecrank-wrapper .elecrank-user.rank-long .user-rank{width:24px;padding:0 1px}.elecrank-wrapper .elecrank-user.rank-long .user-name{width:170px}.elecrank-wrapper .elecrank-user .user-rank{float:left;width:18px;height:18px;line-height:18px;border-radius:4px;text-align:center;font-size:12px;font-weight:700;background-color:#f25d8e;color:#fff;margin:9px 13px 0 1px;overflow:hidden}.elecrank-wrapper .elecrank-user .user-avatar{width:34px;height:34px;border-radius:50%;margin-right:12px;vertical-align:top;border:1px solid #e5e9ef}.elecrank-wrapper .elecrank-user .user-name{float:right;width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:36px;line-height:36px;font-size:12px;color:#222}.elecrank-wrapper .elecrank-footer{height:10px;overflow:hidden;margin:10px auto 0}.elecrank-wrapper .elecrank-footer .nav-item{float:left;border-radius:5px;background:#b8c0cc;margin-right:6px;cursor:pointer;width:16px;height:10px}.elecrank-wrapper .elecrank-footer .nav-item:hover{background:#00a1d6}.elecrank-wrapper .elecrank-footer .nav-item.active{width:30px;background:#00a1d6}.elecrank-wrapper .elecrank-footer .nav-item.last{margin-right:0}.elecrank-wrapper .elecrank-empty-content{border:1px solid #e5e9ef;border-radius:0 0 4px 4px;margin-top:-1px;height:230px;position:relative;background:transparent url("http://static.hdslb.com/images/elecrank-empty.png") center 20px no-repeat}.elecrank-wrapper .elecrank-empty-content .title{position:absolute;text-align:center;width:100%;bottom:20px;font-size:12px;color:#6d757a}.elecrank-btn{position:absolute;right:40px;top:20px;width:131px;height:38px;border-radius:20px;border:1px solid #f37071;font-size:18px;font-weight:700;color:#f37071;text-align:center;line-height:38px;cursor:pointer;padding-left:15px}.elecrank-btn .elecrank-bg{position:absolute;top:-20px;left:-50%;margin-left:40px;background:transparent url("http://static.hdslb.com/images/base/anim-battery.png") 0 0 no-repeat;width:80px;height:80px}