.roll-item-wrap[data-v-fca8c088]{font-size:12px;position:relative;padding:10px;border-radius:15px;background:url(../img/roll-bg.f8c40102.png) no-repeat;background-size:100% 100%;z-index:-1;opacity:1}.roll-item-wrap-top[data-v-fca8c088]{font-size:18px}.roll-item-wrap-btn[data-v-fca8c088]{font-size:16px;background-image:url(../img/btn.f94edf21.png);background-size:100% 100%}.roll-item-wrap-tow[data-v-fca8c088]{font-size:18px}.roll-item-wrap-tow-title[data-v-fca8c088]{margin-bottom:10px;font-size:14px}.roll-item-wrap-end[data-v-fca8c088]{font-size:12px}.roll-item-wrap-cover[data-v-fca8c088]{background-image:linear-gradient(rgba(59,105,174,0),#c1bcb7)}.content-con[data-v-fca8c088]{background-size:100% 100%;background-repeat:no-repeat;background-image:url(../img/index-roll-item-bg.6f597d3c.png);border:1px solid transparent;transition:all .5s}.content-con[data-v-fca8c088]:hover{border:1px solid var(--main-blue)}.content-item[data-v-fca8c088]{border:1px solid transparent;transition:all .5s;overflow:hidden}.content-item[data-v-fca8c088]:hover{border:1px solid var(--pan-main);border-radius:10px}.content-item:hover a[data-v-fca8c088]{border:2px solid var(--pan-main);border-radius:15px}.content-item:hover .content-roll-item-time[data-v-fca8c088]{transition:all .5s;color:var(--pan-main)}.content-item .box_record[data-v-fca8c088]{transition:all .5s}.content-item:hover .box_record[data-v-fca8c088]{transform:scale(1.2)}.content-roll[data-v-fca8c088]{width:100%}@media (max-width:1200px){.content-roll[data-v-fca8c088]{overflow-x:scroll}}.content .border-green[data-v-fca8c088]{border:2px solid #48e082;box-shadow:0 0 10px 2px #48e082}.content .border-red[data-v-fca8c088]{border:2px solid #ff4861;box-shadow:0 0 10px 2px #ff4861}.content .roll-btn[data-v-fca8c088]{border:1px solid #ff4861!important;background-color:#241118!important}.content-top[data-v-fca8c088]{border-radius:20px;padding:20px 0;background-image:linear-gradient(0deg,#27272e,#08080a);display:flex;flex-direction:column;justify-content:center;align-items:center}.content-item-conter[data-v-fca8c088]{width:160px;height:160px;background-color:#18181e;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .5s}@media (max-width:960px){.content-item-conter[data-v-fca8c088]{width:120px;height:120px}}.content-item-conter-cover[data-v-fca8c088]{width:100%}.content-item-conter-user[data-v-fca8c088]{transition:all .5s;width:60px;height:60px;padding:5px;position:absolute;left:-30px;bottom:10px;border-radius:50%;overflow:hidden;background-color:#131318}.content-item-conter-user img[data-v-fca8c088]{width:100%;height:100%}.content-item-conter:hover .content-item-conter-user[data-v-fca8c088]{transform:scale(1.5) rotate(-30deg)}.content-item-conter[data-v-fca8c088]:hover{transform:rotate(30deg)}.content-bottom[data-v-fca8c088]{display:flex;padding:.7rem}.content-bottom-left[data-v-fca8c088]{padding:10px;border-radius:10px;background-color:#08080a}.content-bottom-right[data-v-fca8c088]{display:flex;justify-content:center;align-items:center;border-radius:12px;border:1px solid #48e082;background-color:#112319}.content-item-conte-cover-img[data-v-fca8c088]{background-color:#101426;padding:10px}.roll-user[data-v-fca8c088]{color:#fff;bottom:-5px;width:70px;text-align:center;border-radius:5px;padding:4px 0;background-color:#f19919}@media (max-width:960px){.roll-user[data-v-fca8c088]{padding:1px 0;bottom:-8px}}.roll-item-wrap-tow-title[data-v-fca8c088]{margin-top:20px;color:#007aff}.kaitime[data-v-fca8c088]{color:#fff;margin-top:10px;margin-bottom:8px}.Headimg[data-v-fca8c088]{width:60px;height:60px;border-radius:50%;background-color:#fff;margin:auto}.roll-item-wrap-btn[data-v-fca8c088]{width:100px;height:100px;border-radius:50%;text-align:center;line-height:100px;color:#fff;font-size:25px;-webkit-text-stroke:1px #000}.roll-text[data-v-fca8c088]{font-size:30px;color:transparent;-webkit-text-stroke:2px #fff;text-align:center}.roll-item-wrap-cover[data-v-fca8c088]{background-color:#ccc;border-radius:10px;overflow:hidden}.price[data-v-fca8c088]{padding-top:5px;padding-bottom:5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAAcCAYAAACajWq/AAAAAXNSR0IArs4c6QAAAmRJREFUaEPtWrFu2zAQvXeU7QAGMmboJ3RoRydAUHRIhgLZ2l8o4MlTvbQp0G/Iml9Itm5Zii6ds+QTCiRTlgxBZbI4UrJoI01lmRCs5DzREk3y+HyPj3eH/uiLA4iYQSAiaZuozUwkb8JzaUsfECP09c8R3vtxltplv8XnVb9qnDBm+L44PhPIr0Pey1qKdciaff9i3Ys2VOsubajGX54jnvsxG8Lvgp2JbBBbxZ5lIPwEKwAhGxyD0hoQBShhkwuQinUHGzoARGxDYyDKf+XGAlF5+IJHPOjVdT0i9vwEHvEYEEpNHaUm4UwTnRetUROFDes0NcU2KDVVB/fDwqI6A5MLjiRnxNwL1CPWUn6pVJNSUym5lz2rpgRfGwhVTfM7U2OPUGrqwIVO5WvX5KtS02ZRk4Y41jisU9+sYzBavdA9gaCfV51rBf2UmpSafBj8qUdfm6gmpaYyN7N6TgVcRCY01tT1WNOzPCMSZ+hUNW3OzTqmJitp2DI9WjtVqh6RRjX5DCccBrvH1wDt+OS/T1TUzFkrEEmAKAovbtAffT5jk70H2cZVHKqamqumXi8jO8vPsbV7fEDMFyUQ6hEtBv1A1O/1aJb/OQS9OxkMbq/PmM0RnFVqarE2yxgm5+x3m+cf5Fig/ujbS2PyCxBeAG7lAjOlptWpiaXiwrnfzvLhZDK+8kDIZ7j/9TVZd4Ise8NSsOUsCSj/q/TT6Gv96KsxoMwYYmbKZ/nPgcVkPBlfyv7PgfBovPo0HG5v7RmijwDeipr6JxDPUjU1LzCTcjcG3YDpBwin+f3dr+l0elc6wl9A8YEQcsL7HQAAAABJRU5ErkJggg==)}.shabi[data-v-e6586d58]{color:#059bf1;background-image:url(../img/bgimg.8d64afaa.png)}.activeAA[data-v-e6586d58],.shabi[data-v-e6586d58]{font-size:14px;line-height:45px;width:33%;background-color:#05377a;border-radius:20px;font-weight:bolder;background-size:100% 100%;text-align:center!important;background-repeat:no-repeat}.activeAA[data-v-e6586d58]{color:#9ed15c;background-image:url(../img/bgimgs.4aaefc77.png)}.roll_type[data-v-e6586d58]:hover{color:var(--main-blue)}@media (max-width:1200px){.ROLL_pc[data-v-e6586d58]{display:none}}.ROLL_phone[data-v-e6586d58]{display:none}@media (max-width:1200px){.ROLL_phone[data-v-e6586d58]{display:block}}.ROLL_user[data-v-e6586d58]{border-radius:10px;overflow:hidden;background-color:#090827;box-shadow:0 4px 14px 0 rgba(0,0,0,.3)}.ROLL_user[data-v-e6586d58]:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:.5;background:linear-gradient(144deg,rgba(57,85,232,0) -11%,rgba(57,85,232,.6),111%)}.content[data-v-e6586d58]{width:90%;margin:0 auto}@media (max-width:1366px){.content[data-v-e6586d58]{width:95%}}.rooms[data-v-e6586d58]{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}@media (max-width:1000px){.rooms-item[data-v-e6586d58]{width:90%}}@media (max-width:1000px){.rooms-item .room[data-v-e6586d58]{width:auto}}@media (max-width:1000px){.rooms-item .room .name[data-v-e6586d58]{-webkit-line-clamp:1!important}}@media screen and (min-width:1440px){.rooms[data-v-e6586d58]{width:100%}}@media screen and (min-width:1080px) and (max-width:1440px){.rooms[data-v-e6586d58]{width:790px}}@media screen and (min-width:720px) and (max-width:1080px){.rooms[data-v-e6586d58]{width:760px}}@media screen and (min-width:360px) and (max-width:720px){.rooms[data-v-e6586d58]{width:100%}}.room[data-v-e6586d58]{width:340px;height:360px;padding:10px 20px;margin:15px;position:relative;box-shadow:1px 1px 3px #111;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}.room .head[data-v-e6586d58]{width:100%;height:120px;display:flex;align-items:center}.room .head .avatar[data-v-e6586d58]{margin:0;position:relative;display:flex;align-items:center;justify-content:center}.room .head .title[data-v-e6586d58]{width:calc(100% - 85px);height:100px;padding-left:20px;margin:0;display:flex;flex-direction:column;justify-content:space-between;z-index:90;text-align:left}.room .head .title .name[data-v-e6586d58]{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-e6586d58]{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-e6586d58]{width:100%;overflow:hidden;text-overflow:ellipsis}.room .head .title .tooltip[data-v-e6586d58]{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-e6586d58]{color:var(--main-blue);font-size:12px;font-weight:500;position:absolute;top:14%}.room .gifts[data-v-e6586d58]{width:100%;height:100px;display:flex;align-items:center;justify-content:space-between}.room .gifts .item[data-v-e6586d58]{width:80px;height:70px;position:relative}.room .content[data-v-e6586d58]{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:Oxanium,sans-serif}.room .content-item[data-v-e6586d58]{width:80px;padding:0 10px;display:flex;flex-direction:column;align-items:flex-start}.room .gifts .item>img[data-v-e6586d58]{width:90%;position:absolute;top:10%;left:0;z-index:80}.room .content-item .num[data-v-e6586d58]{font-size:18px;font-weight:600;color:var(--main-blue);overflow-wrap:normal}.room .content-item .unit[data-v-e6586d58]{font-size:12px}.room .join[data-v-e6586d58]:hover{background:linear-gradient(225deg,#428252,#3b734a)}.room .join[data-v-e6586d58]{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-e6586d58]{color:#fff;width:100%}.horn[data-v-e6586d58]{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}