html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: normal;
  font-weight: inherit;
  vertical-align: baseline;
  background: transparent;
  font-family: Roboto, Arial, sans-serif;
}

/* html,body,#__nuxt,#__layout,#Home{height: 100%;} */

body {
  line-height: 1.5;
}

ol,
ul {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #fff;
  text-decoration: none
}

/* 超出省略 */
.overhide {
  /* 一行溢出省略 */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.overhide2 {
  /* 两行溢出省略（手机端使用） */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.overhide3 {
  /* 三行溢出省略（手机端使用） */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

input {
  /* border: none !important; */
}

input:focus-visible {
  outline: none !important;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* input::-webkit-input-placeholder{
  color: #5584ff;
} */

input {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  /* 去除浏览器默认样式 */
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px white inset;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input::-ms-clear {
  display: none;
}

/*上篇提到过，删除文本框中的叉号*/
input::-ms-reveal {
  display: none;
}

/*删除密码框中的小眼睛*/
div,
p,
section,
input,
table,
ul,
li,
ol {
  box-sizing: border-box;
}

button {
  border: 0;
  outline: 0;
  cursor: pointer;
}

::-webkit-scrollbar {
  width: 0px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;

}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background-color: rgba(127, 143, 164, 0.6);
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: transparent;
  border-radius: 10px;
}

::-moz-scroll-bar {
  scrollbar-width: thin;
  scrollbar-color: #5584ff #62C4EE;
}

/* flex系列 */
.flex {
  display: flex;
}

.flex1 {
  flex: 1;
}

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

.flex-sides {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 浮动 */
.float-l {
  float: left;
}

.float-r {
  float: right;
}

.clear-both {
  clear: both;
}

/* 首字母大写 */
.capitalize {
  text-transform: capitalize;
}

/* 大写 */
.uppercase {
  text-transform: uppercase;
}

/* 小写 */
.lowercase {
  text-transform: lowercase;
}

/* 自定义字体 */
@font-face {
  font-family: "DIN-Light";
  src: url("https://resources.fx696.com/web20/font/DIN-Light.otf");
  font-display: swap;
}

@font-face {
  font-family: "DIN";
  src: url("https://resources.fx696.com/web20/font/DIN-MEDIUM_0.OTF");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/font/Roboto/Roboto-Bold.ttf");
  font-display: swap;
  font-smooth: antialiased;
  /* unicode-range: U+30-39; */
}


@font-face {
  font-family: 'HYYaKuHei';
  font-weight: normal;
  src: url('/font/HYYaKuHei-95J.ttf') format('truetype');
}

/* 页面公用样式 */
.g-header-warp .select-country-btn {
  box-sizing: content-box;
}

.width {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1199px) {

  /* PC客户端 */
  .width {
    width: 1000px;
    padding: 0 30px;
  }
}

@media screen and (max-width: 999px) {

  /* pad端 */
  .width {
    width: 800px;
    padding: 0 20px;
  }
}

@media screen and (max-width: 999px) {

  /* 移动端 */
  .width {
    width: 576px;
    padding: 0 15px;
  }

  body .el-message {
    min-width: auto;
    /* padding: 10px 5px !important; */
    border-radius: 8px !important;
    top: 58px !important;
    flex-direction: column;
    width: 95%;

  }

  .wiki-message-box {
    display: flex;
  }

  body .el-message__icon {
    display: none;
  }

  body .el-message .el-message__content {
    line-height: 20px;
    color: #333;
    padding: 15px 10px;
    width: 100%;
  }

  body .el-message--error .el-message__content {
    color: #F56C6C;
  }
}

@media screen and (max-width: 575px) {

  /* 移动端 */
  .width {
    width: 100%;
  }
}

/* 弹框统一样式 */
/* .el-dialog {
  top: 50%;left: 50%;transform: translate(-50%,-50%);margin: 0 !important;
} */
body .el-image__inner--center {
  position: static;
  transform: none;
}

/* 阿拉伯语 */
/* .opposite .el-dialog {
  left: auto;right: 50%;transform: translate(50%,-50%);
} */
.opposite .float-l {
  float: right;
}

.opposite .float-r {
  float: left;
}


/* 首字母大写 */
.capitalize {
  text-transform: capitalize;
}

/* 大写 */
.uppercase {
  text-transform: uppercase;
}

/* 小写 */
.lowercase {
  text-transform: lowercase;
}




.connecting {
  color: rgba(59, 204, 156, 1);
  background-color: rgba(59, 204, 156, 0.1);
  border-color: rgba(59, 204, 156, 0.1);
  padding: 3px 14px 3px 10px;
  display: flex;
  align-items: center;
  ;
  border-radius: 4px;
  cursor: default;
}

.connecting .bolt {
  max-width: 20px;
  max-height: 20px;
  display: flex;
  align-items: center;

}

.unconnect {
  color: rgba(235, 41, 73, 1);
  background-color: rgba(235, 41, 73, 0.1);
  border-color: rgba(235, 41, 73, 0.1);
  display: flex;
  align-items: center;
  padding: 3px 14px 3px 10px;
  border-radius: 4px;
  cursor: default;
}


.roboto {
  font-family: "Roboto";
}

.debug-version {
  position: fixed;
  right: 15px;
  top: 15px;
  background-color: #fff;
  border: 1px solid #999;
  transform: rotate(45deg);
  width: 30px;
  height: 80px;
}


.wiki-message-box {
  display: flex;
  align-items: center;

}

.wiki-message-box .message-icon {
  margin-right: 8px;
}