@charset "UTF-8";

@font-face {
  font-family: 'vivoSansdev-Regular';
  src: url('./vivoSansdev-Regular.woff2?v=20230320_09') format('woff2'), url('./vivoSansdev-Regular.woff?v=20230320_09') format('woff'),
    url('./vivoSansdev-Regular.ttf?v=20230320_09') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'vivoSansdev-Medium';
  src: url('./vivoSansdev-Medium.woff2?v=20230320_09') format('woff2'), url('./vivoSansdev-Medium.woff?v=20230320_09') format('woff'),
    url('./vivoSansdev-Medium.ttf?v=20230320_09') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'vivoSansdev-DemiBold';
  src: url('./vivoSansdev-DemiBold.woff2?v=20230320_09') format('woff2'), url('./vivoSansdev-DemiBold.woff?v=20230320_09') format('woff'),
    url('./vivoSansdev-DemiBold.ttf?v=20230320_09') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'vivoSansdev-Bold';
  src: url('./vivoSansdev-Bold.woff2?v=20230320_09') format('woff2'), url('./vivoSansdev-Bold.woff?v=20230320_09') format('woff'),
    url('./vivoSansdev-Bold.ttf?v=20230320_09') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'vivoSansdev-Light';
  src: url('./vivoSansdev-Light.woff2?v=20230320_09') format('woff2'), url('./vivoSansdev-Light.woff?v=20230320_09') format('woff'),
    url('./vivoSansdev-Light.ttf?v=20230320_09') format('truetype');
  font-style: normal;
  font-weight: 400;
}

*{
  box-sizing: border-box;
}

html {
  font-family: vivoSansdev-Regular;
}

/* 常用 */
.hide {
  display: none;
}

.allCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.colCenter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.colCenter.lt {
  left: 0;
}

.colCenter.rt {
  right: 0;
}

.rowCenter1 {
  display: block;
  margin: 0 auto;
}

.rowCenter2 {
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
}

.flexRow {
  display: flex !important;
  flex-direction: row;
}

.flexCol {
  display: flex !important;
  flex-direction: column;
}

.noWrap {
  text-wrap: nowrap;
  white-space: nowrap;
}

video.in,
img.in {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}

.pin-spacer {
  background-color: #000;
}

/* 文字渐变色 */
.textClip, .textClip sup {
  background: linear-gradient(136deg, #2E84E8 19.22%, #2D2AB8 92.53%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}