// 全局样式
// @font-face {
//   font-family: 'PingFang';
//   src: url('https://hzstatic.hzinsights.com/static/font/PingFangRegular.ttf');
// }
html,
body,
#app {
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #333;
  // font-family: 'PingFang';
  // min-width: 1024px;
}

:root{
  --el-color-primary:#F3A52F;
  --el-color-primary-light-3:#F3A52F;
}

// 禁止页面打印
@media print{
  body{
    display: none;
  }
}

//禁止复制文本
.no-select-text{
  user-select: none;
  -moz-user-select:-moz-none;
  moz-user-select: none;
  -o-user-select:none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select:none;
}

div {
  box-sizing: border-box;
}

ul,
li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.flex {
  display: flex;
}

.flex-row-center {
  display: flex;
  justify-content: center;
}

.flex-col-center {
  display: flex;
  align-items: center;
}

.flex-row-col-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bg-white {
  background-color: #fff;
}

.box-shadow {
  border: 1px solid #ececec;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.empty-list {
  text-align: center;
  color: #7a7a7a;

  img {
    width: 315px;
  }
}

img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

// 清除浮动
.clear-float::after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

// 全局滚动条样式
::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-thumb {
  background: #7a7a7a;
  border-radius: 5px;
}

.el-message-box__btns {
  justify-content: center;
}

.self-elmessage-confirm-btn {
  background-color: #F3A52F !important;
  color: #fff;
  border: none !important;
  width: 90px;

  &:hover {
    background-color: #F3A52F;
  }
}

.self-elmessage-cancel-btn {
  background-color: #fff;
  border-color: #F3A52F;
  color: #F3A52F;
  width: 90px;

  &:hover {
    background-color: #fff;
    color: #F3A52F;
    border-color: #F3A52F;
  }
}

.el-popover.el-popper {
  min-width: 50px;
}

.el-image-viewer__canvas img {
  background-color: #fff;
}

.global-main-btn {
  text-align: center;
  color: #fff;
  padding: 9px 20px;
  border-radius: 33px;
  background-color: #F3A52F;
  cursor: pointer;
}

.global-plain-btn {
  text-align: center;
  color: #fff;
  padding: 9px 20px;
  border-radius: 33px;
  border: 1px solid #F3A52F;
  cursor: pointer;
  color: #F3A52F;

  &:hover {
    background-color: #F3A52F;
    color: #fff;
  }
}

//单行省略
.multi-ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// 两行省略
.multi-ellipsis-l2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

// 有右边盒子的模块样式
.hasrightaside-box {
  display: flex;
  .content-box{
    flex:1;
    padding-right: 30px;
  }

  .right-aside-box {
    flex-shrink: 0;
    width: 240px;
    border-left: 2px solid #F2F2F2;
    padding: 30px;
    background-color: #fff;

    .fix-top {
      position: fixed;
      top: 100px;
      width: 180px;
    }

    .label {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;

      &::before {
        content: '';
        display: inline-block;
        width: 3px;
        height: 17px;
        background: #F3A52F;
        border-radius: 2px 2px 2px 2px;
        margin-right: 10px;
        position: relative;
        top: 2px;
      }
    }

    .share-box {
      .icon {
        cursor: pointer;
        width: 24px;
        height: 24px;
        background-image: url('@/assets/icon-wechat.png');
        background-size: cover;

        &:hover {
          background-image: url('@/assets/icon-wechat2.png');
        }
      }
    }

    .hot-box {
      .img-con {
        width: 180px;
        height: 108px;
        background: linear-gradient(180deg, #282F4B 0%, #586184 100%);
        box-shadow: 0px 4px 12px 1px rgba(0, 0, 0, 0.06);
        border-radius: 4px;
        background-size: cover;
        background-repeat: no-repeat;
      }
    }

    .recmd-box {
      .recmd-item {
        padding-top: 16px;
        padding-bottom: 12px;
        border-bottom: 1px solid #F2F2F2;
        cursor: pointer;
        &:hover{
          color: #F3A52F;
          .title{
            color: #F3A52F;
          }
          div{
            color: #F3A52F;
          }
        }
        div{
          color: #666;
        }
        .title {
          font-weight: bold;
          margin-bottom: 10px;
          color: #333;
        }
      }
    }
  }
}

// 免责申明弹窗样式
.disclaimers-box{
  font-size: 16px;
  line-height: 1.7;
}

// 跳转去提问悬浮按钮
.to-question-box-fixed{
  position: fixed;
  right: 20px;
  bottom: 180px;
  z-index: 1000;
  background: #FFFFFF;
  box-shadow: 0px 4px 17px 0px rgba(0,0,0,0.08);
  border: 1px solid #F2F2F2;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius:8px;
  cursor: pointer;
  padding: 10px;
  img{
    width: 40px;
  }
  span{
    font-size: 14px;
    font-weight: 400;
    color: #E3B377;
  }
}
//预览ppt时样式
.ppt-preview-box{
  @media screen and (min-width: 1600px){
    .el-image-viewer__close{
      top: 10vh;
      right: calc(50% - 700px);
    }
    .el-image-viewer__next{
      right: calc(50% - 700px);
    }
    .el-image-viewer__prev{
      left: calc(50% - 700px);
    }
  }
}

#report-rich-content{
  position: relative;
  .hide-watermark-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 40px;
    z-index: 999999;
    background: transparent;
    left: 0;
    top: 0;
    pointer-events: none;
    color: rgba(0,0,0,0.005); // 水印蒙层字体颜色设置为白色透明
  }
}