.playBox[data-v-787a0243] {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.playBox .playContent[data-v-787a0243] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background-color: #000;
}
.playBox .palyerBox[data-v-787a0243] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.playBox .liveEnd[data-v-787a0243] {
  color: var(--on_surface);
  font-weight: 600;
  font-size: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.playBox .playerTop .playerName[data-v-787a0243] {
  font-size: 16px;
  margin: 0 20px 0 5px;
}
.playBox .playerTop .liveNumBox[data-v-787a0243] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.playBox .playerTop .liveNumBox .liveNumIcon[data-v-787a0243] {
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAb5JREFUWEftliFInVEYhp8XHBgNCgrCFBYGsmYzaDQICysOGSwYZnKwBYNRmWGwxWswCMIcGAZj3WpbU9CwYLjCQINhQfjkw/+Cwu493zm/4Yb/1POe8z7nPd/5/l/02VCf8dAApW6kSahJKJVAar64hszsKbAOzAPjwDlwAGxJukgZd5svAjKzWeAHMPSfjf8CC5KOSqCygczMIY6B0R6GntYLSVe5UCVAH4DPAaN3krYDugeSEqBvwGLAaE/Sm4CuNtBPr5GA0b6k1wFdbaBPwFrAaF3SZkBXG+hZVdQDPcz+ARMlzz+7hhzCzFaBrz2AliXt5Kbj+iKgCuoVsAE8v2d8BryX9KsEphZQx9DMpoAR79SSHKjWyE6oaowvgbkundqb4SHwXZLXUtbIAjIzB2klunQHoA14LWVdXxjIzJaAvazj3onfStqNrgsBVV/2E2AwuvE9nV+bf9dC9RUF+uKvpwCms6QlaSWyPgp0CnhDLB1/JE1GFkeBLLJZD82NpCeRPaJAl12eeMTDNW1JYxFxFGgG+AhMA8PB4r52EOC3/z9F/yBDQJGTPZamAUol2STUJJRKIDXfdzV0CyBIcSX0RcMTAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 100%;
}
.playerTopBack[data-v-787a0243] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABh5JREFUeNqVl2trVFcUhrdtLKmKBcWCYKhFQTAgKBUsESxtLVosKBFGDNRLK9gqWAyVmP/QfjDQFErpTwlNokkmM0nmnmSSTOaeTKx+6sRq3avr3Tvr7JNzkmIWPL5rveuyjzFfVBvFJwMDLT2NpUjvSq3/4Up98GGjnuf8eW+jtsqQwD1tkNzn9UItTZ5d4V6BGejhmz3Ltc7rhUKrepN4sFzrerBSKz1o1PSmLFfJn3tsvuPr2Tl+p/5joxpRLsI/lftL1b7upQrdX67qbh+ovbzByjPiS+5wPlTobkhPVLxKP95WwbhXL/XfW6rojSmT0WWmbvMw6Esuc4zkgV3kP9iaOO9T/ri7VIrcXSrrO/Wyht6tgxJBw2AuMFODWvz7G92y78i82/++Vu5SCPxyfVcr1m/XinS7XtLA5NU1aiXNfShBBfgA8zKDXHoh6gGtYt6/XyqZf7pbtcXOW9WivlVZJKNVVqlrrhZoi2H33W0gbwX5tlqKqBvVxd9uVhb1jUqBONc3WQHyG+KzSk1bC3cHlO0tgDc8uAbXK4V+da1cGPy6UtCGcoBKMF/wPsjzSgu0fncBPW8u6Itek9p7G7owpK4W5wtdpXkCV/lB0FXkGnmJc6PzVn0fJHWXzDC4YTQwJ/dlHirz3n07k1dXivmVCBuR4hxZtax5oiSePBTYCeX+OXDF6zu1rLv/TF0uzjUvL+apk+Fcg06AHMD3IWHmFrkvKvuikqMvOYNc1Ou5naa6uJjXlwqzBL0oKng9l0uY2u54s+5GOA/PhD2gvuKDhoUZMhRmtHiuN02Sk411sxd8+6jhw5O7MuN5gZ4oUOcXZvT5hWl9fn6avmRQh1jz0Zcw87ILdTnmAQF4wH9HwL74sq++4OV1zOVoI8/6Of2v1oS4wAd+/6uBwgT8mRer9OvTZX1hYdp3IycE3oBmKfim+nQuqz3yWTLM5TT4zORZ1ozxkOf5UURPtUh3KgVN4eAPa1LXYp5v2T0g96G4a4CPmpEZdWY2TWfyGX0mnzWEauTwZjOGP54uEwIfdpaPyNw5/tv11kq68vKllj4e8N+A4gY8qPiiQJ2ezejTs2ndMZMmm7POpBhbd3APHuoOrj/njyj/84IQ8/xod7Woz+YzsqvP5XMk/Z+Xa4S7uAHcTTvr940y6tRMSlvSVqeTdGo6RZ4/Cx+4uUv8S1h/hZ9EOL4pzuuH1aLJU82/6WN7y7stN+DbWu7bOXVyOqkNuQSdnE5ZFU8QT5QXO/jIT0tVyqw26ZV239bXqBN6yF+8fk0f+fZMLnUuaXpQvAtFTx3nP45np+h4LqE9sglXO8JzYaTvfSF2TuSSXv8E1/+3q45lp/QadCwz6UAtPR6Euh581w/OAbIhMyHkjuxJrdr5j6OZSX0Ump3U7ZkJ4pp10miQ9vQEtUNNjdzuwsc+9uBLeHtQg7wh95Bj19bqSDq+eiQ9oVnJ0wxritV6onpTMlDZYeXDZMPbc7dlPgy+RR1OxZ8fSsX14VSMRA+n4xo5kFx6EofSqH17jPFAcv0ccPcYmec58bHDXkN9kBzPH0zF9MEkI5oYp4NJJuADeQh96QGpGez55uQGkDxu9EPs+HcTsYJqmxobaktEqS0xrtuSjgNSc+8Aq8zIQ9ITH8gcVOYOiO/rMYEc/RjyAbV/aqyfof2JqN4/xXgqOA/QFgM7uA/8t1zuevgWtW8qGtk3NabB+yHCPm0xzN4k7jCsyIH1R8l7A3litFMp/s/Z3omR8p7JUb2XB6F7JkZozwQrPLDmGRXgsweCnlGp5RYjHnL4Npd6tMbf0qoQuydHut6bGNEe8SfkadzVu+P+vuTBvU1nwrnzQET5Y0f8Sd+u2GPaFX+ioTuhzM7YYy0+vBAxRnZQh264Pm65PTe/I/b4kQoG/ulaY8P9rePDZODlsLqe4PwwgV5oB/pubPgR3labxTvR4UhLdKi+PTpELeNDejsfAqgBctEWzFjVUABfdlF7ffEZe3OoxG91qTcK/HKND3a+NTbYvy06OLBtbLCwLTrUYJpca64JcG1zeMitvl7zUUObzDPOZ9kffCs6+Mvb0T8jm/1U/gO9NYZSaGKrqgAAAABJRU5ErkJggg==) no-repeat center !important;
  background-size: 18px!important;
  width: 18px!important;
  height: 18px!important;
}
.noSecretBox[data-v-787a0243] {
  position: fixed;
  z-index: 1111;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.noSecretBox .noSecretBgHead[data-v-787a0243] {
  height: 50px;
  background: #fff;
  z-index: 1;
}
.noSecretBox .noSecretBgHead .noSecretHeadLogo[data-v-787a0243] {
  background: url(../static/img/noSecretHeadLogo.234fb441.png) no-repeat center;
  background-size: 100%;
  width: 120px;
  height: 30px;
  margin: 10px 0 0 20px;
}
.noSecretBox .noSecretBgBox[data-v-787a0243] {
  background: #EDF6FF;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.noSecretBox .noSecretBgBox .noSecretBg[data-v-787a0243] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 650px;
}
.noSecretBox .noSecretBgBox .noSecretBgLogo[data-v-787a0243] {
  position: absolute;
  bottom: 30px;
  right: 30px;
  background: url(../static/img/noSecretBgLogo.166c716f.png) no-repeat center;
  background-size: 100%;
  width: 298px;
  height: 95px;
}
[data-v-787a0243] .el-dialog {
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-v-787a0243] .el-dialog .dialogBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  line-height: 30px;
}
[data-v-787a0243] .el-dialog .dialogBtn .cancel,[data-v-787a0243] .el-dialog .dialogBtn .confirm {
  width: 100px;
  height: 30px;
  border-radius: 4px;
  text-align: center;
  background: #ededed;
  color: #333333;
  cursor: pointer;
}
[data-v-787a0243] .el-dialog .dialogBtn .confirm {
  background: #05C1B7;
  margin-left: 20px;
  color: #fff;
}
.nickNameDialog .dialogContent[data-v-787a0243] {
  padding: 20px;
}
.nickNameDialog .dialogContent .title[data-v-787a0243] {
  color: #303133;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.nickNameDialog .nickName[data-v-787a0243] {
  width: 270px;
  height: 30px;
  border-radius: 2px;
  border: 1px solid #a9acb2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  outline: none;
  padding: 0 8px;
  font-size: 14px;
  display: block;
  margin: 20px auto 40px;
}
.nickNameDialog .nickName[data-v-787a0243]::-webkit-input-placeholder {
  color: #A9ACB2;
}
.nickNameDialog .nickName[data-v-787a0243]::-moz-placeholder {
  color: #A9ACB2;
}
.nickNameDialog .nickName[data-v-787a0243]:-ms-input-placeholder {
  color: #A9ACB2;
}
.nickNameDialog .nickName[data-v-787a0243]::-ms-input-placeholder {
  color: #A9ACB2;
}
.nickNameDialog .nickName[data-v-787a0243]::placeholder {
  color: #A9ACB2;
}
.nickNameDialog .nickName[data-v-787a0243]:focus {
  border: 1px solid #05C1B7;
}