/* pages/myNews/myFaq.wxss */ .hotFaqs { width: 100%; margin-top: 20px; } .faqItem { width: 90%; margin: 10px auto; padding: 10px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-radius: 10px; box-shadow: 0 0 8px -3px rgb(0, 0, 0, 0.3); } .faqCol1 { width: 82%; display: flex; flex-direction: column; justify-content: space-around; align-items: left; } .faqContent { width: 100%; display: flex; flex-direction: row; align-items: center; font-size: 17px; } .faqContent view { background-color: #e70012; width: 10px; height: 10px; border-radius: 50%; } .faqContent text { margin-left: 5px; width: 90%; word-break: break-all; } .faqReplycount { font-size: 14px; margin-left: 15px; margin-top: 10px; } .newFaqButton { position: fixed; bottom: 0; width: 100%; display: flex; align-items: center; /* background: #fff; */ } .delFaqButton { width: 20%; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background: #ed5f77; color: #fff; } .newFaqButton view { text-align: center; margin: 0 auto; width: 80%; height: 50px; line-height: 50px; border-radius: 25px; margin-bottom: 10px; background: linear-gradient(to right, #e85c6d, #fb689b); color: #fff; font-size: 18px; }