html,
body {
  width        : 100%;
  height       : 100%;
  margin       : 0;
  overflow     : hidden;
  --padding-top: 0px;
}

a {
  color: var(--color-main-normal);
}

#app {
  width   : 100%;
  height  : 100%;
  position: absolute;
  overflow: hidden;
  left    : 0;
  top     : 0;
}

.clear-float::after {
  content: "";
  display: block;
  clear  : both;
}

.require {
  position: relative;

  &::before {
    content     : "*";
    position    : absolute;
    top         : 50%;
    transform   : translateY(-50%);
    right       : 100%;
    margin-right: 4px;
    color       : #fa3f48;
    line-height : 1.5em;
  }
}

.more-menu {
  position          : relative;
  // &::after {
  //   content: '';
  //   box-sizing: content-box;
  //   font-size: 5px;
  //   position: absolute;
  //   bottom: 0;
  //   right: 0;
  //   width: 0;
  //   height: 0;
  //   border-bottom: 1em solid var(--colors-normal-base);
  //   border-left: 1em solid transparent;
  // }
}

canvas {
  outline: none;
}

.ui-editor-toolbox {
  top       : calc(var(--editor-head-height) + var(--header-top));
  transition: inset ease 0.3s;
}

.ui-editor-menu .ui-editor-menu-item {
  width: auto;
}

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

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width           : 6px;
  height          : 6px;
  background-color: rgba(0, 0, 0, 0);
}

/*定义滚动条轨道
  内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius     : 3px;
  background-color  : rgba(255, 255, 255, 0);
}

/*定义滑块
  内阴影+圆角*/
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius     : 3px;
  background-color  : rgba(255, 255, 255, 0.5);
}

input:-webkit-autofill {
  /*自动填充文字颜色*/
  -webkit-text-fill-color: #fff !important;
  /*自动填充背景颜色*/
  -webkit-box-shadow     : 0 0 0px 1000px #313131 inset;
  border-color           : var(--colors-primary-base) !important;

  // -webkit-box-shadow: 0 0 0px 1000px #313131 inset !important;//关于解决输入框背景颜色
  // -webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接输入框文字颜色
  // font-size: 14px !important;
  // border-color: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.vc-switch {
  z-index: 99999999 !important;
}

code,
kbd,
pre,
samp {
  font-family: inherit;
}

@font-face {
  font-family: "sr";
  src        : url("./font/SimSun\ Regular.ttf") format("truetype");
}

@font-face {
  font-family: "st";
  src        : url("./font/simsun.ttc") format("truetype");
}