@charset "UTF-8";

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

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

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


html {
    font-family: vivoSansTest-Regular;
}

.cbcn-blackSpace {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}

.cbcn-blackSpace-img {
  background-color: #fff;
  width: 100vw;
}

/* 常用 */
.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;
}

.rowCenter {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

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

.flexCol{
  display: flex;
  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;
  overflow: visible;
}


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