.itemWrap { margin-bottom: 12px; padding: 12px 15px 15px; border-radius: 10px; background-color: #fff; // margin: 0 13px 12px; .itemWrapTop { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid #f2f2f2; .itemWrapTopLeft { display: flex; flex-direction: row; align-items: center; .clockWrap { width: 18px; height: 18px; margin-right: 6px; img { width: 100%; height: 100%; } } .leftTimer { font-size: 14px; font-weight: 500; color: #333333; line-height: 20px; } } .itemWrapTopRight { display: flex; flex-direction: row; align-items: center; .passLabel { font-size: 14px; font-weight: 500; color: #4ab78e; line-height: 20px; } .unpassLabel { font-size: 14px; font-weight: 500; color: #f44541; line-height: 20px; } .passIcon { font-size: 16px; margin-right: 4px; } .msgIcon { font-size: 24px; } } } .itemWrapBottom { padding-top: 15px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; .itemWrapBottomMain { margin-bottom: 4px; font-size: 16px; font-weight: 600; color: #333333; line-height: 22px; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .itemWrapBottomSub { font-size: 14px; font-weight: 400; color: #777777; line-height: 20px; } .rejectBtn { font-size: 14px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #f67146; line-height: 30px; height: 30px; background: #ffffff; border-radius: 15px; border: 1px solid #ff8057; padding: 0 28px; &:active { opacity: 0.7; } } } }