.rooms[data-v-199ba552]{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}@media screen and (min-width:1440px){.rooms[data-v-199ba552]{width:100%}}@media screen and (min-width:1080px)and (max-width:1440px){.rooms[data-v-199ba552]{width:790px}}@media screen and (min-width:720px)and (max-width:1080px){.rooms[data-v-199ba552]{width:760px}}@media screen and (min-width:360px)and (max-width:720px){.rooms[data-v-199ba552]{width:100%}}.room[data-v-199ba552]{width:340px;height:360px;padding:10px 20px;margin:15px;position:relative;box-shadow:1px 1px 3px #111;background-color:hsla(0,0%,100%,.03);background-size:contain;color:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;line-height:1.5}@media screen and (min-width:360px)and (max-width:920px){.room[data-v-199ba552]{width:auto}}.room .head[data-v-199ba552]{width:100%;height:120px;display:flex;align-items:center}.room .head .avatar[data-v-199ba552]{margin:0;position:relative;display:flex;align-items:center;justify-content:center}.room .head .title[data-v-199ba552]{width:calc(100% - 85px);height:100px;padding-left:20px;margin:0;display:flex;flex-direction:column;justify-content:space-between;z-index:9;text-align:left}.room .head .title .name[data-v-199ba552]{font-size:18px;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.room .head .title .desc[data-v-199ba552]{font-size:13px;line-height:18px;font-weight:400;color:#b0b0b0;letter-spacing:1px;position:absolute;top:12%;padding:0 10px 0 0}.room .head .title .desc .ellipsis[data-v-199ba552]{width:100%;word-break:break-all;margin-top:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.room .head .title .tooltip[data-v-199ba552]{z-index:200;display:none;position:absolute;top:40%;background:#fff679;border-radius:2px;color:#000;font-size:12px;padding:10px;transition:all .3s ease}.room .let[data-v-199ba552]{color:#f78a0f;font-size:12px;font-weight:500;position:absolute;top:12%}.room .gifts[data-v-199ba552]{width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.room .gifts .item[data-v-199ba552]{width:90px;height:70px;position:relative;background-size:100% 100%}.room .content[data-v-199ba552]{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:Oxanium,sans-serif}.room .content-item[data-v-199ba552]{width:80px;padding:0 10px;display:flex;text-align:center;flex-direction:column;align-items:flex-start;align-items:stretch}.room .gifts .item>img[data-v-199ba552]{width:90%;height:100%;position:absolute;left:0;z-index:10}.room .content-item .num[data-v-199ba552]{font-size:18px;font-weight:600;color:#f78a0f;overflow-wrap:normal}.room .content-item .unit[data-v-199ba552]{font-size:12px}.room .join[data-v-199ba552]:hover{background:#81d8cf}.room .join[data-v-199ba552]{width:100%;height:50px;display:flex;align-items:center;position:absolute;bottom:0;left:0;background:hsla(0,0%,100%,.05)}.room .join .btn[data-v-199ba552]{color:#fff;width:100%}.horn[data-v-199ba552]{background:linear-gradient(#f78a0f,#f78a0f) 0 0,linear-gradient(#f78a0f,#f78a0f) 0 0,linear-gradient(#f78a0f,#f78a0f) 100% 100%,linear-gradient(#f78a0f,#f78a0f) 100% 100%;background-repeat:no-repeat;background-size:1px 20px,20px 1px}.horn .item[data-v-199ba552]{background:url(../img/10002.be07527f.png) no-repeat 50%!important;background-size:100% 100%!important}.glass-pagination .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#d4af37!important;color:#000!important;font-weight:700}.glass-pagination .el-pagination.is-background .el-pager li{border-radius:4px}.glass-pagination .el-pagination.is-background .btn-next,.glass-pagination .el-pagination.is-background .btn-prev,.glass-pagination .el-pagination.is-background .el-pager li{background-color:hsla(0,0%,100%,.05)!important;color:hsla(0,0%,100%,.6)!important}