.room{height:calc(100% - 15px);margin-top:15px}.room-head .search{width:calc(100% - 30px);margin-left:15px;border:1px solid #363636;height:56px;line-height:56px;padding:0 15px;position:relative}.room-head .search .search-icon{font-size:25px;color:#a4a4a4}.room-head .search .search-text{height:46px;width:calc(100% - 120px);position:absolute;top:5px;background:none;border:none;left:55px;color:#d2d3d5;font-size:18px}.room-head .search .search-text::-webkit-input-placeholder{color:rgba(0,0,0,.459)}.room-head .search .search-text::input-placeholder{color:rgba(0,0,0,.459)}.room-head .search .search-text::-moz-placeholder{color:rgba(0,0,0,.459)}.room-head .search .search-text::-ms-input-placeholder{color:rgba(0,0,0,.459)}.room-head .search .search-text:focus{border:none;box-shadow:none;outline:none}.room-head .search .search-btn{position:absolute;right:5px;top:5px;height:46px}.room-head .search .search-btn:active,.room-head .search .search-btn:focus{outline:none!important;box-shadow:none}.loading-back{position:absolute;height:calc(100% - 141px);width:100%;top:141px;background:#000;opacity:.1;z-index:99}.loading-spinner{position:absolute;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);color:#007bff;font-size:25px;text-align:center}.loading-spinner-text{display:block;margin-top:10px;font-size:15px;font-weight:700}.room-list-box{height:calc(100% - 71px);margin-top:15px;border-top:1px solid #363636}.room-tab{height:55px;border-bottom:1px solid #363636}.room-tab ul{margin:0;padding:0;display:flex}.room-tab ul li{display:inline-block;flex:1px;text-align:center;line-height:55px;border-right:1px solid #363636;font-weight:700;font-size:18px;cursor:pointer;background:#d2d3d5}.room-tab ul li.active,.room-tab ul li:hover{background:#ffc107;color:#212529}.room-tab ul li:last-child{border:none}.room-list{height:calc(100% - 55px);padding:0;color:#d2d3d5}.room-list .ps__rail-y{opacity:.6}.room-list .ps__thumb-y{right:0;background:#aaa!important}.room-list .room-ul{padding:0;margin:0}.room-list .room-ul li{list-style:none;padding:0 0;border-bottom:1px solid #363636;height:80px;position:relative;cursor:pointer}.room-list .room-ul li:hover{background:#15191d}.room-list .room-ul .room-img{width:60px;height:60px;position:absolute;top:10px;left:15px}.room-list .room-ul .room-img img{width:60px;height:60px;border-radius:20px}.room-list .room-ul .room-title{position:absolute;left:90px;height:100%;line-height:80px;font-size:18px;width:calc(100% - 220px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-list .room-ul .room-title .room-level{color:#ffc107;font-weight:700;margin-right:5px}.room-list .room-ul .room-count{position:absolute;right:0;height:100%;line-height:80px;font-size:20px;color:#d2d3d5;right:15px}.room-list .room-ul .room-count .room-icon{margin-right:10px;color:#007bff}.room-list .room-ul .room-count .icon-bule{color:#007bff}.room-list .room-ul .room-count .icon-red{color:red}.room-list .room-mission-ul{padding:0;margin:0}.room-list .room-mission-ul li{list-style:none;padding:0 0;border-bottom:1px solid #363636;height:80px;position:relative;cursor:pointer}.room-list .room-mission-ul li:hover{background:#15191d}.room-list .room-mission-ul .room-img{width:60px;height:60px;position:absolute;top:10px;left:15px}.room-list .room-mission-ul .room-img img{width:60px;height:60px;border-radius:100%}.room-list .room-mission-ul .room-title{position:absolute;left:90px;height:100%;padding-top:10px;font-size:18px;width:calc(100% - 220px)}.room-list .room-mission-ul .room-title>div{padding:0;margin:0;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-list .room-mission-ul .room-title>div.mission-coin{font-weight:700;color:#575757}.room-list .room-mission-ul .room-title>div.mission-coin .mission-total-coin{color:#f60}.room-list .room-mission-ul .room-title>div.mission-coin .mission-my-coin{color:#007bff}.room-list .room-mission-ul .room-title .room-level{color:#ffc107;font-weight:700;margin-right:5px}.room-list .room-mission-ul .room-count{position:absolute;right:0;height:100%;line-height:80px;font-size:20px;color:#d2d3d5;right:15px}.room-list .room-ul-live .live-item,.room-list .room-ul-live .row{padding:7.5px}.room-list .room-ul-live .live-item .live-warp{width:100%;height:300px;border:1px solid #646464;border-radius:10px;cursor:pointer}.room-list .room-ul-live .live-item .live-warp:hover{background:#15191d}.room-list .room-ul-live .live-item .live-warp .live-img{width:calc(100% - 20px);height:calc(100% - 20px);margin-top:10px;margin-left:10px;border-radius:8px;border:1px solid #363636;overflow:hidden;position:relative}.room-list .room-ul-live .live-item .live-warp .live-img img{height:300px}.room-list .room-ul-live .live-item .live-warp .live-img div.back{position:absolute;width:100%;color:#fff;opacity:.85;height:42px;bottom:0;background:#000;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.room-list .room-ul-live .live-item .live-warp .live-img div.title{position:absolute;width:100%;left:0;color:#fff;text-align:center;height:42px;bottom:0;line-height:42px;font-size:17px;font-weight:700}.room-list .room-ul-live .live-item .live-warp .live-img div.title span{font-weight:400;color:#a4a4a4;margin-left:10px}.room-list .room-ul-live .live-item .live-warp .live-img div.title .live-icon{font-size:8px;position:relative;top:-2px}.room-list .room-ul-live .live-item .live-warp .live-img div.title span.live-icon-living{color:#fff}.room-list .room-ul-live .live-item .live-warp .live-img div.title span.live-icon-living .live-icon{color:#7fff00}@media (max-width:480px){.room-list .room-ul li{height:70px}.room-list .room-ul .room-img,.room-list .room-ul .room-img img{width:50px;height:50px}.room-list .room-ul .room-title{left:75px;line-height:70px;font-size:16px;width:calc(100% - 180px)}.room-list .room-ul .room-count{font-size:18px}.room-list .room-ul .room-count .room-icon{margin-right:5px}.room-list .room-ul .room-title .room-level{margin-right:0}.room-list .room-ul-live .live-item .live-warp{width:100%;height:200px}.room-list .room-ul-live .live-item .live-warp .live-img img{height:200px}.room-tab ul li{font-size:16px}.room-tab ul li span{display:none}}