.invite{position:relative;padding:1rem;padding-bottom:2rem;max-width:680px;margin:0 auto}.invite p{margin:0}.invite .invitation-item-list{overflow:hidden}.invite .invitation-item-list .invitation-item{width:50%;float:left;text-align:center;border:1px solid #eee;padding:16px;font-size:14px}.invite .invitation-item-list .invitation-item.active .invitation-rule{color:#333}.invite .invitation-item-list .invitation-item.active .invitation-item-inner{background:#f56368;background:linear-gradient(180deg,#fb9ca1,#f56368)}.invite .invitation-item-list .invitation-item-inner{position:relative;background-color:#d5d5d5;background-repeat:no-repeat;background-size:100% 100%;color:#fff;height:80px;border-radius:6px}.invite .invitation-item-list .invitation-rule{margin-top:10px;color:#999}.invite .invitation-item-inner{line-height:80px}.invite .invitation-item-inner .discount{font-size:18px}.invite .invitation-item-inner .discount b{font-size:34px}.invite .invitation-item-inner p{line-height:1;position:absolute;bottom:6px;right:8px;font-size:12px;margin:0}.invite .invitation-current p{margin:1rem 0}.invite .friend-avatars img{display:inline-block;height:30px;width:30px;border-radius:50%;border:2px solid #fff;background-color:#eee}.invite .friend-avatars img+img{margin-left:-8px}