@font-face{font-family:MaoKenYanBoSong;font-display:block;src:url("./font/MaoKenWangYanBoSong-H.woff2") format('woff2');font-weight:100 900}.chatroom-hot{width:440px;background:linear-gradient(180deg,rgba(234,255,249,0.92) 0,#f9f9fa 600px)}.chatroom-hot .head{display:flex;flex-direction:column;align-items:center;padding-top:120px}.chatroom-hot .head img{width:56px;height:56px}.chatroom-hot .head h1{font-size:40px;line-height:42px;font-family:MaoKenYanBoSong;font-weight:900;text-align:center;margin-top:16px;margin-bottom:0}.chatroom-hot .head h1 em{font-style:normal;color:#009d52}.chatroom-hot .head time{font-size:16px;line-height:24px;padding:2px 10px;margin-top:16px;transform:rotate(-1deg) skewX(-5deg);background:#a8ffda;font-family:Manrope}.chatroom-hot .intro{padding:0 20px;margin-top:50px}.chatroom-hot .intro h2{font-size:25px;line-height:30px;font-weight:600}.chatroom-hot .intro > p{font-size:13px;line-height:18px;color:rgba(33,36,41,0.5);margin-top:10px}.chatroom-hot .intro ul{display:flex;padding:15px 6px;margin-top:30px;border-radius:10px;background:#fff}.chatroom-hot .intro ul li{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.chatroom-hot .intro ul li:not(:last-child){border-right:1px solid #f6f7f9}.chatroom-hot .intro ul strong{font-size:14px;line-height:20px;font-weight:500;color:#009d52}.chatroom-hot .intro ul span{font-size:12px;line-height:16px;color:#8c8e90;margin-top:2px}.chatroom-hot .content{padding:0 20px;margin-top:16px}.chatroom-hot .content > div{position:relative;padding:16px;border-radius:10px;overflow:hidden;background:#fff}.chatroom-hot .content > div:not(:first-child){margin-top:16px}.chatroom-hot .content > div::before{content:'';position:absolute;top:2px;left:2px;right:2px;height:200px;border-radius:8px;pointer-events:none;background:linear-gradient(180deg,#f1fbf8,rgba(241,251,248,0))}.chatroom-hot .content > div > *{position:relative}.chatroom-hot .content > div h2{display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:700;padding-bottom:16px;border-bottom:1px solid #fff}.chatroom-hot .content > div h2 em{font-style:normal;color:#009d52;margin-right:8px}.chatroom-hot .content h3{font-size:18px;line-height:25px;font-weight:500}.chatroom-hot .content h2 + div{margin-top:16px}.chatroom-hot .content h2 + div > p{font-size:12px;line-height:16px;color:#8c8e90;margin-top:6px}.chatroom-hot .content h2 + div + ul{display:flex;grid-gap:10px 10px;margin-top:16px}.chatroom-hot .content h2 + div + ul li{flex:1;box-sizing:border-box;min-height:60px;padding:10px;font-size:13px;line-height:18px;border:1px solid #b9e7d9;border-radius:8px;background:#f5fffc;font-weight:500}.chatroom-hot .content > div:first-child dl{margin-top:10px}.chatroom-hot .content > div:first-child dl dt{display:flex;align-items:center;font-size:13px;line-height:18px}.chatroom-hot .content > div:first-child dl dt::after{content:'';flex:1;height:1px;margin-left:10px;background:#f6f7f9}.chatroom-hot .content > div:first-child dl dd{font-size:13px;line-height:18px;color:#009d52;padding:8px 12px;margin-top:10px;border-radius:8px;background:#f2fcf9;font-weight:500}.chatroom-hot .content .voice{margin-top:18px}.chatroom-hot .content .voice li{display:flex;align-items:flex-start}.chatroom-hot .content .voice li:not(:first-child){margin-top:18px}.chatroom-hot .content .voice li > i{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:16px;line-height:36px;font-style:normal;color:#fff;border-radius:50%;background:#ff8654;margin-right:9px}.chatroom-hot .content .voice li > div{flex:1;min-width:0}.chatroom-hot .content .voice li > div strong{display:flex;align-items:center;font-size:13px;line-height:18px;font-weight:500}.chatroom-hot .content .voice li > div strong span{display:flex;align-items:center;font-size:12px;line-height:18px;color:#616367;font-weight:normal}.chatroom-hot .content .voice li > div strong span::before{content:'';width:1px;height:9px;margin:0 8px;background:#f0f0f0}.chatroom-hot .content .voice li > div p{font-size:12px;line-height:16px;color:#009d52;font-weight:500;padding:10px 12px;margin-top:2px;border:1px solid #f2fbf9;border-radius:9px;background:#fff}.chatroom-hot .content .voice li:nth-child(2) > i{background:#6ec1ed}.chatroom-hot .content .voice li:nth-child(3) > i{background:#75d49c}.chatroom-hot .content .voice li:nth-child(4) > i{background:#b58ae7}.chatroom-hot .content .question{margin-top:22px}.chatroom-hot .content .question > div:not(:first-child){margin-top:22px}.chatroom-hot .content .question dt{display:flex;align-items:center}.chatroom-hot .content .question dt i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:13px;line-height:24px;font-style:normal;font-weight:700;color:#009d52;border-radius:6px;background:#fff}.chatroom-hot .content .question dt h3{font-size:17px;line-height:24px;margin-left:8px}.chatroom-hot .content .question dd{display:flex;grid-gap:12px 12px;margin-top:10px}.chatroom-hot .content .question dd p{display:flex;flex-direction:column;flex:1;min-height:47px;padding:10px 12px;border:1px solid #b9e7d9;border-radius:10px;background:#f5fffc}.chatroom-hot .content .question dd p:last-child{border-color:#fff0a9;background:#fffdf1}.chatroom-hot .content .question dd strong{font-size:13px;line-height:18px;font-weight:500}.chatroom-hot .content .question dd span{font-size:12px;line-height:16px;color:#8c8e90;margin-top:3px}.chatroom-hot .content .topic{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px 12px;margin-top:16px}.chatroom-hot .content .topic li{display:flex;flex-direction:column;min-height:47px;padding:10px 12px;border:1px solid #b9e7d9;border-radius:10px;background:#f5fffc}.chatroom-hot .content .topic li:nth-child(even){border-color:#fff0a9;background:#fffdf1}.chatroom-hot .content .topic strong{font-size:13px;line-height:18px;font-weight:500}.chatroom-hot .content .topic span{font-size:12px;line-height:16px;color:#8c8e90;margin-top:3px}.chatroom-hot .foot{padding:24px 20px 40px;margin-top:16px;background:#fff}.chatroom-hot .foot > div{padding:16px 20px;border:1px solid #ebf8f3;border-radius:12px;background:#f5fdfa url("/img/chatroom_group_vanity_left@2x.png") top left/120px auto no-repeat}.chatroom-hot .foot > div > div{display:flex;align-items:center;justify-content:space-between}.chatroom-hot .foot > div > div figure,.chatroom-hot .foot > div > div > img{flex-shrink:0;width:56px;height:56px;margin-left:16px;border-radius:9px}.chatroom-hot .foot > div > div figure{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:1px 1px;padding:1px;background:#fff;overflow:hidden}.chatroom-hot .foot > div > div figure img{width:18px;height:18px;display:block;object-fit:cover}.chatroom-hot .foot > div > div > img{object-fit:cover}.chatroom-hot .foot > div > div p{min-width:0}.chatroom-hot .foot > div > div p strong{display:block;font-size:16px;line-height:22px;font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatroom-hot .foot > div > div p span{display:block;font-size:14px;line-height:16px;color:#8c8e90;margin-top:6px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatroom-hot .foot .submit-btn-big{width:100%;margin-top:12px}.chatroom-hot .foot > p{display:flex;flex-direction:column;align-items:center;margin-top:24px}.chatroom-hot .foot > p strong{font-size:16px;line-height:22px;font-weight:500}.chatroom-hot .foot > p span{font-size:14px;line-height:20px;color:#8c8e90;margin-top:10px}