:host,:root{--van-skeleton-title-width:40%}.van-skeleton-title{background:var(--van-skeleton-paragraph-background);height:var(--van-skeleton-paragraph-height)}.van-skeleton-title--round{border-radius:var(--van-radius-max)}.van-skeleton-title{margin:0;width:var(--van-skeleton-title-width)}.van-skeleton-title+.van-skeleton-paragraph{margin-top:.53333rem}:host,:root{--van-skeleton-avatar-size:.85333rem;--van-skeleton-avatar-background:var(--van-active-color)}.van-skeleton-avatar{background:var(--van-skeleton-avatar-background);flex-shrink:0;height:var(--van-skeleton-avatar-size);margin-right:var(--van-padding-md);width:var(--van-skeleton-avatar-size)}.van-skeleton-avatar--round{border-radius:var(--van-radius-max)}.van-skeleton-avatar+.van-skeleton__content{padding-top:var(--van-padding-xs)}:host,:root{--van-skeleton-paragraph-height:.42667rem;--van-skeleton-paragraph-background:var(--van-active-color);--van-skeleton-paragraph-margin-top:var(--van-padding-sm)}.van-skeleton-paragraph{background:var(--van-skeleton-paragraph-background);height:var(--van-skeleton-paragraph-height)}.van-skeleton-paragraph--round{border-radius:var(--van-radius-max)}.van-skeleton-paragraph:not(:first-child){margin-top:var(--van-skeleton-paragraph-margin-top)}:host,:root{--van-skeleton-duration:1.2s}.van-skeleton{display:flex;padding:0 var(--van-padding-md)}.van-skeleton__content{width:100%}.van-skeleton--animate{animation:van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite}@keyframes van-skeleton-blink{50%{opacity:.6}}.session-item-component{box-sizing:border-box;cursor:pointer}.session-item-component .cell{border-bottom:1px solid #323232;height:1.94667rem;padding:0 .32rem}.session-item-component .cell.active{box-shadow:inset 0 0 .58667rem #8100ff,inset 0 0 .8rem #4a00a9}.session-item-component .cell .left .avatar-box{height:1.28rem;position:relative;width:1.28rem}.session-item-component .cell .left .avatar-box .avatar{border-radius:50%;height:100%;width:100%}.session-item-component .cell .left .avatar-box .drop{border-radius:50%;bottom:0;height:.21333rem;position:absolute;right:0;width:.21333rem}.session-item-component .cell .left .avatar-box .drop.drop1{background:#90ea5c}.session-item-component .cell .left .avatar-box .drop.drop2{background:#e100e0}.session-item-component .cell .left .avatar-box .drop.drop3{background:#ff8c00}.session-item-component .cell .left .info{margin:0 .32rem}.session-item-component .cell .left .info .nick{color:#fff;font-size:.37333rem}.session-item-component .cell .left .info .id-tips{color:#e2e0dd;font-size:.32rem;margin:.08rem 0}.session-item-component .cell .left .info .hot{background:linear-gradient(163deg,#ff5100,#801dff);border-radius:.13333rem;font-size:.32rem;margin:0 .10667rem;padding:.05333rem .10667rem}.session-item-component .cell .left .info .message{color:#858585;font-size:.37333rem;max-width:4rem}.session-item-component .cell .right .date{color:#858585;font-size:.37333rem}.session-item-component .cell .right .unread{background:#ff4a4a;border-radius:.53333rem;color:#fff;font-size:.32rem;font-weight:700;height:.48rem;margin-top:.10667rem;min-width:.48rem;padding:0 .10667rem;transform:scale(.85)}body.ar .session-item-component .cell .left .avatar-box .drop{left:0;right:auto}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{left:0;position:absolute;top:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{background-color:transparent;border:none;opacity:0}.resize-observer[data-v-b329ee4c],.resize-observer[data-v-b329ee4c] object{display:block;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.is-mobile{width:100%}.is-mobile .session-list-component .main{height:calc(100vh - 2.88rem)}.session-list-component{width:10rem}.session-list-component .main{height:calc(100vh - 1.33333rem)}.session-list-component .main .list{height:100%;width:100%}.session-list-component .main .skeleton{padding:0}.session-list-component .main .skeleton .list .cell{border-bottom:1px solid #323232;height:1.94667rem;width:100%}.session-list-component .main .skeleton .list .cell .left .avatar{background:#161616}.session-list-component .main .skeleton .list .cell .left .info .nick{background:#161616;height:.26667rem;width:2.66667rem}.session-list-component .main .skeleton .list .cell .left .info .message{background:#161616;height:.26667rem;width:5.33333rem}.session-list-component .main .quesheng{background-image:url(./quesheng.BAI1hI1U.png);background-repeat:no-repeat;background-size:100% 100%;height:4.48rem;width:4.48rem}body.ar .chat-sessions-page .game-list-bts{left:.53333rem;right:auto}.host-rank-popup[data-v-447748de]{background:transparent;height:calc(100% - 2.66667rem);width:9.30667rem}.host-rank-popup .transparent[data-v-447748de]{height:100%;width:100%}.host-rank-popup .host-rank[data-v-447748de]{background-image:url(./host_rank_bg.CImmfFA_.png);background-repeat:no-repeat;background-size:100% 100%;height:7.6rem;position:absolute;right:0;top:.21333rem;width:5.70667rem}.host-rank-popup .host-rank .head[data-v-447748de]{color:#461b1b;font-size:.37333rem;font-weight:700;height:1.06667rem;padding-inline-end:.26667rem;padding-inline-start:1.06667rem}.host-rank-popup .host-rank .searchs[data-v-447748de]{height:.53333rem;margin:0 .34667rem;position:relative;z-index:10}.host-rank-popup .host-rank .searchs .input-search[data-v-447748de]{height:.53333rem;margin-inline-start:.26667rem;width:3.28rem}.host-rank-popup .host-rank .searchs .input-search[data-v-447748de] .input{background:#000c;border-radius:.26667rem;height:100%;padding:0 .29333rem;width:100%}.host-rank-popup .host-rank .searchs .input-search[data-v-447748de] .input input{color:#fff;font-size:.26667rem;height:.53333rem}.host-rank-popup .host-rank .searchs .input-search[data-v-447748de] .input input::-moz-placeholder{color:#9f9f9f;font-size:.26667rem}.host-rank-popup .host-rank .searchs .input-search[data-v-447748de] .input input::placeholder{color:#9f9f9f;font-size:.26667rem}.host-rank-popup .host-rank .searchs .region-search[data-v-447748de]{background:#000c;border-radius:.26667rem;color:#fff;font-size:.26667rem;min-height:.53333rem;width:2.48rem}.host-rank-popup .host-rank .searchs .region-search .option[data-v-447748de]{height:.53333rem;padding-inline-end:.13333rem;padding-inline-start:.29333rem;width:2.48rem}.host-rank-popup .host-rank .searchs .region-search ul[data-v-447748de]{background:#000c;border-radius:.26667rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.host-rank-popup .host-rank .searchs .region-search ul.show[data-v-447748de]{max-height:8rem;opacity:1}.host-rank-popup .host-rank .searchs .region-search ul li[data-v-447748de]{color:#9f9f9f;font-size:.26667rem;height:.53333rem;padding-inline-start:.29333rem}.host-rank-popup .host-rank .searchs .region-search ul li.active[data-v-447748de]{color:#fff}.host-rank-popup .host-rank .searchs .region-search ul li+li[data-v-447748de]{margin-top:.21333rem}.host-rank-popup .host-rank .searchs .region-search ul li[data-v-447748de]:first-child{padding-top:.21333rem}.host-rank-popup .host-rank .searchs .region-search ul li[data-v-447748de]:last-child{padding-bottom:.21333rem}.host-rank-popup .host-rank .list[data-v-447748de]{height:5.73333rem;margin-top:.18667rem;overflow-y:auto}.host-rank-popup .host-rank .list li[data-v-447748de]{font-size:.26667rem;padding:.18667rem .32rem}.host-rank-popup .host-rank .list li .avatar[data-v-447748de]{height:.85333rem;width:.85333rem}.host-rank-popup .host-rank .list li .info[data-v-447748de]{margin-inline-start:.10667rem}.host-rank-popup .host-rank .list li .info .rank[data-v-447748de]{color:#fff}.host-rank-popup .host-rank .list li .info .nick[data-v-447748de]{color:#803911}.host-rank-popup .host-rank .list li .chat-btn[data-v-447748de]{background:linear-gradient(155deg,#fff,#fff 52.1%,#ffc254);border-radius:.37333rem;color:#6a370a;font-size:.26667rem;font-weight:700;height:.74667rem;width:1.97333rem}.host-rank-list[data-v-5a28dcf1]{height:100%;position:relative;width:10rem}.host-rank-list .head[data-v-5a28dcf1]{color:#e2e0dd;font-size:.37333rem;font-weight:700;height:1.06667rem;text-align:center;width:100%}.host-rank-list .head span[data-v-5a28dcf1]{cursor:pointer}.host-rank-list .head span.active[data-v-5a28dcf1],.host-rank-list .head span[data-v-5a28dcf1]:hover{text-decoration:underline}.host-rank-list .searchs[data-v-5a28dcf1]{height:1.06667rem;margin:0 .34667rem;position:relative;z-index:999}.host-rank-list .searchs .input-search[data-v-5a28dcf1]{height:1.06667rem;margin-inline-start:.26667rem;width:3.28rem}.host-rank-list .searchs .input-search[data-v-5a28dcf1] .input{background:#000c;border-radius:.26667rem;height:100%;padding:0 .29333rem;width:100%}.host-rank-list .searchs .input-search[data-v-5a28dcf1] .input input{color:#fff;font-size:.37333rem;height:1.06667rem}.host-rank-list .searchs .input-search[data-v-5a28dcf1] .input input::-moz-placeholder{color:#9f9f9f;font-size:.37333rem}.host-rank-list .searchs .input-search[data-v-5a28dcf1] .input input::placeholder{color:#9f9f9f;font-size:.37333rem}.host-rank-list .searchs .region-search[data-v-5a28dcf1]{background:#000c;border-radius:.26667rem;color:#fff;cursor:pointer;font-size:.37333rem;min-height:.8rem;width:3.28rem}.host-rank-list .searchs .region-search .option[data-v-5a28dcf1]{height:1.06667rem;padding-inline-end:.13333rem;padding-inline-start:.29333rem;width:3.28rem}.host-rank-list .searchs .region-search ul[data-v-5a28dcf1]{background:#000c;border-radius:.26667rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.host-rank-list .searchs .region-search ul.show[data-v-5a28dcf1]{max-height:8rem;opacity:1}.host-rank-list .searchs .region-search ul li[data-v-5a28dcf1]{color:#9f9f9f;font-size:.37333rem;height:.8rem;padding-inline-start:.29333rem}.host-rank-list .searchs .region-search ul li.active[data-v-5a28dcf1]{color:#fff}.host-rank-list .searchs .region-search ul li+li[data-v-5a28dcf1]{margin-top:.21333rem}.host-rank-list .searchs .region-search ul li[data-v-5a28dcf1]:first-child{padding-top:.21333rem}.host-rank-list .searchs .region-search ul li[data-v-5a28dcf1]:last-child{padding-bottom:.21333rem}.host-rank-list .list[data-v-5a28dcf1]{overflow-y:auto}.host-rank-list .list li[data-v-5a28dcf1]{font-size:.34667rem;height:1.6rem;padding:.18667rem .32rem}.host-rank-list .list li .avatar[data-v-5a28dcf1]{height:.96rem;width:.96rem}.host-rank-list .list li .info[data-v-5a28dcf1]{margin-inline-start:.21333rem}.host-rank-list .list li .info .nick[data-v-5a28dcf1],.host-rank-list .list li .info .rank[data-v-5a28dcf1]{color:#fff}.host-rank-list .list li .info .hot[data-v-5a28dcf1]{background:linear-gradient(163deg,#ff5100,#801dff);border-radius:.13333rem;font-size:.32rem;margin:0 .10667rem;padding:.05333rem .10667rem}.host-rank-list .list li .chat-btn[data-v-5a28dcf1]{background:linear-gradient(155deg,#fff,#fff 52.1%,#ffc254);border-radius:.37333rem;color:#6a370a;font-size:.34667rem;font-weight:700;height:.74667rem;width:1.97333rem}.chat-sessions-page{background-color:#1d1c25;height:100%;padding:1.33333rem 0 0;position:relative}.chat-sessions-page .hosts-icon{height:.85333rem;margin:0 .42667rem;padding-top:.13333rem;width:.85333rem}.chat-sessions-page .aboutme-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABHxJREFUaEPtmlnIVVUUx3//IppnLBuIirRsoCghSrCZrCQMabLJprcgeojqQQwjkt7qNY2k2YgeotFKKzOCECOtCBposlEqtYlqxZJtHD+85+7p3A/87nq897+G/17n7L3W2keMMdEY48uQ8Lae8WGGhxnexlZg+Eh3kVAzmwScA5wCHAUcDOwefK0HvgI+At4Glkj6sIs43GZnGTaznYDrgRuAExIJrAIWAAsl/ZGo2wqvTtjM3OZ1wF3AAYXBrgXmAA9KskJbm9SrEjazg4DHgKk1gmvYeAOYJenrUrvVCJvZFOAZYFxpUD30fwAukvRWif0qhM1sGvA0sEtJMBG6vwEzJb0Ygd0qpJiwmZ0MvArsmhtEot5G4CxJ7yTqlb/DZrY/4Dvq+BznBTrf+s4v6btUG0UZNrPngfNSnVbCvyDp/FRb2YTN7GJgcarDyvhLJD2VYjOLsJltD3wMHJ7irAPsp8BESf/E2s4lPAt4NNZJx7grJPnZHyW5hJcBp0V56B70uqTTY90kEw7V1BfAdrFOOsb9CxwSW4XlEL4GeKhjEqnmZ0taFKOUQ/iB0AG12feadylwGOAl59bkc+BNwFvHyTHBtmAWSLoxxkYOYa9lT20xvhI4Q9KvjjGzW4F7R+B9MS6Q9HvAzAduiwm4B2aFpF4Lu4VKDuFv+rR9l0l6crOX0C6uA/ZqeD5bkpejm8TMdgZ+AXbIJL1W0oExujmEN/Spm6dIWtF0bmbvA8c2fjtSkp/j/4uZee+bW6JulLRbV4T9kG/boUeD8N+Sop6OnAz/DOzZsppTJflm1MzeB2Fz2vzb0SPnVmb2fUEvvU7Svl1l2B/FCS3Gb5Z0f+P93ANwMjs2dLaojszMh3p+ticnINj8RNIRXRF+OUwge9n/MUwmlpvZ3uHMvnAE+EtghqSVocV83Hf2mIB7YKI7p+QVNbN7gNsjgvsp7MzeaLQtzj4Vqrb5ku6IiCn9ETKz6cCzMcYHiJku6bkYfzkZ9nmzD9SijoGYIAoxPsgfJ+nPGDvJhN2omT0MXBnjYACYRyRdFesnl/BJwLuxTjrE+XB+sm9+sT6yCIcs+6j03FhHHeFekuQj4mgpIexdznsF9W90kD2AfwHHS/JLuGjJJhyyfCcwN9pbXeA8Scm+Swl7Tb0EOLMul77W3Oc0ST7tSJIiwiHLXjj4jOu4JM/54DU+T5PkhU2yFBMOpL2tewU4JjmCNIXV4ZrFa/MsqUI4kPYm4YkObyK8urtakndr2VKNcCB9ebgfzg6oh+J9wC01LsWrETYzbxn9mPJxTW3x9/ZESX4UFUlNwgvDpw5FAbUoR49i2wKoSfgz4NCu2AKLJM0utV+TsN/V7lcaUIv+YkmXltqvSfi1wqlFPy5zJc3rB+r3f03Cvvp+LHUh/q2Wj3Z97lUk1QiHY8k/JvOP0WqKj4WvleQ9eLFUJRxI+8ZyUxi8NyeVqcH6Vc1y4O6Rg/1UQ018dcIlwQxCd0h4EKs8mj6GGR7N1R+E72GGB7HKo+ljzGX4P43QSEwz6l+VAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:100% 100%;height:.85333rem;margin:0 .42667rem;width:.85333rem}.chat-sessions-page .chat-container{height:100%}.chat-sessions-page .chat-container .chat-hosts{border-left:1px solid #323232;height:100%;overflow-y:auto}.chat-sessions-page .chat-container .chat-main{border-left:1px solid #323232;height:100%;position:relative}.is-mobile .chat-sessions-page{padding:1.33333rem 0 1.54667rem}.is-mobile .chat-sessions-page .chat-container .chat-main{border-left:none}