[data-v-0c9fa106] .plannerDialog {
  background: rgba(0, 0, 0, 0.5);
}
[data-v-0c9fa106] .plannerDialog .el-dialog {
  width: unset;
}
[data-v-0c9fa106] .plannerDialog .el-dialog__header {
  display: none;
}
[data-v-0c9fa106] .plannerDialog .el-dialog__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  overflow: unset;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
}
[data-v-0c9fa106] .plannerDialog .el-dialog__body .closeIcon {
  cursor: pointer;
  height: 24px;
  width: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABJxJREFUaEPdmk/opVMYxz/fsrCwsKCoWZCZIqMoExMLiqLICCHElIVCTCzI1MzUlNRMTCiLKUQhZERRpsyCEEXNiDLFQs0UC8XCQj363p7768z7u/d93/Pe+/vd+c3Z3vee5/s9z9/zPEfMYUXEOuA64HLgYuA84CzgjNz+H+A48DvwI/A18IWk32YVr6EbRMSZwIPAnQn4IPANcAQwsOOSDJyIMJFzABO9FLgqCf8MvA+8JunPIViqCeRp7wBuBz4E3gQOSfqvBkBEnAZcDTwA3GISwHOSrKneqzeBiDgdeBJ4AtgHvCDpr96SWj6MCGvnKeB+75tE/u2zdy8CEXEh8G6axqPzsN1J4FK7JnABcLckm1jr6iQQEVuAV4FtkqzmFV8RYbN6HrhP0sdtAlsJRITN5RHgVkk/rDjyQkBE2Nk/AF6WtGea7KkECvDXrpTJdB1IRDgcf95GYiKBiLgJeBFYGPgxuYKETfhAk/QyAumwXyX4VTWbaRpJc7ImNjcd+wQCGSoNft9qOWyXGRWasGPbJzdJWgqxTQI7XQpIuqPvxqv5XUR85GwvafdY7hKBTCY/AZdIcs0ycUXEeuAhYE9t1mzZ04nM0W5/W8BIf/i+xFgScAIJSdvaTjUizP4ZwEnGTl6V+pt758HZvp0sd0myFUxdEeHf10lyHcaIQES4cvwFuKgLUEPgTCSG7JVF5K/A+S5lxgRc49j2t/ax6SGCO06+6iAiwhXBESe4MQFHnqclHepDILVmux2rvhbA4P+mbN89npW0SYVjnD2gJK4GMiftuRQ/BlxmAvcCWyS5vq9eNYBqvu0CEhFvA5+awEvAUUmOQoNWH2B9vqkRHhGPA+tNwHa/s8b+JwlqAzhv8IUfbDcBh88bJR2tOYG+JPK7Qc7ekQ+cUD8zgb+Bc8cX8BUg4S2dpKoiVReObBQcMwFn386bWdeG5e8Nk/FPcwU/ljXCfioQWPMm5Lri+jXqxJ+Mw+huSe6sDV4LCKPXjML/qZDIfFW7QdJdQ46/JknVfNuFJSLeAw5YA264+pbjXFDb31xkMffHqJjLtPxtltO9/WCW05zlv4nX9u9yenN5odkoyebUuWYFkCCqtVcksGUXGvf6l65pHTXIYMHNfYccRNF82OCZQnmp3+8JSo9LtfuU7s/MpTxokPB8wG32qSsiTmg+lATszIdHjtEy+sm2ijsCng/M1JEoTMJa9b38lbaEmgHHGJeaD83G1nbgCkk3dzrCAj7I0HlY0q6x+EmtRUekvSdpa/Gx7I9Obi1mdHDtvjabu4VNeirjCcnJ1F73aGvZtKZtwGGneniRJAYPOApNjEmsvRFTQcLTmjcWNOTbOmkqUwbAXnfhnNq85f5REpnafp8luqbJeLTlnDSfMWuhCQ+6nSUdygZN1aeRy46zG1Xee2/OHuY36C4FN6bqHrq9ng83aktx9zddVd7j1ibg+t7zgSrt9jKhSSeXMwVXr7dl38el+JeAB4MGMemxh8emG53t87GHH4W8k5OZQc8WBhNoaMXA/HDjynxuYxt2fVM+t/FrFAP2c5vvgIO1pz3pIP8HEIjaYy1QRwYAAAAASUVORK5CYII=);
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  position: absolute;
  right: 0;
  top: -34px;
}
[data-v-0c9fa106] .plannerDialog .el-dialog__body .plannerImg {
  max-width: 400px;
  max-height: 400px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.nextDialogBox[data-v-2144c90e] .el-dialog {
  width: auto;
  background: transparent;
}
.nextDialogBox[data-v-2144c90e] .el-dialog .content {
  width: 320px;
  height: 270px;
  background: url(../static/img/bg.ed1e3997.png) no-repeat;
  background-size: 100%;
  padding: 70px 10px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.nextDialogBox[data-v-2144c90e] .el-dialog .content .nextBox {
  padding: 30px 20px 20px 20px;
  border-radius: 10px;
  background: #fff;
  width: 300px;
  height: 190px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.nextDialogBox[data-v-2144c90e] .el-dialog .content .nextBox .title {
  text-align: center;
  color: #2B2E33;
  font-weight: 600;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
}
.nextDialogBox[data-v-2144c90e] .el-dialog .content .nextBox .time {
  text-align: center;
  color: #2b2e33;
  font-weight: 400;
  font-size: 16px;
}
.nextDialogBox[data-v-2144c90e] .el-dialog .content .nextBox .sure {
  position: absolute;
  bottom: 12px;
  width: 272px;
  height: 50px;
  border-radius: 20px;
  cursor: pointer;
}
.nextDialogBox .mask[data-v-2144c90e] {
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: #00000099;
  position: fixed;
  left: 0;
  top: 0;
  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;
}

.haha[data-v-e20fd7ee] {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  right: 0px;
}
.playBox[data-v-e20fd7ee] {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.playBox .playContent[data-v-e20fd7ee] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background-color: #000;
}
.playBox .palyerBox[data-v-e20fd7ee] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.playBox .liveEnd[data-v-e20fd7ee] {
  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-e20fd7ee] {
  font-size: 16px;
  margin: 0 20px 0 5px;
}
.playBox .playerTop .liveNumBox[data-v-e20fd7ee] {
  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-e20fd7ee] {
  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%;
}