.rich-content {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  word-wrap: break-word;
  white-space: normal;
}

/* 去除白色边 */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  /* touch-action: manipulation; 禁止双指缩放 */
  -ms-content-zooming: none;
  /* 禁止IE浏览器缩放 */
  /* -ms-touch-action: manipulation; 禁止IE浏览器双指缩放 */
  /* user-select: none; 禁止选中文本 */
  -webkit-tap-highlight-color: transparent;
  /* 禁止点击高亮效果 */

  height: 100dvh;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  position: relative;
  height: 100dvh;
  /* 动态计算 */
  width: 100vw;
  overflow: hidden;
  /* 防止内部滚动影响整体布局 */
}
nav {
  position: absolute;
  padding: 30px;
  bottom: 10px;
}
nav a {
  font-weight: bold;
  color: #ebebeb;
  /* color: #2c3e50; */
}
nav a.router-link-exact-active {
  color: #42b983;
}
img {
  -webkit-touch-callout: none;
  /* 禁止长按图片保存菜单 */
}



/* 邮箱发送验证码前的验证码 */
#captcha_panel_wrap {
  z-index: 10000 !important
}


/* 仅在局部修改elementui的样式 */
::v-deep .el-dialog .el-dialog__body {
  padding: 0px 30px 20px 30px !important
}

@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url(data:font/ttf;base64,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) format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-huiyuan:before {
  content: "\e683";
}