.AvatarHoverCard { width: 260px; padding: 14px 18px; } .rowUser { align-items: center; } .avatar { width: 48px; height: 48px; border-radius: 24px; background-position: center; background-size: cover; } .nickname { font-size: 16px; color: rgba(58, 58, 58, 1); margin-left: 14px; } .divider { height: 1px; background: #e2e2e2; margin: 12px 0; } .rowNum { height: 45px; align-items: center; } .colFans, .colFollow { flex: 1; text-align: center; .count { font-size: 17px; font-weight: 500; color: rgba(5, 18, 11, 1); } .text { font-size: 14px; font-weight: 400; color: rgba(140, 140, 140, 1); } } .hdivider { width: 1px; height: 25px; background: #e2e2e2; } .rowBtn { margin-top: 14px; margin-bottom: 10px; justify-content: space-around; } .followBtn, .unFollowBtn, .privateMessageBtn { width: 77px; height: 31px; line-height: 31px; background: rgba(113, 193, 53, 1); border-radius: 4px; color: #fff; font-size: 12px; font-weight: 500; text-align: center; cursor: pointer; margin: 0 5px; } .followBtn { border: 1px solid rgba(113, 193, 53, 1); color: rgba(113, 193, 53, 1); background: #fff; } .unFollowBtn { color: #fff; background: rgba(113, 193, 53, 1); border: 1px solid rgba(113, 193, 53, 1); } .modalContainer { background: #fff; padding: 20px; } .modalTitle { color: #3a3a3a; margin-left: 8px; margin-bottom: 12px; font-weight: 500; } .modalClose { position: absolute; top: 15px; right: 15px; font-size: 12px; } .nextComment { width: 510px; padding: 0; } .expressionBtnWrap, .pictureBtnWrap { float: left; width: 70px; margin-top: 5px; cursor: pointer; .icon { float: left; color: #ffa405; font-size: 18px !important; margin: 0 !important; } .text { float: left; font-size: 12px; color: #393939; margin-left: 6px; } } .btnGroup { display: flex; } .cancelBtn, .submitBtn { width: 77px; height: 31px; line-height: 31px; background: rgba(113, 193, 53, 1); border-radius: 4px; color: #fff; font-size: 12px; font-weight: 500; text-align: center; cursor: pointer; } .cancelBtn { background: #e9e9e9; color: #6d6d6d; margin-right: 12px; }