@-webkit-keyframes placeHolderShimmer-data-v-5168b938 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-5168b938 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.wscn-switch[data-v-5168b938] {
  display: inline-block;
}
.wscn-switch .widget[data-v-5168b938] {
    width: 50px;
    height: 24px;
    border-radius: 20px;
    border: 1px solid #F0F0F0;
    background: #ffffff;
    padding: 1px;
    box-shadow: inset 0 0 0 0 #F0F0F0;
    transition: border .4s, box-shadow .4s;
    cursor: pointer;
}
.wscn-switch .widget__indicator[data-v-5168b938] {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #FFFFFF;
      box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
      -webkit-animation-name: slide-left-data-v-5168b938;
              animation-name: slide-left-data-v-5168b938;
      -webkit-animation-duration: .4s;
              animation-duration: .4s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
}
.wscn-switch .widget.night[data-v-5168b938] {
    border: 1px solid #666;
    background-color: #666;
}
.wscn-switch .widget.on[data-v-5168b938] {
    border-color: #1482F0;
    background: #1482F0;
    box-shadow: inset 0 0 0 11.5px #1482F0;
    transition: border .4s, background .4s, box-shadow .4s;
}
.wscn-switch .widget.on .widget__indicator[data-v-5168b938] {
      -webkit-animation-name: slide-right-data-v-5168b938;
              animation-name: slide-right-data-v-5168b938;
      -webkit-animation-duration: .4s;
              animation-duration: .4s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
}
@-webkit-keyframes slide-right-data-v-5168b938 {
0% {
}
60% {
    -webkit-transform: translate3d(28px, 0, 0);
            transform: translate3d(28px, 0, 0);
}
100% {
    -webkit-transform: translate3d(26px, 0, 0);
            transform: translate3d(26px, 0, 0);
}
}
@keyframes slide-right-data-v-5168b938 {
0% {
}
60% {
    -webkit-transform: translate3d(28px, 0, 0);
            transform: translate3d(28px, 0, 0);
}
100% {
    -webkit-transform: translate3d(26px, 0, 0);
            transform: translate3d(26px, 0, 0);
}
}
@-webkit-keyframes slide-left-data-v-5168b938 {
0% {
    -webkit-transform: translate3d(26px, 0, 0);
            transform: translate3d(26px, 0, 0);
}
60% {
    -webkit-transform: translate3d(-2px, 0, 0);
            transform: translate3d(-2px, 0, 0);
}
100% {
}
}
@keyframes slide-left-data-v-5168b938 {
0% {
    -webkit-transform: translate3d(26px, 0, 0);
            transform: translate3d(26px, 0, 0);
}
60% {
    -webkit-transform: translate3d(-2px, 0, 0);
            transform: translate3d(-2px, 0, 0);
}
100% {
}
}

@-webkit-keyframes placeHolderShimmer-data-v-9b25b138 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-9b25b138 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.live-settings[data-v-9b25b138] {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.live-settings__btn[data-v-9b25b138] {
    color: #222;
    overflow: hidden;
}
.live-settings__btn .text[data-v-9b25b138] {
      font-size: 14px;
}
.live-settings__btn .icon[data-v-9b25b138] {
      width: 18px;
      fill: #000000;
      position: relative;
      top: 1px;
}
.live-settings__btn:hover .text[data-v-9b25b138] {
      color: #1677d9;
}
.live-settings__btn:hover .icon[data-v-9b25b138] {
      fill: #1677d9;
}
.live-settings .live-settings__btn:hover .live-settings__btn__icon[data-v-9b25b138] {
    fill: #1482F0;
}
.live-settings__popover[data-v-9b25b138] {
    position: absolute;
    z-index: 3;
    bottom: -123px;
    left: -100px;
    width: 150px;
    height: 136px;
    background: #ffffff;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    padding: 10px 12px;
}
.live-settings__popover[data-v-9b25b138]::before {
      content: "";
      position: absolute;
      width: 9px;
      height: 9px;
      top: -5px;
      right: 30px;
      background: #fff;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
}
.live-settings__popover .popover-row[data-v-9b25b138] {
      height: 40px;
      overflow: hidden;
}
.live-settings__popover .popover-row__label[data-v-9b25b138] {
        float: left;
        line-height: 40px;
        font-size: 12px;
}
.live-settings__popover .popover-row__switch[data-v-9b25b138] {
        float: right;
        margin-top: 8px;
}
.live-settings__popover .popover-row.last[data-v-9b25b138] {
      border-bottom: none;
}
.night.live-settings[data-v-9b25b138] {
  color: #ccc;
}
.night.live-settings .live-settings__btn[data-v-9b25b138] {
    color: #ccc;
}
.night.live-settings .live-settings__btn .icon[data-v-9b25b138] {
      fill: #cccccc;
}
.night.live-settings .live-settings__btn:hover .text[data-v-9b25b138] {
      color: #4da6ff;
}
.night.live-settings .live-settings__btn:hover .icon[data-v-9b25b138] {
      fill: #4da6ff;
}
.night.live-settings .live-settings__popover[data-v-9b25b138] {
    background: #2d2d2a;
    box-shadow: 0 1px 4px 1px rgba(255, 255, 255, 0.2);
}
.night.live-settings .live-settings__popover[data-v-9b25b138]::before {
      background: #2d2d2a;
}
.night.live-settings .live-settings__popover .popover-row[data-v-9b25b138] {
      border-color: #333;
}
.fade-enter[data-v-9b25b138],
.fade-leave-active[data-v-9b25b138] {
  opacity: 0;
}
.fade-enter-active[data-v-9b25b138],
.fade-leave[data-v-9b25b138] {
  transition: opacity .5s;
}

@-webkit-keyframes placeHolderShimmer-data-v-24bee246 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-24bee246 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.nav-content[data-v-24bee246] {
  height: 64px;
  border-bottom: 1px solid #f0f0f0;
  justify-content: space-between;
  display: flex;
  padding: 0 40px;
}
.nav-content.night[data-v-24bee246] {
    border-color: rgba(255, 255, 255, 0.1);
}
.nav-content.night .nav-main .nav-item[data-v-24bee246] {
      background-color: #4d4d4d;
      color: #ccc;
}
.nav-content.night .nav-main .nav-item.active[data-v-24bee246] {
        background-color: #1677d9;
        color: #fff;
}
.nav-content.night .nav-main .nav-item.active[data-v-24bee246]:hover {
          background-color: #1677d9;
          color: #fff;
}
.nav-content.night .nav-main .nav-item[data-v-24bee246]:hover {
        background-color: #666666;
        color: #fff;
}
.nav-content .nav-main[data-v-24bee246] {
    display: inline-flex;
    height: 64px;
    align-items: center;
}
.nav-content .nav-main .nav-item[data-v-24bee246] {
      padding: 9px 20px;
      background-color: #f2f3f4;
      cursor: pointer;
      margin-right: 20px;
      display: block;
      font-size: 15px;
      line-height: 15px;
      color: #222;
      position: relative;
}
.nav-content .nav-main .nav-item img[data-v-24bee246] {
        width: 30px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translate(50%, -50%);
                transform: translate(50%, -50%);
}
.nav-content .nav-main .nav-item[data-v-24bee246]:hover {
        background-color: #e6e6e6;
}
.nav-content .nav-main .nav-item[data-v-24bee246]:last-child {
        margin: 0;
}
.nav-content .nav-main .nav-item.vip[data-v-24bee246] {
        background-color: #f7efe9;
        color: #4d3217;
}
.nav-content .nav-main .nav-item.vip strong[data-v-24bee246] {
          font-style: italic;
}
.nav-content .nav-main .nav-item.vip[data-v-24bee246]:hover {
          background-color: #f7e0d0;
}
.nav-content .nav-main .nav-item.vip.active[data-v-24bee246] {
          color: #4d3217;
          background-color: #f7e0d0;
}
.nav-content .nav-main .nav-item.active[data-v-24bee246] {
        background-color: #1677d9;
        color: #fff;
}
.nav-content .setting-content[data-v-24bee246] {
    display: inline-flex;
}

@-webkit-keyframes placeHolderShimmer-data-v-2855fe4a {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-2855fe4a {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.live-date_content[data-v-2855fe4a] {
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid  #f0f0f0;
}
.live-date_content .live-date_left[data-v-2855fe4a] {
    display: inline-flex;
    align-items: center;
    color: #222;
    font-size: 14px;
    line-height: 14px;
}
.live-date_content .live-date_left .checkbox-content[data-v-2855fe4a] {
      margin-left: 16px;
      border-left: 1px solid #ccc;
      padding-left: 16px;
}
.live-date_content.night[data-v-2855fe4a] {
    border-color: rgba(255, 255, 255, 0.1);
}
.live-date_content.night .live-date_left[data-v-2855fe4a] {
      color: #fff;
}
.live-date_content.night .live-date_left .checkbox-content[data-v-2855fe4a] {
        color: #ccc;
        border-color: #666;
}

@-webkit-keyframes placeHolderShimmer-data-v-78976a4e {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-78976a4e {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.day[data-v-78976a4e] {
  margin-top: 10px;
  display: inline-block;
  width: 40px;
  text-align: center;
  font-size: 12px;
  color: #222;
}
.day .wrapper[data-v-78976a4e] {
    padding: 3px 0px;
}
.day .circle[data-v-78976a4e] {
    line-height: 20px;
    text-align: center;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
}
.day.disabled[data-v-78976a4e] {
    color: #999;
}
.day.today[data-v-78976a4e] {
    color: #1677d9;
}
.day.active[data-v-78976a4e] {
    color: #fff;
}
.day.active .circle[data-v-78976a4e] {
      background-color: #1677d9;
}
.day.locked[data-v-78976a4e] {
    background-color: #e6f2ff;
}
.day.end[data-v-78976a4e] {
    background-color: #fff !important;
    padding-right: 6px;
}
.day.end .wrapper[data-v-78976a4e] {
      background-color: #e6f2ff;
      border-top-right-radius: 13px;
      border-bottom-right-radius: 13px;
}
.day.end .wrapper .circle[data-v-78976a4e] {
        position: relative;
        right: -3px;
}
.day.start[data-v-78976a4e] {
    background-color: #fff !important;
    padding-left: 6px;
}
.day.start .wrapper[data-v-78976a4e] {
      background-color: #e6f2ff;
      border-top-left-radius: 13px;
      border-bottom-left-radius: 13px;
}
.day.start .wrapper .circle[data-v-78976a4e] {
        position: relative;
        left: -3px;
}

@-webkit-keyframes placeHolderShimmer-data-v-a599a57e {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-a599a57e {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.date-picker[data-v-a599a57e] {
  width: 320px;
  margin: 0 auto;
}
.date-picker .main[data-v-a599a57e] {
    width: 280px;
    margin: 0 auto;
}
.date-picker .days[data-v-a599a57e] {
    padding-bottom: 32px;
}
.date-picker .head[data-v-a599a57e] {
    padding-bottom: 20px;
    padding-top: 20px;
    display: flex;
    align-items: center;
}
.date-picker .head .text[data-v-a599a57e] {
      flex-grow: 1;
      text-align: center;
      font-size: 14px;
      font-weight: bold;
}
.date-picker .head .side[data-v-a599a57e] {
      width: 49px;
      height: 20px;
      flex-shrink: 0;
      position: relative;
}
.date-picker .head .side .year[data-v-a599a57e] {
        display: flex;
        cursor: pointer;
        position: absolute;
        top: 1px;
        padding: 5px;
}
.date-picker .head .side .year.next-year[data-v-a599a57e] {
          right: 3px;
}
.date-picker .head .side .year.next-year .icon[data-v-a599a57e]:nth-child(1) {
            position: relative;
            right: -1px;
}
.date-picker .head .side .year.prev-year[data-v-a599a57e] {
          left: 3px;
}
.date-picker .head .side .year.prev-year .icon[data-v-a599a57e]:nth-child(2) {
            position: relative;
            left: -1px;
}
.date-picker .head .side .month[data-v-a599a57e] {
        cursor: pointer;
        position: absolute;
        top: 1px;
        padding: 5px;
}
.date-picker .head .side .month.next-month[data-v-a599a57e] {
          right: 42px;
}
.date-picker .head .side .month.prev-month[data-v-a599a57e] {
          left: 42px;
}
.date-picker .head .side .icon[data-v-a599a57e] {
        width: 7px;
        height: 7px;
        border-left: 1px solid #222;
        border-bottom: 1px solid #222;
}
.date-picker .head .side .icon.prev[data-v-a599a57e] {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
}
.date-picker .head .side .icon.next[data-v-a599a57e] {
          -webkit-transform: rotate(-135deg);
                  transform: rotate(-135deg);
}
.date-picker .weeks[data-v-a599a57e] {
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e6e6e6;
}
.date-picker .weeks .week[data-v-a599a57e] {
      display: inline-block;
      text-align: center;
      width: 40px;
      color: #222;
      font-size: 12px;
}

@-webkit-keyframes placeHolderShimmer-data-v-4af36062 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-4af36062 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.picker[data-v-4af36062] {
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  width: 641px;
  margin: 0px auto;
}
.picker .head[data-v-4af36062] {
    padding: 20px 0px;
}
.picker .head .start-end[data-v-4af36062] {
      width: 300px;
      height: 44px;
      margin: 0 auto;
      border: 1px solid #1677d9;
      display: flex;
      padding: 0px 20px;
      color: #999;
      font-size: 14px;
      justify-content: space-between;
      align-items: center;
}
.picker .head .start-end .line[data-v-4af36062] {
        width: 10px;
        height: 1px;
        background-color: #222222;
}
.picker .head .start-end .selected[data-v-4af36062] {
        color: #222222;
}
.picker .dates-wrapper[data-v-4af36062] {
    display: flex;
    border-top: 1px solid #e6e6e6;
    position: relative;
}
.picker .dates-wrapper[data-v-4af36062]::before {
      content: '';
      display: block;
      width: 1px;
      height: 100%;
      background-color: #e6e6e6;
      position: absolute;
      left: 320px;
      top: 0px;
}

@-webkit-keyframes placeHolderShimmer-data-v-65ab389b {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-65ab389b {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.live-options[data-v-65ab389b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.live-search[data-v-65ab389b] {
  padding-bottom: 1px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.live-search form[data-v-65ab389b] {
    width: 200px;
    height: 32px;
    border-radius: 18px;
    background-color: #f5f6f7;
}
.live-search.active form[data-v-65ab389b] {
    border: 2px solid #cce6ff;
}
.live-search.active form .search-input[data-v-65ab389b] {
      padding-left: 17px;
}
.live-search.active .search-icon[data-v-65ab389b] {
    fill: #1677d9;
}
.live-search .search-input[data-v-65ab389b] {
    border: none;
    color: #222;
    font-size: 14px;
    line-height: 32px;
    padding-right: 20px;
    border-radius: 18px;
    outline: none;
    height: 100%;
    width: 100%;
    border-radius: 18px;
    padding-left: 20px;
    background-color: #f5f6f7;
}
.live-search .search-input[data-v-65ab389b]::-webkit-input-placeholder {
      color: #999;
}
.live-search .search-input[data-v-65ab389b]::-moz-placeholder {
      color: #999;
}
.live-search .search-input[data-v-65ab389b]:-ms-input-placeholder {
      color: #999;
}
.live-search .search-input[data-v-65ab389b]::-ms-input-placeholder {
      color: #999;
}
.live-search .search-input[data-v-65ab389b]::placeholder {
      color: #999;
}
.live-search .search-input[data-v-65ab389b]:focus {
      border: 1px solid #1677d9;
      background-color: #fff;
}
.live-search .search-icon[data-v-65ab389b] {
    position: absolute;
    display: block;
    top: 8px;
    left: 173px;
    fill: #808080;
    cursor: pointer;
}
.live-search .cancel-search[data-v-65ab389b] {
    margin-left: 10px;
    font-size: 14px;
    line-height: 14px;
    color: #666;
    cursor: pointer;
}
.date_select[data-v-65ab389b] {
  height: 57px;
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 30px;
}
.date_select .date_select_setting[data-v-65ab389b] {
    height: 57px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.date_select .date_select_setting svg[data-v-65ab389b] {
      fill: #000;
}
.date_select .date_select_setting span[data-v-65ab389b], .date_select .date_select_setting time[data-v-65ab389b] {
      font-size: 12px;
      color: #222;
      line-height: 14px;
      margin-left: 7px;
}
.date_select .date_select_setting:hover svg[data-v-65ab389b] {
      fill: #1677d9;
}
.date_select .date_select_setting:hover svg.delete-icon[data-v-65ab389b] {
        fill: #666;
}
.date_select .date_select_setting:hover span[data-v-65ab389b], .date_select .date_select_setting:hover time[data-v-65ab389b] {
      color: #1677d9;
}
.date_select .date_picker_position[data-v-65ab389b] {
    position: absolute;
    top: 54px;
    right: -100px;
    z-index: 1;
}
.date_select .delete-icon[data-v-65ab389b] {
    fill: #666;
    margin-left: 5px;
    cursor: pointer;
}
.source-from[data-v-65ab389b] {
  display: flex;
  align-items: center;
  margin-left: 30px;
  cursor: pointer;
}
.source-from span[data-v-65ab389b] {
    font-size: 14px;
    line-height: 14px;
    color: #999;
}
.source-from .xgb-img-content[data-v-65ab389b] {
    width: 74px;
    height: 22px;
    padding: 4px 6px;
    background-color: #e62e4d;
}
.source-from .xgb-img-content img[data-v-65ab389b] {
      display: block;
      max-width: 100%;
}
.source-from .xcong-img[data-v-65ab389b] {
    width: 60px;
    display: block;
}
.live-options.night .date_select[data-v-65ab389b] {
  color: #ccc;
}
.live-options.night .date_select .date_select_setting svg[data-v-65ab389b] {
    fill: #ccc;
}
.live-options.night .date_select .date_select_setting span[data-v-65ab389b], .live-options.night .date_select .date_select_setting time[data-v-65ab389b] {
    color: #ccc;
}
.live-options.night .date_select .date_select_setting:hover svg[data-v-65ab389b] {
    fill: #4da6ff;
}
.live-options.night .date_select .date_select_setting:hover span[data-v-65ab389b], .live-options.night .date_select .date_select_setting:hover time[data-v-65ab389b] {
    color: #4da6ff;
}
.live-options.night .date_select .delete-icon[data-v-65ab389b] {
    fill: #ccc;
}
.live-options.night .live-search.active form[data-v-65ab389b] {
  border: none;
}
.live-options.night .live-search.active form .search-input[data-v-65ab389b] {
    padding-left: 20px;
}
.live-options.night .live-search form[data-v-65ab389b] {
  background-color: #4d4d4d;
}
.live-options.night .live-search .cancel-search[data-v-65ab389b] {
  color: #ccc;
}
.live-options.night .live-search .search-input[data-v-65ab389b] {
  color: #ccc;
  background-color: #4d4d4d;
}
.live-options.night .live-search .search-input[data-v-65ab389b]::-webkit-input-placeholder {
    color: #999;
}
.live-options.night .live-search .search-input[data-v-65ab389b]::-moz-placeholder {
    color: #999;
}
.live-options.night .live-search .search-input[data-v-65ab389b]:-ms-input-placeholder {
    color: #999;
}
.live-options.night .live-search .search-input[data-v-65ab389b]::-ms-input-placeholder {
    color: #999;
}
.live-options.night .live-search .search-input[data-v-65ab389b]::placeholder {
    color: #999;
}
.live-options.night .live-search .search-input[data-v-65ab389b]:focus {
    background-color: #222;
}
.live-options.night .source-from span[data-v-65ab389b] {
  color: #ccc;
}
.panelIn-enter[data-v-65ab389b] {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.panelIn-enter-active[data-v-65ab389b] {
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.panelIn-enter-to[data-v-65ab389b] {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@-webkit-keyframes placeHolderShimmer-data-v-13b75e08 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-13b75e08 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.live-wrapper[data-v-13b75e08] {
  width: 884px;
  margin-left: -10px;
  padding: 12px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.live-wrapper.night[data-v-13b75e08] {
    border-color: rgba(255, 255, 255, 0.1);
}
.live-item[data-v-13b75e08] {
  padding: 16px 10px;
  background-image: linear-gradient(to right, #3e4c59, #1a2633);
  border-radius: 4px;
  display: flex;
}
.live-item.night[data-v-13b75e08] {
    background-image: linear-gradient(to right, #3e4c59, #2e3d4d);
}
.live-item .live-item_created[data-v-13b75e08] {
    font-size: 14px;
    line-height: 22px;
    width: 60px;
    flex-shrink: 0;
    color: #ffd8b2;
    border-right: 1px dashed rgba(255, 255, 255, 0.2);
    padding: 2px 0;
    display: block;
}
.live-item .live-item_created.importance[data-v-13b75e08] {
      color: #e62e4d !important;
}
.live-item .live-item_created.importance-3[data-v-13b75e08] {
      width: 71px;
      border-right: 2px solid #e62e4d !important;
}
.live-item .live-item_main[data-v-13b75e08] {
    flex-grow: 1;
    padding-left: 30px;
    color: #fff;
}
.live-item .live-item_main.point[data-v-13b75e08] {
      cursor: pointer;
}
.live-item .live-item_main .vip-img[data-v-13b75e08] {
      display: inline-block;
      width: 54px;
      margin-right: 5px;
      vertical-align: middle;
}
.live-item .live-item_main .live-item_title[data-v-13b75e08] {
      font-size: 16px;
      font-weight: bold;
      color: #ffd8b2;
      margin-bottom: 6px;
}
.live-item .live-item_main .pay-btn[data-v-13b75e08] {
      display: inline-block;
      width: 110px;
      height: 32px;
      font-size: 14px;
      line-height: 32px;
      text-align: center;
      color: #f2b891;
      border: 1px solid #cc9b7a;
      margin-left: 20px;
}
.live-item .live-item_main .pay-btn svg[data-v-13b75e08] {
        fill: #f2b891;
        font-size: 21px;
        vertical-align: -0.25em;
        margin-right: 3px;
}
.live-item .live-item_main .live-item_more[data-v-13b75e08] {
      margin-top: 10px;
      background-color: #131d26;
}
.live-item .live-item_main .live-item_more .text[data-v-13b75e08] {
        color: #ffd8b2;
}
.live-item .live-item_main .live-item_images[data-v-13b75e08] {
      display: flex;
      margin-top: 10px;
}
.live-item .live-item_main .live-item_images_item[data-v-13b75e08] {
        width: 160px;
        height: 120px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
        margin-right: 10px;
        cursor: zoom-in;
        overflow: hidden;
}
.live-item .live-item_main .live-item_images_item .zoomer img[data-v-13b75e08] {
          min-height: 60px;
}
.live-item .live-item_main .live-item_images_item .zoomer.active img[data-v-13b75e08] {
          min-height: 0;
}
.live-item .live-item_main .live-item_related_article[data-v-13b75e08] {
      font-size: 14px;
      line-height: 23px;
      color: #ffd8b2;
      display: block;
      margin-top: 10px;
}
.live-item .live-item_main .live-item_related_article span[data-v-13b75e08] {
        color: #ccc;
}
.live-item .live-item_main .live-item_symbols[data-v-13b75e08] {
      margin-top: 10px;
      display: flex;
      flex-direction: row;
}
.live-item .live-item_main .live-item_symbols_item[data-v-13b75e08] {
        padding: 8px 10px;
        border: 1px solid #ccad8f;
        font-size: 12px;
        line-height: 12px;
        color: #ffd8b2;
        cursor: pointer;
        flex-shrink: 0;
        margin-right: 12px;
}
.live-item .live-item_main .live-item_symbols_item span[data-v-13b75e08] {
          margin-left: 6px;
}
.live-item .live-item_main .live-item_symbols_item[data-v-13b75e08]:last-child {
          margin: 0;
}
.live-item .live-item_main .live-item_symbols_item.gt[data-v-13b75e08] {
          color: #e62e4d !important;
          border-color: #e62e4d !important;
}
.live-item .live-item_main .live-item_symbols_item.lt[data-v-13b75e08] {
          color: #1f995c !important;
          border-color: #1f995c !important;
}
.icon-up[data-v-13b75e08] {
  fill: #FF6680;
}
.icon-down[data-v-13b75e08] {
  fill: #24B36B;
}

@-webkit-keyframes placeHolderShimmer {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.live-item_html_vip {
  display: inline;
  font-size: 14px;
  line-height: 23px;
}
.live-item_html_vip em {
    color: #1677d9;
    font-style: normal;
}
.live-item_html_vip a {
    color: #ffd8b2;
    text-decoration: underline;
    -webkit-text-decoration-color: #1677d9;
            text-decoration-color: #1677d9;
    text-underline-position: under;
}
.live-item_html_vip p:last-child {
    display: inline;
}

@-webkit-keyframes placeHolderShimmer-data-v-03fc588f {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-03fc588f {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.loading-wrapper[data-v-03fc588f] {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.loading-wrapper.night[data-v-03fc588f] {
    background-color: #222;
    border-color: rgba(255, 255, 255, 0.1);
}
.loading-wrapper.night .loading-content[data-v-03fc588f] {
      background: linear-gradient(to right, #666 8%, #808080 18%, #666 33%);
}
.loading-wrapper.night .loading-content .gap[data-v-03fc588f] {
        background-color: #222;
}
.loading-wrapper.night .loading-content .horizontal-gap_lg[data-v-03fc588f] {
        color: #ccc !important;
}
.loading-wrapper.night .loading-content .loading-line[data-v-03fc588f] {
        border-color: rgba(255, 255, 255, 0.1);
}
.loading-content[data-v-03fc588f] {
  height: 110px;
  position: relative;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer-data-v-03fc588f;
          animation-name: placeHolderShimmer-data-v-03fc588f;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 170% 108%;
}
.loading-content .gap[data-v-03fc588f] {
    position: absolute;
    background-color: #fff;
}
.loading-content .fullwidth-gap[data-v-03fc588f] {
    left: 0;
    right: 0;
    height: 12px;
}
.loading-content .fullwidth-gap.fullwidth-gap_top[data-v-03fc588f] {
      top: 0;
}
.loading-content .fullwidth-gap.fullwidth-gap_bottom[data-v-03fc588f] {
      bottom: 0;
}
.loading-content .vertical-gap[data-v-03fc588f] {
    height: 86px;
    top: 12px;
}
.loading-content .vertical-gap.vertical-gap_left[data-v-03fc588f] {
      height: 66px;
      top: 32px;
      left: 0;
      width: 42px;
}
.loading-content .vertical-gap.vertical-gap_mid[data-v-03fc588f] {
      left: 40px;
      width: 20px;
}
.loading-content .vertical-gap.vertical-gap_right[data-v-03fc588f] {
      left: 62px;
      width: 30px;
}
.loading-content .loading-line[data-v-03fc588f] {
    height: 86px;
    border: 1px dashed #e6e6e6;
    position: absolute;
    left: 60px;
    top: 12px;
}
.loading-content .horizontal-gap[data-v-03fc588f] {
    left: 92px;
    right: 0;
}
.loading-content .horizontal-gap.horizontal-gap_com[data-v-03fc588f] {
      height: 10px;
}
.loading-content .horizontal-gap.horizontal-gap_com.horizontal-gap_com_first[data-v-03fc588f] {
        top: 26px;
}
.loading-content .horizontal-gap.horizontal-gap_com.horizontal-gap_com_last[data-v-03fc588f] {
        top: 50px;
}
.loading-content .horizontal-gap.horizontal-gap_lg[data-v-03fc588f] {
      height: 24px;
      padding-top: 10px;
      font-size: 14px;
      color: #2a343d;
      bottom: 12px;
}

@-webkit-keyframes placeHolderShimmer-data-v-974f2dac {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-974f2dac {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.wscn__pagination[data-v-974f2dac] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wscn__pagination-left[data-v-974f2dac] {
  display: flex;
  align-items: center;
}
.wscn__pagination-left > a[data-v-974f2dac]:hover {
    color: #1677D9;
    border-color: #1677D9;
}
.wscn__pagination-prev[data-v-974f2dac] {
  margin-right: 10px;
}
.wscn__pagination-next[data-v-974f2dac] {
  margin-left: 10px;
}
.wscn__pagination-prev[data-v-974f2dac], .wscn__pagination-next[data-v-974f2dac] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  font-size: 14px;
  color: #999;
}
.wscn__pagination-page[data-v-974f2dac] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 14px;
  color: #222;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  margin: 0 3px;
  cursor: pointer;
}
.wscn__pagination-page.active[data-v-974f2dac] {
    color: #fff;
    border: none;
    background-color: #1677D9;
}
.wscn__pagination-page.active[data-v-974f2dac]:hover {
      color: #fff;
}
.wscn__pagination-form[data-v-974f2dac] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #999;
}
.wscn__pagination-form-input[data-v-974f2dac] {
  width: 50px;
  height: 40px;
  border: 1px solid #e6e6e6;
  text-align: center;
  color: #222;
  font-size: 16px;
  margin: 0 6px;
  transition: border-color 0.3s ease-in;
}
.wscn__pagination-form-input[data-v-974f2dac]:focus {
    border-color: #1677D9;
}
.wscn__pagination-form-submit[data-v-974f2dac] {
  margin-left: 6px;
  width: 50px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background-color: #1677D9;
}
.wscn__pagination-form-submit[data-v-974f2dac]:hover {
    background-color: #1885F2;
}

@-webkit-keyframes placeHolderShimmer-data-v-f89b8ce6 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer-data-v-f89b8ce6 {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.calendarlive-item[data-v-f89b8ce6] {
  padding: 12px 0;
  display: flex;
  border-bottom: 1px solid #f0f0f0;
}
.calendarlive-item.night[data-v-f89b8ce6] {
    border-color: rgba(255, 255, 255, 0.05);
}
.calendarlive-item.night .calendarlive-item_created[data-v-f89b8ce6] {
      color: #ccc;
      border-color: rgba(255, 255, 255, 0.1);
}
.calendarlive-item.night .calendarlive-item_created.importance[data-v-f89b8ce6] {
        color: #FF6680 !important;
}
.calendarlive-item.night .calendarlive-item_main[data-v-f89b8ce6] {
      color: #ccc;
      flex: 1 1;
      padding-left: 20px;
      display: flex;
}
.calendarlive-item.night .calendarlive-item_main-container[data-v-f89b8ce6] {
        flex: 1 1;
}
.calendarlive-item.night .calendarlive-item_main-top[data-v-f89b8ce6] {
        display: flex;
        justify-content: space-between;
}
.calendarlive-item.night .calendarlive-item_main .calendarlive-item_more[data-v-f89b8ce6] {
        color: #999 !important;
}
.calendarlive-item.night .calendarlive-item_main.importance-2[data-v-f89b8ce6], .calendarlive-item.night .calendarlive-item_main.importance-3[data-v-f89b8ce6] {
        color: #FF6680 !important;
}
.calendarlive-item.night .calendarlive-item_main .calendarlive-item_probs_item[data-v-f89b8ce6] {
        color: #ccc;
        border-color: #666666;
}
.calendarlive-item.night .calendarlive-item_main .calendarlive-item_probs_item[data-v-f89b8ce6]:hover {
          color: #5AAEFF;
          border-color: #5AAEFF;
}
.calendarlive-item.night .calendarlive-item_main .calendarlive-item_probs_item.gt[data-v-f89b8ce6] {
          border-color: #666666 !important;
}
.calendarlive-item.night .calendarlive-item_main .calendarlive-item_probs_item.gt[data-v-f89b8ce6]:hover {
            border-color: #FF6680 !important;
            color: #FF6680 !important;
}
.calendarlive-item.night .calendarlive-item_main .calendarlive-item_probs_item.gt .prob-rate[data-v-f89b8ce6] {
            color: #FF6680 !important;
}
.calendarlive-item.night .calendarlive-item_main .calendarlive-item_probs_item.lt[data-v-f89b8ce6] {
          border-color: #666666 !important;
}
.calendarlive-item.night .calendarlive-item_main .calendarlive-item_probs_item.lt[data-v-f89b8ce6]:hover {
            border-color: #1f995c !important;
            color: #1f995c !important;
}
.calendarlive-item.night .calendarlive-item_main .calendarlive-item_probs_item.lt .prob-rate[data-v-f89b8ce6] {
            color: #1f995c !important;
}
.calendarlive-item.night .calendarlive-item_main .calendarlive-item_probs_detail[data-v-f89b8ce6] {
        color: #62B1FF;
        font-size: 12px;
        padding: 8px;
}
.calendarlive-item.night .calendarlive-item_main .calendarlive-item_title.importance-2[data-v-f89b8ce6], .calendarlive-item.night .calendarlive-item_main .calendarlive-item_title.importance-3[data-v-f89b8ce6] {
        color: #FF6680 !important;
}
.calendarlive-item.night .calendarlive-item_content-predict .black[data-v-f89b8ce6] {
      color: #fff;
}
.calendarlive-item_created[data-v-f89b8ce6] {
    font-size: 14px;
    line-height: 22px;
    width: 100px;
    flex-shrink: 0;
    letter-spacing: 0.5px;
    color: #222;
    border-right: 1px dashed #e6e6e6;
    padding: 2px 0;
}
.calendarlive-item_created.importance[data-v-f89b8ce6] {
      color: #CC2936 !important;
}
.calendarlive-item_created.importance-3[data-v-f89b8ce6] {
      width: 61px;
      border-right: 2px solid #CC2936 !important;
}
.calendarlive-item_main[data-v-f89b8ce6] {
    flex: 1 1;
    color: #222;
    padding-left: 20px;
    display: flex;
}
.calendarlive-item_main-container[data-v-f89b8ce6] {
      flex: 1 1;
}
.calendarlive-item_main-container[data-v-f89b8ce6] {
      flex: 1 1;
}
.calendarlive-item_main-top[data-v-f89b8ce6] {
      justify-content: space-between;
}
.calendarlive-item_main-flag[data-v-f89b8ce6] {
      width: 60px;
      display: block;
      flex-shrink: 0;
      padding-top: 12px;
}
.calendarlive-item_main-flag img[data-v-f89b8ce6] {
        width: 40px;
        height: 26px;
}
.calendarlive-item_main.importance-2[data-v-f89b8ce6], .calendarlive-item_main.importance-3[data-v-f89b8ce6] {
      color: #CC2936 !important;
}
.calendarlive-item_main.importance-3[data-v-f89b8ce6] {
      font-weight: bold;
}
.calendarlive-item_main .calendarlive-item_title[data-v-f89b8ce6] {
      display: inline;
      font-size: 15px;
      line-height: 28px;
      cursor: pointer;
}
.calendarlive-item_main .calendarlive-item_title.importance-2[data-v-f89b8ce6], .calendarlive-item_main .calendarlive-item_title.importance-3[data-v-f89b8ce6] {
        color: #CC2936 !important;
}
.calendarlive-item_main .calendarlive-item_title.importance-3[data-v-f89b8ce6] {
        font-weight: bold;
}
.calendarlive-item_main .calendarlive-item_content[data-v-f89b8ce6] {
      font-weight: normal;
      font-size: 14px;
      line-height: 26px;
      color: #999;
      display: flex;
      margin-top: 4px;
      justify-content: space-between;
}
.calendarlive-item_main .calendarlive-item_content-predict .actual-value[data-v-f89b8ce6] {
        margin-left: 20px;
        position: relative;
}
.calendarlive-item_main .calendarlive-item_content-predict .actual-value[data-v-f89b8ce6]:before {
          content: '';
          position: absolute;
          top: 1px;
          left: -10px;
          width: 1px;
          height: 14px;
          background: #d8d8d8;
}
.calendarlive-item_main .calendarlive-item_content-predict .bold[data-v-f89b8ce6] {
        font-weight: bold;
}
.calendarlive-item_main .calendarlive-item_content-predict .big[data-v-f89b8ce6] {
        font-size: 16px;
}
.calendarlive-item_main .calendarlive-item_content-predict .black[data-v-f89b8ce6] {
        color: #222;
}
.calendarlive-item_main .calendarlive-item_more_btn[data-v-f89b8ce6] {
      display: inline;
      font-size: 14px;
      line-height: 25px;
      color: #1677d9;
      cursor: pointer;
}
.calendarlive-item_main .calendarlive-item_more_btn.active svg[data-v-f89b8ce6] {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
}
.calendarlive-item_main .calendarlive-item_more_btn svg[data-v-f89b8ce6] {
        fill: #1677d9;
        transition: all .5s;
}
.calendarlive-item_main .calendarlive-item_more[data-v-f89b8ce6] {
      margin-top: 10px;
      color: #666 !important;
}
.calendarlive-item_main .calendarlive-item_more .calendarlive-item_html[data-v-f89b8ce6] {
        font-size: 13px;
        line-height: 21px;
}
.calendarlive-item_main .calendarlive-item_images[data-v-f89b8ce6] {
      display: flex;
      flex-wrap: wrap;
      margin-top: 10px;
}
.calendarlive-item_main .calendarlive-item_images.more .calendarlive-item_images_item[data-v-f89b8ce6] {
        height: 80px;
        max-height: 80px;
}
.calendarlive-item_main .calendarlive-item_images_item[data-v-f89b8ce6] {
        width: 160px;
        max-height: 320px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
        margin-right: 10px;
        margin-bottom: 10px;
        cursor: zoom-in;
        overflow: hidden;
}
.calendarlive-item_main .calendarlive-item_images_item .zoomer img[data-v-f89b8ce6] {
          min-height: 60px;
}
.calendarlive-item_main .calendarlive-item_images_item .zoomer.active img[data-v-f89b8ce6] {
          min-height: 0;
}
.calendarlive-item_main .calendarlive-item_related_article[data-v-f89b8ce6] {
      font-size: 14px;
      line-height: 23px;
      color: #1677d9;
      display: block;
      margin-top: 6px;
      font-weight: normal !important;
}
.calendarlive-item_main .calendarlive-item_related_article span[data-v-f89b8ce6] {
        color: #999;
        text-decoration: none;
}
.calendarlive-item_main .calendarlive-item_related_article a[data-v-f89b8ce6]:hover {
        text-decoration: underline;
}
.calendarlive-item_main .calendarlive-item_probs[data-v-f89b8ce6] {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
}
.calendarlive-item_main .calendarlive-item_probs_item[data-v-f89b8ce6] {
        padding: 7px 9px;
        border: 1px solid #cccccc;
        font-size: 12px;
        line-height: 12px;
        color: #222;
        margin: 0 10px 0 0;
        display: inline-block;
        height: 28px;
        cursor: pointer;
        flex-shrink: 0;
}
.calendarlive-item_main .calendarlive-item_probs_item[data-v-f89b8ce6]:hover {
          color: #1677d9;
          border-color: #1677d9;
}
.calendarlive-item_main .calendarlive-item_probs_item[data-v-f89b8ce6]:last-child {
          margin: 0;
}
.calendarlive-item_main .calendarlive-item_probs_item.gt[data-v-f89b8ce6] {
          border-color: #cccccc !important;
}
.calendarlive-item_main .calendarlive-item_probs_item.gt[data-v-f89b8ce6]:hover {
            border-color: #e62e4d !important;
            color: #e62e4d !important;
}
.calendarlive-item_main .calendarlive-item_probs_item.gt .prob-rate[data-v-f89b8ce6] {
            color: #e62e4d !important;
}
.calendarlive-item_main .calendarlive-item_probs_item.lt[data-v-f89b8ce6] {
          border-color: #cccccc !important;
}
.calendarlive-item_main .calendarlive-item_probs_item.lt[data-v-f89b8ce6]:hover {
            border-color: #1f995c !important;
            color: #1f995c !important;
}
.calendarlive-item_main .calendarlive-item_probs_item.lt .prob-rate[data-v-f89b8ce6] {
            color: #1f995c !important;
}
.calendarlive-item_main .calendarlive-item_probs_detail[data-v-f89b8ce6] {
        color: #006ee2;
        font-size: 12px;
        padding-top: 14px;
}
.calendarlive-item_main .calendarlive-item_probs_detail_book[data-v-f89b8ce6] {
          width: 16px;
          display: inline-block;
          margin-right: 2px;
}
.calendarlive-item_main .calendarlive-item_probs_detail_book svg[data-v-f89b8ce6] {
            width: 16px;
}
.calendarlive-item_main .calendarlive-item_probs_detail_more[data-v-f89b8ce6] {
          width: 12px;
          display: inline-block;
          margin-left: 2px;
}
.calendarlive-item_main .calendarlive-item_probs_detail_more svg[data-v-f89b8ce6] {
            width: 12px;
}
.calendarlive-item .live-prob[data-v-f89b8ce6] {
    display: flex;
}
.calendarlive-item .live-prob-item[data-v-f89b8ce6] {
      display: block;
      height: 30px;
      border-radius: 2px;
      line-height: 30px;
      border: solid 1px #e62e4d;
}
.icon-up[data-v-f89b8ce6] {
  fill: #e62e4d;
}
.icon-down[data-v-f89b8ce6] {
  fill: #1f995c;
}

@-webkit-keyframes placeHolderShimmer {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
@keyframes placeHolderShimmer {
0% {
    background-position: 99% 0;
}
100% {
    background-position: -99% 0;
}
}
.calendarlive-item_probs_item.lt svg path {
  fill: #24B36B !important;
}
.calendarlive-item_probs_item.gt svg path {
  fill: #e62e4d !important;
}
.night .calendarlive-item_probs_item.gt svg path {
  fill: #FF6680 !important;
}
.calendarlive-item_probs_detail svg path {
  fill: #006ee2 !important;
}
.night .calendarlive-item_probs_detail svg path {
  fill: #62B1FF !important;
}
.night .calendarlive-item_main .calendarlive-item_content-predict .actual-value:before {
  content: '';
  position: absolute;
  top: 1px;
  left: -10px;
  width: 1px;
  height: 14px;
  background: #666666 !important;
}
.calendarlive-item_html {
  display: inline;
  font-size: 15px;
  line-height: 25px;
}
.calendarlive-item_html.night em {
    color: #5AAEFF;
}
.calendarlive-item_html.night a {
    -webkit-text-decoration-color: #62B1FF;
            text-decoration-color: #62B1FF;
}
.calendarlive-item_html.night a:hover {
      color: #62B1FF;
}
.calendarlive-item_html em {
    color: #1677d9;
    font-style: normal;
}
.calendarlive-item_html a {
    text-decoration: underline;
    -webkit-text-decoration-color: #1677d9;
            text-decoration-color: #1677d9;
    text-underline-position: under;
}
.calendarlive-item_html a:hover {
      color: #1677d9;
}
.calendarlive-item_html p:last-child {
    display: inline;
}


.pagination_wrapper[data-v-2bd8b191] {
  padding: 30px 0;
}
.nomore[data-v-2bd8b191] {
  text-align: center;
  line-height: 60px;
  color: #ccc;
}


.nomore[data-v-a3ede6b0] {
  text-align: center;
  line-height: 60px;
  color: #ccc;
}


.livenews-main[data-v-6a9dffee] {
  padding: 0 40px;
}
.a-stock_img[data-v-6a9dffee] {
  display: block;
  width: 944px;
  overflow: hidden;
  position: relative;
  left: -40px;
}