.roomlist[data-v-e1b556c8]{margin:0 20px;background-color:#303237;height:100%;border-radius:6px;display:flex;flex-flow:column nowrap}.listtop[data-v-e1b556c8]{background:#303237;height:auto;position:relative;border-bottom:1px solid #3e4047;padding-left:20px;margin-bottom:15px}.top_bar[data-v-e1b556c8]{display:flex;justify-content:space-between;padding:24px 20px;position:relative;flex-wrap:wrap}.top_bar .search_bar[data-v-e1b556c8]{height:44px;display:flex;border-radius:22px;background-color:#3e4047;align-items:center;padding:0 16px;box-sizing:border-box;margin-right:15px;width:30%;transition:width .6s}.top_bar .search_bar .search_btn[data-v-e1b556c8]{color:#fff;cursor:pointer;background:none;outline:none;width:54px}.top_bar .search_bar img[data-v-e1b556c8]{margin-right:10px}.top_bar .search_bar .search_input[data-v-e1b556c8]{margin-right:10px;background:none;border:0;border-bottom:1px solid #747474;outline:none;height:24px;line-height:24px;font-size:12px;color:#fff;flex:1;min-width:0}.top_bar .changewidth[data-v-e1b556c8]{width:60%}.top_bar .selecbox[data-v-e1b556c8]{margin-right:40px;display:flex;overflow:hidden}.top_bar .showsele[data-v-e1b556c8]{width:100%;padding-top:15px}.top_bar .clickmore[data-v-e1b556c8]{position:absolute;right:20px;top:0;background:#303237;display:flex;align-items:center;justify-content:center;width:24px;height:80px;cursor:pointer}.top_bar .clickmore img[data-v-e1b556c8]{width:100%;display:block;transform:rotate(0);transition:transform .6s}.top_bar .iconroll img[data-v-e1b556c8]{transform:rotate(180deg)}.tag_bar[data-v-e1b556c8]{display:flex;justify-content:flex-start;padding:0 15px;flex-wrap:wrap}.tag_bar button[data-v-e1b556c8]{padding:0 19px;background-color:#3e4047;color:#fff;min-width:116px;height:44px;box-sizing:border-box;border-radius:10px;flex-wrap:wrap;margin:0 5px;transition:background-color .6s;cursor:pointer;outline:none;margin-bottom:10px}.tag_bar button .title[data-v-e1b556c8]{display:block;font-size:14px;width:100%;text-align:left;line-height:14px}.tag_bar button .nath[data-v-e1b556c8]{display:block;padding-top:6px;font-size:12px;line-height:12px;text-align:left}.tag_bar button[data-v-e1b556c8]:hover{background-color:#0076f5}.tag_bar button:first-of-type span[data-v-e1b556c8]{text-align:center;margin-bottom:0}.tag_bar .ckeck_on[data-v-e1b556c8]{background-color:#0076f5}.room_list[data-v-e1b556c8]{padding:0 0 10px 20px;flex-grow:1;height:10px}.room_list .room_list_box[data-v-e1b556c8]{height:100%;overflow:hidden}.room_list .room_list_box ul[data-v-e1b556c8]{height:100%;overflow-y:auto}.room_list .room_list_box ul[data-v-e1b556c8]::-webkit-scrollbar{width:6px}.room_list .room_list_box ul[data-v-e1b556c8]::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#0076f5}.room_list .room_list_box ul[data-v-e1b556c8]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px hsla(0,0%,100%,.2);border-radius:0;background:hsla(0,0%,100%,.1)}.room_list ul[data-v-e1b556c8]{display:flex;flex-wrap:wrap;margin-right:10px}.room_list ul li[data-v-e1b556c8]{width:25%;max-width:250px;min-width:200px;box-sizing:border-box;padding-right:16px;margin-bottom:20px}.room_list ul li .roomlist_box[data-v-e1b556c8]{width:100%;height:302px;overflow:hidden;border-radius:10px;background-color:#3e4047;position:relative}.room_list ul li .show_box[data-v-e1b556c8]{height:100%;width:100%;position:relative}.room_list ul li .show_box .room_pic[data-v-e1b556c8]{height:156px;width:100%;overflow:hidden;text-align:center;min-width:235px}.room_list ul li .show_box .room_pic .el-image[data-v-e1b556c8]{width:100%;height:100%}.room_list ul li .room_intro[data-v-e1b556c8]{border-bottom:1px solid #393b41;background-color:#3e4047;margin-top:-18px;border-radius:10px 0 0 0;padding:0 20px;position:absolute;left:0;right:0}.room_list ul li .room_intro .room_int_tit[data-v-e1b556c8]{color:#fff;padding:18px 0 10px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:14px;line-height:14px}.el-select[data-v-e1b556c8]{margin-right:10px}.room_int_kind[data-v-e1b556c8],.room_int_opera[data-v-e1b556c8],.room_int_time[data-v-e1b556c8]{color:#666871;font-size:12px;margin-bottom:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room_int_opera[data-v-e1b556c8]{margin-bottom:13px}.room_int_tag[data-v-e1b556c8]{position:absolute;right:0;top:0;font-size:12px;color:#fff;width:44px;height:20px;border-radius:0 0 0 10px;text-align:center;line-height:20px;background-color:#0076f5}.user_int[data-v-e1b556c8]{position:absolute;left:0;right:0;bottom:0;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:40px}.user_int .user_tx_pic[data-v-e1b556c8]{flex:1;height:31px;overflow:hidden;display:flex;align-items:center}.user_int .user_tx_pic .el-image[data-v-e1b556c8]{width:31px;height:31px;margin-right:10px;border-radius:50%}.user_int .user_tx_pic span[data-v-e1b556c8]{font-size:12px;color:#666871;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user_int .user_quantity[data-v-e1b556c8]{color:#666871;font-size:12px}.room_list li .hide_box[data-v-e1b556c8]{background:rgba(62,64,71,.8);position:absolute;left:0;right:0;bottom:-302px;display:flex;width:100%;height:302px;justify-content:center;align-items:center;border-radius:10px;transition:bottom .6s}.room_list li .hide_box .jion_in[data-v-e1b556c8]{width:80%;height:42px;border-radius:4px;display:block;background-color:#007aff;color:#fff;text-align:center;line-height:42px;cursor:pointer;outline:none}.room_list li .roomlist_box:hover .hide_box[data-v-e1b556c8]{display:flex;bottom:0}.el-icon-search[data-v-e1b556c8]{color:#fff;margin-right:10px}