@charset "UTF-8";

@font-face {
  font-family: 'vivoSansdev-Regular';
  src: url('./font/vivoSansdev-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

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

@font-face {
  font-family: 'vivoSansdev-Bold';
  src: url('./font/vivoSansdev-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'vivoSansdev-ExtraBold';
  src: url('./font/vivoSansdev-ExtraBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}


#cbcn-all-c .cbcn-kv-link {
  display: none !important;
}

/* 默认值 */
* {
  font-family: "vivoSansdev-Medium";
}

#cbcn-all-c * {
  box-sizing: border-box;
}

#cbcn-all-c video:focus {
  outline: none;
}

#cbcn-all-c p {
  margin: 0;
}

.J_replace_content {
  max-width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
}

#cbcn-all-c {
  font-size: 20px;
  background: transparent;
  color: black;
  /* display: none; */
}

#cbcn-all-c sup {
  font-size: 0.5em;
  position: relative;
  top: 0em;
  line-height: 0;
  vertical-align: super;
}

#cbcn-all-c video.in,
#cbcn-all-c img.in {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}


/* 常用 */
#cbcn-all-c .hide {
  display: none;
}

#cbcn-all-c .noWrap {
  text-wrap: nowrap;
  white-space: nowrap;
}


/* 居中 */
#cbcn-all-c .rowCenter1 {
  display: block;
  margin: 0 auto;
  position: relative;
}

#cbcn-all-c .cbcn-titletxt.rowCenter1 {
  display: flex;
}

/* 盒子布局 */
#cbcn-all-c div.flexRow {
  display: flex;
  flex-direction: row;
}

#cbcn-all-c div.flexCol {
  display: flex;
  flex-direction: column;
}

/* 章节screen */
.cbcn-screen {
  position: relative;
  width: 100%;
  background-color: #F3F2F1;
  overflow: hidden;
}

.cbcn-screen.wt {
  background-color: #fff;
}

.cbcn-screen.bk {
  background-color: #000000;
}

.cbcn-screen.grey {
  background-color: #F6F6F6;
}

/* 文字样式 */
#cbcn-all-c p.color {
  background: linear-gradient(0deg, #9ADFFF -66.67%, #4682FF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#cbcn-all-c p.color sup {
  background: linear-gradient(0deg, #9ADFFF -66.67%, #4682FF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#cbcn-all-c .cbcn-param p.param.color {
  background: linear-gradient(183deg, #4DF9E8 10.91%, #3CA4F9 54.4%, #003EDE 93.75%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#cbcn-all-c .bk p {
  color: #fff;
}

#cbcn-all-c .wt p {
  color: #1D1D1F;
}

#cbcn-all-c p.wt {
  color: #FFFFFF;
}

#cbcn-all-c .wt p.grey {
  color: rgba(29, 29, 31, 0.55);
}

#cbcn-all-c .bk p.grey {
  color: #F5F5F7;
  opacity: 0.55;
}


#cbcn-all-c p.ct {
  text-align: center;
}