.gong{width:60%}.gong img{width:100%;height:120px}.rooms{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}@media screen and (min-width:1440px){.rooms{width:100%}}@media screen and (min-width:1080px)and (max-width:1440px){.rooms{width:790px}}@media screen and (min-width:720px)and (max-width:1080px){.rooms{width:760px}}@media screen and (min-width:360px)and (max-width:720px){.rooms{width:100%}}.roomone{width:100%;height:450px;padding:10px 20px;margin:15px;position:relative;box-shadow:1px 1px 3px #111;background:url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/roll/botbac.png) no-repeat 50%!important;background-size:100% 100%!important;background-size:contain;color:#fff;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;align-items:center;line-height:1.5}@media screen and (min-width:360px)and (max-width:920px){.roomone{width:auto;height:500px}}.room{width:100%;height:100%;padding:10px 20px;position:relative;color:#fff;overflow:hidden;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;background:url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/roll/roll-bg.webp) no-repeat;background-size:100% 100%}.room:hover{background:url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/roll/roll-bg-hover.webp) no-repeat;background-size:100% 100%}.room .head{width:100%;height:50px;display:flex;align-items:center}.room .head .avatar{margin:0;position:relative;display:flex;align-items:center;justify-content:center}.room .head .title{width:calc(100% - 85px);padding-left:20px;margin:0;display:flex;flex-direction:column;justify-content:space-between;z-index:9;text-align:left}.room .head .title .name{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{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{width:100%;word-break:break-all;margin-top:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.room .head .title .tooltip{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 .desc,.room .let{width:100%;color:#aea3e6;font-size:14px}.room .desc{margin-top:10px}.room .gifts{width:110%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.room .gifts .item{width:100px;height:85px;position:relative;background-size:100% 100%}.room .content{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:Oxanium,sans-serif}.room .content-item{text-align:center;width:80px;padding:0 10px;display:flex;flex-direction:column;align-items:center;font-size:14px}.room .gifts .item>img{width:90%;position:absolute;text-align:center;z-index:10;left:5%}.room .content-item .num{font-size:15px;font-weight:600;color:#fff;overflow-wrap:normal}.room .content-item .num .nums img{width:15px!important;height:15px!important}.room .content-item .unit{font-size:12px}.room .join:hover .btn{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 1.87755px #db00ff,0 0 5.63265px #8000ff,0 0 1.87755px #9712ff}.room .join{width:80%;height:50px;display:flex;align-items:center;position:absolute;bottom:15px;left:33px;background:url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/roll/rollbutton.png) no-repeat 50%;background-size:100% 100%}.room .join .btn{color:#fff;width:100%}.kksubType[data-v-615f9a50]{width:500px;padding:0 10px;display:flex;justify-content:center;margin:20px auto;box-sizing:border-box}@media screen and (max-width:1000px){.kksubType[data-v-615f9a50]{width:100%}}.kksubType .active[data-v-615f9a50]{color:#11eda7;text-overflow:ellipsis;white-space:nowrap;position:relative}.kksubType .active[data-v-615f9a50]:before{content:"";width:100%;height:3px;position:absolute;bottom:-10px;left:0;background-color:#11eda7}.kksubType>span[data-v-615f9a50]{width:0;flex:1;color:#aea3e6;font-size:18px;text-align:center;cursor:pointer}@media(max-width:1080px){.kksubType>span[data-v-615f9a50]{font-size:13px}}.roll-top[data-v-615f9a50]{width:100%;display:grid;min-height:600px;grid-template-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(348px,1fr));grid-gap:20px;margin:30px 0}@media(max-width:1000px){.roll-top[data-v-615f9a50]{grid-gap:12px}}.roll-top-item[data-v-615f9a50]{max-width:348px;height:445px;font-size:12px}.content-top-bg[data-v-615f9a50]{justify-content:center}.content[data-v-615f9a50]{width:100%;max-width:1390px;padding:0 40px;margin:0 auto;box-sizing:border-box}@media(max-width:1000px){.content[data-v-615f9a50]{padding:0 10px}}.content-nav[data-v-615f9a50]{width:100%;position:relative}.content-nav-item[data-v-615f9a50]{font-size:20px;padding:10px 0;width:180px;justify-content:center;border:0 solid #000;color:#fff}@media(max-width:1200px){.content-nav-item[data-v-615f9a50]{width:110px;font-size:18px;padding:10px 20px;margin-bottom:20px}}.content-nav .user-active[data-v-615f9a50]{color:#ccc;font-weight:700;background-color:#76acf3;background-image:inherit;border-bottom:1px solid #5ca0ed}.content-nav .active[data-v-615f9a50]{color:var(--f-border-yellow);border-bottom:2px solid var(--f-border-yellow)}