.rooms[data-v-1cfe1de8]{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}@media screen and (min-width:1440px){.rooms[data-v-1cfe1de8]{width:100%}}@media screen and (min-width:1080px)and (max-width:1440px){.rooms[data-v-1cfe1de8]{width:790px}}@media screen and (min-width:720px)and (max-width:1080px){.rooms[data-v-1cfe1de8]{width:760px}}@media screen and (min-width:360px)and (max-width:720px){.rooms[data-v-1cfe1de8]{width:100%}}.room[data-v-1cfe1de8]{width:340px;height:360px;padding:10px 20px;margin:15px;position:relative;background-size:contain;color:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;line-height:1.5;background:url(../img/bac.47ff5f87.png) no-repeat 50%;background-size:100% 100%!important}@media screen and (min-width:360px)and (max-width:920px){.room[data-v-1cfe1de8]{width:auto}}.room .head[data-v-1cfe1de8]{width:100%;height:120px;display:flex;align-items:center}.room .head .avatar[data-v-1cfe1de8]{margin:0;position:relative;display:flex;align-items:center;justify-content:center}.room .head .title[data-v-1cfe1de8]{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-1cfe1de8]{font-size:16px;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.room .head .title .desc[data-v-1cfe1de8]{font-size:13px;line-height:16px;font-weight:400;color:#b0b0b0;letter-spacing:1px;position:absolute;top:12%;padding:0 10px 0 0}.room .head .title .desc .ellipsis[data-v-1cfe1de8]{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-1cfe1de8]{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-1cfe1de8]{color:#fd8506;font-size:12px;font-weight:500;position:absolute;top:12%}.room .gifts[data-v-1cfe1de8]{width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.room .gifts .item[data-v-1cfe1de8]{width:90px;height:70px;position:relative;background-size:100% 100%}.room .content[data-v-1cfe1de8]{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:Oxanium,sans-serif}.room .content-item[data-v-1cfe1de8]{width:80px;padding:0 10px;display:flex;flex-direction:column;align-items:flex-start;align-items:center}.room .gifts .item>img[data-v-1cfe1de8]{width:90%;position:absolute;top:10%;left:0;z-index:10}.room .content-item .num[data-v-1cfe1de8]{font-size:16px;font-weight:600;color:#fd8506;overflow-wrap:normal}.room .content-item .unit[data-v-1cfe1de8]{font-size:12px}.room .join[data-v-1cfe1de8]{width:100%;height:50px;display:flex;align-items:center;position:absolute;bottom:0;left:0}.room .join .btn[data-v-1cfe1de8]{color:#fff;width:100%}.joinbtn[data-v-1cfe1de8]{display:flex;justify-content:center;align-items:center;width:100%;padding-bottom:20px}.joinbtn img[data-v-1cfe1de8]{width:200px}.horn[data-v-1cfe1de8]{background:linear-gradient(#8b5922,#8b5922) 0 0,linear-gradient(#8b5922,#8b5922) 0 0,linear-gradient(#8b5922,#8b5922) 100% 100%,linear-gradient(#8b5922,#8b5922) 100% 100%;background-repeat:no-repeat;background-size:2px 20px,20px 2px}.horn .item[data-v-1cfe1de8]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAABF1BMVEUAAAA8c/88c/9Adf8+dP8+dP84dP8/vv9Avv8+sv88tf89uP8+uP8+yP89tP8/r/89ef87yP8+wv89rP88sf8/wv8+r/9rmLI+qv89uv8+x/8/wf89sP85yP9Cwv89uf8+u/8/vv89qP89tv5smrE30v82zf9rmLFmmLlNzP9vl6pplauFh4hmm7Y9rP+NjY2DholpmbVjo8Zbp9c2zf94j51Tq9xylqiTk5N4nqR3kJ87sf9+gYE4vf9ZmtFkmbtSoONXeM1dnb5Lou94gINohapjk7t/l51clcVRl9BzlaJUe99uf6BLeehcdbSChohektqJjZBdkLhmmbtpjJ5Qm91eesJrdpKGiopiea9EdvZ3d3c+dP+bBRdSAAAAXHRSTlMAMxkw74ATHxswLCooES45FQ4ZPDIXN1E/IxQdNQwWJiETQh1OBwlPWApJTipHJh8HVD83BXIxRRULdDQyC2FbWEs6MzsyKBBnWURCPjxcJh8ab1tYVVRJH2M4HjLG7uYAAAN2SURBVFjDtdnpUhpBFAVgJOoAMxBBBgWDgogBBUFRFDeCEY1BXGJiNt//OdJ3FhrLg13O7cwPfn516sztpqc69IYnHA5xH+z2eiTrdx8fe4Pwf3Bvbq77g2FYv/v7uvbrYjgV1uxODX8e1xoHd1Mk63Sn5joEN2dJ1uqGQs3bRjMUIlmvK+QO/ZKs16UHyXz33Tso893paSjz3acnKPPdmRko891QCMt8F8t8F8t8F8t8F8taXNtGMt9dbreRzHaLZ/WddgrIbHezvtMyI0BmufH2d4LbUOa4S0ad4JgZKwE5uBtZMgrUsWXGEkgO7EZKhpE9a60IGMuB3GQqJRIbheyKRXA0agA5iGvbDpwdwWkkv9nNL9siccmBqYpEIppOF5Sy2s0R7FYh4Q8KWe1W4wTTyyu4VQiZ4ExWISvdYi5H8JJfBXUcFfD7rcmy2l1PCnjZtsdhSnwk4FdktZt3YDdxYe3jwoIHpwmenyCr3bJwPZimQsIiMsFYVru71fxYYh8mN0pVCHnRArLaXT/J5/3EJQnLKuYXF1FmlVuuCjj5ogpTJJbwqoll7LoFl0XiJKhCJKYqMi68GgPyZLfZ3BWw03H82VSYVixBkSW8+hnLOO/9bWeXYJQ44c2xB/84bSEZu5eN2nFnVMXX/f2NjY3Nzb29w8Pt7e1KpdLtjhJffTn9hDJDt3nQqJ2fX7pw3IfXxmE/8dU3AUOZ4FkMv0gsZMetPHSPMhkV7Mi4iqqESRauB3cfKLGiCilPfnl2CuwVipcnZTRuSX/cShKmcSNYNW5YdhaIHLexxGZCJlYsECyPqig6c2yMlnSMNiHFkn5dHk/s7xWmSCxgxSakkmXHk14edpVyGS9puVdMctWy/AehxAs+nHZh7GIZ/ZnmvCr8k5Cf+BVXLVe9OXbhLcuyHJfgrMJVyCcClolXZBUFhauU86PEBf/AQrDSVctJf4H4iaMBjptYfnYoNGncsBtAjniw5cKBj/Sz6FNBjht2A8o0Fa22kIO7WBZVeF9N2A0sF40z9zsPuwz5wv0yjUCXJfcJxnm5cn3nju3iNi6wy5ehy5exy5exq0vGLl/GLl8Grh4ZuHpk4OqRscuXDy6Ry5fva40OcNnyX+fmBrhMuX9OcGdO+2VTD1xiaZLp2u0Pufrl/pBc/fJggF2+zHD1XR//A9vi1Z6Fq+hlAAAAAElFTkSuQmCC) no-repeat 50%!important;background-size:120% 135%!important}.kksubType[data-v-176dce94]{border-bottom:1px solid #870ff7;padding-bottom:10px;display:flex;cursor:pointer}.kksubType .active[data-v-176dce94]{font-weight:700;text-shadow:1px 1px 1px #666;color:#830ff7;position:relative}.kksubType .active[data-v-176dce94]:before{content:"";width:100%;height:2px;position:absolute;bottom:-11px;background-color:#830ff7;left:0}.kksubType a[data-v-176dce94]{padding:0 40px;color:#ccc;font-size:18px}@media(max-width:1080px){.kksubType a[data-v-176dce94]{font-size:.81rem}}.roll-top-item[data-v-176dce94]{font-size:12px;width:20%}@media(max-width:1600px){.roll-top-item[data-v-176dce94]{width:25%}}@media(max-width:1366px){.roll-top-item[data-v-176dce94]{width:33.3%}}@media(max-width:1080px){.roll-top-item[data-v-176dce94]{width:50%}}@media(max-width:960px){.roll-top-item[data-v-176dce94]{width:90%;margin:0 auto}}.roll-top-item:hover .roll-top-item-bg[data-v-176dce94]{border:2px solid rgba(92,160,237,.76)!important}.roll-top-item:hover .roll-top-item-bg .imgV1[data-v-176dce94]{transform:rotate(-15deg)}.content-top-bg[data-v-176dce94]{justify-content:center}.content[data-v-176dce94]{width:80%;margin:0 auto}@media(max-width:1366px){.content[data-v-176dce94]{width:95%}}.content-nav[data-v-176dce94]{width:100%;position:relative}.content-nav-item[data-v-176dce94]{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-176dce94]{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,11% 100%);clip-path:polygon(0 0,100% 0,100% 100%,11% 100%)}.content-nav-item-right[data-v-176dce94]{-webkit-clip-path:polygon(0 0,100% 0,89% 100%,0 100%);clip-path:polygon(0 0,100% 0,89% 100%,0 100%)}@media(max-width:1200px){.content-nav-item[data-v-176dce94]{width:110px;font-size:18px;padding:10px 20px;margin-bottom:20px}}.content-nav .user-active[data-v-176dce94]{color:#ccc;font-weight:700;background-color:#76acf3;background-image:inherit;border-bottom:1px solid #5ca0ed}.content-nav .active[data-v-176dce94]{color:var(--f-border-yellow);border-bottom:2px solid var(--f-border-yellow)}