.rooms[data-v-1cb4fcbe]{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}@media screen and (min-width:1440px){.rooms[data-v-1cb4fcbe]{width:100%}}@media screen and (min-width:1080px)and (max-width:1440px){.rooms[data-v-1cb4fcbe]{width:790px}}@media screen and (min-width:720px)and (max-width:1080px){.rooms[data-v-1cb4fcbe]{width:760px}}@media screen and (min-width:360px)and (max-width:720px){.rooms[data-v-1cb4fcbe]{width:100%}}.room[data-v-1cb4fcbe]{width:340px;height:360px;padding:10px 20px;margin:15px;position:relative;box-shadow:1px 1px 3px var(--main-yellow);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(max-width:375px){.room[data-v-1cb4fcbe]{width:100%;margin:15px 0}}.room .head[data-v-1cb4fcbe]{width:100%;height:120px;display:flex;align-items:center}.room .head .avatar[data-v-1cb4fcbe]{margin:0;position:relative;display:flex;align-items:center;justify-content:center}.room .head .title[data-v-1cb4fcbe]{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-1cb4fcbe]{font-size:18px;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.room .head .title .desc[data-v-1cb4fcbe]{font-size:13px;line-height:18px;font-weight:400;color:#b0b0b0;letter-spacing:1px;position:absolute;top:20%;padding:0 10px 0 0}.room .head .title .desc .ellipsis[data-v-1cb4fcbe]{width:100%;overflow:hidden;text-overflow:ellipsis}.room .head .title .tooltip[data-v-1cb4fcbe]{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-1cb4fcbe]{color:var(--main-blue);font-size:12px;font-weight:500;position:absolute;top:14%}.room .gifts[data-v-1cb4fcbe]{width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.room .gifts .item[data-v-1cb4fcbe]{width:90px;height:70px;position:relative;background-size:100% 100%}.room .content[data-v-1cb4fcbe]{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:Oxanium,sans-serif}.room .content-item[data-v-1cb4fcbe]{width:80px;padding:0 10px;display:flex;flex-direction:column;align-items:flex-start}.room .gifts .item>img[data-v-1cb4fcbe]{width:90%;position:absolute;top:10%;left:0;z-index:10}.room .content-item .num[data-v-1cb4fcbe]{font-size:18px;font-weight:600;color:#438453;overflow-wrap:normal}.room .content-item .unit[data-v-1cb4fcbe]{font-size:12px}.room .join[data-v-1cb4fcbe]:hover{background:linear-gradient(225deg,#428252,#3b734a)}.room .join[data-v-1cb4fcbe]{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-1cb4fcbe]{color:#fff;width:100%}.horn[data-v-1cb4fcbe]{background:linear-gradient(var(--main-blue),var(--main-blue)) 0 0,linear-gradient(var(--main-blue),var(--main-blue)) 0 0,linear-gradient(var(--main-blue),var(--main-blue)) 100% 100%,linear-gradient(var(--main-blue),var(--main-blue)) 100% 100%;background-repeat:no-repeat;background-size:1px 20px,20px 1px}.roll-bottom-item-bg[data-v-c2221a9a]{background-color:rgba(92,160,237,.12);padding:10px;transition:all .5s ease 0s;margin:10px;border:2px solid transparent;border-radius:20px;box-shadow:2px 5px 2px #111;font-size:14px}.roll-bottom-item-bg[data-v-c2221a9a]:hover{border:2px solid rgba(92,160,237,.76)!important}.awards-bg[data-v-c2221a9a]{background-repeat:no-repeat;background-size:cover;border-radius:10px}.kksubType[data-v-b80dfd00]{border-bottom:1px solid var(--main-blue);cursor:pointer}.kksubType a[data-v-b80dfd00]{padding-bottom:10px!important;display:inline-flex}.kksubType .active[data-v-b80dfd00]{font-weight:700;text-shadow:1px 1px 1px #666;color:var(--main-blue);position:relative}.kksubType .active[data-v-b80dfd00]:before{content:"";width:100%;height:2px;position:absolute;bottom:-1px;background-color:var(--main-blue);left:0}.kksubType a[data-v-b80dfd00]{padding:0 40px;color:#ccc;font-size:18px}.roll-top-item[data-v-b80dfd00]{font-size:12px;width:20%}@media(max-width:1600px){.roll-top-item[data-v-b80dfd00]{width:25%}}@media(max-width:1366px){.roll-top-item[data-v-b80dfd00]{width:33.3%}}@media(max-width:1080px){.roll-top-item[data-v-b80dfd00]{width:50%}}@media(max-width:960px){.roll-top-item[data-v-b80dfd00]{width:90%;margin:0 auto}}.roll-top-item:hover .roll-top-item-bg[data-v-b80dfd00]{border:2px solid rgba(92,160,237,.76)!important}.roll-top-item:hover .roll-top-item-bg .imgV1[data-v-b80dfd00]{transform:rotate(-15deg)}.content-top-bg[data-v-b80dfd00]{justify-content:center}.content[data-v-b80dfd00]{max-width:1400px;width:80%;margin:0 auto}@media(max-width:1366px){.content[data-v-b80dfd00]{width:95%}}.content-nav[data-v-b80dfd00]{width:100%;position:relative}.content-nav-item[data-v-b80dfd00]{font-size:20px;padding:10px 0;width:180px;justify-content:center;border:0 solid #000;color:#fff;background-color:rgba(34,38,63,.37)}.content-nav-item-left[data-v-b80dfd00]{border-top-left-radius:20px;border-bottom-left-radius:20px}.content-nav-item-right[data-v-b80dfd00]{border-top-right-radius:20px;border-bottom-right-radius:20px}@media(max-width:1200px){.content-nav-item[data-v-b80dfd00]{width:110px;font-size:18px;padding:10px 20px;margin-bottom:20px}}.content-nav .user-active[data-v-b80dfd00]{color:#ccc;font-weight:700;background-color:var(--main-admin);background-image:inherit}.content-nav .active[data-v-b80dfd00]{color:var(--f-border-yellow);border-bottom:2px solid var(--f-border-yellow)}