body{background:#f9f9fa}.chatroom-plaza{width:1180px;margin:0 auto}.chatroom-plaza::before{content:'';display:block;z-index:-1;width:100%;height:400px;min-width:1300px;position:absolute;top:0;left:0;background:linear-gradient(180deg,#f5fdfa 0%,transparent 100%)}.chatroom-plaza > div{position:relative}.chatroom-plaza h2{font-size:20px;line-height:28px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.chatroom-plaza h2 em{cursor:pointer;font-size:14px;line-height:20px;font-style:normal;font-weight:400;padding-right:12px;background:url("/img/arrow_black@2x.png") right center/12px no-repeat}.chatroom-plaza .group-nav ul{display:flex;margin-top:20px}.chatroom-plaza .group-nav li{width:109px;text-align:center;font-weight:500}.chatroom-plaza .group-nav li + li{margin-left:10px}.chatroom-plaza .group-nav li a{display:flex;flex-direction:column;align-items:center;color:#212429}.chatroom-plaza .group-nav li img{width:48px;height:48px;object-fit:cover;border-radius:24px;margin-bottom:10px}.chatroom-plaza .group-nav li span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:20px}.chatroom-plaza .group-nav li em{font-size:13px;line-height:18px;font-style:normal;color:#616367}.chatroom-plaza .hot-event{margin-top:54px}.chatroom-plaza .hot-event h2{color:#008847;font-family:MaoKenYanBoSong}.chatroom-plaza .hot-event > p{display:flex;grid-gap:10px 10px;position:absolute;top:-2px;right:0}.chatroom-plaza .hot-event > p button{width:32px;height:32px;cursor:pointer;border:1px solid #f0f0f0;border-radius:8px;background:#fff url("/img/enter_10@2x.png") center/10px no-repeat;transform:rotate(180deg)}.chatroom-plaza .hot-event > p button:first-child{transform:none}.chatroom-plaza .hot-event > p button:disabled{cursor:default;opacity:.45}.chatroom-plaza .hot-event dl{display:flex;overflow-x:hidden;margin-top:14px}.chatroom-plaza .hot-event dl > div{display:flex;flex-direction:column;padding:17px;overflow:hidden;box-sizing:border-box;width:380px;border-radius:10px;border:3px solid #fff;flex-shrink:0}.chatroom-plaza .hot-event dl > div + div{margin-left:20px}.chatroom-plaza .hot-event dt h3{display:flex;align-items:center;font-size:18px;line-height:26px;font-weight:600;height:52px}.chatroom-plaza .hot-event dt h3 span{display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chatroom-plaza .hot-event dd{display:flex;flex-direction:column;flex:1}.chatroom-plaza .hot-event dd .action{display:flex;align-items:center;justify-content:space-between;padding-top:10px;margin-top:auto}.chatroom-plaza .hot-event dd .action > div,.chatroom-plaza .hot-event dd .action > a{display:flex;align-items:center;min-width:0;color:#212429;font-weight:500;flex-shrink:0}.chatroom-plaza .hot-event dd .action > div img,.chatroom-plaza .hot-event dd .action > a img{width:28px;height:28px;object-fit:cover;border-radius:50%;margin-right:6px}.chatroom-plaza .hot-event dd .action > div span,.chatroom-plaza .hot-event dd .action > a span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:20px}.chatroom-plaza .hot-event dd .action > a{padding-right:16px;background:url("/img/arrow_black@2x.png") right center/14px no-repeat}.chatroom-plaza .hot-event dd .action .submit-btn{flex-shrink:0}.chatroom-plaza .hot-event .hot-activity-card{background:linear-gradient(180deg,#f1fbf8 0%,#fff 66%)}.chatroom-plaza .hot-event .hot-activity-card dt p{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.chatroom-plaza .hot-event .hot-activity-card dt p em{font-size:12px;line-height:16px;font-style:normal;font-weight:500;padding:2px 6px;border-radius:4px;background:#ffe14d}.chatroom-plaza .hot-event .hot-activity-card dt p em.hot-tag{background:#f53;color:#fff}.chatroom-plaza .hot-event .hot-activity-card dt p span{font-size:13px;line-height:18px;color:#616367}.chatroom-plaza .hot-event .hot-activity-card dd .guests{display:flex;align-items:center;justify-content:space-between;min-width:0;margin-top:10px}.chatroom-plaza .hot-event .hot-activity-card dd .guests span{min-width:0;font-size:14px;line-height:20px;color:#616367;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatroom-plaza .hot-event .hot-activity-card dd .guests figure{display:flex;flex-shrink:0;margin-left:8px}.chatroom-plaza .hot-event .hot-activity-card dd .guests img{width:22px;height:22px;display:block;object-fit:cover;border-radius:50%;border:1px solid #fff}.chatroom-plaza .hot-event .hot-activity-card dd .guests img:not(:first-child){margin-left:-6px}.chatroom-plaza .hot-event .hot-activity-card dd > strong{display:block;font-size:13px;line-height:18px;font-weight:normal;color:#212429;padding:8px 12px;margin-top:10px;border:1px solid rgba(255,85,51,0.12);border-radius:8px;background:rgba(255,85,51,0.06);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatroom-plaza .hot-event .hot-review-card{background:url("/img/chatroom_group_vanity@2x.png") top right/120px auto no-repeat,linear-gradient(180deg,#f1fbf8 0%,#fff 66%)}.chatroom-plaza .hot-event .hot-review-card dt h3{cursor:pointer}.chatroom-plaza .hot-event .hot-review-card dd{padding-top:16px;margin-top:16px;border-top:1px solid #fff}.chatroom-plaza .hot-event .hot-review-card .content-silder{cursor:pointer;position:relative;overflow:hidden;padding-bottom:9px}.chatroom-plaza .hot-event .hot-review-card .content-silder li{width:100%;box-sizing:border-box}.chatroom-plaza .hot-event .hot-review-card .content-silder .owl-dots{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;width:100%}.chatroom-plaza .hot-event .hot-review-card .content-silder .owl-dots .owl-dot{width:5px;height:3px;border-radius:1px;background:#f0f0f0}.chatroom-plaza .hot-event .hot-review-card .content-silder .owl-dots .owl-dot.active{background:#d3d3d4}.chatroom-plaza .hot-event .hot-review-card .content-silder .owl-dots .owl-dot:not(:last-child){margin-right:2px}.chatroom-plaza .hot-event .hot-review-card h4{font-size:15px;line-height:22px;font-weight:500}.chatroom-plaza .hot-event .hot-review-card li p{font-size:13px;line-height:18px;color:#8c8e90;margin-top:6px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatroom-plaza .all-group{margin-top:40px}.chatroom-plaza .all-group dl{display:grid;grid-template-columns:repeat(3,380px);grid-gap:20px 20px;margin-top:20px}.chatroom-plaza .all-group dl > div{padding:20px;border-radius:10px;background:#fff}.chatroom-plaza .all-group dt{display:flex;align-items:center;justify-content:space-between}.chatroom-plaza .all-group dt > div{display:flex;align-items:center;min-width:0;flex:1}.chatroom-plaza .all-group dt > div img{width:44px;height:44px;flex-shrink:0;object-fit:cover;border-radius:50%;margin-right:12px}.chatroom-plaza .all-group dt > div div{min-width:0}.chatroom-plaza .all-group dt h3{display:flex;align-items:center;font-size:16px;line-height:22px;font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatroom-plaza .all-group dt h3 em{width:18px;height:18px;background:url("/img/hot_orange@2x.png") center/contain no-repeat;margin-left:4px}.chatroom-plaza .all-group dt span{display:block;font-size:12px;line-height:16px;color:#8c8e90;margin-top:2px}.chatroom-plaza .all-group dd{margin-top:16px}.chatroom-plaza .all-group dd p{display:block;font-size:14px;line-height:20px;padding:10px;border:1px solid #dcfdee;border-radius:8px;background:#f5fdfa;font-weight:500;display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chatroom-plaza .all-group dd ul{height:28px;overflow:hidden;margin-top:12px}.chatroom-plaza .all-group dd ul li{display:flex;align-items:center;height:28px;font-size:13px;line-height:20px;color:#616367}.chatroom-plaza .all-group dd ul li img{width:20px;height:20px;flex-shrink:0;object-fit:cover;border-radius:50%;margin-right:8px}.chatroom-plaza .all-group dd ul li span{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatroom-plaza .all-group > .btn-big{width:max-content;margin:20px auto 0;padding:0 26px 0 20px;background:#fff url("/img/arrow_black@2x.png") right 10px center/12px no-repeat}.all-chatroom-modal{display:flex;flex-direction:column;height:100%;background:#f9f9fa}.all-chatroom-modal > div:first-child{padding:30px 30px 12px}.all-chatroom-modal > div:first-child h2{font-size:22px;line-height:28px;font-weight:600;margin-bottom:30px}.all-chatroom-modal > div:first-child label{display:flex;align-items:center;padding-left:26px;background:#fff url("/img/search_grey@2x.png") left 16px center/16px no-repeat;border-radius:10px}.all-chatroom-modal > div:first-child label input{width:100%;min-height:40px;height:40px;font-size:14px;line-height:20px;background:none}.all-chatroom-modal > div:first-child label input::placeholder{color:#8c8e90}.all-chatroom-modal .initial{top:50%;right:6px;transform:translateY(-50%);position:absolute;color:#8c8e90;font-weight:500;font-size:12px;line-height:16px}.all-chatroom-modal .initial li{cursor:pointer;text-align:center;width:18px;padding:1px 0;margin-bottom:4px}.all-chatroom-modal .initial li.active{color:#212429;background:#ffe14d;border-radius:9px}.all-chatroom-modal > * + div{padding:0 30px 30px;height:auto;overflow-y:auto}.all-chatroom-modal > * + div::-webkit-scrollbar{width:0}.all-chatroom-modal > * + div dl{padding:12px 16px;border-radius:10px;background:#fff;margin-top:12px}.all-chatroom-modal > * + div dl + dl{margin-top:12px}.all-chatroom-modal > * + div dt{font-size:13px;line-height:18px;margin-bottom:8px}.all-chatroom-modal > * + div dd{display:flex;align-items:center}.all-chatroom-modal > * + div dd:not(:last-child){margin-bottom:20px}.all-chatroom-modal > * + div dd img{width:48px;height:48px;flex-shrink:0;object-fit:cover;border-radius:50%;margin-right:14px}.all-chatroom-modal > * + div dd div{min-width:0;margin-right:14px}.all-chatroom-modal > * + div dd h3{font-size:15px;line-height:22px;font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all-chatroom-modal > * + div dd p{font-size:12px;line-height:16px;color:#616367;margin-top:4px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all-chatroom-modal > * + div dd .btn,.all-chatroom-modal > * + div dd .submit-btn{flex-shrink:0;margin-left:auto}.all-chatroom-modal > * + div > p{font-size:14px;line-height:20px;color:#8c8e90;text-align:center;padding-top:40px}.fullscroll-modal{background:transparent !important}.fullscroll-modal .layui-layer-content{border-radius:0}.fullscroll-modal .layui-layer-setwin{top:110px;right:auto;left:calc(50vw + 240px)}.chatroom-hot-modal{width:440px;margin:90px auto;background:#fff;border-radius:16px;min-height:calc(100vh - 180px);overflow:hidden}.chatroom-hot-modal > p{font-size:14px;line-height:20px;color:#616367;padding-top:80px;text-align:center}