<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<style lang="less">
// 动画
.ivu-spin-fix {
  background-color: transparent !important;
  z-index: 9999;
}
#spanLoading.ivu-spin-fix {
  z-index: 99999 !important;
  background-color: #fff !important;
}
.demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.demo-spin-col {
  height: 100px;
  position: relative;
  border: 1px solid #eee;
}
.ivu-rate .ivu-rate-star {
  font-size: 16px;
  margin-right: 4px;
}
html,
body,
#app {
  height: 100%;
  overflow-y: hidden;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  position: relative;
  background: #fff;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", "微软雅黑" !important;
  // -webkit-user-select: text;
}
.ivu-modal-footer .ivu-btn.ivu-btn-text,
.ivu-modal-confirm-footer .ivu-btn.ivu-btn-text {
  border-color: #dcdee2;
}
.ivu-divider {
  font-family: "Microsoft YaHei" !important;
}
.ivu-divider::before,
.ivu-divider::after {
  transform: none !important;
}
.ivu-checkbox-disabled + span {
  color: #333;
}
.color_333 {
  color: #333;
}
.browser-tip {
  padding: 10px 0;
  color: #515a6e;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  background-color: #fff9e6;
  .tip-title {
    display: inline-block;
    margin-right: 20px;
  }
}
// 隐藏播放组件
.prism-setting-btn {
  margin-right: 10px !important;
}
.prism-setting-audio,
.prism-setting-quality,
.prism-setting-cc,
.prism-cc-btn,
.prism-thumbnail img {
  display: none !important;
}
// iview page乱码
.ivu-page-item-jump-next:after,
.ivu-page-item-jump-prev:after {
  content: "\2022\2022\2022" !important;
}
.modal1 {
  .ivu-modal {
    width: 50% !important;
    .ivu-modal-content {
      border-radius: 0;
      .ivu-modal-header {
        background: #2d8cf0;
        padding: 13px 16px !important;
        .ivu-modal-header-inner {
          font-size: 18px !important;
          color: #ffffff;
        }
      }
      .ivu-modal-close {
        top: 4px;
        .ivu-icon-ios-close:before {
          color: #ffffff;
          font-size: 36px;
          font-weight: 600;
        }
      }
      .ivu-modal-footer {
        border-top: none;
      }
    }
  }
}
.modal_detail {
  .ivu-modal {
    width: 80% !important;
    .ivu-modal-content {
      border-radius: 0;
      .ivu-modal-header {
        background: #2d8cf0;
        padding: 13px 16px !important;
        .ivu-modal-header-inner {
          font-size: 18px !important;
          color: #ffffff;
        }
      }
      .ivu-modal-close {
        top: 4px;
        .ivu-icon-ios-close:before {
          color: #ffffff;
          font-size: 36px;
          font-weight: 600;
        }
      }
      .ivu-modal-footer {
        border-top: none;
      }
    }
  }
}
.ivu-table-header thead tr th,
.ivu-table-cell {
  text-align: center;
}
.foot_page {
  padding: 16px 0;
  text-align: right;
}
.ivu-form-item .ivu-radio-group {
  display: flex;
  justify-content: flex-start;
}
.ivu-form-item-content {
  line-height: 34px;
}
.ivu-modal-body {
  max-height: calc(100vh - 260px) !important;
  overflow: auto;
}
</style>
