/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif}ol,p,ul{margin:0;padding:0}li{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}button,input,select,textarea{font-family:inherit}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.hide{display:none}.text-overflow-ellipsis{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.ui-border-1px{position:relative}.ui-border-1px:after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;content:"";-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none}@media only screen and (-webkit-min-device-pixel-ratio:2){.ui-border-1px:after{position:absolute;top:0;right:-100%;bottom:-100%;left:0;display:block;content:"";-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none}}.icon-online{display:inline-block;width:9px;height:9px;-webkit-animation-name:online;animation-name:online;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:steps(1);animation-timing-function:steps(1);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2AQMAAAC2i/ieAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUxpcf9Pc5op5rwAAAABdFJOUwBA5thmAAAAZElEQVQY02NgAIICBhkGbDQyYGew4CsokMGg0cFzC8tzBcVzMGgMdZY/z9WB5NHoBwyMBxiYGzBodPCA8eABhuIGDBpDHdBcPpC5aDSx7mGwgCpAp9HDx/IAVhrTngNYaSLVAQAHIFZxReozTQAAAABJRU5ErkJggg==);background-repeat:no-repeat;-webkit-background-size:300% 300%;background-size:300% 300%;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes online{0%{background-position:0 0}14.29%{background-position:50% 0}28.57%{background-position:0 50%}42.86%{background-position:50% 50%}57.14%{background-position:100% 0}71.43%{background-position:100% 50%}85.71%{background-position:0 100%}to{background-position:0 100%}}@keyframes online{0%{background-position:0 0}14.29%{background-position:50% 0}28.57%{background-position:0 50%}42.86%{background-position:50% 50%}57.14%{background-position:100% 0}71.43%{background-position:100% 50%}85.71%{background-position:0 100%}to{background-position:0 100%}}.iphonex-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.iphonex-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.spinner:before{display:inline-block;width:20px;height:20px;content:" ";-webkit-animation:spinner-12 1.6s step-start infinite;vertical-align:middle;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABg1BMVEUAAAC9vcGpqayzs7bNzdGYmJuVlZjKys6bm5/Jyc2cnJ+cnJ/Kys3Ly8+cnJ/R0dWfn6PJyczDw8fIyMzR0dXIyMzExMeioqXLy8+oqKzNzdGzs7a2trmdnaCUlJevr7LHx8uXl5q2trmenqGwsLO2trqxsbWhoaSXl5qxsbS1tbmwsLSjo6eUlJe4uLucnJ+VlZjIyMzDw8eysragoKOXl5qVlZjR0dXR0dW2trqioqbCwsbR0dWjo6a2trqZmZyzs7agoKPR0dWjo6bCwsbQ0NSvr7LJyc2cnKDFxcm8vL+ZmZzOztHMzNC+vsKXl5uZmZyjo6a9vcGYmJyurrGtrbHOztK3t7ucnJ+urrGjo6fHx8uxsbTDw8etrbCkpKe4uLzBwcWxsbSbm564uLvExMjR0dWYmJuUlJiioqbNzdHDw8e7u7+oqKvIyMy3t7q1tbmwsLOurrKdnaCcnJ+pqazCwsa9vcHJyc3OztLMzNCXl5qqqq2hoaW+vsK+vsHIyMsWRiyNAAAAZnRSTlMA5uYS5uaBExMQEAwLAQH4+Pf2wYODg4BfSSAMAcHBwKqpg4KBf19fXCL49/f39fX05ubm5ubm5cTEw8G+vru4q6uqhX9+fn19WUpKSUlJSSQhHh739efl5eTkxsS3qKinpoeEWSQqdCoWAAACIElEQVQ4y7XT91faUBTA8RumEBKRLaAisrR171m3VVut3Xs3JVDCtnQI/dN783g5jDzHL35/5HzOveddTkDfA5PpIdwkUyZjgiuy7e3ZQO1XJvO7+cvBgY0B1yRpSWiHgrumuBmwV5KkQDs8rClKHwNuI1x0tKBjGmGEAYPqSE8LetWBQWDkQdgb1GCwr6b88wIrxyLKbYDn5DwRHDjt6AD2wfHhR4AF1JHawdWB5G3fIq53zStZ0un0uIXHeyxJ0hrQ3IryRsA1Plc2m93VILaQEsHq8Vg1aPV6rSAEZpCdn+/S1WnSYA90ZXVniVulf5CYWiDS0g19hM0cCqDFW6aYEJnL1/n0J8NT9/SrV12fHsOtdTr/hzR/CoxOuHq93mg0uBMwf6eZWZD7SeOugz9oHBybqTtmwSOOuiO4rfDgk/qDGzcmPnYenP8yWalURrphPJ/PT0RDoCWmXiIrl3UwWiggffE1DCT7AGHlAf3q5QKhy0ZQu0/YXFKEHr8fMUWxmBHCiVlC402IzDnCA4grF/K6BodKxbe4MhQdQxqnq51b5ONKXsjyXYB+g6Ef4FmpWEwANro5tmHsfPocwg8AhlzVAPC+VCrOhoDVjjrwDCCXq/7FQU9x5GeWO3PKsrwDGoQYjrwzyoBb6F7zLRh6hSM3GVAdmIQWhIQ6kgHXZXlFbIdhvNAQA9r9fjtQWG3efH/fCJdGz3N99OC6/gMPF6RsShfrcQAAAABJRU5ErkJggg==");-webkit-background-size:20px 20px;background-size:20px 20px}@-webkit-keyframes spinner-12{0%{-webkit-transform:rotate(0deg)}8.333333333333332%{-webkit-transform:rotate(30deg)}16.666666666666664%{-webkit-transform:rotate(60deg)}25%{-webkit-transform:rotate(90deg)}33.33333333333333%{-webkit-transform:rotate(120deg)}41.66666666666667%{-webkit-transform:rotate(150deg)}50%{-webkit-transform:rotate(180deg)}58.333333333333336%{-webkit-transform:rotate(210deg)}66.66666666666666%{-webkit-transform:rotate(240deg)}75%{-webkit-transform:rotate(270deg)}83.33333333333334%{-webkit-transform:rotate(300deg)}91.66666666666666%{-webkit-transform:rotate(330deg)}}body,html{height:100%;overflow:hidden}body{position:relative;font-size:.32rem}@media (max-width:319px){html{font-size:32px}}@media (min-width:320px) and (max-width:349px){html{font-size:33.5px}}@media (min-width:350px) and (max-width:374px){html{font-size:36px}}@media (min-width:375px) and (max-width:413px){html{font-size:37.5px}}@media (min-width:414px){html{font-size:41.4px}}.entry-spinner{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:2}.entry-spinner:after{display:inline-block;content:"";width:0;height:100%;vertical-align:middle}.entry-mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}::-webkit-scrollbar,::-webkit-scrollbar-track{display:none}#root,.mqq-entry-hall{height:100%;overflow:auto}.error-area{height:100%}.entry-error-wrapper{height:80%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center}
body,html{height:100%;overflow:hidden}.scroll-split.hide{opacity:0}.scroll-split .front{background-color:#f2f2f2;top:0;bottom:43.8%;width:100%;z-index:2}.scroll-split .back{z-index:4;width:calc(100% - 20px);padding:0 10px;top:0;top:56.2%;background:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/back-bg-1f9e50.png)}.scroll-split.noinfo .front{bottom:0}.scroll-split.noinfo .back{top:37px}.scroll-split.fullinfo .front{bottom:0}.scroll-split.fullinfo .back{top:100%}
.mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:3;-webkit-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;opacity:0;display:none}
.title-bar div.title_left{margin-left:0}.title-left{font-size:.45333333rem;color:#fff;position:relative;left:-.18666667rem;top:.02666667rem;padding-left:1.17333333rem;height:1.01333333rem;line-height:.56rem}.title-left:before{content:"";display:block;position:absolute;left:.48rem;top:.16rem;width:.32rem;height:.56rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAqBAMAAACq4N3gAAAAElBMVEUAAAD///////////////////8+Uq06AAAABnRSTlMA/lfjUEnRZxQvAAAAPklEQVQoz2OAAxbjAARHUdAAzmYSBHIQEoIOSBJCyBIKQ0jCEUmCwRAhgeAglKEYgDB6iEs5oEcwIupREgUA39gN+XLqlY8AAAAASUVORK5CYII=);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.title-left .title-left-text{position:realtive;top:.05333333rem}.title-left.black{color:#000}.title-left.black:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAqBAMAAACq4N3gAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMA/lfjUEnRZxQvAAAAPklEQVQoz2OAAxbjAARHUdAAzmYSBHIQEoIOSBJCyBIKQ0jCEUmCwRAhgeAglKEYgDB6iEs5oEcwIupREgUA39gN+XLqlY8AAAAASUVORK5CYII=)}.title-left-800:before{left:.48rem;width:.24rem;height:.48rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAABICAMAAACtHXe2AAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAAK3RSTlMA+/cz8uy3EQvlzdU+F3wHBN/coJEbrKiajHRuZVhLKyggw7+DYFNHI8BhbnKAdAAAATVJREFUSMft1clugzAUhWEHCIOJY+bMIYTMfv/3a9XK927qgytlmbP+JAv4LQRe2pRZnYiJJbn5XpVOKGl+tsQnns3vYqR0bDxY0VkFD61JleARGlLzk1tdSEWhW21JBQu32rO6u9VhZtXs5lZHUubqVouA1M6twsjntfZzUhu3emSk1m7VlqRWbqVyUnGBMrQbNcrQTqYoQ7s88cmwUj4ZZsMnw3dlqFCGvBplyMs4QzQ6cwsZ17NHLORXe0DuZcgdkdvBz85bwoh4G06yR27NgT+QW5ErW8CKmFyugNNPcjIBLpXkzin+29nFGjhVkesK4IaMXC3ATlxyI2jwXlyQ41uGM70HfpnePDO9fjL9a3r8d6aj8Mv0Jbwy7RDjTJ8AUabcKM40asXEemlMFYrptYPw3xeKKXEPUAuHGAAAAABJRU5ErkJggg==)}.title-left-800.black:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAABICAMAAACtHXe2AAAAe1BMVEUAAAAzMzMzMzMzMzM1NTU2NjZGRkYzMzMzMzM0NDQzMzM0NDQ0NDQ3NzczMzM1NTU2NjYzMzMzMzMzMzMzMzM0NDQzMzM5OTkzMzMzMzMzMzMzMzMzMzMzMzM0NDQzMzM0NDQ8PDwzMzM1NTU0NDQ2NjYzMzMzMzMzMzNVuM/OAAAAKHRSTlMA+/LsYhoF3tbNwaoqCfchEHzkuI01MRTntZqSdG5YS0AMn4NTRzygCl9zRQAAASlJREFUSMft1MtugzAQheGBcE0AExMCCblBbn7/J2zVipmVD7OouspZfxLC/JjwxsH2744W1mXue2mJVZ27n22hKtfudw1SSeMULNnMCj70zQq9wsBqVfjVnVW496sTq+rlVxGr4OlXF1EPv7oGzCK/ulWszn7VhppjLVasdn5lelZHv4pTVhuY4bxDgjKcty5RhvPyUZGhy2pNhmlM3k2srPlk+FcZxihD2YQylFnJEI2feYLsgA5DtpdDuxCpPtQVubN89htyW4moRW4Hk5Qd2fUGOfi7yBI5vqwjUv3KNXAjvBhkdcauSUh3aSFnLLuJSHWhDjCXkN0duVflVJk+A12mj0+m/50p6TKNCGaqu9OMVTyVM5XbFmcaxrSwIncua2l5sSH9vgB6eGoGIV8WEQAAAABJRU5ErkJggg==)}.title-right{display:-webkit-box;-webkit-box-align:center}.title-right .avatar-button{width:.8rem;height:.8rem;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;border-radius:50%;margin-right:.4rem;opacity:0}.title-right .avatar-button .online-number{position:absolute;background-color:rgba(0,0,0,.5);width:.8rem;height:.8rem;line-height:.8rem;text-align:center;border-radius:50%}.title-right .avatar-button .online-number .online-number-value{-webkit-transform:scale(.84);-ms-transform:scale(.84);transform:scale(.84);font-size:.32rem;color:#fff}.title-right .personal-icon{position:relative;width:.61333333rem;height:.61333333rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMAVqr7A/TvjTkItuafYRkM69/BvJpyW1EV94duRywj4r6wrExDMBEOAdvVxoFq4cukkXg9KiUdknWXeVQAAAHKSURBVEjHjZXpcqpAEIWHsCMQEIlL3PXGqDHLzfa9/5MlRWKmYJiR75d16th0zxwa0YIzD4bbt2vRielzBoDdLy//Y1Yg6SWXSruV7bgqDjbAwDG5tzbYn7Pq9yh5BGKD+64H+Zs4E8bAjd4+gF7aEDztvKMxTGtKuIdbnf0/9BtSAnudvVA7DT34aHc7LoyaYqQd9h1yRXyASbs9gKMiJjBot28gUsQhrDUBaLNbcKVJFxwUsQRfEwHwFNGHUrTjtpxxAZbGHqk3fmdjpxp7oobgpiappf7VlPsnQ8TEGpbN4uNUa5+P64PtFvAg9EzADWQc+7AIDfbdHrxz+84KGAoT8x64v/4COaeOmfdX0TU2Lk9H2i+tsXDTg42o8GCSGrzONPaAPPxLF/byNNK8TIMMAPf1/KQIALtIQtV8pCKfzGUEkqUNQFY69Tb8Sl/4QXNTnfoAPL0LyXUEjAfBvWghLXMgC2TtJbBK9UdQjuXlCREDvjARuHLZWsCLMPPqQvTTeCaXvvlDYf3u3ccOXzkfDs73HJlcmiZ2P9nbwsIRHZjAsxAv6qlol5zniBWsrS6cwB4Ji+5E39ce05W8St/Gv+pCfLsT4gvasFcXDh76SgAAAABJRU5ErkJggg==);background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;margin-right:6px}.title-right .personal-icon.black{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAtCAMAAADm86mrAAAAnFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4jUzeAAAAM3RSTlMACwX17BEl6IX54Afk0bOtlo59VCoe8KSegV9cV09NMBfc2tS4sKh2zHlINHBnWkbDvEVPjBGKAAABs0lEQVRIx62U6ZqaMBiFw77IoqCgoyjuWzvT9r3/e2sLz0wREuBH3z/A4SQk33eI6GC956HjOeFlbYlBtJXBJ4arDbjtPU38ea97ZwLh9Vnq5e56A8xn30oOkK2/HjcZ+D0bmIK5a37MgaXSXXqQvihb8BYquwunlhTBTGU/wrYl/YK9wm2BobfFDEq5/QE/OuJPKOT2N1jKivVdbv8m25YLd7n9Dm5HTGD1XxbzAaeOeIat3D6HQ0cMYSe3TwywW9oCPFXoL3DtVisSCjZwbEk3eFPG3Wi/3ICnDnwCgdbcjd9tRev1uZGyvBquJqXZqhn14tSsgLyeX5/SCZGs6difJScXQ/gNu6MPuS2zYc8WvV5tExsQTOoyBeCd3zVVFdOLAfxL4IcHYMSpZITlmlSExZf2vFFhumU7Lg4Ax+Q1kvY9rAesX+QZwH41l53JyQFg2pCWgF8IFds9cGn+7Zy1vorFjQY/gKi/IXoMFPXQAE4T0Y8egWNVIa9uhrCC+sDRTFiLYVLItOpy0MUIjtW0OSRiDFeIq8AWo+wPcISIGUldbttgLMbfkMwjkzGYpz/u37FWVpqCkiPJAAAAAElFTkSuQmCC)}.title-right .personal-icon .redpoint{position:absolute;width:9px;height:9px;border-radius:50%;right:-6px;top:-6px;background:#f74c31}.title-right-800 .personal-icon{width:.72rem;height:.72rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA+7/GkNrVUTvwuqsp87GiXEAREAfjl2j2eBLoh204GxVXgMJungAAAaBJREFUaN7t2NuSgjAMBuCUAlqqKCqCrqf93/8h924v1kNaSHemM/leIDMJDUlIKaWUSmG33RTVel0Vm+2O0lsUBr9MsaC0lhZ/2CUlVOKFklLZN3ip2VMS+xpv1GkiNnirIcb8+qWv4xIfLUmaxUeWhC3AkO4ABRgFidoZMIxsX92CtSVJG7A2KUuYvogVWBVJWoO1JkkIoAE1oAZ8kvfDD2lteTfvkN9T3j/gkBEj7yEqYEzMfRAOHfUzXmaC17WMF9LglTvfo0LM2STbw9DT6Uspde6upbfVlzPGfVXWl9fuTKmsBt/jhd4PqwTRLj0+6C+iMc+DBcsOUsntvEEQ4zuJXLaI0M7N7ONoEMUcHzTd4eQQzZ0Ok7NZY5J6Yl6HERONA01wxAzH+PK1mMUfIuMVmKmJi+gxm4+bPwWUkcsgT2xlvDuIcHcK00JIG7168iTWVAsxlgLcIOg2u6XJt7iDgyDH95sOojrinCDqNPcRyj/FGqJq4vQQ1RNnhKiROBBGHANR5r8/Gkucb0gaO2J1bW8gwtXlipRSSql4Pwb6ygxQfNdJAAAAAElFTkSuQmCC)}.title-right-800 .personal-icon.black{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAAZlBMVEUAAAA9PT00NDQzMzM0NDQzMzM2NjY0NDQ0NDQzMzM0NDQzMzM1NTUzMzM0NDQzMzM0NDQ0NDQ0NDRCQkI0NDQzMzM0NDQ0NDQ0NDQzMzM1NTUzMzM0NDQzMzM3Nzc5OTk9PT0zMzN7y12nAAAAIXRSTlMAEPvyxpBR2ju+urAp1r+romlAB+OX9l3oeFzRjoc4GxWbO4mXAAABqUlEQVRo3u3Y23KCMBSF4ZyUk4gggtqDrvd/yV61F626Cax0hpn9vcA/EyYhO0YppZRKwV4P+8z7bH+4WpPetnD44YqtSSsP+CXkJqENHtiYVGyJh0prkrA1nqjTFEs8VRoB4fsl/445XsrpwYCXAru3hYB9AhQQFNyedRA4Sw2OEI3U4AGiAzW4h2hPDWYQZdSgh8hTg5hAgxrU4B/r3vgZRNm6D+9//z2NEF3XfcWYcIla+zVRvAiv/6o/fZhZ7bg2fSBd7cgd86iw2mcT4WEoETt+P32N1iilbNe+NyE7e+f8OQvNe9tZk8qubXo80DftLkHto8cL/Qe1adsAUWhZi9s1DpO4pmOsZYUI1dKVvZ8corjTfUHuePGI5i/H2atZY5Z65rq2A2Ya2jm9ExY4xX++CotUx8hegYXKuGKDxRrCHBFnEzkMymgj4+0MivNtYrACSRUxenLkscO1jDCIf4Lok3CksY+4oweRl8+bDlSdGLyA6kLYhOSt+AaqNzHYg6oXgwOoBjEIMjHoQOXEYA2qQP35yobOiLqqd6Dw9WZnlFJKqXhfkyi8WPgb23EAAAAASUVORK5CYII=)}.hidden{visibility:hidden}
.info-frame{position:relative;height:100%;color:#000;overflow:hidden}.info-frame .frame-background{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:1;background-position:50%}.info-frame .frame-background.blur-bg{-webkit-filter:blur(50px);filter:blur(50px)}.info-frame .frame-background.room-empty-background{-webkit-background-size:100% auto;background-size:100% auto}.info-frame .blur-frame-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.info-frame .blur-default-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/hall-bg-8b62e8.png);-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat}.info-frame .info-frame-wrapper{position:absolute;top:0;right:0;bottom:30px;left:0;z-index:3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;padding-top:.8rem}.info-frame .info-frame-wrapper .no-living{background:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/noliving-20bbd2.png);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;width:200px;height:38px;margin:30px auto 0;position:absolute;bottom:-30px;left:0;right:0}.info-frame .info-frame-wrapper .room-name{margin:1.33333333rem auto .42666667rem;width:80%;font-size:.61333333rem;text-align:center;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.info-frame .info-frame-wrapper .minor-info{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:100%;margin-bottom:.64rem;height:.8rem}.info-frame .info-frame-wrapper .minor-info .room-is-open{color:hsla(0,0%,100%,.5);font-size:.37333333rem}.info-frame .info-frame-wrapper .minor-info .room-setting-wrapper{width:.8rem;height:.8rem}.info-frame .info-frame-wrapper .minor-info .room-setting-wrapper .room-setting{margin-left:auto;margin-right:auto;width:.48rem;height:.48rem;margin-top:.16rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAFHRSTlMAgHgRCFMgXVhuQSs0aD0mGGNMR5d/wZUAAAEtSURBVDjLnZTrsoIwDIS7m16hXMT3f9dDg0g7nLGO3x8Js93EhNT8gEQySkdD7PCzyiGIBDjzL0teyg8hux1YTHNuDSUBSKt3QAkB55/YmWtRQtoSCqGEQR9dBMYqF5I1JoKDvJwH0huT8bhEGZtqbWVengWpcTJ31KmpKZg7nhircAWWI8kwkdNw5J3bBB7U9yOhUB0s4ZtGD6oBorfWn/99uFovjoDoybN78+EsAJ28ZxqOg/E8GA/roNPWOIhRJviryOmVJiCeM1UI+24leBYDfivqp/uy8H4L+s1sx2K6Y3mC9j7gpVkbgR650axN1uDOilSLYilsttXXu7QiTZcls1kEhHWdsFW+MwqpXinqG2sqxgcfo6mXU1xKm2pa2jXvXxi/Xz39S6zPH94JCJ+UpSNAAAAAAElFTkSuQmCC);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.info-frame .room-enter-button-wrapper .room-enter-button{color:#fff;margin-left:auto;margin-right:auto;background-color:#ff4f72;width:9.14666667rem;height:1.2rem;line-height:1.06666667rem;text-align:center;font-size:.48rem;border-radius:.16rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-frame .room-enter-button-wrapper .room-enter-button .video-animation{margin-left:8px}.info-frame .room-enter-button-wrapper .room-enter-button:active{background-color:#f44769}.info-frame .room-enter-button-wrapper .room-enter-button.is-disable{background-color:#e9ebec;color:#bbb}.info-frame .room-enter-button-wrapper.room-enter-button-wrapper-800{width:100%;padding-left:.42666667rem;padding-right:.42666667rem;-webkit-box-sizing:border-box;box-sizing:border-box}.info-frame .room-enter-button-wrapper.room-enter-button-wrapper-800 .room-enter-button{width:100%;height:1.2rem;line-height:1.2rem;text-align:center;font-size:.45333333rem;border-radius:6px;max-width:420px}.info-frame .room-more{position:absolute;width:100%;bottom:.4rem;text-align:center;font-size:.37333333rem;color:hsla(0,0%,100%,.5)}.info-frame .room-more:before{content:"";position:absolute;top:-.4rem;left:50%;margin-left:-.21333333rem;width:.42666667rem;height:.21333333rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAMAAABA3o1rAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFXRSTlMAgHcFZilwazcdF19TTkY/EQxYMiOt++tXAAAAfUlEQVQoz62Q2xKEIAxD0wIiiHf//1t33SwzqPik5wXadJpM8TLBirb38pxkx2912Ywqf5aportGCgZzkmNHwbueH10P5uwyYLQsbECm1bz36JYYZfMsu1jkFTIaYMnmKJkS201ANr/ejEl+A/2MCqvuK2BpXsMMqu774Bkf9LgC+lSBAfYAAAAASUVORK5CYII=);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.info-frame .room-more-switch{position:absolute;width:100%;bottom:.4rem;text-align:center;font-size:.37333333rem;color:hsla(0,0%,100%,.5);display:-webkit-box;-webkit-box-pack:center}.info-frame .room-more-switch .room-more-switcher .recommdation-switcher{margin-left:.16rem;background-color:#8d8a8a}.info-frame .room-more-switch .room-more-switcher .recommdation-switcher:before{background-color:#bbb}@media screen and (max-height:440px){div.info-frame .info-frame-wrapper{padding-top:0}div.info-frame .info-frame-wrapper .minor-info{margin-bottom:0}div.info-frame .info-frame-wrapper .video-info{padding-bottom:.26666667rem}}@media screen and (min-height:441px) and (max-height:490px){div.info-frame .info-frame-wrapper{padding-top:0}div.info-frame .info-frame-wrapper .minor-info{margin-bottom:.26666667rem}div.info-frame .info-frame-wrapper .video-info{padding-bottom:.4rem}}@media screen and (min-height:491px) and (max-height:540px){div.info-frame .info-frame-wrapper{padding-top:0}div.info-frame .info-frame-wrapper .minor-info{margin-bottom:.53333333rem}div.info-frame .info-frame-wrapper .video-info{padding-bottom:.53333333rem}}@media screen and (min-height:541px) and (max-height:590px){div.info-frame .info-frame-wrapper{padding-top:0}div.info-frame .info-frame-wrapper .minor-info{margin-bottom:.8rem}div.info-frame .info-frame-wrapper .video-info{padding-bottom:.8rem}}
.test-button{font-size:14px;text-align:center;margin-bottom:6px}
.recommdation-switcher-wrapper{position:relative;z-index:1000;-ms-transform:translate(-7px,-7px);transform:translate(-7px,-7px);-webkit-transform:translate(-7px,-7px);width:1.06666667rem;height:.8rem;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center}.recommdation-switcher{position:relative;background-color:#ececec;width:.69333333rem;height:.42666667rem;border-radius:.18666667rem}.recommdation-switcher.is-open:before{left:.29333333rem}.recommdation-switcher:before{content:"";position:absolute;top:1px;left:1px;width:.37333333rem;height:.37333333rem;border-radius:50%;background-color:#bbb;-webkit-transition:left .1s;-o-transition:left .1s;transition:left .1s}

.video-animation{display:-webkit-box;-webkit-box-align:end}.video-animation .strip{width:2px;margin-right:2px;background-color:#fff;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}.video-animation .strip::last-child{margin-right:0}
.info{height:100%}
.room-empty.is_full{margin-top:.26666667rem;margin-bottom:.53333333rem}.room-empty .room-online-number{color:rgba(0,0,0,.5);width:100%;font-size:.37333333rem;text-align:center}
.video-info .base-video-animation{position:absolute;bottom:5px;right:5px}
.default-video{width:7.2rem;height:7.2rem;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/default-video-90dbc4.png);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.video-info{padding-bottom:1.06666667rem}.image-box{position:relative;width:7.2rem;height:7.2rem;margin-left:auto;margin-right:auto}.image-box .image-picture{position:absolute;z-index:1;width:100%;height:100%;background-position:50%}.image-box .anchor-info-mask{position:absolute;z-index:2;bottom:0;width:100%;height:1.6rem;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-o-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5))}.image-box .anchor-info{position:absolute;z-index:3;width:100%;bottom:0;font-size:.37333333rem;display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:end}.image-box .anchor-info .anchor-main-info{line-height:.48rem;padding-left:.29333333rem;padding-right:.29333333rem;padding-bottom:.21333333rem}.image-box .anchor-info .anchor-main-info .anchor-name{display:-webkit-box}.image-box .anchor-info .anchor-main-info .anchor-name .anchor-name-val{max-width:135px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.image-box .anchor-info .anchor-status-icon{width:.53333333rem;height:.53333333rem;background-color:#fff}

.audio-info .participator-number{font-size:.32rem;text-align:center;padding-bottom:.48rem}.audio-info .participator-number .content{color:rgba(0,0,0,.5);border-radius:2px;margin:auto;background-color:#fff;width:80px;height:20px;line-height:20px}.audio-info .audio-avatar{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center}.audio-info .audio-avatar .user-avatar-wrapper{margin-bottom:.26666667rem}.audio-info .audio-avatar .user-avatar-wrapper .user-avatar{width:.93333333rem;height:.93333333rem;border-radius:50%;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.audio-info .audio-avatar .anchor-name{color:rgba(0,0,0,.5);font-size:.48rem;text-align:center;margin-bottom:.08rem;padding-left:.16rem;padding-right:.16rem}.audio-info .audio-avatar .participator-number{font-size:.32rem;text-align:center;padding-bottom:.66666667rem}@media screen and (max-height:440px){.audio-info .audio-avatar div.participator-number{padding-bottom:.26666667rem}}@media screen and (min-height:441px) and (max-height:490px){.audio-info .audio-avatar div.participator-number{padding-bottom:.66666667rem}}@media screen and (min-height:491px) and (max-height:540px){.audio-info .audio-avatar div.participator-number{padding-bottom:1.06666667rem}}@media screen and (min-height:541px) and (max-height:590px){.audio-info .audio-avatar div.participator-number{padding-bottom:1.46666667rem}}
.avatar{height:50px;width:50px;border-radius:100px;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;background-position:50%}.avatar._default{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/default-avatar1-b138d9.png)}.avatar._male{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/default-avatar-male-d606d3.png)}.avatar._female{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/default-avatar-female-0bb2dd.png)}
@-webkit-keyframes singleWave{0%{height:50px}20%{height:40px}50%{height:25px}80%{height:15px}to{height:10px}}@keyframes singleWave{0%{height:50px}20%{height:40px}50%{height:25px}80%{height:15px}to{height:10px}}.wave_container{-webkit-box-flex:1;-ms-flex:1 1 100px;flex:1 1 100px;height:50px;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wave_container .wave{display:inline-block;width:2px;height:50px;border-radius:10px;background-color:#fff8ff}.wave_container .wave_1{-webkit-animation:singleWave .5s infinite .1s linear alternate;animation:singleWave .5s infinite .1s linear alternate}.wave_container .wave_2{-webkit-animation:singleWave .5s infinite .2s linear alternate;animation:singleWave .5s infinite .2s linear alternate}.wave_container .wave_3{-webkit-animation:singleWave .5s infinite .3s linear alternate;animation:singleWave .5s infinite .3s linear alternate}.wave_container .wave_4{-webkit-animation:singleWave .5s infinite .4s linear alternate;animation:singleWave .5s infinite .4s linear alternate}.wave_container .wave_5{-webkit-animation:singleWave .5s infinite .5s linear alternate;animation:singleWave .5s infinite .5s linear alternate}.wave_container .wave_6{-webkit-animation:singleWave .5s infinite .6s linear alternate;animation:singleWave .5s infinite .6s linear alternate}.wave_container .wave_7{-webkit-animation:singleWave .5s infinite .7s linear alternate;animation:singleWave .5s infinite .7s linear alternate}.wave_container .wave_8{-webkit-animation:singleWave .5s infinite .8s linear alternate;animation:singleWave .5s infinite .8s linear alternate}
.audio-frequncy{position:absolute;bottom:0;right:0;display:-webkit-box;-webkit-box-align:end;z-index:1000}.audio-frequncy .frequncy{width:13px;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}.audio-frequncy .frequncy1{background-color:hsla(0,0%,100%,.3)}.audio-frequncy .frequncy2{background-color:hsla(0,0%,100%,.5)}.audio-frequncy .frequncy3{background-color:hsla(0,0%,100%,.8)}
.multi-video{-webkit-box-orient:vertical}.multi-video,.multi-video .user-list{display:-webkit-box;-webkit-box-pack:center}.multi-video .user-list{margin-left:auto;margin-right:auto;width:8.10666667rem}.multi-video .user-list .user-item{width:1.49333333rem;margin-left:.16rem;margin-top:.53333333rem}.multi-video .user-list .user-item:nth-child(5n){margin-left:0}.multi-video .user-list .user-item .user-avatar{margin-left:auto;margin-right:auto;width:1.06666667rem;height:1.06666667rem;border-radius:50%;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.multi-video .user-list .user-item .username{margin-top:.18666667rem;text-align:center;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:.32rem}.multi-video .user-list .user-more .user-avatar{position:relative}.multi-video .user-list .user-more .user-avatar .user-more-mask{position:absolute;width:1.33333333rem;height:1.33333333rem;background-color:rgba(0,0,0,.4);border-radius:50%;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center}.multi-video .user-list .user-more .user-avatar .user-more-mask .mask-circle{width:.16rem;height:.16rem;background-color:#fff;border-radius:50%;margin-right:6px}.multi-video .user-list .user-more .user-avatar .user-more-mask .mask-circle:last-child{margin-right:0}.multi-video .video-online-number{display:-webkit-box;-webkit-box-pack:center;margin-top:.82666667rem;margin-bottom:1.2rem}.multi-video .video-online-number .number-msg{font-size:.37333333rem}.multi-video .video-online-number .multi-video-animation{margin-left:10px}@media screen and (max-height:440px){.multi-video{min-height:4.53333333rem}.multi-video div.video-online-number{margin-top:.26666667rem;margin-bottom:.4rem}}@media screen and (min-height:441px) and (max-height:490px){.multi-video{min-height:5.33333333rem}.multi-video div.video-online-number{margin-top:.4rem;margin-bottom:.4rem}}@media screen and (min-height:491px) and (max-height:540px){.multi-video{min-height:6.13333333rem}.multi-video div.video-online-number{margin-top:.53333333rem;margin-bottom:.66666667rem}}@media screen and (min-height:541px) and (max-height:590px){.multi-video{min-height:6.93333333rem}.multi-video div.video-online-number{margin-top:.66666667rem;margin-bottom:.93333333rem}}
.close-wrapper{position:relative}.close-wrapper .close-content{position:relative;z-index:2;height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center}.close-wrapper .close-content .close-icon{margin-left:auto;margin-right:auto;width:2.34666667rem;height:1.44rem;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/close-bb17bd.png);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.close-wrapper .close-content .close-msg{padding-top:.58666667rem;font-size:.37333333rem;text-align:center;color:#fff}
.secret-msg{font-size:.48rem;color:hsla(0,0%,100%,.4);text-align:center;margin-top:1.54666667rem}
.hall{padding-top:9px;background-color:#fff;border-radius:8px}
.attention{padding-top:.50666667rem}.attention:after{content:"";display:block;width:100%;height:.26666667rem;background-color:#f2f2f2}.attention .attention-header{display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;margin-left:.32rem;margin-right:.37333333rem}.attention .attention-header .attention-label{font-size:.37333333rem;font-weight:bolder}.attention .attention-header .attention-more{font-size:.37333333rem;color:#777;margin-right:.29333333rem;position:relative}.attention .attention-header .attention-more:before{content:"";position:absolute;top:.05333333rem;right:-.29333333rem;display:block;width:.18666667rem;height:.32rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAZCAMAAAA2Re/AAAAAS1BMVEUAAACjo6OcnJyZmZmZmZmampqampqampqZmZmbm5uampqZmZmampqampqZmZmbm5udnZ2ampqampqZmZmbm5ubm5uZmZmbm5uZmZl6vvVuAAAAGHRSTlMACCPL+cS6rnMS9OLVinxXG51oYUZB7E/1jwxGAAAAdElEQVQY013QSxKAIAwDUEFAUfGP5v4ntc4wptjd23SSNLb1tuH1wLiSdgCmSJ8OaA29AAjKh7ir32FTTuKkvIln5U68kyaIF2UPuEzHCwhkqr7NVZb+1Zd0L7mZ2ht20h1vJ4rsr/fIg2jlVmU7Lsllfzs/D6kIRgSxZ00AAAAASUVORK5CYII=);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.attention .attention-list{display:-webkit-box;margin-top:.50666667rem;padding-left:.10666667rem;padding-right:.10666667rem;padding-bottom:.4rem}.attention .attention-list .attention-item{margin-left:.16rem;margin-right:.16rem}.attention .attention-list .attention-item .attention-avatar-wrapper{position:relative;padding:.10666667rem;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/avatar-frame-d83e0b.png)}.attention .attention-list .attention-item .attention-avatar-wrapper,.attention .attention-list .attention-item .attention-avatar-wrapper .attention-avatar{margin-left:auto;margin-right:auto;width:1.49333333rem;height:1.49333333rem;border-radius:50%;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.attention .attention-list .attention-item .attention-avatar-wrapper .attention-icon{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/audio-62ea9f.png)}.attention .attention-list .attention-item .attention-avatar-wrapper .attention-icon,.attention .attention-list .attention-item .attention-avatar-wrapper .heart-icon{position:absolute;right:.05333333rem;bottom:.02666667rem;width:.48rem;height:.48rem;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.attention .attention-list .attention-item .attention-avatar-wrapper .heart-icon{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/heart-a3c3bb.png)}.attention .attention-list .attention-item .attention-username{margin-left:auto;margin-right:auto;margin-top:.16rem;font-size:.32rem;text-align:center;width:1.70666667rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height:.4rem}.attention .attention-list .attention-item .attention-watching{width:1.92rem;margin-top:.08rem;font-size:.32rem;text-align:center;-webkit-transform:scale(.84);-ms-transform:scale(.84);transform:scale(.84);color:#777;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.my-group:after{content:"";display:block;width:100%;height:.26666667rem;background-color:#f2f2f2}.my-group .my-group-header{padding-top:24px;padding-bottom:24px;font-size:.37333333rem;font-weight:bolder;margin-left:.32rem;margin-right:.37333333rem}.my-group .room-list{display:-webkit-box;color:#fff;padding-bottom:.48rem}.my-group .room-list .room-item{position:relative;width:4.21333333rem;height:4.21333333rem;margin-left:5px;overflow:hidden;border-radius:4px}.my-group .room-list .room-item:last-child{margin-right:5px}.my-group .room-list .room-item .room-bg{position:absolute;z-index:1;width:100%;height:100%;background-color:#a1a1a1;border-radius:4px}.my-group .room-list .room-item .room-bg.has-bg{background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;-webkit-filter:blur(15px);filter:blur(15px)}.my-group .room-list .room-item .room-item-bg-mask{position:absolute;z-index:2;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.my-group .room-list .room-item .room-item-content{position:absolute;z-index:4;width:100%;height:100%;padding-top:.69333333rem;padding-left:.18666667rem;padding-right:.18666667rem;-webkit-box-sizing:border-box;box-sizing:border-box}.my-group .room-list .room-item .room-item-content .room-avatar{margin-bottom:.69333333rem;margin-left:auto;margin-right:auto;width:1.6rem;height:1.6rem;border-radius:50%;background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.my-group .room-list .room-item .room-item-content .room-avatar.has-bg{width:1.49333333rem;height:1.49333333rem;border:2px solid hsla(0,0%,100%,.5)}.my-group .room-list .room-item .room-item-content .room-avatar.default-avatar{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/default-group-e1af7b.png)}.my-group .room-list .room-item .room-item-content .room-name{font-size:.37333333rem;margin-bottom:.18666667rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;height:.42666667rem;line-height:.42666667rem}.my-group .room-list .room-item .room-item-content .room-msg{display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:justify;font-size:.32rem}.my-group .room-list .room-item .room-item-content .room-msg .username{position:relative;top:-2px}.my-group .room-list .room-item .room-item-content .room-msg .username .username-text{position:relative;top:2px;display:inline-block;max-width:2.05333333rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.my-group .room-list .room-item .room-item-info-mask{position:absolute;z-index:3;bottom:0;width:100%;height:1.33333333rem;border-radius:4px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-o-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5))}
.hall-content-switch{display:-webkit-box;-webkit-box-pack:center;padding-top:.64rem}.hall-content-switch .hall-content-switch-label{font-size:.37333333rem;color:#777}.hall-content-switch .hall-content-switcher{margin-left:.16rem}.hall-content{position:relative}.hall-content .hall-header{position:relative;display:-webkit-box;-webkit-box-align:center;margin-left:.32rem;margin-right:.32rem;margin-bottom:.42666667rem}.hall-content .hall-header .hall-label{font-size:.37333333rem;font-weight:bolder}.hall-content .hall-header .hall-header-switcher{position:absolute;left:1.65333333rem;top:.45333333rem}.hall-content .hall-header .hall-header-recommend{position:absolute;right:0;top:.45333333rem;color:#777;font-size:.37333333rem;line-height:.37333333rem;letter-spacing:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hall-content .hall-header .hall-header-recommend .tag{display:inline-block;width:.37333333rem;height:.37333333rem;margin-right:.09333333rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAS1BMVEUAAACZmZmbm5ubm5uqqqqcnJyampqampqZmZmfn5+hoaGampqZmZmampqbm5uZmZmampqampqampqampqampqampqbm5uenp6ZmZlfUDkPAAAAGHRSTlMA81dCBh7awU4UDezjczPQy7SvjIRjXChRXDWnAAAAeklEQVQoz5XSxxWAMAwEUTA4YXLc/itFDYwf6Pov0mqbT5M6NiedNdRE2O+mF2o0daTDKrW4VQ6mM6kfpfKQPkUaPencSiGTdqbLQJpMY096SzoIfZE2PIeP9YFjyjVbzBJHLwcWze7KQy+wzWzimphxwc6G8fhdap4XDHkIVaWDFAUAAAAASUVORK5CYII=);-webkit-background-size:.32rem .37333333rem;background-size:.32rem .37333333rem;background-repeat:no-repeat;background-position:50%;margin-top:1px}.hall-content .hall-header .hall-tab-list{display:-webkit-box}.hall-content .hall-header .hall-tab-list .hall-tab-item{border:.02666667rem solid #c3c8cc;width:2.13333333rem;height:.8rem;line-height:.8rem;border-radius:.4rem;text-align:center;font-size:.37333333rem;color:#000;margin-left:.26666667rem}.hall-content .hall-header .hall-tab-list .hall-tab-item.active{border:.02666667rem solid #ff4f72;color:#ff4f71}.hall-content .hall-list{overflow:hidden}.hall-content .hall-list .hall-item{position:relative;float:left;width:47.6%;padding-top:47.6%;margin-bottom:1.6%;height:0;border-radius:.08rem;overflow:hidden}.hall-content .hall-list .hall-item:nth-child(odd){margin-left:1.6%;margin-right:.8%}.hall-content .hall-list .hall-item:nth-child(2n){margin-left:.8%;margin-right:1.6%}.hall-content .hall-list .hall-item .label-area{position:absolute;z-index:5;top:0;left:0;overflow:hidden}.hall-content .hall-list .hall-item .jiaoyou-label{float:left;margin-right:3px;width:1.97333333rem;height:.53333333rem;background:-webkit-gradient(linear,left top,right top,from(#ff5475),to(#e64cff));background:-webkit-linear-gradient(left,#ff5475,#e64cff);background:-o-linear-gradient(left,#ff5475,#e64cff);background:linear-gradient(90deg,#ff5475,#e64cff);border-radius:2px;text-align:center;font-size:.32rem;line-height:.53333333rem;color:#fff}.hall-content .hall-list .hall-item .rcmd-icon-xiangqin{display:inline-block;-webkit-background-size:contain;background-size:contain;margin-right:3px;width:12.5px;height:12.5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHHRSTlMA+OoKvrkuGeKDdvHNmJFmYlw6Jh3QxXBRTUETp6je0AAAAI1JREFUKM+10NkOgyAQheFhp66t2n3e/zlrhiUVxivjf3WSLyQAnJKyLi4auemBiNqu6ykRZZPhhZQYlQlLqwBfiTGfxiXIgHUzScfISCIY6UkkIwOJYeRKcqtBLLBzKL118QVoSNl2A3cFuY/4A+8gVN5CzrCpSSAmKOqjvKHK5CeWqY6+n8vpdoUj/QDQ6hxaeUEcKAAAAABJRU5ErkJggg==)}.hall-content .hall-list .hall-item .rcmd-label{float:left;width:1.97333333rem;height:.53333333rem;border-radius:2px;text-align:center;font-size:.32rem;line-height:.53333333rem;color:#fff}.hall-content .hall-list .hall-item .rcmd-label-1{background:-webkit-gradient(linear,left top,right top,from(#ff7c40),to(#ffb54c));background:-webkit-linear-gradient(left,#ff7c40,#ffb54c);background:-o-linear-gradient(left,#ff7c40,#ffb54c);background:linear-gradient(90deg,#ff7c40,#ffb54c)}.hall-content .hall-list .hall-item .rcmd-label-2{background:-webkit-gradient(linear,left top,right top,from(#ff4971),to(#ff67a0));background:-webkit-linear-gradient(left,#ff4971,#ff67a0);background:-o-linear-gradient(left,#ff4971,#ff67a0);background:linear-gradient(90deg,#ff4971,#ff67a0)}.hall-content .hall-list .hall-item .rcmd-label-3{background:-webkit-gradient(linear,left top,right top,from(#4780f8),to(#957afb));background:-webkit-linear-gradient(left,#4780f8,#957afb);background:-o-linear-gradient(left,#4780f8,#957afb);background:linear-gradient(90deg,#4780f8,#957afb)}.hall-content .hall-list .hall-item .rcmd-label-4{background:-webkit-gradient(linear,left top,right top,from(#0cdb9b),to(#1cd9c9));background:-webkit-linear-gradient(left,#0cdb9b,#1cd9c9);background:-o-linear-gradient(left,#0cdb9b,#1cd9c9);background:linear-gradient(90deg,#0cdb9b,#1cd9c9)}.hall-content .hall-list .hall-item .rcmd-label-5{background:-webkit-gradient(linear,left top,right top,from(#ea41b4),to(#ff67a4));background:-webkit-linear-gradient(left,#ea41b4,#ff67a4);background:-o-linear-gradient(left,#ea41b4,#ff67a4);background:linear-gradient(90deg,#ea41b4,#ff67a4)}.hall-content .hall-list .hall-item .rcmd-label .rcmd-icon{display:inline-block;-webkit-background-size:contain;background-size:contain;margin-right:3px}.hall-content .hall-list .hall-item .rcmd-label .rcmd-icon-1{width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAqdQdUEQG9vDj3cKViIRlLiojC+y8bDs0FhDNsXVZcjdnmQAAALZJREFUKM+VkukOgyAQBgEVvG+rPb/3f8sCbS27apPOn9VMxCEg/qbujt1g5LFsgEhwksaPeASu3EYGiR0VHGNP5Q2Y7GiVk6UmLoZlsQ9aAieWmDnpMxfkglLB43+l2IcdXpTupdVUFm9pzoITTfigeuYeKb6kcaguEpQ6WDIDR4adHCVW5py5IiweSuIqflgZjyXF69Kt2JKQUI6EZ96VkfGhYp+7k/GB1IrsftvU/Ljokh3yEzu5Gs0zBNNSAAAAAElFTkSuQmCC)}.hall-content .hall-list .hall-item .rcmd-label .rcmd-icon-2{width:11px;height:8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQBAMAAADgw5IVAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMA0+NJ3tnGaFKPhQisCMAAAAA1SURBVAjXYzDaDQbKDECgDWFvArF3QwEDuyeczRG9Ec7O3o1g76aUjTATq10M7F7IbkN2MwA/1m1uFBVgaQAAAABJRU5ErkJggg==)}.hall-content .hall-list .hall-item .rcmd-label .rcmd-icon-3{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-content .hall-list .hall-item .rcmd-label .rcmd-icon-4{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-content .hall-list .hall-item .rcmd-label .rcmd-icon-5{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-content .hall-list .hall-item .hall-item-background-wrapper{position:absolute;top:0;bottom:0;z-index:1;width:100%;height:100%;overflow:hidden}.hall-content .hall-list .hall-item .hall-item-more{position:absolute;top:6px;right:8px;z-index:1}.hall-content .hall-list .hall-item .hall-item-background{position:relative;left:50%;height:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.hall-content .hall-list .hall-item .hall-item-info-mask{position:absolute;z-index:2;bottom:0;width:100%;height:60px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-o-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5))}.hall-content .hall-list .hall-item .song-item-info-name{color:#fff;padding-left:.21333333rem;padding-right:.21333333rem;bottom:.69333333rem;position:absolute;z-index:3;font-size:.37333333rem;width:3.86666667rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.hall-content .hall-list .hall-item .song-item-info-name .music-icon{width:16px;height:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAGJJREFUCNdNyjEKgDAQBMBFC8v8wHxEyLcUhMvDLPIUn3CdVxzE9bDIFsPCLsYsRoSkTqQ70H0jlc0SUSFPDP0iFitxEA0WJ3HOjvxRdD0hPzsOzUaSQe6kZG4oDUCuZMKYF2feNR/iDsrGAAAAAElFTkSuQmCC);-webkit-background-size:contain;background-size:contain;display:inline-block;vertical-align:middle;margin-right:3px}.hall-content .hall-list .hall-item .hall-item-info{position:absolute;z-index:3;bottom:0;width:100%;color:#fff;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:justify;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.21333333rem;padding-right:.21333333rem;margin-bottom:.13333333rem;height:.48rem;line-height:.48rem}.hall-content .hall-list .hall-item .hall-item-info .room-name{font-size:.37333333rem;-webkit-box-flex:1;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin-right:6px;height:.48rem;line-height:.48rem}.hall-content .hall-list .hall-item .hall-item-info .online-number{font-size:.42666667rem;height:.48rem;line-height:.48rem}.hall-content .hall-list .hall-item .hall-item-info .paimai-number{font-size:.37333333rem;height:.48rem;line-height:.48rem}.hall-content .hall-list .hall-item .hall-item-label{position:absolute;z-index:10;bottom:.66666667rem;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);width:4.4rem;height:.66666667rem;background-repeat:no-repeat;background-position:50%;-webkit-background-size:auto 100%;background-size:auto 100%}.hall-content .page-loading{text-align:center;font-size:.37333333rem;padding-top:.16rem;padding-bottom:.26666667rem;color:#777}.hall-content .first-hall-spinner{text-align:center;margin-top:2.13333333rem;-webkit-animation:.3s fadeIn;animation:.3s fadeIn;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.3s;animation-delay:.3s;visibility:hidden}@-webkit-keyframes fadeIn{99%{visibility:hidden}to{visibility:visible}}@keyframes fadeIn{99%{visibility:hidden}to{visibility:visible}}.dots{display:-webkit-box;display:-ms-flexbox;display:flex;height:15px}.dots>div{height:5px;width:5px;border-radius:10px;overflow:hidden;background:hsla(0,0%,100%,.6);margin:1.5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3)}.nodata{font-size:16px;color:#aaa;text-align:center}.nodata .nodata-icon{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/nodata-0cffd3.png);-webkit-background-size:contain;background-size:contain;width:150px;height:140px;margin:70px auto 22px}

.host-wrapper{overflow:hidden}.host-wrapper .banner-wrapper{width:100%;margin:0 auto 10px;height:97px;overflow:hidden}.host-wrapper .banner-wrapper .panel{width:calc(100% - 10px)!important;padding:0 5px}.host-wrapper .banner-wrapper .panel .bg{height:97px;-webkit-background-size:cover;background-size:cover;border-radius:5px}
.nd-scroller{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;backface-visibility:hidden;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.nd-scroller.noanimation{-webkit-transition:none;-o-transition:none;transition:none}.nd-scroller .nd-scroller-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:100%}.nd-scroller .nd-scroll-view,.nd-scroller .nd-scroller-group{backface-visibility:hidden;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.nd-indicator-scoller{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.nd-indicator-scoller.noanimation{-webkit-transition:none;-o-transition:none;transition:none}.nd-indicator-group{position:absolute;width:100%;bottom:6px;height:20px}.nd-indicatorwrap{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:0;white-space:nowrap}.nd-indicatorwrap .nd-indicator{display:inline-block;width:4px;height:4px;margin-right:3px;margin-left:3px;position:relative;border-radius:4px;background-color:#ccc;backface-visibility:hidden;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.nd-indicatorwrap .nd-indicator.select{background-color:#777}
.text-nowrap{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.hall-date{float:left;overflow:hidden;width:47.6%;height:6.13333333rem;margin-bottom:13px}.hall-date:nth-child(odd){margin-left:1.6%;margin-right:.8%}.hall-date:nth-child(2n){margin-left:.8%;margin-right:1.6%}.hall-item-date-info{margin-top:8px;padding:0 6px;color:#777}.hall-item-date-info_avatar{width:16px;height:16px;border-right:4px;-webkit-background-size:contain;background-size:contain;margin-right:6px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.hall-item-date-info_anchor_name{display:-webkit-box;display:-ms-flexbox;display:flex;color:#777;margin-bottom:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hall-item-date-info_anchor_name>span{display:inline-block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:160px}.hall-item-date{position:relative;width:100%;padding-top:100%;height:0;border-radius:.08rem;overflow:hidden}.hall-item-date .label-area{position:absolute;z-index:5;top:0;left:0;overflow:hidden}.hall-item-date .jiaoyou-label{float:left;margin-right:3px;width:1.97333333rem;height:.53333333rem;background:-webkit-gradient(linear,left top,right top,from(#ff5475),to(#e64cff));background:-webkit-linear-gradient(left,#ff5475,#e64cff);background:-o-linear-gradient(left,#ff5475,#e64cff);background:linear-gradient(90deg,#ff5475,#e64cff);border-radius:2px;text-align:center;font-size:.32rem;line-height:.53333333rem;color:#fff}.hall-item-date .rcmd-icon-xiangqin{display:inline-block;-webkit-background-size:contain;background-size:contain;margin-right:3px;width:12.5px;height:12.5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHHRSTlMA+OoKvrkuGeKDdvHNmJFmYlw6Jh3QxXBRTUETp6je0AAAAI1JREFUKM+10NkOgyAQheFhp66t2n3e/zlrhiUVxivjf3WSLyQAnJKyLi4auemBiNqu6ykRZZPhhZQYlQlLqwBfiTGfxiXIgHUzScfISCIY6UkkIwOJYeRKcqtBLLBzKL118QVoSNl2A3cFuY/4A+8gVN5CzrCpSSAmKOqjvKHK5CeWqY6+n8vpdoUj/QDQ6hxaeUEcKAAAAABJRU5ErkJggg==)}.hall-item-date .rcmd-label{float:left;width:1.97333333rem;height:.53333333rem;border-radius:2px;text-align:center;font-size:.32rem;line-height:.53333333rem;color:#fff}.hall-item-date .rcmd-label-1{background:-webkit-gradient(linear,left top,right top,from(#ff7c40),to(#ffb54c));background:-webkit-linear-gradient(left,#ff7c40,#ffb54c);background:-o-linear-gradient(left,#ff7c40,#ffb54c);background:linear-gradient(90deg,#ff7c40,#ffb54c)}.hall-item-date .rcmd-label-2{background:-webkit-gradient(linear,left top,right top,from(#ff4971),to(#ff67a0));background:-webkit-linear-gradient(left,#ff4971,#ff67a0);background:-o-linear-gradient(left,#ff4971,#ff67a0);background:linear-gradient(90deg,#ff4971,#ff67a0)}.hall-item-date .rcmd-label-3{background:-webkit-gradient(linear,left top,right top,from(#4780f8),to(#957afb));background:-webkit-linear-gradient(left,#4780f8,#957afb);background:-o-linear-gradient(left,#4780f8,#957afb);background:linear-gradient(90deg,#4780f8,#957afb)}.hall-item-date .rcmd-label-4{background:-webkit-gradient(linear,left top,right top,from(#0cdb9b),to(#1cd9c9));background:-webkit-linear-gradient(left,#0cdb9b,#1cd9c9);background:-o-linear-gradient(left,#0cdb9b,#1cd9c9);background:linear-gradient(90deg,#0cdb9b,#1cd9c9)}.hall-item-date .rcmd-label-5{background:-webkit-gradient(linear,left top,right top,from(#ea41b4),to(#ff67a4));background:-webkit-linear-gradient(left,#ea41b4,#ff67a4);background:-o-linear-gradient(left,#ea41b4,#ff67a4);background:linear-gradient(90deg,#ea41b4,#ff67a4)}.hall-item-date .rcmd-label .rcmd-icon{display:inline-block;-webkit-background-size:contain;background-size:contain;margin-right:3px}.hall-item-date .rcmd-label .rcmd-icon-1{width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAqdQdUEQG9vDj3cKViIRlLiojC+y8bDs0FhDNsXVZcjdnmQAAALZJREFUKM+VkukOgyAQBgEVvG+rPb/3f8sCbS27apPOn9VMxCEg/qbujt1g5LFsgEhwksaPeASu3EYGiR0VHGNP5Q2Y7GiVk6UmLoZlsQ9aAieWmDnpMxfkglLB43+l2IcdXpTupdVUFm9pzoITTfigeuYeKb6kcaguEpQ6WDIDR4adHCVW5py5IiweSuIqflgZjyXF69Kt2JKQUI6EZ96VkfGhYp+7k/GB1IrsftvU/Ljokh3yEzu5Gs0zBNNSAAAAAElFTkSuQmCC)}.hall-item-date .rcmd-label .rcmd-icon-2{width:11px;height:8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQBAMAAADgw5IVAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMA0+NJ3tnGaFKPhQisCMAAAAA1SURBVAjXYzDaDQbKDECgDWFvArF3QwEDuyeczRG9Ec7O3o1g76aUjTATq10M7F7IbkN2MwA/1m1uFBVgaQAAAABJRU5ErkJggg==)}.hall-item-date .rcmd-label .rcmd-icon-3{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-item-date .rcmd-label .rcmd-icon-4{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-item-date .rcmd-label .rcmd-icon-5{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-item-date .hall-item-background-wrapper{position:absolute;top:0;bottom:0;z-index:1;width:100%;height:100%;overflow:hidden;background-color:#fff}.hall-item-date .hall-item-more{position:absolute;top:6px;right:8px;z-index:1}.hall-item-date .hall-item-background{position:relative;left:50%;height:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat}.hall-item-date .hall-item-info-mask{position:absolute;z-index:2;bottom:0;width:100%;height:60px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-o-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5))}.hall-item-date .song-item-info-name{color:#fff;padding-left:.21333333rem;padding-right:.21333333rem;bottom:.69333333rem;position:absolute;z-index:3;font-size:.37333333rem;width:3.86666667rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.hall-item-date .song-item-info-name .music-icon{width:16px;height:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAGJJREFUCNdNyjEKgDAQBMBFC8v8wHxEyLcUhMvDLPIUn3CdVxzE9bDIFsPCLsYsRoSkTqQ70H0jlc0SUSFPDP0iFitxEA0WJ3HOjvxRdD0hPzsOzUaSQe6kZG4oDUCuZMKYF2feNR/iDsrGAAAAAElFTkSuQmCC);-webkit-background-size:contain;background-size:contain;display:inline-block;vertical-align:middle;margin-right:3px}.hall-item-date .hall-item-info{position:absolute;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;bottom:2px;width:100%;color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.21333333rem;padding-right:.21333333rem;margin-bottom:.08rem}.hall-item-date .hall-item-info_sub>div{float:left}.hall-item-date .hall-item-info .role-name{opacity:.8;color:#fff}.hall-item-date .hall-item-info .role-name>span{display:block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:160px;height:.48rem;line-height:.48rem}.hall-item-date .hall-item-info .item-age{position:relative;font-size:.42666667rem;padding-right:6px;height:.48rem;line-height:.48rem}.hall-item-date .hall-item-info .item-age:after{content:"";position:absolute;height:14px;border:.5px solid #fff;right:0;top:2px}.hall-item-date .hall-item-info .online-number{font-size:.42666667rem;height:.48rem;line-height:.48rem;padding-left:6px}.hall-item-date .hall-item-info .paimai-number{font-size:.37333333rem;height:.48rem;line-height:.48rem}.hall-item-date .hall-item-label{position:absolute;z-index:10;bottom:.66666667rem;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);width:4.4rem;height:.66666667rem;background-repeat:no-repeat;background-position:50%;-webkit-background-size:auto 100%;background-size:auto 100%}.fixed-wrapper{position:relative}.date-fixed-anchor{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/anchor_bg-8f900e.png);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:50%;width:140px;height:50px;position:absolute;right:30px;bottom:70px;z-index:9;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.date-fixed-anchor img{width:36px;margin-left:7px}.date-fixed-anchor span{position:absolute;top:52%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:40%}

.song-wrapper .song-item-background-wrapper{padding:9px 11.6px;border-bottom:1px solid #e6e6e6;position:relative}.song-wrapper .song-item-background-wrapper .song-item-background{width:100px;height:100px;border-radius:3px;display:inline-block}.song-wrapper .song-item-background-wrapper .song-item-info{display:inline-block;margin-left:15px;vertical-align:top}.song-wrapper .song-item-background-wrapper .song-item-info .song-item-info-title{font-size:16px;margin:18px 0 12px;width:160px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.song-wrapper .song-item-background-wrapper .song-item-info .song-item-info-name{font-size:14px;margin-bottom:5px;color:#b9b9b9}.song-wrapper .song-item-background-wrapper .song-item-info .song-item-info-name .music-icon{width:16px;height:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAYFBMVEUAAADAwMC8vLy8vLy/v7/Q0NC8vLy8vLy+vr6+vr68vLy8vLy8vLy8vLy8vLy8vLy8vLy9vb2+vr7ExMS8vLy8vLy8vLy9vb28vLy8vLy8vLy+vr69vb2+vr68vLy7u7s1TDUoAAAAH3RSTlMADPToFwaXX0o0zLCihu3evnwbEcaQcSLTt2hVPyx3UxWrxQAAAQ9JREFUOMvFktmOwyAMRQk0LAmkgWzNVv7/L8cigVDPonmpeh+QwQfr2kDepE6alrGh/DE5Cf7whwacK9VYM3+JvWZFS2OGVsPqYFfk+fpMNrPdQgIBowfd9bJHKwsCevB0O+NC8jvgrwCYcyFQNnnBwI04oZvos6bfgNS/r8xWYpNNal6L4AUDNNRtn3t2gitweR5cADZJ/g1Ia9Y/gKlHc0BA8UCD6szc8+YCRmjHPFkCNhboC4B3FTDyCHTMI6DyXsH7R8DCK0vVZoCGkRCywFBjwRXqAOBijx7uVLDYsJ29l0fBjqQSQVUZdgYiV3C4lH0vCo3ws8kpfg9BMu2qTLE4CE1+laoZ7QX5mL4AgGYhsKqhdOYAAAAASUVORK5CYII=);-webkit-background-size:contain;background-size:contain;display:inline-block;vertical-align:middle;margin-right:3px}.song-wrapper .song-item-background-wrapper .song-item-info .song-item-info-num{font-size:14px;color:#b9b9b9}.song-wrapper .song-item-background-wrapper .song-item-more{position:absolute;top:6px;right:8px;z-index:1}.song-wrapper .song-item-background-wrapper .song-item-location{display:inline-block;font-size:10px;color:#b9b9b9;vertical-align:top;float:right;margin-top:21px}.nodata{font-size:16px;color:#aaa;text-align:center}.nodata .nodata-icon{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/nodata-0cffd3.png);-webkit-background-size:contain;background-size:contain;width:150px;height:140px;margin:70px auto 22px}
.song-recommendation{position:relative}.song-recommendation .song-recommendation-button{width:100px;color:#ff4e71;font-size:14px;padding-left:19px;margin-top:-5px;padding-bottom:6px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.song-recommendation .song-recommendation-modal{position:absolute;top:28px;left:14px;z-index:500;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/recommendation-tip-15efd0.png);background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;width:319px;height:134px;padding-left:30px;padding-top:32px;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0}.song-recommendation .song-recommendation-modal.is-visiable{opacity:1}.song-recommendation .song-recommendation-modal .modal-line{color:#000;font-size:13px;line-height:26px}
.jiaoyou-wrapper .jiaoyou-item-background-wrapper{padding:9px 11.6px;border-bottom:1px solid #e6e6e6;position:relative}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-background{width:100px;height:100px;border-radius:3px;display:inline-block}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-info{display:inline-block;margin-left:15px;vertical-align:top}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-info .jiaoyou-item-info-title{font-size:16px;margin:7px 0 5px}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-info .jiaoyou-item-info-head .head{display:inline-block;border-radius:50%;width:40px;height:40px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAS1BMVEUAAADq6urs7Ozr6+vr6+vr6+vq6urs7Ozu7u7y8vL////////r6+vq6urr6+vr6+vs7Ozr6+vt7e3r6+vq6urr6+vq6urJycnh4eGk2W5pAAAAFnRSTlMA307vkeTSah0TCAbVxbuxnXFFP5Qnu/17hgAAAYNJREFUWMOs1VmOgzAQRdHnGTNDkgf7X2kjJf2REMdg6izgqkol2ciIc7C9V4Y0yvc2zBHlam09d7zVNUrcRsMEM95wUhMUf1KhObPr5JjlpsOba8VDlMYR1cDDhgpZ2vAEo3PHsDzJ/jxO7HhaF5FUtSzQVkh4OBZxj8R8joVchS9iy2JtxE7T8YJuf2vLSyw+aF6k8aYyvMi8H2bgZcNuYcGla0UBqsa/iVnrsqzMmPDSOGYtG2a4Bk+BMkEGPCmpoHr9l5QK8gZsRrngiE1t5IKmBqApF6QGYCWDFoCXDHogUjLIiFk2OCPIBgPussE7etlgDy8b9FCyQQWTek/zVu4ZpAfK4xd/zdmxDQAwCAPBJtnA+89KByXNFSyAFAVh+80H6id//il8bfxixw58/Djw88UPrJYALlJcRrnQayvCzZK2c9xwckusTTuPFTr46GjGw6OOtzqAc0SgIYbGLBoEaVSlYZrGfRhIamSKoa7GzhiMW3R/oVzo+iNTf2SvPwqma62OMukn6wAAAABJRU5ErkJggg==);-webkit-background-size:contain;background-size:contain;margin-right:9px}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-info .jiaoyou-item-info-head .gender-icon{position:absolute;width:14px;height:14px;-webkit-background-size:contain;background-size:contain;margin:26px 0 0 26px}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-location{display:inline-block;font-size:10px;color:#b9b9b9;vertical-align:top;float:right;margin-top:21px}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-more{position:absolute;top:6px;right:8px;z-index:1}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-info-num{font-size:14px;color:#b9b9b9;margin-bottom:10px}.nodata{font-size:16px;color:#aaa;text-align:center}.nodata .nodata-icon{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/nodata-0cffd3.png);-webkit-background-size:contain;background-size:contain;width:150px;height:140px;margin:70px auto 22px}
.star-wrapper{overflow:hidden}.star-wrapper .banner-wrapper{width:100%;margin:0 auto 10px;height:97px}.star-wrapper .banner-wrapper .nd-scroller{overflow:hidden}.star-wrapper .banner-wrapper .panel{width:calc(100% - 10px)!important;padding:0 5px}.star-wrapper .banner-wrapper .panel .bg{height:97px;-webkit-background-size:cover;background-size:cover;border-radius:5px}
.tab-header{position:relative;z-index:99;padding-top:10px}.tab-header .tab-content{margin:0 0 20px;padding:9px 0 0 6px;background-color:#fff;padding-top:9px}.tab-header .tab-content .tab-name{font-size:18px;display:inline-block;margin:0 2px;min-width:50px;color:#777;text-align:center;padding-bottom:5px}.tab-header .tab-content .tab-name .bottomBoder{width:14px;height:4px;border-radius:2px;background-color:#000;margin:4px auto 0}.tab-header .tab-content .active{color:#000;font-weight:bolder;font-size:20px}.tab-header .tab-content .more{display:inline-block;width:12px;height:28px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAA4CAYAAADn2zjOAAAAAXNSR0IArs4c6QAAAc5JREFUWAntVjtOw0AQjU1kidJt5C4SoqDhU9BxARRKhBSKiEQWDQ2X4AjYEaIgBXJBY4kL0KAQKICCjyKO4AM4snljLHv9w0NEBbvSKjPP895kx+vZbTTkkBWQFZAVqK2AUhshBFiWtQa3rarqZDAYfAiPKk218onwIAxDBeIXgO4xnSAI3uAfCSGVJmsFw+FwF6KXOZUZVrJUtxLWCiC+mRMntwl8owTPQKwEYEwzrNSpwpMIVgJd18/AeEpYX8bINM2HHFZwWe+AWI7jLHqedwCTdtFtv993FEUJC4oSkBX49Qqwtylltm17Cz+0TcfYps+cf7PACUKzU1ut1hViTzB3MA87nY7vuu5NHZ+1AjS7LvoOdVNxBJqmLfd6vXcRzNusVgHx9TwRvur7/moJnoFYCdASXjOs2AH+UoaLGCuBYRjnELsTifBPcRY8iliZzXoHRESz09Ds9mBGzQ7i12WCEvuHFfjJLprryGxyihqfx2PErlA8vmxqfNsw98n/brA+tPiwj8QFsW58lRSgoslKAFq7SI2QKjwJZyWga0rCSA26Ok5St9xiJaA7EOgjQWIG+7juXkrx7F1EwfNc34knh6yArICswJ+vwCcnY4Sobo1JsQAAAABJRU5ErkJggg==);background-position:top 0 center;-webkit-background-size:contain;background-size:contain;padding-bottom:5px;vertical-align:middle;float:right;margin-right:6px}
.search{width:28px;height:28px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAzpJREFUWAm9V7trU1EcvrmJIFksOKVxcerQSfLqYBEHV0mxIOju3LFDxw6FOvSPUEFQSB3rFIpoXgiFDE52qHcpgeoQhLz8vtPzO57c3JvHzaUHbn6/8/h933feJwlnjpTP5x+MRqMymm4mEoks/FWGwffg/4J7Cr/SbDa/s3yRlJjWGMTbqN8Hydq0dlIHET/g70HIBymbZQMFFIvF+4PB4B2CN2YBhNR/SyaTL+r1+s+QelM8IaBQKDxCjz/iu2taOc4V/ApAP8G20+m0x7put8upWIfYp7CcohV8KmE0OvieNRqNqpQF2TEBJB8Oh5/R8BYbA+AvhBzBPWi1Wr9ZFpZyudwd1O0iZgcxt3W7nuu6T6aJMAI47CBvWD33EFxGcCOMNKgcnSgAp4I6Wagd4BTCpsMVEM65TZ5KpUqLkhOLMYyFq6aJmHo9CdWYVQL0alcLjsPOntdqtYuxlgtkGEsMYumwDc0xgSIjsC81UHwUpecSL5YYxJI8rOGwyhxXHzKyz69QeWA3WNInFjEdiFkjlx/PRUXZKqzMWu1W25muxqpIQx+XKuYUbEoDvc8lG4v1YRouAXexULKSgW1bflyuwfRxKXxOgdqvzMkJFxezH9PmEg7ZBZKP3fZ6PXPYAXyCj1OgDgwy67M9VhEQkLEALy1fuZwC3ueS1sWJ0RpMdPbcj8shOZVCfatJNhZrY6KzEzcjp8DsUzCW9a0WC7nGMucMuE78wC6fUajgS4ZpBd+u8uL5IRYxmc7A9eXa/f8rq3JPiiBmh1eq5KNaYhBL4nE5HYpvW7NFMFxfUaFuRFiPV2rUG7FUKt3r9/s14MiboIq76TEEjWxy+jICDt9waNDRDVYJEGUkGGOTa7zjIHLWmRFgBrFxP8kIy6fdAN9LjMJ7VWD9jAlgOUVguyz9KLU4lBsmYkIAWy/7LAdZFTDH+A7RmSQxmYJEBAq4bu44+hk19x8TxJ2B5DWG+g3sCKP5HALeThMxVYAlJOivGRfwJYjOQVCFPQna57NEzCVAhES1YSIgfPtGBFB4iIgLs0Ci9m7eOM/z2tlslkf+Fj51/mDa/tyYAAqliEwmw4X6kOQoevUPP/uPvgNOkcEAAAAASUVORK5CYII=) no-repeat 50%;-webkit-background-size:16px auto;background-size:16px auto;display:inline-block;float:right;margin-right:10px}
.big-r-entry{color:#f22;font-size:14px;padding:6px 11px;margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.big-r-entry .icon-arrow{width:9px;height:12px}.big-r-entry .text{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}@media (max-width:360px){.big-r-entry{color:#f22;font-size:12px;margin-top:8px;padding:6px 11px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.big-r-entry .icon-arrow{width:9px;height:12px}.big-r-entry .text{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}}
.error-wrapper .error-icon{margin-left:auto;margin-right:auto;width:150px;height:140px;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/error-dda7b9.png);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.error-wrapper .error-msg{margin-top:.66666667rem;font-size:.42666667rem;color:#aaa;text-align:center}
.dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;font-size:.48rem;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;background-color:rgba(0,0,0,.7)}.dialog.hide{opacity:0}.dialog .dialog-box{width:7.92rem;background-color:#fff;border-top:4px solid #ff4f72;border-radius:3px}.dialog .dialog-box .message{padding-left:29px;padding-right:29px;height:83px;display:-webkit-box;-webkit-box-align:center;line-height:23px}.dialog .dialog-box .operation{border-top:1px solid #e6e6e6;display:-webkit-box}.dialog .dialog-box .operation .cancel,.dialog .dialog-box .operation .ensure{-webkit-box-flex:1;text-align:center;line-height:1.2rem;height:1.2rem}.dialog .dialog-box .operation .cancel{border-right:1px solid #e6e6e6}.dialog .dialog-box .operation .ensure{color:#ff4f72}.dialog .dialog-box-800{border-top:none;border-radius:6px;color:#03081a}.dialog .dialog-box-800.is-one-line .message{-webkit-box-pack:center}.dialog .dialog-box-800 .message{padding:.61333333rem .77333333rem;height:auto;display:-webkit-box;-webkit-box-align:center;line-height:.53333333rem;font-size:.37333333rem}.dialog .dialog-box-800 .operation{font-size:.45333333rem}.dialog .dialog-box-800 .operation .cancel,.dialog .dialog-box-800 .operation .ensure{line-height:1.25333333rem;height:1.25333333rem;color:#000}.dialog .dialog-box-800 .operation .cancel{border-right:none}
.test-entry{position:absolute;z-index:200;top:35px;left:0;margin-left:0;width:30px;height:30px}
.text-nowrap{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.backgroud_inline{-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat}.dialog-wrapper{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:99}.dialog-wrapper .inner{position:relative;width:7.92rem;background-color:#fff;min-height:118px;border-radius:6px}.dialog-wrapper .inner h4{text-align:center;font-size:18px;font-weight:400;margin-bottom:14px}.dialog-wrapper .inner img{max-width:100%}.dialog-wrapper .close{position:absolute;top:2px;right:2px;display:inline-block;width:32px;height:32px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABvUExURUdwTAAAAP39/ff39wAAAAAAAAAAAAAAAAAAAAAAAPr6+gAAAPr7+9bW1vT09OXl5ZqamvPz8/v7+7y8vH19febm5omJiczMzP///y8/UUJQYeXo6mhzgXiCjoyUnp2lrcXKz9PW2rm/xaqxuFVicQwXjbcAAAAYdFJOUwAc/MUTCQ0BBQLjJfszlZ9Hs+5TJ3FDf9qbkoQAAAKfSURBVFjD7ZfbeoMgDICngLVYxdbVYe25ff9nXBCrhoPit9vlZuvq/y/GIOHr6z+8sVGx7aL7dTUMYDpEbwnHFZwfC8IPcXzgpDjmShKm0HhecImCF3mQoseJdAQJUGh8Lz2x14pZPk2LWHojLqAWfoPiv4mcDfLtNyg+53IheO4zKL7aycXYVW5D9/8DeDA4c+jun8ug4I46KJ4RGRiEWQbFFzI4CmWwChCHC2KzDCqBvVwRe5xCl8D0+/vdrv3rOf2IUzAreG+aq8mfm+Zh1nGSAMMJNE1zs/imRSmwMQX7EVzg8pfJ37wPAgQJ7qFYAc85XvJkIkjxHSjkDch9qruZVc1ZuhkTOJpft2A46arFFxcvj0MKSmB3YXsCQ/vhr45uRALHMugNPl6SUZAy6lqHDzC8Wx8vOf0UQQkOrktUO5x8vDwMAugC6l5Iz6bx8jIGwbYXJB6BPPt5ECQTgfMW5BX4i29BHpCAe/n4fHq6X2xIQLz8Y9KS+DFOBIwKHy/l22MQQxHVY7RaWd56XjfUwxYcUR+ULv4c46bGUY4CRxU7fmcuC6uGE4Hw87qpTYMwBOgeWsyDwW6IchR0RYgIvv68M5cFFpBoKEGfQoUWwcvcZlvjLxVN0DsRUli3sagERgG81hNar9naappMXut9CiJcIFACemtLcB3nt/eoq8AGb640Ch8wjASGFMqwEae0EtApgCFsyALeHDD0iKNyWB7zyp53DUkU6rA4aEaUMt+YpgyZmBt1Rebjx7uIav+wXUfu/A1DVrnH/Sqb5QeDUpTCPHCIUuGzfD/u94qs/hGfI4/4qbMPni4dGAYFOMaIBny7dGQZFJ3kE3TEw05NoEg6iQ74wNae2yAYU5oEfuiz46qT418OnuuOvr9+wNq6bvoGSwAAAABJRU5ErkJggg==) 50% no-repeat;-webkit-background-size:contain;background-size:contain}.dialog-wrapper .beans-custom,.dialog-wrapper .beans-custom img{width:100%}.modal-img{border-radius:6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:0}.modal-img,.modal-img_inner{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.modal-img_inner{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1}.modal-img_inner_guest,.modal-img_inner_host{position:relative;-webkit-box-flex:1;-ms-flex:1 1 3.2rem;flex:1 1 3.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;height:5.84rem;-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat}.modal-img_inner_host{border-top-left-radius:6px}.modal-img_inner_guest{border-top-right-radius:6px}.modal-anchor-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.modal-anchor-empty img{height:150px}.empty-female,.empty-male{overflow:hidden;-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat}.empty-female{background-color:#ffdbf4}.empty-male{background-color:#d8eeff}.modal-anchor-info{position:absolute;bottom:0;left:0;width:100%;height:1.01333333rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-anchor-info_avatar{width:26px}.modal-anchor-info_avatar,.modal-anchor-info_host_avatar{height:26px;border-radius:50%;margin-left:3px;display:block}.modal-anchor-info_host_avatar{width:31px}.modal-anchor-info_text{margin-left:4px;color:#fff}.modal-anchor-info_text_name_box .icon-mcheal{position:relative;right:-2px;top:2px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.modal-anchor-info_text_name{display:block;font-size:12px;line-height:15px;max-width:3.46666667rem;font-weight:700;padding-right:12px;margin-bottom:-4px}.modal-anchor-info_text_name span{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;display:inline-block;max-width:2.4rem}.modal-anchor-info_text_more{margin-top:1px;opacity:.8}.modal-anchor-info_text_more_age{display:inline-block;padding-right:6px;position:relative;font-size:9px}.modal-anchor-info_text_more_age:before{content:"";position:absolute;height:7px;border:.5px solid #fff;right:0;top:50%;-webkit-transform:translateY(-60%);-ms-transform:translateY(-60%);transform:translateY(-60%)}.modal-anchor-info_text_more_loc{padding-left:6px;font-size:9px}.modal-anchor-info_text_more_host{font-size:9px}.info-host{background:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(0,0,0,.5)));background:-webkit-linear-gradient(left,transparent,rgba(0,0,0,.5));background:-o-linear-gradient(left,transparent,rgba(0,0,0,.5));background:linear-gradient(90deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(right,transparent,rgba(0,0,0,.5))}.info-guest-male,.info-host{padding:1px 3px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.info-guest-male{background-image:-webkit-linear-gradient(193deg,#1392ff 100%,#235cff 0);background-image:-o-linear-gradient(193deg,#1392ff 100%,#235cff 6%);background-image:linear-gradient(257deg,#1392ff 100%,#235cff 0)}.info-guest-female{background-image:-webkit-linear-gradient(192deg,#ff3f99,#ff2167);background-image:-o-linear-gradient(192deg,#ff3f99,#ff2167);background-image:linear-gradient(258deg,#ff3f99,#ff2167);padding:1px 3px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.info-matchermaker{width:85px;overflow:hidden}.info-matchermaker .modal-anchor-info_text_name{margin-top:4px}.info-matchermaker .modal-anchor-info_text_name span{max-width:64px}.modal-text{max-width:100%;font-weight:700;text-align:center;font-size:20px;padding:28px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-text span{display:inline-block;max-width:58%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.recommend-modal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.recommend-modal h3{font-size:20px;font-weight:500;margin-top:35px;margin-bottom:4px}.recommend-modal p{color:#999;font-size:14px;margin:5px 0}.recommend-modal .recommend-avatar{-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:50%;margin:12px 0;width:120px;height:120px}.recommend-modal .recommend-label{display:-webkit-box;display:-ms-flexbox;display:flex;width:60%;-ms-flex-pack:distribute;justify-content:space-around;margin-top:8px}.recommend-modal .recommend-label span{font-size:14px;color:#fff;text-align:center;min-width:50px;height:22px;line-height:22px;border-radius:6px;padding:0 6px}.recommend-modal .recommend-label span:first-child{background-color:#ff64ca}.recommend-modal .recommend-label span:last-child{background-color:#846fff}.recommend-modal .recommend-male span:first-child{background-color:#4d94ff}.modal-action{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #ebedf5}.modal-action_btn{color:#03081a;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;height:64px;line-height:68px;text-align:center;font-size:18px;font-weight:700}.modal-action_btn_focus{color:#4d94ff}.body-fixed{overflow:hidden;height:100%}.icon-mcheal{width:8px;height:8px;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/m-885fb3.png);display:inline-block;margin-left:4px}.icon-mcheal,.modal-anchor_tag{-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat}.modal-anchor_tag{width:35px;height:17px;position:absolute;bottom:38px;left:0}.tag-guest-male{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/guest_male-139823.png)}.tag-guest-female{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/guest_female-d53d04.png)}.tag-host-male{width:26px;height:17px;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/host_male-008f8d.png)}.tag-host-female{width:26px;height:17px;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/host_female-d36538.png)}.dialog-matchmaker-mask{position:absolute;z-index:2;bottom:0;width:100%;height:30px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-o-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5))}
body,html{height:100%;overflow:hidden}.scroll-split-origin.hide{opacity:0}.scroll-split-origin .front{background-color:#f2f2f2;position:absolute;top:0;bottom:43.8%;width:100%;z-index:2}.scroll-split-origin .back{position:absolute;z-index:4;width:100%;top:0;top:56.2%}.scroll-split-origin.noinfo .front{bottom:0}.scroll-split-origin.noinfo .back{top:37px}.scroll-split-origin.fullinfo .front{bottom:0}.scroll-split-origin.fullinfo .back{top:100%}
.mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:3;-webkit-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;opacity:0;display:none}
.title-bar div.title_left{margin-left:0}.title-left{font-size:.45333333rem;color:#fff;position:relative;left:-.18666667rem;top:.02666667rem;padding-left:1.17333333rem;height:1.01333333rem;line-height:.56rem}.title-left:before{content:"";display:block;position:absolute;left:.48rem;top:.16rem;width:.32rem;height:.56rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAqBAMAAACq4N3gAAAAElBMVEUAAAD///////////////////8+Uq06AAAABnRSTlMA/lfjUEnRZxQvAAAAPklEQVQoz2OAAxbjAARHUdAAzmYSBHIQEoIOSBJCyBIKQ0jCEUmCwRAhgeAglKEYgDB6iEs5oEcwIupREgUA39gN+XLqlY8AAAAASUVORK5CYII=);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.title-left .title-left-text{position:realtive;top:.05333333rem}.title-left.black{color:#000}.title-left.black:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAqBAMAAACq4N3gAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMA/lfjUEnRZxQvAAAAPklEQVQoz2OAAxbjAARHUdAAzmYSBHIQEoIOSBJCyBIKQ0jCEUmCwRAhgeAglKEYgDB6iEs5oEcwIupREgUA39gN+XLqlY8AAAAASUVORK5CYII=)}.title-left-800:before{left:.48rem;width:.24rem;height:.48rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAABICAMAAACtHXe2AAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAAK3RSTlMA+/cz8uy3EQvlzdU+F3wHBN/coJEbrKiajHRuZVhLKyggw7+DYFNHI8BhbnKAdAAAATVJREFUSMft1clugzAUhWEHCIOJY+bMIYTMfv/3a9XK927qgytlmbP+JAv4LQRe2pRZnYiJJbn5XpVOKGl+tsQnns3vYqR0bDxY0VkFD61JleARGlLzk1tdSEWhW21JBQu32rO6u9VhZtXs5lZHUubqVouA1M6twsjntfZzUhu3emSk1m7VlqRWbqVyUnGBMrQbNcrQTqYoQ7s88cmwUj4ZZsMnw3dlqFCGvBplyMs4QzQ6cwsZ17NHLORXe0DuZcgdkdvBz85bwoh4G06yR27NgT+QW5ErW8CKmFyugNNPcjIBLpXkzin+29nFGjhVkesK4IaMXC3ATlxyI2jwXlyQ41uGM70HfpnePDO9fjL9a3r8d6aj8Mv0Jbwy7RDjTJ8AUabcKM40asXEemlMFYrptYPw3xeKKXEPUAuHGAAAAABJRU5ErkJggg==)}.title-left-800.black:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAABICAMAAACtHXe2AAAAe1BMVEUAAAAzMzMzMzMzMzM1NTU2NjZGRkYzMzMzMzM0NDQzMzM0NDQ0NDQ3NzczMzM1NTU2NjYzMzMzMzMzMzMzMzM0NDQzMzM5OTkzMzMzMzMzMzMzMzMzMzMzMzM0NDQzMzM0NDQ8PDwzMzM1NTU0NDQ2NjYzMzMzMzMzMzNVuM/OAAAAKHRSTlMA+/LsYhoF3tbNwaoqCfchEHzkuI01MRTntZqSdG5YS0AMn4NTRzygCl9zRQAAASlJREFUSMft1MtugzAQheGBcE0AExMCCblBbn7/J2zVipmVD7OouspZfxLC/JjwxsH2744W1mXue2mJVZ27n22hKtfudw1SSeMULNnMCj70zQq9wsBqVfjVnVW496sTq+rlVxGr4OlXF1EPv7oGzCK/ulWszn7VhppjLVasdn5lelZHv4pTVhuY4bxDgjKcty5RhvPyUZGhy2pNhmlM3k2srPlk+FcZxihD2YQylFnJEI2feYLsgA5DtpdDuxCpPtQVubN89htyW4moRW4Hk5Qd2fUGOfi7yBI5vqwjUv3KNXAjvBhkdcauSUh3aSFnLLuJSHWhDjCXkN0duVflVJk+A12mj0+m/50p6TKNCGaqu9OMVTyVM5XbFmcaxrSwIncua2l5sSH9vgB6eGoGIV8WEQAAAABJRU5ErkJggg==)}.title-right{display:-webkit-box;-webkit-box-align:center}.title-right .avatar-button{width:.8rem;height:.8rem;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;border-radius:50%;margin-right:.4rem;opacity:0}.title-right .avatar-button .online-number{position:absolute;background-color:rgba(0,0,0,.5);width:.8rem;height:.8rem;line-height:.8rem;text-align:center;border-radius:50%}.title-right .avatar-button .online-number .online-number-value{-webkit-transform:scale(.84);-ms-transform:scale(.84);transform:scale(.84);font-size:.32rem;color:#fff}.title-right .personal-icon{position:relative;width:.61333333rem;height:.61333333rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMAVqr7A/TvjTkItuafYRkM69/BvJpyW1EV94duRywj4r6wrExDMBEOAdvVxoFq4cukkXg9KiUdknWXeVQAAAHKSURBVEjHjZXpcqpAEIWHsCMQEIlL3PXGqDHLzfa9/5MlRWKmYJiR75d16th0zxwa0YIzD4bbt2vRielzBoDdLy//Y1Yg6SWXSruV7bgqDjbAwDG5tzbYn7Pq9yh5BGKD+64H+Zs4E8bAjd4+gF7aEDztvKMxTGtKuIdbnf0/9BtSAnudvVA7DT34aHc7LoyaYqQd9h1yRXyASbs9gKMiJjBot28gUsQhrDUBaLNbcKVJFxwUsQRfEwHwFNGHUrTjtpxxAZbGHqk3fmdjpxp7oobgpiappf7VlPsnQ8TEGpbN4uNUa5+P64PtFvAg9EzADWQc+7AIDfbdHrxz+84KGAoT8x64v/4COaeOmfdX0TU2Lk9H2i+tsXDTg42o8GCSGrzONPaAPPxLF/byNNK8TIMMAPf1/KQIALtIQtV8pCKfzGUEkqUNQFY69Tb8Sl/4QXNTnfoAPL0LyXUEjAfBvWghLXMgC2TtJbBK9UdQjuXlCREDvjARuHLZWsCLMPPqQvTTeCaXvvlDYf3u3ccOXzkfDs73HJlcmiZ2P9nbwsIRHZjAsxAv6qlol5zniBWsrS6cwB4Ji+5E39ce05W8St/Gv+pCfLsT4gvasFcXDh76SgAAAABJRU5ErkJggg==);background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;margin-right:6px}.title-right .personal-icon.black{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAtCAMAAADm86mrAAAAnFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4jUzeAAAAM3RSTlMACwX17BEl6IX54Afk0bOtlo59VCoe8KSegV9cV09NMBfc2tS4sKh2zHlINHBnWkbDvEVPjBGKAAABs0lEQVRIx62U6ZqaMBiFw77IoqCgoyjuWzvT9r3/e2sLz0wREuBH3z/A4SQk33eI6GC956HjOeFlbYlBtJXBJ4arDbjtPU38ea97ZwLh9Vnq5e56A8xn30oOkK2/HjcZ+D0bmIK5a37MgaXSXXqQvihb8BYquwunlhTBTGU/wrYl/YK9wm2BobfFDEq5/QE/OuJPKOT2N1jKivVdbv8m25YLd7n9Dm5HTGD1XxbzAaeOeIat3D6HQ0cMYSe3TwywW9oCPFXoL3DtVisSCjZwbEk3eFPG3Wi/3ICnDnwCgdbcjd9tRev1uZGyvBquJqXZqhn14tSsgLyeX5/SCZGs6difJScXQ/gNu6MPuS2zYc8WvV5tExsQTOoyBeCd3zVVFdOLAfxL4IcHYMSpZITlmlSExZf2vFFhumU7Lg4Ax+Q1kvY9rAesX+QZwH41l53JyQFg2pCWgF8IFds9cGn+7Zy1vorFjQY/gKi/IXoMFPXQAE4T0Y8egWNVIa9uhrCC+sDRTFiLYVLItOpy0MUIjtW0OSRiDFeIq8AWo+wPcISIGUldbttgLMbfkMwjkzGYpz/u37FWVpqCkiPJAAAAAElFTkSuQmCC)}.title-right .personal-icon .redpoint{position:absolute;width:9px;height:9px;border-radius:50%;right:-6px;top:-6px;background:#f74c31}.title-right-800 .personal-icon{width:.72rem;height:.72rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA+7/GkNrVUTvwuqsp87GiXEAREAfjl2j2eBLoh204GxVXgMJungAAAaBJREFUaN7t2NuSgjAMBuCUAlqqKCqCrqf93/8h924v1kNaSHemM/leIDMJDUlIKaWUSmG33RTVel0Vm+2O0lsUBr9MsaC0lhZ/2CUlVOKFklLZN3ip2VMS+xpv1GkiNnirIcb8+qWv4xIfLUmaxUeWhC3AkO4ABRgFidoZMIxsX92CtSVJG7A2KUuYvogVWBVJWoO1JkkIoAE1oAZ8kvfDD2lteTfvkN9T3j/gkBEj7yEqYEzMfRAOHfUzXmaC17WMF9LglTvfo0LM2STbw9DT6Uspde6upbfVlzPGfVXWl9fuTKmsBt/jhd4PqwTRLj0+6C+iMc+DBcsOUsntvEEQ4zuJXLaI0M7N7ONoEMUcHzTd4eQQzZ0Ok7NZY5J6Yl6HERONA01wxAzH+PK1mMUfIuMVmKmJi+gxm4+bPwWUkcsgT2xlvDuIcHcK00JIG7168iTWVAsxlgLcIOg2u6XJt7iDgyDH95sOojrinCDqNPcRyj/FGqJq4vQQ1RNnhKiROBBGHANR5r8/Gkucb0gaO2J1bW8gwtXlipRSSql4Pwb6ygxQfNdJAAAAAElFTkSuQmCC)}.title-right-800 .personal-icon.black{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAAZlBMVEUAAAA9PT00NDQzMzM0NDQzMzM2NjY0NDQ0NDQzMzM0NDQzMzM1NTUzMzM0NDQzMzM0NDQ0NDQ0NDRCQkI0NDQzMzM0NDQ0NDQ0NDQzMzM1NTUzMzM0NDQzMzM3Nzc5OTk9PT0zMzN7y12nAAAAIXRSTlMAEPvyxpBR2ju+urAp1r+romlAB+OX9l3oeFzRjoc4GxWbO4mXAAABqUlEQVRo3u3Y23KCMBSF4ZyUk4gggtqDrvd/yV61F626Cax0hpn9vcA/EyYhO0YppZRKwV4P+8z7bH+4WpPetnD44YqtSSsP+CXkJqENHtiYVGyJh0prkrA1nqjTFEs8VRoB4fsl/445XsrpwYCXAru3hYB9AhQQFNyedRA4Sw2OEI3U4AGiAzW4h2hPDWYQZdSgh8hTg5hAgxrU4B/r3vgZRNm6D+9//z2NEF3XfcWYcIla+zVRvAiv/6o/fZhZ7bg2fSBd7cgd86iw2mcT4WEoETt+P32N1iilbNe+NyE7e+f8OQvNe9tZk8qubXo80DftLkHto8cL/Qe1adsAUWhZi9s1DpO4pmOsZYUI1dKVvZ8corjTfUHuePGI5i/H2atZY5Z65rq2A2Ya2jm9ExY4xX++CotUx8hegYXKuGKDxRrCHBFnEzkMymgj4+0MivNtYrACSRUxenLkscO1jDCIf4Lok3CksY+4oweRl8+bDlSdGLyA6kLYhOSt+AaqNzHYg6oXgwOoBjEIMjHoQOXEYA2qQP35yobOiLqqd6Dw9WZnlFJKqXhfkyi8WPgb23EAAAAASUVORK5CYII=)}.hidden{visibility:hidden}
.info-frame-origin{position:relative;height:100%;color:#fff;overflow:hidden}.info-frame-origin .frame-pop-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;opacity:0;pointer-events:none;background-color:rgba(0,0,0,.5)}.info-frame-origin .frame-pop-wrap.show{opacity:1;pointer-events:auto;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.info-frame-origin .frame-pop-wrap.show .frame-pop{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.info-frame-origin .frame-pop{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(.6);-ms-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6);width:8.53333333rem;background-color:#fff;border-radius:.10666667rem;color:#000;font-size:.45333333rem;line-height:.64rem;text-align:center}.info-frame-origin .frame-pop-content{padding:.64rem .74666667rem}.info-frame-origin .frame-pop-btns{position:relative;height:1.46666667rem;line-height:1.46666667rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-frame-origin .frame-pop-btns:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);background-color:#e6e6e6}.info-frame-origin .frame-pop-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;font-weight:500}.info-frame-origin .frame-pop-btn:active{background:hsla(0,0%,80%,.3)}.info-frame-origin .frame-pop-checkbox{margin-top:.32rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;line-height:.53333333rem;font-size:.37333333rem}.info-frame-origin .frame-pop-icon{width:.53333333rem;height:.53333333rem;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/checkbox-c1d840.png);-webkit-background-size:100% 100%;background-size:100% 100%;margin-right:.21333333rem;-webkit-tap-highlight-color:transparent}.info-frame-origin .frame-pop-icon.checked{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/checkbox_checked-7d0583.png)}.info-frame-origin .frame-background{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:1;background-position:50%}.info-frame-origin .frame-background.blur-bg{-webkit-filter:blur(50px);filter:blur(50px)}.info-frame-origin .frame-background.room-empty-background{-webkit-background-size:100% auto;background-size:100% auto}.info-frame-origin .blur-frame-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.info-frame-origin .blur-default-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/default-bg-995257.png);-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat}.info-frame-origin .frame-background-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgba(0,0,0,.5)}.info-frame-origin .info-frame-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;padding-top:.8rem}.info-frame-origin .info-frame-wrapper .room-name{margin-bottom:.16rem;margin-left:auto;margin-right:auto;width:80%;font-size:.61333333rem;text-align:center;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.info-frame-origin .info-frame-wrapper .minor-info{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:100%;margin-bottom:.64rem;height:.8rem}.info-frame-origin .info-frame-wrapper .minor-info .room-is-open{color:hsla(0,0%,100%,.5);font-size:.37333333rem}.info-frame-origin .info-frame-wrapper .minor-info .room-setting-wrapper{width:.8rem;height:.8rem}.info-frame-origin .info-frame-wrapper .minor-info .room-setting-wrapper .room-setting{margin-left:auto;margin-right:auto;width:.48rem;height:.48rem;margin-top:.16rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAFHRSTlMAgHgRCFMgXVhuQSs0aD0mGGNMR5d/wZUAAAEtSURBVDjLnZTrsoIwDIS7m16hXMT3f9dDg0g7nLGO3x8Js93EhNT8gEQySkdD7PCzyiGIBDjzL0teyg8hux1YTHNuDSUBSKt3QAkB55/YmWtRQtoSCqGEQR9dBMYqF5I1JoKDvJwH0huT8bhEGZtqbWVengWpcTJ31KmpKZg7nhircAWWI8kwkdNw5J3bBB7U9yOhUB0s4ZtGD6oBorfWn/99uFovjoDoybN78+EsAJ28ZxqOg/E8GA/roNPWOIhRJviryOmVJiCeM1UI+24leBYDfivqp/uy8H4L+s1sx2K6Y3mC9j7gpVkbgR650axN1uDOilSLYilsttXXu7QiTZcls1kEhHWdsFW+MwqpXinqG2sqxgcfo6mXU1xKm2pa2jXvXxi/Xz39S6zPH94JCJ+UpSNAAAAAAElFTkSuQmCC);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.info-frame-origin .room-enter-button-wrapper .room-enter-button{margin-left:auto;margin-right:auto;background-color:#ff4f72;width:9.14666667rem;height:1.2rem;line-height:1.06666667rem;text-align:center;font-size:.48rem;border-radius:.16rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-frame-origin .room-enter-button-wrapper .room-enter-button .video-animation{margin-left:8px}.info-frame-origin .room-enter-button-wrapper .room-enter-button:active{background-color:#f44769}.info-frame-origin .room-enter-button-wrapper .room-enter-button.is-disable{background-color:#e9ebec;color:#bbb}.info-frame-origin .room-enter-button-wrapper.room-enter-button-wrapper-800{width:100%;padding-left:.42666667rem;padding-right:.42666667rem;-webkit-box-sizing:border-box;box-sizing:border-box}.info-frame-origin .room-enter-button-wrapper.room-enter-button-wrapper-800 .room-enter-button{width:100%;height:1.2rem;line-height:1.2rem;text-align:center;font-size:.45333333rem;border-radius:6px;max-width:420px}.info-frame-origin .room-more{position:absolute;width:100%;bottom:.4rem;text-align:center;font-size:.37333333rem;color:hsla(0,0%,100%,.5)}.info-frame-origin .room-more:before{content:"";position:absolute;top:-.4rem;left:50%;margin-left:-.21333333rem;width:.42666667rem;height:.21333333rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAMAAABA3o1rAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFXRSTlMAgHcFZilwazcdF19TTkY/EQxYMiOt++tXAAAAfUlEQVQoz62Q2xKEIAxD0wIiiHf//1t33SwzqPik5wXadJpM8TLBirb38pxkx2912Ywqf5aportGCgZzkmNHwbueH10P5uwyYLQsbECm1bz36JYYZfMsu1jkFTIaYMnmKJkS201ANr/ejEl+A/2MCqvuK2BpXsMMqu774Bkf9LgC+lSBAfYAAAAASUVORK5CYII=);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.info-frame-origin .room-more-switch{position:absolute;width:100%;bottom:.4rem;text-align:center;font-size:.37333333rem;color:hsla(0,0%,100%,.5);display:-webkit-box;-webkit-box-pack:center}.info-frame-origin .room-more-switch .room-more-switcher .recommdation-switcher{margin-left:.16rem;background-color:#8d8a8a}.info-frame-origin .room-more-switch .room-more-switcher .recommdation-switcher:before{background-color:#bbb}@media screen and (max-height:440px){div.info-frame .info-frame-wrapper{padding-top:0}div.info-frame .info-frame-wrapper .minor-info{margin-bottom:0}div.info-frame .info-frame-wrapper .video-info{padding-bottom:.26666667rem}}@media screen and (min-height:441px) and (max-height:490px){div.info-frame .info-frame-wrapper{padding-top:0}div.info-frame .info-frame-wrapper .minor-info{margin-bottom:.26666667rem}div.info-frame .info-frame-wrapper .video-info{padding-bottom:.4rem}}@media screen and (min-height:491px) and (max-height:540px){div.info-frame .info-frame-wrapper{padding-top:0}div.info-frame .info-frame-wrapper .minor-info{margin-bottom:.53333333rem}div.info-frame .info-frame-wrapper .video-info{padding-bottom:.53333333rem}}@media screen and (min-height:541px) and (max-height:590px){div.info-frame .info-frame-wrapper{padding-top:0}div.info-frame .info-frame-wrapper .minor-info{margin-bottom:.8rem}div.info-frame .info-frame-wrapper .video-info{padding-bottom:.8rem}}

.notice-bar{position:absolute;bottom:0;left:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:1.28rem;padding:0 .37333333rem 0 .74666667rem;background:rgba(0,0,0,.5);cursor:pointer;-webkit-tap-highlight-color:transparent}.notice-bar,.notice-bar .notice-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notice-bar .notice-icon{-ms-flex-negative:0;flex-shrink:0;width:.64rem;height:.64rem;margin-right:.64rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.notice-bar .notice-icon svg{width:100%;height:100%}.notice-bar .notice-text{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#fff;font-family:PingFang SC,sans-serif;font-size:.37333333rem;font-weight:400;line-height:.53333333rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.notice-bar .notice-arrow{-ms-flex-negative:0;flex-shrink:0;width:.53333333rem;height:.53333333rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.notice-bar .notice-arrow svg{width:100%;height:100%}
.recommdation-switcher-wrapper{position:relative;z-index:1000;-ms-transform:translate(-7px,-7px);transform:translate(-7px,-7px);-webkit-transform:translate(-7px,-7px);width:1.06666667rem;height:.8rem;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center}.recommdation-switcher{position:relative;background-color:#ececec;width:.69333333rem;height:.42666667rem;border-radius:.18666667rem}.recommdation-switcher.is-open:before{left:.29333333rem}.recommdation-switcher:before{content:"";position:absolute;top:1px;left:1px;width:.37333333rem;height:.37333333rem;border-radius:50%;background-color:#bbb;-webkit-transition:left .1s;-o-transition:left .1s;transition:left .1s}
.test-button{font-size:14px;text-align:center;margin-bottom:6px}
.video-animation{display:-webkit-box;-webkit-box-align:end}.video-animation .strip{width:2px;margin-right:2px;background-color:#fff;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}.video-animation .strip::last-child{margin-right:0}
.info-origin{height:100%}
.room-empty-origin.is_full{margin-top:.48rem;margin-bottom:.85333333rem}.room-empty-origin .room-online-number{color:#fff;padding-bottom:1.09333333rem;width:100%;font-size:.37333333rem;text-align:center}
.video-info .base-video-animation{position:absolute;bottom:5px;right:5px}
.default-video{width:7.2rem;height:7.2rem;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/default-video-90dbc4.png);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.video-info{padding-bottom:1.06666667rem}.image-box{position:relative;width:7.2rem;height:7.2rem;margin-left:auto;margin-right:auto}.image-box .image-picture{position:absolute;z-index:1;width:100%;height:100%;background-position:50%}.image-box .anchor-info-mask{position:absolute;z-index:2;bottom:0;width:100%;height:1.6rem;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-o-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5))}.image-box .anchor-info{position:absolute;z-index:3;width:100%;bottom:0;font-size:.37333333rem;display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:end}.image-box .anchor-info .anchor-main-info{line-height:.48rem;padding-left:.29333333rem;padding-right:.29333333rem;padding-bottom:.21333333rem}.image-box .anchor-info .anchor-main-info .anchor-name{display:-webkit-box}.image-box .anchor-info .anchor-main-info .anchor-name .anchor-name-val{max-width:135px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.image-box .anchor-info .anchor-status-icon{width:.53333333rem;height:.53333333rem;background-color:#fff}

.audio-info-origin .audio-avatar .user-avatar-wrapper{margin-bottom:.58666667rem;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center}.audio-info-origin .audio-avatar .user-avatar-wrapper .user-avatar{width:2.13333333rem;height:2.13333333rem;border-radius:50%;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.audio-info-origin .audio-avatar .anchor-name{font-size:.37333333rem;text-align:center;margin-bottom:.08rem;padding-left:.16rem;padding-right:.16rem}.audio-info-origin .audio-avatar .participator-number{font-size:.32rem;text-align:center;padding-bottom:.66666667rem}@media screen and (max-height:440px){.audio-info-origin .audio-avatar div.participator-number{padding-bottom:.26666667rem}}@media screen and (min-height:441px) and (max-height:490px){.audio-info-origin .audio-avatar div.participator-number{padding-bottom:.66666667rem}}@media screen and (min-height:491px) and (max-height:540px){.audio-info-origin .audio-avatar div.participator-number{padding-bottom:1.06666667rem}}@media screen and (min-height:541px) and (max-height:590px){.audio-info-origin .audio-avatar div.participator-number{padding-bottom:1.46666667rem}}
.avatar{height:50px;width:50px;border-radius:100px;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;background-position:50%}.avatar._default{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/default-avatar1-b138d9.png)}.avatar._male{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/default-avatar-male-d606d3.png)}.avatar._female{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/default-avatar-female-0bb2dd.png)}
@-webkit-keyframes singleWave{0%{height:50px}20%{height:40px}50%{height:25px}80%{height:15px}to{height:10px}}@keyframes singleWave{0%{height:50px}20%{height:40px}50%{height:25px}80%{height:15px}to{height:10px}}.wave_container{-webkit-box-flex:1;-ms-flex:1 1 100px;flex:1 1 100px;height:50px;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wave_container .wave{display:inline-block;width:2px;height:50px;border-radius:10px;background-color:#fff8ff}.wave_container .wave_1{-webkit-animation:singleWave .5s infinite .1s linear alternate;animation:singleWave .5s infinite .1s linear alternate}.wave_container .wave_2{-webkit-animation:singleWave .5s infinite .2s linear alternate;animation:singleWave .5s infinite .2s linear alternate}.wave_container .wave_3{-webkit-animation:singleWave .5s infinite .3s linear alternate;animation:singleWave .5s infinite .3s linear alternate}.wave_container .wave_4{-webkit-animation:singleWave .5s infinite .4s linear alternate;animation:singleWave .5s infinite .4s linear alternate}.wave_container .wave_5{-webkit-animation:singleWave .5s infinite .5s linear alternate;animation:singleWave .5s infinite .5s linear alternate}.wave_container .wave_6{-webkit-animation:singleWave .5s infinite .6s linear alternate;animation:singleWave .5s infinite .6s linear alternate}.wave_container .wave_7{-webkit-animation:singleWave .5s infinite .7s linear alternate;animation:singleWave .5s infinite .7s linear alternate}.wave_container .wave_8{-webkit-animation:singleWave .5s infinite .8s linear alternate;animation:singleWave .5s infinite .8s linear alternate}
.audio-frequncy{position:absolute;bottom:0;right:0;display:-webkit-box;-webkit-box-align:end;z-index:1000}.audio-frequncy .frequncy{width:13px;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}.audio-frequncy .frequncy1{background-color:hsla(0,0%,100%,.3)}.audio-frequncy .frequncy2{background-color:hsla(0,0%,100%,.5)}.audio-frequncy .frequncy3{background-color:hsla(0,0%,100%,.8)}
.multi-video{-webkit-box-orient:vertical}.multi-video,.multi-video .user-list{display:-webkit-box;-webkit-box-pack:center}.multi-video .user-list{margin-left:auto;margin-right:auto;width:8.10666667rem}.multi-video .user-list .user-item{width:1.49333333rem;margin-left:.16rem;margin-top:.53333333rem}.multi-video .user-list .user-item:nth-child(5n){margin-left:0}.multi-video .user-list .user-item .user-avatar{margin-left:auto;margin-right:auto;width:1.06666667rem;height:1.06666667rem;border-radius:50%;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.multi-video .user-list .user-item .username{margin-top:.18666667rem;text-align:center;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:.32rem}.multi-video .user-list .user-more .user-avatar{position:relative}.multi-video .user-list .user-more .user-avatar .user-more-mask{position:absolute;width:1.33333333rem;height:1.33333333rem;background-color:rgba(0,0,0,.4);border-radius:50%;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center}.multi-video .user-list .user-more .user-avatar .user-more-mask .mask-circle{width:.16rem;height:.16rem;background-color:#fff;border-radius:50%;margin-right:6px}.multi-video .user-list .user-more .user-avatar .user-more-mask .mask-circle:last-child{margin-right:0}.multi-video .video-online-number{display:-webkit-box;-webkit-box-pack:center;margin-top:.82666667rem;margin-bottom:1.2rem}.multi-video .video-online-number .number-msg{font-size:.37333333rem}.multi-video .video-online-number .multi-video-animation{margin-left:10px}@media screen and (max-height:440px){.multi-video{min-height:4.53333333rem}.multi-video div.video-online-number{margin-top:.26666667rem;margin-bottom:.4rem}}@media screen and (min-height:441px) and (max-height:490px){.multi-video{min-height:5.33333333rem}.multi-video div.video-online-number{margin-top:.4rem;margin-bottom:.4rem}}@media screen and (min-height:491px) and (max-height:540px){.multi-video{min-height:6.13333333rem}.multi-video div.video-online-number{margin-top:.53333333rem;margin-bottom:.66666667rem}}@media screen and (min-height:541px) and (max-height:590px){.multi-video{min-height:6.93333333rem}.multi-video div.video-online-number{margin-top:.66666667rem;margin-bottom:.93333333rem}}
.close-wrapper{position:relative}.close-wrapper .close-content{position:relative;z-index:2;height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center}.close-wrapper .close-content .close-icon{margin-left:auto;margin-right:auto;width:2.34666667rem;height:1.44rem;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/close-bb17bd.png);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.close-wrapper .close-content .close-msg{padding-top:.58666667rem;font-size:.37333333rem;text-align:center;color:#fff}
.secret-msg{font-size:.48rem;color:hsla(0,0%,100%,.4);text-align:center;margin-top:1.54666667rem}
.hall{padding-top:9px;background-color:#fff}
.attention{padding-top:.50666667rem}.attention:after{content:"";display:block;width:100%;height:.26666667rem;background-color:#f2f2f2}.attention .attention-header{display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;margin-left:.32rem;margin-right:.37333333rem}.attention .attention-header .attention-label{font-size:.37333333rem;font-weight:bolder}.attention .attention-header .attention-more{font-size:.37333333rem;color:#777;margin-right:.29333333rem;position:relative}.attention .attention-header .attention-more:before{content:"";position:absolute;top:.05333333rem;right:-.29333333rem;display:block;width:.18666667rem;height:.32rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAZCAMAAAA2Re/AAAAAS1BMVEUAAACjo6OcnJyZmZmZmZmampqampqampqZmZmbm5uampqZmZmampqampqZmZmbm5udnZ2ampqampqZmZmbm5ubm5uZmZmbm5uZmZl6vvVuAAAAGHRSTlMACCPL+cS6rnMS9OLVinxXG51oYUZB7E/1jwxGAAAAdElEQVQY013QSxKAIAwDUEFAUfGP5v4ntc4wptjd23SSNLb1tuH1wLiSdgCmSJ8OaA29AAjKh7ir32FTTuKkvIln5U68kyaIF2UPuEzHCwhkqr7NVZb+1Zd0L7mZ2ht20h1vJ4rsr/fIg2jlVmU7Lsllfzs/D6kIRgSxZ00AAAAASUVORK5CYII=);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.attention .attention-list{display:-webkit-box;margin-top:.50666667rem;padding-left:.10666667rem;padding-right:.10666667rem;padding-bottom:.4rem}.attention .attention-list .attention-item{margin-left:.16rem;margin-right:.16rem}.attention .attention-list .attention-item .attention-avatar-wrapper{position:relative;padding:.10666667rem;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/avatar-frame-d83e0b.png)}.attention .attention-list .attention-item .attention-avatar-wrapper,.attention .attention-list .attention-item .attention-avatar-wrapper .attention-avatar{margin-left:auto;margin-right:auto;width:1.49333333rem;height:1.49333333rem;border-radius:50%;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.attention .attention-list .attention-item .attention-avatar-wrapper .attention-icon{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/audio-62ea9f.png)}.attention .attention-list .attention-item .attention-avatar-wrapper .attention-icon,.attention .attention-list .attention-item .attention-avatar-wrapper .heart-icon{position:absolute;right:.05333333rem;bottom:.02666667rem;width:.48rem;height:.48rem;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.attention .attention-list .attention-item .attention-avatar-wrapper .heart-icon{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/heart-a3c3bb.png)}.attention .attention-list .attention-item .attention-username{margin-left:auto;margin-right:auto;margin-top:.16rem;font-size:.32rem;text-align:center;width:1.70666667rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height:.4rem}.attention .attention-list .attention-item .attention-watching{width:1.92rem;margin-top:.08rem;font-size:.32rem;text-align:center;-webkit-transform:scale(.84);-ms-transform:scale(.84);transform:scale(.84);color:#777;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.my-group:after{content:"";display:block;width:100%;height:.26666667rem;background-color:#f2f2f2}.my-group .my-group-header{padding-top:24px;padding-bottom:24px;font-size:.37333333rem;font-weight:bolder;margin-left:.32rem;margin-right:.37333333rem}.my-group .room-list{display:-webkit-box;color:#fff;padding-bottom:.48rem}.my-group .room-list .room-item{position:relative;width:4.21333333rem;height:4.21333333rem;margin-left:5px;overflow:hidden;border-radius:4px}.my-group .room-list .room-item:last-child{margin-right:5px}.my-group .room-list .room-item .room-bg{position:absolute;z-index:1;width:100%;height:100%;background-color:#a1a1a1;border-radius:4px}.my-group .room-list .room-item .room-bg.has-bg{background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;-webkit-filter:blur(15px);filter:blur(15px)}.my-group .room-list .room-item .room-item-bg-mask{position:absolute;z-index:2;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.my-group .room-list .room-item .room-item-content{position:absolute;z-index:4;width:100%;height:100%;padding-top:.69333333rem;padding-left:.18666667rem;padding-right:.18666667rem;-webkit-box-sizing:border-box;box-sizing:border-box}.my-group .room-list .room-item .room-item-content .room-avatar{margin-bottom:.69333333rem;margin-left:auto;margin-right:auto;width:1.6rem;height:1.6rem;border-radius:50%;background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.my-group .room-list .room-item .room-item-content .room-avatar.has-bg{width:1.49333333rem;height:1.49333333rem;border:2px solid hsla(0,0%,100%,.5)}.my-group .room-list .room-item .room-item-content .room-avatar.default-avatar{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/default-group-e1af7b.png)}.my-group .room-list .room-item .room-item-content .room-name{font-size:.37333333rem;margin-bottom:.18666667rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;height:.42666667rem;line-height:.42666667rem}.my-group .room-list .room-item .room-item-content .room-msg{display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:justify;font-size:.32rem}.my-group .room-list .room-item .room-item-content .room-msg .username{position:relative;top:-2px}.my-group .room-list .room-item .room-item-content .room-msg .username .username-text{position:relative;top:2px;display:inline-block;max-width:2.05333333rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.my-group .room-list .room-item .room-item-info-mask{position:absolute;z-index:3;bottom:0;width:100%;height:1.33333333rem;border-radius:4px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-o-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5))}
.hall-content-switch{display:-webkit-box;-webkit-box-pack:center;padding-top:.64rem}.hall-content-switch .hall-content-switch-label{font-size:.37333333rem;color:#777}.hall-content-switch .hall-content-switcher{margin-left:.16rem}.hall-content-origin{position:relative}.hall-content-origin .hall-header{position:relative;display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;margin-left:.32rem;margin-right:.32rem;padding-top:.45333333rem;margin-bottom:.42666667rem}.hall-content-origin .hall-header .hall-label{font-size:.37333333rem;font-weight:bolder}.hall-content-origin .hall-header .hall-header-switcher{position:absolute;left:1.65333333rem;top:.45333333rem}.hall-content-origin .hall-header .hall-header-recommend{position:absolute;right:0;top:.45333333rem;color:#777;font-size:.37333333rem;line-height:.37333333rem;letter-spacing:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hall-content-origin .hall-header .hall-header-recommend .tag{display:inline-block;width:.37333333rem;height:.37333333rem;margin-right:.09333333rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAS1BMVEUAAACZmZmbm5ubm5uqqqqcnJyampqampqZmZmfn5+hoaGampqZmZmampqbm5uZmZmampqampqampqampqampqampqbm5uenp6ZmZlfUDkPAAAAGHRSTlMA81dCBh7awU4UDezjczPQy7SvjIRjXChRXDWnAAAAeklEQVQoz5XSxxWAMAwEUTA4YXLc/itFDYwf6Pov0mqbT5M6NiedNdRE2O+mF2o0daTDKrW4VQ6mM6kfpfKQPkUaPencSiGTdqbLQJpMY096SzoIfZE2PIeP9YFjyjVbzBJHLwcWze7KQy+wzWzimphxwc6G8fhdap4XDHkIVaWDFAUAAAAASUVORK5CYII=);-webkit-background-size:.32rem .37333333rem;background-size:.32rem .37333333rem;background-repeat:no-repeat;background-position:50%;margin-top:1px}.hall-content-origin .hall-header .hall-tab-list{display:-webkit-box}.hall-content-origin .hall-header .hall-tab-list .hall-tab-item{border:.02666667rem solid #c3c8cc;width:2.13333333rem;height:.8rem;line-height:.8rem;border-radius:.4rem;text-align:center;font-size:.37333333rem;color:#000;margin-left:.26666667rem}.hall-content-origin .hall-header .hall-tab-list .hall-tab-item.active{border:.02666667rem solid #ff4f72;color:#ff4f71}.hall-content-origin .hall-list{overflow:hidden}.hall-content-origin .hall-list .hall-item{position:relative;float:left;width:47.6%;padding-top:47.6%;margin-bottom:1.6%;height:0;border-radius:.08rem;overflow:hidden}.hall-content-origin .hall-list .hall-item:nth-child(odd){margin-left:1.6%;margin-right:.8%}.hall-content-origin .hall-list .hall-item:nth-child(2n){margin-left:.8%;margin-right:1.6%}.hall-content-origin .hall-list .hall-item .label-area{position:absolute;z-index:5;top:0;left:0;overflow:hidden}.hall-content-origin .hall-list .hall-item .jiaoyou-label{float:left;margin-right:3px;width:1.97333333rem;height:.53333333rem;background:-webkit-gradient(linear,left top,right top,from(#ff5475),to(#e64cff));background:-webkit-linear-gradient(left,#ff5475,#e64cff);background:-o-linear-gradient(left,#ff5475,#e64cff);background:linear-gradient(90deg,#ff5475,#e64cff);border-radius:2px;text-align:center;font-size:.32rem;line-height:.53333333rem;color:#fff}.hall-content-origin .hall-list .hall-item .rcmd-icon-xiangqin{display:inline-block;-webkit-background-size:contain;background-size:contain;margin-right:3px;width:12.5px;height:12.5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHHRSTlMA+OoKvrkuGeKDdvHNmJFmYlw6Jh3QxXBRTUETp6je0AAAAI1JREFUKM+10NkOgyAQheFhp66t2n3e/zlrhiUVxivjf3WSLyQAnJKyLi4auemBiNqu6ykRZZPhhZQYlQlLqwBfiTGfxiXIgHUzScfISCIY6UkkIwOJYeRKcqtBLLBzKL118QVoSNl2A3cFuY/4A+8gVN5CzrCpSSAmKOqjvKHK5CeWqY6+n8vpdoUj/QDQ6hxaeUEcKAAAAABJRU5ErkJggg==)}.hall-content-origin .hall-list .hall-item .rcmd-label{float:left;width:1.97333333rem;height:.53333333rem;border-radius:2px;text-align:center;font-size:.32rem;line-height:.53333333rem;color:#fff}.hall-content-origin .hall-list .hall-item .rcmd-label-1{background:-webkit-gradient(linear,left top,right top,from(#ff7c40),to(#ffb54c));background:-webkit-linear-gradient(left,#ff7c40,#ffb54c);background:-o-linear-gradient(left,#ff7c40,#ffb54c);background:linear-gradient(90deg,#ff7c40,#ffb54c)}.hall-content-origin .hall-list .hall-item .rcmd-label-2{background:-webkit-gradient(linear,left top,right top,from(#ff4971),to(#ff67a0));background:-webkit-linear-gradient(left,#ff4971,#ff67a0);background:-o-linear-gradient(left,#ff4971,#ff67a0);background:linear-gradient(90deg,#ff4971,#ff67a0)}.hall-content-origin .hall-list .hall-item .rcmd-label-3{background:-webkit-gradient(linear,left top,right top,from(#4780f8),to(#957afb));background:-webkit-linear-gradient(left,#4780f8,#957afb);background:-o-linear-gradient(left,#4780f8,#957afb);background:linear-gradient(90deg,#4780f8,#957afb)}.hall-content-origin .hall-list .hall-item .rcmd-label-4{background:-webkit-gradient(linear,left top,right top,from(#0cdb9b),to(#1cd9c9));background:-webkit-linear-gradient(left,#0cdb9b,#1cd9c9);background:-o-linear-gradient(left,#0cdb9b,#1cd9c9);background:linear-gradient(90deg,#0cdb9b,#1cd9c9)}.hall-content-origin .hall-list .hall-item .rcmd-label-5{background:-webkit-gradient(linear,left top,right top,from(#ea41b4),to(#ff67a4));background:-webkit-linear-gradient(left,#ea41b4,#ff67a4);background:-o-linear-gradient(left,#ea41b4,#ff67a4);background:linear-gradient(90deg,#ea41b4,#ff67a4)}.hall-content-origin .hall-list .hall-item .rcmd-label .rcmd-icon{display:inline-block;-webkit-background-size:contain;background-size:contain;margin-right:3px}.hall-content-origin .hall-list .hall-item .rcmd-label .rcmd-icon-1{width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAqdQdUEQG9vDj3cKViIRlLiojC+y8bDs0FhDNsXVZcjdnmQAAALZJREFUKM+VkukOgyAQBgEVvG+rPb/3f8sCbS27apPOn9VMxCEg/qbujt1g5LFsgEhwksaPeASu3EYGiR0VHGNP5Q2Y7GiVk6UmLoZlsQ9aAieWmDnpMxfkglLB43+l2IcdXpTupdVUFm9pzoITTfigeuYeKb6kcaguEpQ6WDIDR4adHCVW5py5IiweSuIqflgZjyXF69Kt2JKQUI6EZ96VkfGhYp+7k/GB1IrsftvU/Ljokh3yEzu5Gs0zBNNSAAAAAElFTkSuQmCC)}.hall-content-origin .hall-list .hall-item .rcmd-label .rcmd-icon-2{width:11px;height:8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQBAMAAADgw5IVAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMA0+NJ3tnGaFKPhQisCMAAAAA1SURBVAjXYzDaDQbKDECgDWFvArF3QwEDuyeczRG9Ec7O3o1g76aUjTATq10M7F7IbkN2MwA/1m1uFBVgaQAAAABJRU5ErkJggg==)}.hall-content-origin .hall-list .hall-item .rcmd-label .rcmd-icon-3{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-content-origin .hall-list .hall-item .rcmd-label .rcmd-icon-4{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-content-origin .hall-list .hall-item .rcmd-label .rcmd-icon-5{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-content-origin .hall-list .hall-item .hall-item-background-wrapper{position:absolute;top:0;bottom:0;z-index:1;width:100%;height:100%;overflow:hidden}.hall-content-origin .hall-list .hall-item .hall-item-more{position:absolute;top:6px;right:8px;z-index:1}.hall-content-origin .hall-list .hall-item .hall-item-background{position:relative;left:50%;height:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.hall-content-origin .hall-list .hall-item .hall-item-info-mask{position:absolute;z-index:2;bottom:0;width:100%;height:60px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-o-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5))}.hall-content-origin .hall-list .hall-item .song-item-info-name{color:#fff;padding-left:.21333333rem;padding-right:.21333333rem;bottom:.69333333rem;position:absolute;z-index:3;font-size:.37333333rem;width:3.86666667rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.hall-content-origin .hall-list .hall-item .song-item-info-name .music-icon{width:16px;height:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAGJJREFUCNdNyjEKgDAQBMBFC8v8wHxEyLcUhMvDLPIUn3CdVxzE9bDIFsPCLsYsRoSkTqQ70H0jlc0SUSFPDP0iFitxEA0WJ3HOjvxRdD0hPzsOzUaSQe6kZG4oDUCuZMKYF2feNR/iDsrGAAAAAElFTkSuQmCC);-webkit-background-size:contain;background-size:contain;display:inline-block;vertical-align:middle;margin-right:3px}.hall-content-origin .hall-list .hall-item .hall-item-info{position:absolute;z-index:3;bottom:0;width:100%;color:#fff;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:justify;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.21333333rem;padding-right:.21333333rem;margin-bottom:.13333333rem;height:.48rem;line-height:.48rem}.hall-content-origin .hall-list .hall-item .hall-item-info .room-name{font-size:.37333333rem;-webkit-box-flex:1;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin-right:6px;height:.48rem;line-height:.48rem}.hall-content-origin .hall-list .hall-item .hall-item-info .online-number{font-size:.42666667rem;height:.48rem;line-height:.48rem}.hall-content-origin .hall-list .hall-item .hall-item-info .paimai-number{font-size:.37333333rem;height:.48rem;line-height:.48rem}.hall-content-origin .hall-list .hall-item .hall-item-label{position:absolute;z-index:10;bottom:.66666667rem;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);width:4.4rem;height:.66666667rem;background-repeat:no-repeat;background-position:50%;-webkit-background-size:auto 100%;background-size:auto 100%}.hall-content-origin .page-loading{text-align:center;font-size:.37333333rem;padding-top:.16rem;padding-bottom:.26666667rem;color:#777}.hall-content-origin .first-hall-spinner{text-align:center;margin-top:2.13333333rem;-webkit-animation:.3s fadeIn;animation:.3s fadeIn;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.3s;animation-delay:.3s;visibility:hidden}@-webkit-keyframes fadeIn{99%{visibility:hidden}to{visibility:visible}}@keyframes fadeIn{99%{visibility:hidden}to{visibility:visible}}.dots{display:-webkit-box;display:-ms-flexbox;display:flex;height:15px}.dots>div{height:5px;width:5px;border-radius:10px;overflow:hidden;background:hsla(0,0%,100%,.6);margin:1.5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3)}.nodata{font-size:16px;color:#aaa;text-align:center}.nodata .nodata-icon{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/nodata-0cffd3.png);-webkit-background-size:contain;background-size:contain;width:150px;height:140px;margin:70px auto 22px}


.text-nowrap{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.hall-date{float:left;overflow:hidden;width:47.6%;height:6.13333333rem;margin-bottom:13px}.hall-date:nth-child(odd){margin-left:1.6%;margin-right:.8%}.hall-date:nth-child(2n){margin-left:.8%;margin-right:1.6%}.hall-item-date-info{margin-top:8px;padding:0 6px;color:#777}.hall-item-date-info_avatar{width:16px;height:16px;border-right:4px;-webkit-background-size:contain;background-size:contain;margin-right:6px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.hall-item-date-info_anchor_name{display:-webkit-box;display:-ms-flexbox;display:flex;color:#777;margin-bottom:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hall-item-date-info_anchor_name>span{display:inline-block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:160px}.hall-item-date{position:relative;width:100%;padding-top:100%;height:0;border-radius:.08rem;overflow:hidden}.hall-item-date .label-area{position:absolute;z-index:5;top:0;left:0;overflow:hidden}.hall-item-date .jiaoyou-label{float:left;margin-right:3px;width:1.97333333rem;height:.53333333rem;background:-webkit-gradient(linear,left top,right top,from(#ff5475),to(#e64cff));background:-webkit-linear-gradient(left,#ff5475,#e64cff);background:-o-linear-gradient(left,#ff5475,#e64cff);background:linear-gradient(90deg,#ff5475,#e64cff);border-radius:2px;text-align:center;font-size:.32rem;line-height:.53333333rem;color:#fff}.hall-item-date .rcmd-icon-xiangqin{display:inline-block;-webkit-background-size:contain;background-size:contain;margin-right:3px;width:12.5px;height:12.5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHHRSTlMA+OoKvrkuGeKDdvHNmJFmYlw6Jh3QxXBRTUETp6je0AAAAI1JREFUKM+10NkOgyAQheFhp66t2n3e/zlrhiUVxivjf3WSLyQAnJKyLi4auemBiNqu6ykRZZPhhZQYlQlLqwBfiTGfxiXIgHUzScfISCIY6UkkIwOJYeRKcqtBLLBzKL118QVoSNl2A3cFuY/4A+8gVN5CzrCpSSAmKOqjvKHK5CeWqY6+n8vpdoUj/QDQ6hxaeUEcKAAAAABJRU5ErkJggg==)}.hall-item-date .rcmd-label{float:left;width:1.97333333rem;height:.53333333rem;border-radius:2px;text-align:center;font-size:.32rem;line-height:.53333333rem;color:#fff}.hall-item-date .rcmd-label-1{background:-webkit-gradient(linear,left top,right top,from(#ff7c40),to(#ffb54c));background:-webkit-linear-gradient(left,#ff7c40,#ffb54c);background:-o-linear-gradient(left,#ff7c40,#ffb54c);background:linear-gradient(90deg,#ff7c40,#ffb54c)}.hall-item-date .rcmd-label-2{background:-webkit-gradient(linear,left top,right top,from(#ff4971),to(#ff67a0));background:-webkit-linear-gradient(left,#ff4971,#ff67a0);background:-o-linear-gradient(left,#ff4971,#ff67a0);background:linear-gradient(90deg,#ff4971,#ff67a0)}.hall-item-date .rcmd-label-3{background:-webkit-gradient(linear,left top,right top,from(#4780f8),to(#957afb));background:-webkit-linear-gradient(left,#4780f8,#957afb);background:-o-linear-gradient(left,#4780f8,#957afb);background:linear-gradient(90deg,#4780f8,#957afb)}.hall-item-date .rcmd-label-4{background:-webkit-gradient(linear,left top,right top,from(#0cdb9b),to(#1cd9c9));background:-webkit-linear-gradient(left,#0cdb9b,#1cd9c9);background:-o-linear-gradient(left,#0cdb9b,#1cd9c9);background:linear-gradient(90deg,#0cdb9b,#1cd9c9)}.hall-item-date .rcmd-label-5{background:-webkit-gradient(linear,left top,right top,from(#ea41b4),to(#ff67a4));background:-webkit-linear-gradient(left,#ea41b4,#ff67a4);background:-o-linear-gradient(left,#ea41b4,#ff67a4);background:linear-gradient(90deg,#ea41b4,#ff67a4)}.hall-item-date .rcmd-label .rcmd-icon{display:inline-block;-webkit-background-size:contain;background-size:contain;margin-right:3px}.hall-item-date .rcmd-label .rcmd-icon-1{width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAqdQdUEQG9vDj3cKViIRlLiojC+y8bDs0FhDNsXVZcjdnmQAAALZJREFUKM+VkukOgyAQBgEVvG+rPb/3f8sCbS27apPOn9VMxCEg/qbujt1g5LFsgEhwksaPeASu3EYGiR0VHGNP5Q2Y7GiVk6UmLoZlsQ9aAieWmDnpMxfkglLB43+l2IcdXpTupdVUFm9pzoITTfigeuYeKb6kcaguEpQ6WDIDR4adHCVW5py5IiweSuIqflgZjyXF69Kt2JKQUI6EZ96VkfGhYp+7k/GB1IrsftvU/Ljokh3yEzu5Gs0zBNNSAAAAAElFTkSuQmCC)}.hall-item-date .rcmd-label .rcmd-icon-2{width:11px;height:8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQBAMAAADgw5IVAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMA0+NJ3tnGaFKPhQisCMAAAAA1SURBVAjXYzDaDQbKDECgDWFvArF3QwEDuyeczRG9Ec7O3o1g76aUjTATq10M7F7IbkN2MwA/1m1uFBVgaQAAAABJRU5ErkJggg==)}.hall-item-date .rcmd-label .rcmd-icon-3{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-item-date .rcmd-label .rcmd-icon-4{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-item-date .rcmd-label .rcmd-icon-5{width:10px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+4FOyrHsoxSkYRuWUkeDeXf2s3Cp5x8ZkEjGRLVupUxOWOp5AAAAKlJREFUKM+Fz1cSwjAMRVG5pHfSQ0J5+18kM1iOFX64n2fkIjozkY3oWlN0APTcCLMaLm1P2xR8qvZYIXQzjDtEJQ/SJHBwqNu7CqgcYqYMIeMmUdF6zmo3mUBlFMWMicMaQGrI5mPXxwUvG33/V7Yke/GzY74sK1sr/jMdjCWDeqZv8vWMGYVqtpxEibPYCOO1dUOiQl54PZ3SpdRfKDsG4LHTb3Yz9L8P4KUagLknyBcAAAAASUVORK5CYII=)}.hall-item-date .hall-item-background-wrapper{position:absolute;top:0;bottom:0;z-index:1;width:100%;height:100%;overflow:hidden;background-color:#fff}.hall-item-date .hall-item-more{position:absolute;top:6px;right:8px;z-index:1}.hall-item-date .hall-item-background{position:relative;left:50%;height:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat}.hall-item-date .hall-item-info-mask{position:absolute;z-index:2;bottom:0;width:100%;height:60px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-o-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5))}.hall-item-date .song-item-info-name{color:#fff;padding-left:.21333333rem;padding-right:.21333333rem;bottom:.69333333rem;position:absolute;z-index:3;font-size:.37333333rem;width:3.86666667rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.hall-item-date .song-item-info-name .music-icon{width:16px;height:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAGJJREFUCNdNyjEKgDAQBMBFC8v8wHxEyLcUhMvDLPIUn3CdVxzE9bDIFsPCLsYsRoSkTqQ70H0jlc0SUSFPDP0iFitxEA0WJ3HOjvxRdD0hPzsOzUaSQe6kZG4oDUCuZMKYF2feNR/iDsrGAAAAAElFTkSuQmCC);-webkit-background-size:contain;background-size:contain;display:inline-block;vertical-align:middle;margin-right:3px}.hall-item-date .hall-item-info{position:absolute;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;bottom:2px;width:100%;color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.21333333rem;padding-right:.21333333rem;margin-bottom:.08rem}.hall-item-date .hall-item-info_sub>div{float:left}.hall-item-date .hall-item-info .role-name{opacity:.8;color:#fff}.hall-item-date .hall-item-info .role-name>span{display:block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:160px;height:.48rem;line-height:.48rem}.hall-item-date .hall-item-info .item-age{position:relative;font-size:.42666667rem;padding-right:6px;height:.48rem;line-height:.48rem}.hall-item-date .hall-item-info .item-age:after{content:"";position:absolute;height:14px;border:.5px solid #fff;right:0;top:2px}.hall-item-date .hall-item-info .online-number{font-size:.42666667rem;height:.48rem;line-height:.48rem;padding-left:6px}.hall-item-date .hall-item-info .paimai-number{font-size:.37333333rem;height:.48rem;line-height:.48rem}.hall-item-date .hall-item-label{position:absolute;z-index:10;bottom:.66666667rem;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);width:4.4rem;height:.66666667rem;background-repeat:no-repeat;background-position:50%;-webkit-background-size:auto 100%;background-size:auto 100%}.fixed-wrapper{position:relative}.date-fixed-anchor{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/anchor_bg-8f900e.png);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:50%;width:140px;height:50px;position:absolute;right:30px;bottom:70px;z-index:9;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.date-fixed-anchor img{width:36px;margin-left:7px}.date-fixed-anchor span{position:absolute;top:52%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:40%}

.song-wrapper .song-item-background-wrapper{padding:9px 11.6px;border-bottom:1px solid #e6e6e6;position:relative}.song-wrapper .song-item-background-wrapper .song-item-background{width:100px;height:100px;border-radius:3px;display:inline-block}.song-wrapper .song-item-background-wrapper .song-item-info{display:inline-block;margin-left:15px;vertical-align:top}.song-wrapper .song-item-background-wrapper .song-item-info .song-item-info-title{font-size:16px;margin:18px 0 12px;width:160px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.song-wrapper .song-item-background-wrapper .song-item-info .song-item-info-name{font-size:14px;margin-bottom:5px;color:#b9b9b9}.song-wrapper .song-item-background-wrapper .song-item-info .song-item-info-name .music-icon{width:16px;height:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAYFBMVEUAAADAwMC8vLy8vLy/v7/Q0NC8vLy8vLy+vr6+vr68vLy8vLy8vLy8vLy8vLy8vLy8vLy9vb2+vr7ExMS8vLy8vLy8vLy9vb28vLy8vLy8vLy+vr69vb2+vr68vLy7u7s1TDUoAAAAH3RSTlMADPToFwaXX0o0zLCihu3evnwbEcaQcSLTt2hVPyx3UxWrxQAAAQ9JREFUOMvFktmOwyAMRQk0LAmkgWzNVv7/L8cigVDPonmpeh+QwQfr2kDepE6alrGh/DE5Cf7whwacK9VYM3+JvWZFS2OGVsPqYFfk+fpMNrPdQgIBowfd9bJHKwsCevB0O+NC8jvgrwCYcyFQNnnBwI04oZvos6bfgNS/r8xWYpNNal6L4AUDNNRtn3t2gitweR5cADZJ/g1Ia9Y/gKlHc0BA8UCD6szc8+YCRmjHPFkCNhboC4B3FTDyCHTMI6DyXsH7R8DCK0vVZoCGkRCywFBjwRXqAOBijx7uVLDYsJ29l0fBjqQSQVUZdgYiV3C4lH0vCo3ws8kpfg9BMu2qTLE4CE1+laoZ7QX5mL4AgGYhsKqhdOYAAAAASUVORK5CYII=);-webkit-background-size:contain;background-size:contain;display:inline-block;vertical-align:middle;margin-right:3px}.song-wrapper .song-item-background-wrapper .song-item-info .song-item-info-num{font-size:14px;color:#b9b9b9}.song-wrapper .song-item-background-wrapper .song-item-more{position:absolute;top:6px;right:8px;z-index:1}.song-wrapper .song-item-background-wrapper .song-item-location{display:inline-block;font-size:10px;color:#b9b9b9;vertical-align:top;float:right;margin-top:21px}.nodata{font-size:16px;color:#aaa;text-align:center}.nodata .nodata-icon{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/nodata-0cffd3.png);-webkit-background-size:contain;background-size:contain;width:150px;height:140px;margin:70px auto 22px}
.song-recommendation{position:relative}.song-recommendation .song-recommendation-button{width:100px;color:#ff4e71;font-size:14px;padding-left:19px;margin-top:-5px;padding-bottom:6px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.song-recommendation .song-recommendation-modal{position:absolute;top:28px;left:14px;z-index:500;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/recommendation-tip-15efd0.png);background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;width:319px;height:134px;padding-left:30px;padding-top:32px;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0}.song-recommendation .song-recommendation-modal.is-visiable{opacity:1}.song-recommendation .song-recommendation-modal .modal-line{color:#000;font-size:13px;line-height:26px}
.jiaoyou-wrapper .jiaoyou-item-background-wrapper{padding:9px 11.6px;border-bottom:1px solid #e6e6e6;position:relative}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-background{width:100px;height:100px;border-radius:3px;display:inline-block}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-info{display:inline-block;margin-left:15px;vertical-align:top}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-info .jiaoyou-item-info-title{font-size:16px;margin:7px 0 5px}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-info .jiaoyou-item-info-head .head{display:inline-block;border-radius:50%;width:40px;height:40px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAS1BMVEUAAADq6urs7Ozr6+vr6+vr6+vq6urs7Ozu7u7y8vL////////r6+vq6urr6+vr6+vs7Ozr6+vt7e3r6+vq6urr6+vq6urJycnh4eGk2W5pAAAAFnRSTlMA307vkeTSah0TCAbVxbuxnXFFP5Qnu/17hgAAAYNJREFUWMOs1VmOgzAQRdHnGTNDkgf7X2kjJf2REMdg6izgqkol2ciIc7C9V4Y0yvc2zBHlam09d7zVNUrcRsMEM95wUhMUf1KhObPr5JjlpsOba8VDlMYR1cDDhgpZ2vAEo3PHsDzJ/jxO7HhaF5FUtSzQVkh4OBZxj8R8joVchS9iy2JtxE7T8YJuf2vLSyw+aF6k8aYyvMi8H2bgZcNuYcGla0UBqsa/iVnrsqzMmPDSOGYtG2a4Bk+BMkEGPCmpoHr9l5QK8gZsRrngiE1t5IKmBqApF6QGYCWDFoCXDHogUjLIiFk2OCPIBgPussE7etlgDy8b9FCyQQWTek/zVu4ZpAfK4xd/zdmxDQAwCAPBJtnA+89KByXNFSyAFAVh+80H6id//il8bfxixw58/Djw88UPrJYALlJcRrnQayvCzZK2c9xwckusTTuPFTr46GjGw6OOtzqAc0SgIYbGLBoEaVSlYZrGfRhIamSKoa7GzhiMW3R/oVzo+iNTf2SvPwqma62OMukn6wAAAABJRU5ErkJggg==);-webkit-background-size:contain;background-size:contain;margin-right:9px}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-info .jiaoyou-item-info-head .gender-icon{position:absolute;width:14px;height:14px;-webkit-background-size:contain;background-size:contain;margin:26px 0 0 26px}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-location{display:inline-block;font-size:10px;color:#b9b9b9;vertical-align:top;float:right;margin-top:21px}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-more{position:absolute;top:6px;right:8px;z-index:1}.jiaoyou-wrapper .jiaoyou-item-background-wrapper .jiaoyou-item-info-num{font-size:14px;color:#b9b9b9;margin-bottom:10px}.nodata{font-size:16px;color:#aaa;text-align:center}.nodata .nodata-icon{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/nodata-0cffd3.png);-webkit-background-size:contain;background-size:contain;width:150px;height:140px;margin:70px auto 22px}
.nd-scroller{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;backface-visibility:hidden;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.nd-scroller.noanimation{-webkit-transition:none;-o-transition:none;transition:none}.nd-scroller .nd-scroller-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:100%}.nd-scroller .nd-scroll-view,.nd-scroller .nd-scroller-group{backface-visibility:hidden;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.nd-indicator-scoller{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.nd-indicator-scoller.noanimation{-webkit-transition:none;-o-transition:none;transition:none}.nd-indicator-group{position:absolute;width:100%;bottom:6px;height:20px}.nd-indicatorwrap{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:0;white-space:nowrap}.nd-indicatorwrap .nd-indicator{display:inline-block;width:4px;height:4px;margin-right:3px;margin-left:3px;position:relative;border-radius:4px;background-color:#ccc;backface-visibility:hidden;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.nd-indicatorwrap .nd-indicator.select{background-color:#777}
.star-wrapper-origin{overflow:hidden}.star-wrapper-origin .banner-wrapper{width:100%;margin:0 auto 10px;height:97px}.star-wrapper-origin .banner-wrapper .nd-scroller{overflow:hidden}.star-wrapper-origin .banner-wrapper .panel{width:calc(100% - 10px)!important;padding:0 5px}.star-wrapper-origin .banner-wrapper .panel .bg{height:97px;-webkit-background-size:cover;background-size:cover;border-radius:5px}
.tab-header-origin{position:relative;z-index:99;padding-top:10px;background-color:#fff}.tab-header-origin .tab-content{margin:0 0 20px;padding:9px 0 0 6px;background-color:#fff;padding-top:9px}.tab-header-origin .tab-content .tab-name{font-size:18px;display:inline-block;margin:0 6px;width:50px;color:#777;text-align:center;padding-bottom:5px}.tab-header-origin .tab-content .active{color:#000;border-bottom:3px solid #333}.tab-header-origin .tab-content .more{display:inline-block;width:12px;height:28px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAA4CAYAAADn2zjOAAAAAXNSR0IArs4c6QAAAc5JREFUWAntVjtOw0AQjU1kidJt5C4SoqDhU9BxARRKhBSKiEQWDQ2X4AjYEaIgBXJBY4kL0KAQKICCjyKO4AM4snljLHv9w0NEBbvSKjPP895kx+vZbTTkkBWQFZAVqK2AUhshBFiWtQa3rarqZDAYfAiPKk218onwIAxDBeIXgO4xnSAI3uAfCSGVJmsFw+FwF6KXOZUZVrJUtxLWCiC+mRMntwl8owTPQKwEYEwzrNSpwpMIVgJd18/AeEpYX8bINM2HHFZwWe+AWI7jLHqedwCTdtFtv993FEUJC4oSkBX49Qqwtylltm17Cz+0TcfYps+cf7PACUKzU1ut1hViTzB3MA87nY7vuu5NHZ+1AjS7LvoOdVNxBJqmLfd6vXcRzNusVgHx9TwRvur7/moJnoFYCdASXjOs2AH+UoaLGCuBYRjnELsTifBPcRY8iliZzXoHRESz09Ds9mBGzQ7i12WCEvuHFfjJLprryGxyihqfx2PErlA8vmxqfNsw98n/brA+tPiwj8QFsW58lRSgoslKAFq7SI2QKjwJZyWga0rCSA26Ok5St9xiJaA7EOgjQWIG+7juXkrx7F1EwfNc34knh6yArICswJ+vwCcnY4Sobo1JsQAAAABJRU5ErkJggg==);background-position:top 0 center;-webkit-background-size:contain;background-size:contain;padding-bottom:5px;vertical-align:middle;float:right;margin-right:6px}
.search{width:28px;height:28px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAzpJREFUWAm9V7trU1EcvrmJIFksOKVxcerQSfLqYBEHV0mxIOju3LFDxw6FOvSPUEFQSB3rFIpoXgiFDE52qHcpgeoQhLz8vtPzO57c3JvHzaUHbn6/8/h933feJwlnjpTP5x+MRqMymm4mEoks/FWGwffg/4J7Cr/SbDa/s3yRlJjWGMTbqN8Hydq0dlIHET/g70HIBymbZQMFFIvF+4PB4B2CN2YBhNR/SyaTL+r1+s+QelM8IaBQKDxCjz/iu2taOc4V/ApAP8G20+m0x7put8upWIfYp7CcohV8KmE0OvieNRqNqpQF2TEBJB8Oh5/R8BYbA+AvhBzBPWi1Wr9ZFpZyudwd1O0iZgcxt3W7nuu6T6aJMAI47CBvWD33EFxGcCOMNKgcnSgAp4I6Wagd4BTCpsMVEM65TZ5KpUqLkhOLMYyFq6aJmHo9CdWYVQL0alcLjsPOntdqtYuxlgtkGEsMYumwDc0xgSIjsC81UHwUpecSL5YYxJI8rOGwyhxXHzKyz69QeWA3WNInFjEdiFkjlx/PRUXZKqzMWu1W25muxqpIQx+XKuYUbEoDvc8lG4v1YRouAXexULKSgW1bflyuwfRxKXxOgdqvzMkJFxezH9PmEg7ZBZKP3fZ6PXPYAXyCj1OgDgwy67M9VhEQkLEALy1fuZwC3ueS1sWJ0RpMdPbcj8shOZVCfatJNhZrY6KzEzcjp8DsUzCW9a0WC7nGMucMuE78wC6fUajgS4ZpBd+u8uL5IRYxmc7A9eXa/f8rq3JPiiBmh1eq5KNaYhBL4nE5HYpvW7NFMFxfUaFuRFiPV2rUG7FUKt3r9/s14MiboIq76TEEjWxy+jICDt9waNDRDVYJEGUkGGOTa7zjIHLWmRFgBrFxP8kIy6fdAN9LjMJ7VWD9jAlgOUVguyz9KLU4lBsmYkIAWy/7LAdZFTDH+A7RmSQxmYJEBAq4bu44+hk19x8TxJ2B5DWG+g3sCKP5HALeThMxVYAlJOivGRfwJYjOQVCFPQna57NEzCVAhES1YSIgfPtGBFB4iIgLs0Ci9m7eOM/z2tlslkf+Fj51/mDa/tyYAAqliEwmw4X6kOQoevUPP/uPvgNOkcEAAAAASUVORK5CYII=) no-repeat 50%;-webkit-background-size:16px auto;background-size:16px auto;display:inline-block;float:right;margin-right:10px}
.big-r-entry{color:#f22;font-size:14px;padding:6px 11px;margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.big-r-entry .icon-arrow{width:9px;height:12px}.big-r-entry .text{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}@media (max-width:360px){.big-r-entry{color:#f22;font-size:12px;margin-top:8px;padding:6px 11px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.big-r-entry .icon-arrow{width:9px;height:12px}.big-r-entry .text{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}}
.error-wrapper .error-icon{margin-left:auto;margin-right:auto;width:150px;height:140px;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/error-dda7b9.png);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.error-wrapper .error-msg{margin-top:.66666667rem;font-size:.42666667rem;color:#aaa;text-align:center}
.dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;font-size:.48rem;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;background-color:rgba(0,0,0,.7)}.dialog.hide{opacity:0}.dialog .dialog-box{width:7.92rem;background-color:#fff;border-top:4px solid #ff4f72;border-radius:3px}.dialog .dialog-box .message{padding-left:29px;padding-right:29px;height:83px;display:-webkit-box;-webkit-box-align:center;line-height:23px}.dialog .dialog-box .operation{border-top:1px solid #e6e6e6;display:-webkit-box}.dialog .dialog-box .operation .cancel,.dialog .dialog-box .operation .ensure{-webkit-box-flex:1;text-align:center;line-height:1.2rem;height:1.2rem}.dialog .dialog-box .operation .cancel{border-right:1px solid #e6e6e6}.dialog .dialog-box .operation .ensure{color:#ff4f72}.dialog .dialog-box-800{border-top:none;border-radius:6px;color:#03081a}.dialog .dialog-box-800.is-one-line .message{-webkit-box-pack:center}.dialog .dialog-box-800 .message{padding:.61333333rem .77333333rem;height:auto;display:-webkit-box;-webkit-box-align:center;line-height:.53333333rem;font-size:.37333333rem}.dialog .dialog-box-800 .operation{font-size:.45333333rem}.dialog .dialog-box-800 .operation .cancel,.dialog .dialog-box-800 .operation .ensure{line-height:1.25333333rem;height:1.25333333rem;color:#000}.dialog .dialog-box-800 .operation .cancel{border-right:none}
.test-entry{position:absolute;z-index:200;top:35px;left:0;margin-left:0;width:30px;height:30px}
.text-nowrap{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.backgroud_inline{-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat}.dialog-wrapper{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:99}.dialog-wrapper .inner{position:relative;width:7.92rem;background-color:#fff;min-height:118px;border-radius:6px}.dialog-wrapper .inner h4{text-align:center;font-size:18px;font-weight:400;margin-bottom:14px}.dialog-wrapper .inner img{max-width:100%}.dialog-wrapper .close{position:absolute;top:2px;right:2px;display:inline-block;width:32px;height:32px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABvUExURUdwTAAAAP39/ff39wAAAAAAAAAAAAAAAAAAAAAAAPr6+gAAAPr7+9bW1vT09OXl5ZqamvPz8/v7+7y8vH19febm5omJiczMzP///y8/UUJQYeXo6mhzgXiCjoyUnp2lrcXKz9PW2rm/xaqxuFVicQwXjbcAAAAYdFJOUwAc/MUTCQ0BBQLjJfszlZ9Hs+5TJ3FDf9qbkoQAAAKfSURBVFjD7ZfbeoMgDICngLVYxdbVYe25ff9nXBCrhoPit9vlZuvq/y/GIOHr6z+8sVGx7aL7dTUMYDpEbwnHFZwfC8IPcXzgpDjmShKm0HhecImCF3mQoseJdAQJUGh8Lz2x14pZPk2LWHojLqAWfoPiv4mcDfLtNyg+53IheO4zKL7aycXYVW5D9/8DeDA4c+jun8ug4I46KJ4RGRiEWQbFFzI4CmWwChCHC2KzDCqBvVwRe5xCl8D0+/vdrv3rOf2IUzAreG+aq8mfm+Zh1nGSAMMJNE1zs/imRSmwMQX7EVzg8pfJ37wPAgQJ7qFYAc85XvJkIkjxHSjkDch9qruZVc1ZuhkTOJpft2A46arFFxcvj0MKSmB3YXsCQ/vhr45uRALHMugNPl6SUZAy6lqHDzC8Wx8vOf0UQQkOrktUO5x8vDwMAugC6l5Iz6bx8jIGwbYXJB6BPPt5ECQTgfMW5BX4i29BHpCAe/n4fHq6X2xIQLz8Y9KS+DFOBIwKHy/l22MQQxHVY7RaWd56XjfUwxYcUR+ULv4c46bGUY4CRxU7fmcuC6uGE4Hw87qpTYMwBOgeWsyDwW6IchR0RYgIvv68M5cFFpBoKEGfQoUWwcvcZlvjLxVN0DsRUli3sagERgG81hNar9naappMXut9CiJcIFACemtLcB3nt/eoq8AGb640Ch8wjASGFMqwEae0EtApgCFsyALeHDD0iKNyWB7zyp53DUkU6rA4aEaUMt+YpgyZmBt1Rebjx7uIav+wXUfu/A1DVrnH/Sqb5QeDUpTCPHCIUuGzfD/u94qs/hGfI4/4qbMPni4dGAYFOMaIBny7dGQZFJ3kE3TEw05NoEg6iQ74wNae2yAYU5oEfuiz46qT418OnuuOvr9+wNq6bvoGSwAAAABJRU5ErkJggg==) 50% no-repeat;-webkit-background-size:contain;background-size:contain}.dialog-wrapper .beans-custom,.dialog-wrapper .beans-custom img{width:100%}.modal-img{border-radius:6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:0}.modal-img,.modal-img_inner{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.modal-img_inner{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1}.modal-img_inner_guest,.modal-img_inner_host{position:relative;-webkit-box-flex:1;-ms-flex:1 1 3.2rem;flex:1 1 3.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;height:5.84rem;-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat}.modal-img_inner_host{border-top-left-radius:6px}.modal-img_inner_guest{border-top-right-radius:6px}.modal-anchor-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.modal-anchor-empty img{height:150px}.empty-female,.empty-male{overflow:hidden;-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat}.empty-female{background-color:#ffdbf4}.empty-male{background-color:#d8eeff}.modal-anchor-info{position:absolute;bottom:0;left:0;width:100%;height:1.01333333rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-anchor-info_avatar{width:26px}.modal-anchor-info_avatar,.modal-anchor-info_host_avatar{height:26px;border-radius:50%;margin-left:3px;display:block}.modal-anchor-info_host_avatar{width:31px}.modal-anchor-info_text{margin-left:4px;color:#fff}.modal-anchor-info_text_name_box .icon-mcheal{position:relative;right:-2px;top:2px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.modal-anchor-info_text_name{display:block;font-size:12px;line-height:15px;max-width:3.46666667rem;font-weight:700;padding-right:12px;margin-bottom:-4px}.modal-anchor-info_text_name span{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;display:inline-block;max-width:2.4rem}.modal-anchor-info_text_more{margin-top:1px;opacity:.8}.modal-anchor-info_text_more_age{display:inline-block;padding-right:6px;position:relative;font-size:9px}.modal-anchor-info_text_more_age:before{content:"";position:absolute;height:7px;border:.5px solid #fff;right:0;top:50%;-webkit-transform:translateY(-60%);-ms-transform:translateY(-60%);transform:translateY(-60%)}.modal-anchor-info_text_more_loc{padding-left:6px;font-size:9px}.modal-anchor-info_text_more_host{font-size:9px}.info-host{background:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(0,0,0,.5)));background:-webkit-linear-gradient(left,transparent,rgba(0,0,0,.5));background:-o-linear-gradient(left,transparent,rgba(0,0,0,.5));background:linear-gradient(90deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(right,transparent,rgba(0,0,0,.5))}.info-guest-male,.info-host{padding:1px 3px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.info-guest-male{background-image:-webkit-linear-gradient(193deg,#1392ff 100%,#235cff 0);background-image:-o-linear-gradient(193deg,#1392ff 100%,#235cff 6%);background-image:linear-gradient(257deg,#1392ff 100%,#235cff 0)}.info-guest-female{background-image:-webkit-linear-gradient(192deg,#ff3f99,#ff2167);background-image:-o-linear-gradient(192deg,#ff3f99,#ff2167);background-image:linear-gradient(258deg,#ff3f99,#ff2167);padding:1px 3px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.info-matchermaker{width:85px;overflow:hidden}.info-matchermaker .modal-anchor-info_text_name{margin-top:4px}.info-matchermaker .modal-anchor-info_text_name span{max-width:64px}.modal-text{max-width:100%;font-weight:700;text-align:center;font-size:20px;padding:28px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-text span{display:inline-block;max-width:58%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.recommend-modal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.recommend-modal h3{font-size:20px;font-weight:500;margin-top:35px;margin-bottom:4px}.recommend-modal p{color:#999;font-size:14px;margin:5px 0}.recommend-modal .recommend-avatar{-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:50%;margin:12px 0;width:120px;height:120px}.recommend-modal .recommend-label{display:-webkit-box;display:-ms-flexbox;display:flex;width:60%;-ms-flex-pack:distribute;justify-content:space-around;margin-top:8px}.recommend-modal .recommend-label span{font-size:14px;color:#fff;text-align:center;min-width:50px;height:22px;line-height:22px;border-radius:6px;padding:0 6px}.recommend-modal .recommend-label span:first-child{background-color:#ff64ca}.recommend-modal .recommend-label span:last-child{background-color:#846fff}.recommend-modal .recommend-male span:first-child{background-color:#4d94ff}.modal-action{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #ebedf5}.modal-action_btn{color:#03081a;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;height:64px;line-height:68px;text-align:center;font-size:18px;font-weight:700}.modal-action_btn_focus{color:#4d94ff}.body-fixed{overflow:hidden;height:100%}.icon-mcheal{width:8px;height:8px;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/m-885fb3.png);display:inline-block;margin-left:4px}.icon-mcheal,.modal-anchor_tag{-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat}.modal-anchor_tag{width:35px;height:17px;position:absolute;bottom:38px;left:0}.tag-guest-male{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/guest_male-139823.png)}.tag-guest-female{background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/guest_female-d53d04.png)}.tag-host-male{width:26px;height:17px;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/host_male-008f8d.png)}.tag-host-female{width:26px;height:17px;background-image:url(https://qq-web.cdn-go.cn/feature-mqq-mixed/latest/img/host_female-d36538.png)}.dialog-matchmaker-mask{position:absolute;z-index:2;bottom:0;width:100%;height:30px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-o-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5))}

/*# sourceMappingURL=mqq-entry.e329a9.css.map*/