@import "animation.scss";

/*一下样式 待整理 todo...*/
@font-face {
  font-family: HarmonyOS_Sans_SC_Medium;
  font-style: normal;
  font-display: swap;
  src: url('/font/HarmonyOS_Sans_SC_Medium.woff2') format('woff2'),
    url('/font/HarmonyOS_Sans_SC_Medium.woff') format('woff');
}

@font-face {
  font-family: HarmonyOS_Sans_SC_thin;
  font-style: normal;
  font-display: swap;
  src: url('/font/HarmonyOS_Sans_Thin.ttf')
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
}


body {
  font-family: HarmonyOS_Sans_SC_Medium;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-transition: all .75s;
  transition: all .75s;
}
/*body {*/
/*  font-family: Apple System, "SF Pro SC", "SF Pro Display",*/
/*  "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB",*/
/*  "STHeiti", "Microsoft YaHei", "Microsoft JhengHei",*/
/*  "Source Han Sans SC", "Noto Sans CJK SC",*/
/*  "Source Han Sans CN", sans-serif;*/
/*}*/

.body {
  opacity: 1;
}

input,
textarea,
button {
  font-family: HarmonyOS_Sans_SC_Medium;
}
input[type="password"] {
  /*letter-spacing: -0.6em;*/
  /*font-size: 20px;*/
  font-family: Apple System, "SF Pro SC", "SF Pro Display",
  "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB",
  "STHeiti", "Microsoft YaHei", "Microsoft JhengHei",
  "Source Han Sans SC", "Noto Sans CJK SC",
  "Source Han Sans CN", sans-serif;
}
body input:-internal-autofill-selected {
  background-color: #FAFFBD;
  background-image: none !important;
  color: #000;
}
input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px white inset;  //使用足够大的纯色内阴影覆盖黄色背景
}

a {
  text-decoration: none;
  -webkit-touch-callout: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0
}
.cuorsor{
  cuorsor: pointer;
}
fieldset,
img,
iframe {
  border: 0
}

:focus {
  outline: 0
}

i,
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal
}

ol,
ul {
  list-style: none
}

li {
  list-style: none
}

caption,
th {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ''
}

abbr,
acronym {
  border: 0;
  font-variant: normal
}

img {
  vertical-align: top;
  border: none;
}

.pos-relative {
  position: relative
}

/*clear float*/
.clearfix {
  zoom: 1
}

.clearfix:after {
  display: block;
  clear: both;
  content: '';
  height: 0;
  font-size: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.flex {
  display: flex;
}

.j-sb {
  justify-content: space-between;
}

.j-c {
  justify-content: center;
}

.c-p {
  cursor: pointer;
}

.mr5 {
  margin-right: 5px;
}

.ml5 {
  margin-left: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.mr10 {
  margin-right: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.color-main {
  color: #3274FE !important;
}

/*chrome */
::-webkit-scrollbar-track-piece {
  width: 8px;
  height: 8px;
  background-color: #f8f8f8;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #3274FE;
}

::-webkit-scrollbar-thumb {
  width: 8px;
  height: 8px;
  background-color: #3274FE;
}

::-webkit-scrollbar-thumb:hover {
  width: 8px;
  height: 8px;
  background-color: #3d3d3d;
}

.wap-width {
  width: 1200px;
  margin: 0 auto;
}


label {
  font-weight: normal;
}

html {
  height: 100%;
  box-sizing: border-box;
}

html.dark .svg-icon,
html.dark svg {
  fill: var(--el-text-color-regular);
}

.text-ellipsis {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fs14 {
  font-size: 14px !important;
}

.con-box {
  background: #fff;
  margin-top: 10px;
  padding: 20px;
}

/*****element组件调整*****/
.el-table .cell {
  padding: 0px 6px !important;
  color: #333 !important;
}

.el-button--primary.is-plain,
.el-button--primary.is-text,
.el-button--primary.is-link {
  border-color: #3274FE !important;
}

.el-message{
  z-index: 3000 !important;
}
.el-button--primary.is-link{
  border: none;
}
/*解决input包含 select或者其他元素时候出现重复边框问题*/
.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{
  box-shadow: none !important;
}
.cuorsor{
    cursor: pointer;
}
.text-right{
    text-align: right;
}