@charset "utf-8";
@font-face {
  font-family:Qagan;
    src:url("../fonts/Menk_Qagan_Tig.woff") format("woff"),
        url('../fonts/Menk_Qagan_Tig.ttf') format("truetype");
}
@font-face {
  font-family:GaltTig;
    src:url("../fonts/GLTSuljiyenTig.woff") format("woff"),
        url('../fonts/GLTSuljiyenTig.ttf') format("truetype");
}
.mglTig{
 font-family:Qagan;
}
.galTig{
 font-family:GaltTig;
}
html,
body {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-family: 'PingFang SC', Arial, 'Microsoft YaHei', sans-serif;
  background-color: white;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#VUEROOTDIV {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
}

[v-cloak] {
  visibility: hidden;
}

.mglTxt {
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
      -o-writing-mode: vertical-lr;
     -ms-writing-mode: tb-lr;
         writing-mode: vertical-lr;
 -webkit-text-orientation: sideways-right;
    -moz-text-orientation: sideways-right;
      -o-text-orientation: sideways-right;
     -ms-text-orientation: sideways-right;
         text-orientation: sideways-right;
        direction: ltr;
   vertical-align: baseline;
       word-break: keep-all;
      letter-spacing:-0.005em;
      unicode-bidi: bidi-override;
      transform-origin:right top;
      background-color: white;
}
.full {
  width: 100%;
  height: 100%;
}

.full_w {
  width: 100%;
}

.full_h {
  height: 100%;
}

.flex {
  display: flex;
}

.flex_c {
  display: flex;
  flex-flow: column;
}

.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.global_header_height {
  height: 60px;
}

/* 动画部分 */
.animation {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

.prepare-begin {
  opacity: 0;
}

.animation-showUp {
  animation-name: animation-showUp;
}

@keyframes animation-showUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animation-hideUp {
  animation-name: animation-hideUp;
}

@keyframes animation-hideUp {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, -50px, 0);
  }
}

.animation-showDown {
  animation-name: animation-showDown;
}

@keyframes animation-showDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -50px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animation-hideDown {
  animation-name: animation-hideDown;
}

@keyframes animation-hideDown {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
}

.animation-showLeft {
  animation-name: animation-showLeft;
}

@keyframes animation-showLeft {
  0% {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animation-hideLeft {
  animation-name: animation-hideLeft;
}

@keyframes animation-hideLeft {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
  }
}

.animation-showRight {
  animation-name: animation-showRight;
}

@keyframes animation-showRight {
  0% {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animation-hideRight {
  animation-name: animation-hideRight;
}

@keyframes animation-hideRight {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  
  100% {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
  }
}

.animation-loop-blink {
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-name: animation-loop-blink;
}

@keyframes animation-loop-blink {
  0% {
    opacity: 1;
  }
  
  100% {
    opacity: 0.4;
  }
}