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

:root{
  --el-color-primary:#00459F;
}

// 禁止页面打印
@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;
}

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-image-viewer__canvas img {
  background-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;
}

// 免责申明弹窗样式
.disclaimers-box{
  font-size: 16px;
  line-height: 1.7;
  max-height:60vh;
  overflow:auto;
}
// 沾满全屏宽度的 固定头
.fixed-header{
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
  z-index: 100;
  width: 100vw;
  background-color: white;
  border-bottom: 1px solid #DCDFE6 ;
  box-shadow: 0px 4px 20px rgba(180, 180, 180, 0.16);
  span{
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #1856A7;
  }
}


//PC端提示框样式修改
.PC-message-confirm{
  .el-message-box__title::before{
    content: '';
    display: inline-block;
    background-image: url('@/assets/icons/warning.svg');
    height: 18px;
    width: 18px;
    position: relative;
    top: 2px;
    margin-right: 8px;
  }
}
.el-message-box__header{
  border-bottom: solid 1px #DCDFE6;
}
.el-message-box__content{
  padding: 30px 20px;
}
.el-message-box__btns{
  .el-button--primary{
    background-color: #1856A7;
    height: 40px;
    min-width: 120px;
  }
}
// 移动端
@media screen and (max-width: 768px) {
  .fixed-header{
    height: 50px;
    span{
      font-weight: 700;
      font-size: 17px;
      line-height: 20px;
      color: #003675;
    }
  }
  // 移动端表单样式
  #mobile-form-field{
    .el-form-item{
      border-bottom: 1px solid #DCDFE6;
    }
    .el-form-item__label{
      padding: 0;
    }
    .el-form-item{
      margin-bottom: 15px;
    }
    .el-input__wrapper{
      box-shadow: none!important;
    }
    .el-select{
      .el-input__wrapper{
        padding: 0;
      }
      .el-input__inner{
        color: #1856A7;
      }
      .el-input__suffix{
        .el-icon{
          color: #1856A7;
        }
      }
    }
  }
  // 移动端提示框样式修改
  .mobile-message-confirm{
    padding: 0;
    .el-message-box__btns{
      padding: 0;
      .mobile-confirm-button{
        background-color: white;
        color: #1856A7;
        width: 100%;
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-top: solid 1px #DCDFE6;
        height: 48px;
        border-radius: 0;
      }
    }
  }
  .el-message{
    width: 100%;
  }
}

