.main-section{display:flex;flex-direction:row;height:646px;padding-top:30px}.main-section .content{width:900px;background-color:#fff;border:1px solid #eee}.main-section .content #dplayer,.main-section .content .player-wrapper,.main-section .content iframe{position:relative;width:100%;height:504px;border:0}.main-section .auchor{height:110px;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #eee;padding:0 18px}.main-section .auchor .avatar{width:68px;height:68px;border-radius:50%;margin-right:18px;-o-object-fit:cover;object-fit:cover}.main-section .auchor .info{flex:1}.main-section .auchor .team{display:flex;flex-direction:row;align-items:center;justify-content:center;height:76px;min-width:433px;max-width:484px;background:url(../img/teambg.f2d5b8f6.png) no-repeat 50%;background-size:auto 100%;box-sizing:border-box;padding-top:6px;padding-left:5px}.main-section .auchor .team img{width:40px;height:40px;display:block;margin:0 20px;border-radius:50%}.main-section .auchor .teamname{font-size:18px;min-width:0;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main-section .auchor .extrainfo{margin-left:40px;width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center}.main-section .auchor .extrainfo .follow{width:74px;height:34px;background:url(../img/btn-follow.4862fbb6.png) no-repeat 50%;background-size:contain;overflow:hidden;text-indent:100%;white-space:nowrap}.main-section .auchor .extrainfo .follow.active{background-image:url(../img/btn-follow-active.650d7f1f.png)}.main-section .auchor .extrainfo .qrcode{margin-top:20px;width:28px;height:28px}.main-section .auchor .extrainfo .qrcode .qrcode-image{width:100%;background-color:#fff}.main-section .auchor .extrainfo .qrcode img{width:100%!important;height:auto!important;display:block}.main-section .auchor .title{color:#1f232c;font-size:18px;display:flex;flex-direction:row;align-items:center}.main-section .auchor .title img{width:40px;height:40px;display:block;margin:0 20px}.main-section .auchor .title .league{width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main-section .auchor .title .time{width:80px}.main-section .auchor .meta{margin-top:6px;display:flex;flex-direction:row;align-items:center;font-size:16px;padding-right:20px}.main-section .auchor .meta .nickname{flex:1;color:#999;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-section .auchor .meta .viewer{flex:1;color:#ed4b65;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAEn0lEQVRYR82YW2wUZRTH/2e25VYEOrO1tVEhqVEjPhgtCkYlIQ2hO0siAaN4iZHubI2XRBKJFx5MoxEiD0qEpO5sS1RUAkYJ3elqC1ExRkUbn1SQeMOQNO3OtNLQUpadY752F3fLzM5MK4nf28x3zv//2+96Zgn/s0ZBeP66b/PcqtGRrQxayYwEV+QO1hzqHAmi4RUbCEiI9a9+pKqycnYvQCtAGABjh9xPO6kvkfUy89MfGKggaqraAQAbxDMDv0q2/aic7vjKj2m5mGkDCVFT1SwA1QUDJno6nErsmgnUjIAsVXuOge0lAIRnlJS+c7pQMwKaXE9zBgHMLQFg3K906/unAzUjoPy0fQ/gtqnmEttLqrs7/gwKFQhouDnecKECleGuxPGCkRWN72LmJy81pt8UI9FwWYGG1jy+xA7l0kyhpnCq/bQwsyKxLUz0mpMxMbbJ3fqLQaACjVB+ihigNxQjsVk8Z6KxbcT0vJspjdMi+XDib79QgYAEiaVqNoCzcmP9AmprszOR+CEiXusKBHpVNhJbLwvQUKT1HpvsL4R4NhuqretpHzBVTUxdvZshA+Nj8+ZXX3Pg9TE/UIFGyIxox0BYJoTlxvrQYF9/Q4jtX7yMWKJ14a7EQa840e8byIrEW5m4PS+aq5w1q/b8eHZPuekqABDRbjmVeOo/AxqKtCy2SfrjouDkpXoEwEafJp/Jhr5KxIrDtK7n3bPua86HoqVqJxm4rij0AoAKH6mFkGHZnlNH6TfHzaj2cg7SO1em3jrpeFR4iZqq1gFgk1ecV7+dy91Y80nnCUvV+pjwu5LSJyqFqa3sGjIjrWtAdtrLDMAwgEXl4hh8U9hI/myq2sRVoxi6o3d5IFU7AeB6LyAG7ZWAfQxOucVms+fmi7VjqtoZAFcEBjKj8dVg/tQLJt+/TzH0jRlV203AEw45pxVDvzrTHFtFEonNMKoYelWgKcuo2l4CHvIDRPnT2GqKL+TZnJm64Jl4eziVfMH8d8TPKIa+MBCQqWo/ALjFF5Bt31UoX01V2wHg2aI8UWuLq+UOAG359yOKoS8ICjR6SeHloMDE74dTyYsjmVmrLSMbx4pCz4tqF8BVRe+mBSSEKsvvHLwXNvSHi2MmL+DYIEBKmdwxxdDnBRuhaPw4mG9wER0C0QNKKtHj1G+qse8AaiwDdE4x9NKyNx/suu3NqPYhGOudRJlpebg78a2boalqvQCa3IH4qGIkVwYcodhjYOp0SDqlGPriclOZiWifE8HRUOSVu/29DsaS7648hCeQqWqiuL/WBfonxdCXuv0gLyBxh4m7rLTZvEJJJ79xErXU2N0MOupmKNn2rdXpDnGkODbPesiKaB8z4d6SbMIAMW+QjeSXxe8tteVmBonv/jrH9cH8oNyd/KDcdHsCiWRT1T4CsM5B6DDAXwPEICx12wQTecSblFRyTzmYiTCvgEK/pcZeYZDvYr1IN0tkr5dTHV1+vHwDCbFMtOV2YmlL4V8PbwN+W2J+KcgXbCCgAoDZHFuOEN0JhihLawDUgkkCeIglnCLmI5CoV+nSf/SGLo2YFlBQkyDx/wD7Sqg0kwIcLgAAAABJRU5ErkJggg==) no-repeat 0;background-size:auto 18px;padding-left:18px}.main-section .aside{height:100%;flex:1;margin-left:8px;background-color:#fff;border:1px solid #eee}.main-section .aside .chat{height:100%;display:flex;flex-direction:column;position:relative}.main-section .aside .chat .newMsg{position:absolute;display:flex;align-items:center;bottom:114px;padding:5px;right:0;width:110px;background:#dff8f8;border-radius:10px 0 0 10px;cursor:pointer;color:#25d4d0;text-align:center}.main-section .aside .chat .newMsg img{width:15px;margin-right:5px}.main-section .aside .chat-header{font-size:14px;height:110px;border-bottom:1px solid #eee;color:#f3805c;padding:13px 7px 13px 32px}.main-section .aside .chat-header .notice{position:relative;color:#333}.main-section .aside .chat-header .notice:before{content:"";position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAAXNSR0IArs4c6QAAAZlJREFUOE+dkz1LA0EQhmc27mnwK2AtYgQbEQWx0cKAhSK2Vv4BsdQQvZ0UB7J3oqLxR4g/wEYFEUErDVhZpFRs/Cg1lztzIyse+BGFZMvZ2WfenZkX4Z/D+XxvEEW7iNhpaT3xNTXM5zNNvn+JW1svJo61OOw4LUEQrCDACiAmTY6l9bfcgGgHmAekZU2j40S/QL5tzwohCgDQ97VIDOJsttWoYMcRb2F4VGU+bnHdTQyIrgFgyDxiZkCsKfJD0WMu194hZcmKokn0vBu27f4Q8VyWyz0GxP/1Kb6LFVWI5gFg2dJ6BAG4QnQAzPt1gww4ILrCKFqWnncWEC0w82hDoIpSGwLxSWq9ESo1yQDUEMhMDAHupNbboVJTjJitG3SayTSNjY+XUIg5a22tGBItMXN/3aCKUi4ADDe77sxnvy4EolfX+B8WF9tSqdSJzzzT4XnPn98qSCkHay4kIhpbpGstZBxj2+4KhShitbog19cPG7eIUnuMeNustf2n1+Kq/upqOpFIGLt0yh+mfSXqTkp5b3xm8t8BbkrJ6nV9lJgAAAAASUVORK5CYII=) no-repeat 50%;background-size:contain}.main-section .aside .chat-body{padding:10px 8px;flex:1;overflow-y:auto;list-style:none;margin:0;display:flex;flex-direction:column}.main-section .aside .chat-body .message{line-height:1.4;padding:4px 0;word-break:break-word;color:#333}.main-section .aside .chat-body .message .emoticon{width:18px;vertical-align:top}.main-section .aside .chat-body .message-role-assistant .role{background-color:#cfb6fa}.main-section .aside .chat-body .message-role-assistant .nickname{color:#cfb6fa;white-space:nowrap}.main-section .aside .chat-body .message-role-manage .role{background-color:#f06577}.main-section .aside .chat-body .message-role-manage .nickname{color:#f06577;white-space:nowrap}.main-section .aside .chat-body .message-role-service .role{background-color:#23a4ff}.main-section .aside .chat-body .message-role-service .nickname{color:#23a4ff;white-space:nowrap}.main-section .aside .chat-body .message-role-anchor .role{background-color:#9f6ef6}.main-section .aside .chat-body .message-role-anchor .nickname{color:#9f6ef6;white-space:nowrap}.main-section .aside .chat-body .message-role-self .role{background-color:#1fcdc9}.main-section .aside .chat-body .message-role-self .nickname{color:#1fcdc9;white-space:nowrap}.main-section .aside .chat-body .message-content{color:#9ca9c5}.main-section .aside .chat-body .message-system{color:#ffa200}.main-section .aside .chat-body .role{margin-right:4px;display:inline-block;width:46px;padding:2px 0;background:#ffa800;border-radius:4px;text-align:center;font-size:12px;color:#fff}.main-section .aside .chat-body .nickname{color:#00baff;white-space:nowrap}.main-section .aside .chat-body .enter,.main-section .aside .chat-body .system{color:#ffa200}.main-section .aside .chat-editor{border-top:1px solid #eee;height:94px;padding:8px}.main-section .aside .chat-editor textarea{width:100%;height:44px;border:0;resize:none;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-user-select:text}.main-section .aside .chat-editor .actions{height:34px;display:flex;flex-direction:row;align-items:center}.main-section .aside .chat-editor .ban{display:block;cursor:pointer;width:24px;height:24px;background:url(../img/icon-shield.e13ccdb4.png) no-repeat 50%;background-size:contain;margin-right:10px}.main-section .aside .chat-editor .ban.active{background-image:url(../img/icon-noshield.0f47fda0.png)}.main-section .aside .chat-editor .emjio{width:24px;height:24px;background:url(data:image/png;base64,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) no-repeat 50%;background-size:contain;margin-right:10px}.main-section .aside .chat-editor .emjio.active,.main-section .aside .chat-editor .emjio:hover{background-image:url(../img/icon-emoticon-s.aebdd124.png)}.main-section .aside .chat-editor .send{width:66px;height:24px;line-height:24px;background:#3e4454;border-radius:20px;color:#fff;font-size:14px;text-align:center}.main-section .aside .chat-editor .send.active{background:linear-gradient(90deg,#00aa70,#8ee6c3)}.section{margin-top:24px}.section-header{position:relative;height:66px;font-size:22px;color:#00aa70;display:flex;flex-direction:row;align-items:center;padding-left:12px}.section-header:before{position:absolute;content:"";width:5px;height:25px;background:#00aa70;border-radius:2px;top:50%;left:0;transform:translateY(-50%)}.section-body{margin-right:-25px;display:flex;flex-wrap:wrap}.section-body .match-item{margin-top:0;margin-bottom:36px}.tips{margin-top:80px;color:#737d92;font-size:14px;line-height:24px}