.bar_head.new {
  position: fixed!important;
}
body,
p,
h1,
h2 {
  margin: 0;
}
button {
  border: none;
  cursor: pointer;
  transition: 0.1s;
  background: none;
  outline: none;
}
button:hover {
  transform: scale(0.95);
}
a {
  text-decoration: none;
}
.footer {
  font-size: 14px;
  color: #999;
  padding: 15px 0;
  background-color: #333;
}
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';
  /* Project id 2927309 */
  src: url(/static_file/ai_tools_index/d05296a14ab0028402fd.woff2) format('woff2'), url(/static_file/ai_tools_index/6569bb16b4dc0a7e3f08.woff?t=1671260561353) format('woff'), url(/static_file/ai_tools_index/955bb71f4cc1a8479b8c.ttf?t=1671260561353) format('truetype');
}
i.iconfont {
  font-family: 'iconfont';
  font-style: normal;
}
html,
body {
  min-height: auto!important;
  font-family: '微软雅黑';
}
body {
  display: flex;
}
.index {
  flex: 1;
  padding-top: 60px;
}
.leftShow {
  position: relative;
  animation: leftShow 0.6s forwards;
  opacity: 0;
  left: -100px;
}
.rightShow {
  position: relative;
  animation: rightShow 0.6s forwards;
  opacity: 0;
  right: -100px;
}
.bottomToTop {
  position: relative;
  animation: bottomToTop 0.6s forwards;
  opacity: 0;
  bottom: -100px;
}
@keyframes leftShow {
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes rightShow {
  to {
    opacity: 1;
    right: 0;
  }
}
@keyframes bottomToTop {
  to {
    opacity: 1;
    bottom: 0;
  }
}
@keyframes ani-load-loop {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.alert-btn{border-radius:6px;padding:6px 15px;background-color:var(--bgColor);border:1px solid var(--bgColor);color:var(--textColor);transition:box-shadow 0.1s ease-in-out,transform 0.1s ease-in-out;}.alert-btn:active,.alert-btn:hover{box-shadow:var(--shadow);}.alert-btn:active{transform:scale(0.98);}.alert-btn + .alert-btn{margin-left:10px;}.alert-wrap{min-width:300px;position:fixed;left:50%;top:10vh;box-sizing:border-box;padding:15px 20px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.2);border-radius:6px;font-size:14px;z-index:9999;color:#303133;}.alert-wrap.is-visible{display:block;}.alert-wrap.no-visible{visibility:hidden;z-index:-1;display:none;}.el-is-show{display:block !important;}.el-is-show-flex{display:flex;visibility:visible !important;}.el-is-hide{visibility:hidden !important;}.alert-close{position:absolute;top:5px;right:13px;font-size:26px;color:#343C5D;transform:rotateZ(45deg);user-select:none;cursor:pointer;transition:transform 0.1s ease-in-out;}.alert-close:hover{transform:rotateZ(45deg) scale(1.1);}.alert-title{user-select:none;font-size:15px;font-weight:normal;margin:0;margin-bottom:15px;color:#303133;}.alert-content{box-sizing:border-box;padding:10px 0;}.alert-tips{user-select:none;margin-top:10px;font-size:12px;color:#909399;}.alert-copy-ok-tips{font-size:12px;user-select:none;margin:10px 0;color:#19be6b;}.alert-bottom{user-select:none;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-top:20px;}.alert-wrap.is-center > .alert-title{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;text-align:center;}.alert-wrap.is-center > .alert-bottom{text-align:center;}