@media screen and (max-width: 980px) {
  /* kv  */
  .cbcn-kv-screen.cbcn-screen.fix {
    padding: 0;
  } 
  .cbcn-kv-content{
    height: 37.5em !important;
  }

  /* navigation */
  .cbcn-navigation-content {
    width: 100%;
    flex-direction: column;
    gap: 0.5em;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  .cbcn-navigation-card-itemDiv {
    width: 100%;
    height: 20.5em;
    border-radius: 0.4em;
    background: #F4F4F4;
  }

  .cbcn-navigation-card-item, .cbcn-navigation-card-itemContent {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    border-radius: 0;
  }

  .cbcn-navigation-card-txt {
    padding: 1.5em 1em;
    justify-content: start;
    justify-content: flex-start;
  }

  .cbcn-navigation-card-txt .cbcn-wap-h4 {
    text-align: left;
  }

  .cbcn-navigation-card-txt .cbcn-p1 {
    text-align: left;
    flex-direction: column;
    justify-content: start;
    justify-content: flex-start;
    margin-top: 0.5em;
  }

  .cbcn-navigation-card-txt .fullRow {
    flex-direction: column;
    gap: 0;
  }

  .cbcn-navigation-card-btn {
    display: block;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    right: 1em;
    bottom: 1em;
  }

  /* exterior */
  .cbcn-exterior-screen.fix {
    padding: 0;
  }
  .cbcn-exterior-content {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  /* .cbcn-exterior-video {
    width: 100vw;
    height: 100vh;
  } */
  .cbcn-exterior-p2 {
    z-index: 9;
    gap: 0;
    flex-direction: column;
  }
  .cbcn-exterior-video {
    margin: 0;
    width: 100vw;
    height: 32em;
    position: relative;
  }
  .cbcn-exterior-video img {
    opacity: 0;
  }

  /* color */
  .cbcn-color-screen.cbcn-screen.fix {
    padding: 0;
  }
  .cbcn-color-content {
    width: 100%;
    height: auto;
    padding: 4em 1.25em;
    position: relative;
    top: 0;
    transform: none;
  }
  .cbcn-color-txtDiv {
    width: 100%;
    padding: 0;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  .cbcn-color-txtDiv .subtitle {
    padding-right: 1.36em;
  }
  .cbcn-color-imgDiv {
    position: relative;
    width: 100%;
    height: 21.2em;
    left: 0;
    margin-top: 2.5em;
  }
  .cbcn-color-descDiv {
    margin-top: 2.5em;
    position: relative;
  }
  .cbcn-color-desc {
    width: 100%;
    height: 1.6em;
    position: relative;
    top: 0;
    left: 0;
  }
  .cbcn-color-descItem {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    gap: 0.5em;
  }
  .cbcn-color-descItem p {
    color: #000;
    background: none !important;
    -webkit-text-fill-color: black !important;
    letter-spacing: 0;
  }
  .cbcn-color-infoDiv {
    margin-top: 2.5em;
    height: 7.9em;
    position: relative;
  }
  .cbcn-color-info {
    gap: 1.5em;
    top: 0;
    bottom: auto;
  }
  .cbcn-color-btnList {
    margin: 1em auto 0;
  }
  .cbcn-color-btn {
    width: 1.6em;
    height: 1.6em;
  }

  /* lensModule */
  .cbcn-lensModule-content {
    margin: 0;
    padding: 4em 1.25em 0;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    z-index: 1;
  }
  .cbcn-lensModule-contentDiv {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  .cbcn-lensModule-txtDiv {
    width: 100%;
    padding: 0;
    margin: 0 0 1.5em;
    position: relative !important;
    top: 0;
    left: 0;
    transform: none;
    flex-direction: column;
    gap: 0.5em;
  }
  .cbcn-lensModule-txtDiv .cbcn-p1 {
    margin-top: 0;
    color: #8c8c8c;
  }
  .cbcn-lensModule-txtDiv .cbcn-title4 .cbcn-p1 {
    color: #1D1D1F;
  }
  .cbcn-lensModule-txtDiv .cbcn-wap-h3 {
    color: #1D1D1F;
  }
  .cbcn-lensModule-img {
    width: 100%;
    height: 14em;
    margin: 0;
  }

  /* straightScreen */
  .cbcn-straightScreen-content {
    width: 100%;
    height: auto;
    padding: 0 1.25em;
    margin: 0;
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
    transform: none;
  }
  .cbcn-straightScreen-contentDiv {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    right: 0;
    padding-bottom: 4em;
  }
  .cbcn-straightScreen-img {
    width: 100%;
    height: 14em;
  }
  .cbcn-straightScreen-paramGroup {
    margin: 2.5em 0 1.5em;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    gap: 1.5em;
    flex-direction: row;
    align-items: end;
    align-items: flex-end;
    opacity: 1;
  }

  /* display */
  .cbcn-display-p1 {
    gap: 0em;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    flex-direction: column;
  }
  .cbcn-display-p1 .cbcn-wap-h1 {
    display: flex;
  }
  .cbcn-display-txt1 {
    margin-top: 1.5em;
    position: relative !important;
    top: 0;
    left: 0;
    transform: none;
    opacity: 1;
  }
  .cbcn-display-txt1 p.ct {
    text-align: left;
  }
  .cbcn-display-imgDiv {
    width: 100vw;
    height: 18.85em;
    position: relative;
    left: -1.25em;
  }
  .cbcn-display-paramDiv {
    width: 100%;
    position: relative !important;
    top: -2.5em;
    left: 0;
    transform: none;
    opacity: 1;
    justify-content: start;
    justify-content: flex-start;
    gap: 1.25em 1.5em;
  }
  .cbcn-display-paramDiv .style2, .cbcn-display-paramDiv .style1, .cbcn-display-paramDiv .style3 {
    width: auto;
    min-width: 6.6em;
  }
  .cbcn-display-descDiv {
    width: 100%;
    position: relative !important;
    top: 0;
    left: 0;
    transform: none;
    opacity: 1;
    flex-direction: column;
    gap: 1.25em;
  }

  /* antiDrop */
  .cbcn-antiDrop-screen .rowCenter2 {
    position: relative !important;
    top: 0;
    left: 0;
    transform: none;
  }
  .cbcn-antiDrop-screen .colCenter {
    position: relative;
    top: 0;
    right: 0;
    transform: none;
  }
  .cbcn-antiDrop-txt {
    width: 100%;
    flex-direction: column;
  }
  .cbcn-antiDrop-info {
    width: 100%;
    margin-top: 1.75em;
    gap: 2.5em;
  }
  .cbcn-antiDrop-imgDiv {
    margin: 2.5em 0 1.5em;
    width: 100%;
    height: 14em;
  }
  .cbcn-antiDrop-img {
    width: 100%;
    height: 14em;
  }
  .cbcn-antiDrop-paramDiv {
    width: 100%;
    gap: 1.5em 2.5em;
    opacity: 1;
  }

  /* battery */
  .cbcn-battery-screen.fix {
    height: auto;
    padding: 4em 1.25em;
  }
  .cbcn-battery-screen .colCenter {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  .cbcn-battery-txt1 .cbcn-p1, .cbcn-battery-txt3 .cbcn-p1, .cbcn-battery-txt4 .cbcn-p1, .cbcn-battery-txt5 .cbcn-p1 {
    margin-top: 1em;
    height: 6em;
  }
  .cbcn-battery-txt1, .cbcn-battery-txt3, .cbcn-battery-txt4, .cbcn-battery-txt5 {
    flex-direction: column;
    align-items: start;
    align-items: flex-start;
    gap: 0em;
  }
  .cbcn-battery-txt3, .cbcn-battery-txt4, .cbcn-battery-txt5 {
    padding-top: 1.1em;
  }
  .cbcn-battery-swiper {
    height: 28.9em;
    position: relative;
  }
  .cbcn-battery-cardList {
    width: auto;
    position: absolute;
    top: 0;
    transform: none;
    margin: 0;
  }
  .cbcn-battery-card {
    position: relative;
    bottom: 0;
    left: 0;
    flex-direction: column;
    gap: 0em;
    opacity: 1;
  }
  .cbcn-battery-img {
    width: 100%;
    height: 7.5em;
    position: relative;
  }
  .cbcn-battery-txt1 {
    width: 100%;
    margin: 0;
  }
  .cbcn-battery-txt2 {
    width: 100%;
    gap: 1.25em 2.5em;
    justify-content: start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .cbcn-battery-txt3 {
    width: 100%;
    margin: 0;
    gap: 0;
  }
  .cbcn-battery-txt3-title {
    width: 100%;
  }
  .cbcn-battery-txt4 {
    width: 100%;
    margin: 0;
    gap: 0;
  }
  .cbcn-battery-txt5 {
    width: 100%;
    margin: 0;
    gap: 0;
  }

  .cbcn-battery-paramGroup{
    width: auto;
    justify-content: start;
    justify-content: flex-start;
    margin: 0;
  }
  .cbcn-battery-card2 .cbcn-battery-paramGroup {
    gap: 1.25em 1em;
  }
  .cbcn-battery-card3 .cbcn-battery-paramGroup {
    width: 100%;
    gap: 1.25em 2.5em;
  }
  .cbcn-battery-card4 .cbcn-battery-paramGroup {
    width: 100%;
    height: 7.15em;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    align-items: flex-start;
    gap: 0em;
  }
  .cbcn-battery-card2 .cbcn-param:nth-of-type(1) {
    min-width: 8.45em;
  }
  .cbcn-battery-card3 .cbcn-battery-paramGroup .cbcn-param:first-child {
    flex: auto 0 0;
  }
  .cbcn-battery-txt2 .cbcn-param:first-child {
    flex: 100% 0 0;
  }
  .cbcn-battery-cardBtnDiv {
    width: 100%;
    justify-content: end;
    justify-content: flex-end;
    margin-top: 2em;
  }

  /* endurance */
  .cbcn-endurance-screen .colCenter {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  .cbcn-endurance-title {
    align-items: start;
    align-items: flex-start;
    gap: 1.25em;
  }
  .cbcn-endurance-text {
    width: 100%;
    text-align: start;
  }
  .cbcn-endurance-img {
    width: auto;
    margin-top: 2.5em;
    height: 13.9em;
  }
  .cbcn-endurance-infoDiv {
    margin-top: 2.5em;
    gap: 1.25em 1.5em;
  }

  /* chip */
  .cbcn-chip-screen .allCenter, .cbcn-chip-screen .colCenter {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    margin: 0;
  }
  .cbcn-chip-p1 {
    flex-direction: column;
    gap: 0em;
  }
  .cbcn-chip-p1 span{
    display: flex;
  }
  .cbcn-chip-screen .cbcn-chip-textDiv1 {
    margin-top: 1.5em;
  }
  .cbcn-chip-text {
    width: 100%;
  }
  .cbcn-chip-paramGroup {
    margin-top: 2.5em;
    width: 100%;
    justify-content: start;
    justify-content: flex-start;
    gap: 1.5em;
  }
  .cbcn-chip-paramGroup .cbcn-param:nth-of-type(3) {
    width: auto;
  }
  .cbcn-chip-paramGroup .cbcn-param:nth-of-type(1) {
    width: 7em;
  }
  .cbcn-chip-infoRow {
    flex-direction: row;
    justify-content: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.5em 2.5em;
  }
  .cbcn-chip-infoRow:last-child {
    margin-top: 1.5em;
  }
  .cbcn-chip-infoRow .cbcn-param {
    width: auto;
    min-width: 4.85em;
  }
  .cbcn-chip-img {
    width: 100vw;
    height: 16.3em;
    margin-top: 2.5em;
    position: relative;
    left: -1.25em;
  }

  /* cooling */
  .cbcn-cooling-title {
    width: 100%;
    gap: 2.5em;
    position: relative;
    bottom: 0;
    left: 0;
  }
  .cbcn-cooling-imgDiv {
    width: 100vw;
    height: 16.25em;
    position: relative;
    left: -1.25em;
    margin: 0;
  }
  .cbcn-cooling-infoDiv {
    margin: 1.4em 0 0;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5em;
    position: relative;
    left: 0;
    top: 0;
    transform: none;
  }
  .cbcn-cooling-infoDiv .cbcn-param {
    width: auto;
    min-width: 7.2em;
  }

  /* storage */
  .cbcn-storage-title {
    flex-direction: column;
    align-items: start;
    align-items: flex-start;
    gap: 2.5em;
  }
  .cbcn-storage-title .cbcn-storage-txt {
    margin-top: 0.5em;
  }
  .cbcn-storage-imgDiv {
    margin-top: 2.5em;
    width: 100%;
    height: 14em;
  }
  .cbcn-storage-infoDiv {
    flex-wrap: wrap;
    gap: 1.5em 0em;
  }

  /* signal */
  .cbcn-signal-screen.fix {
    height: auto;
    padding: 4em 0;
  }
  .cbcn-signal-content {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
  }
  .cbcn-signal-title {
    opacity: 1;
    flex-direction: column;
    align-items: start;
    align-items: flex-start;
    gap: 1.75em;
  } 
  .cbcn-signal-cardList {
    opacity: 1;
  }
  .cbcn-signal-cardList {
    margin-top: 2.5em;
    flex-wrap: wrap;
    gap: 0.3em 0em;
  }
  .cbcn-signal-card {
    width: 7.9em;
    height: 10em;
    padding: 1em 0.8em;
    gap: 1em;
    border-radius: 0.35em;
  }
  .cbcn-signal-cardImg {
    width: 5em;
    height: 5em;
  }

  /* studioLevel */
  .cbcn-studioLevel-screen.fix {
    height: auto;
    padding: 4em 1.25em;
  }
  .cbcn-studioLevel-p {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    opacity: 1;
  }

  /* rearCamera */
  .cbcn-rearCamera-screen {
    padding: 4em 1.25em 0;
  }
  .cbcn-rearCamera-screen .ct p {
    text-align: left;
  }
  .cbcn-rearCamera-title {
    position: relative !important;
    top: 0;
    left: 0;
    transform: none;
    padding-bottom: 2.5em;
  }
  .cbcn-rearCamera-screen .cbcn-rearCamera-txt .cbcn-param.w p {
    color: #1D1D1F;
  }
  .cbcn-rearCamera-paramDiv {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: end;
    align-items: flex-end;
    gap: 1.5em 2.5em;
  }
  .cbcn-rearCamera-txt {
    gap: 1em;
    opacity: 1;
    position: relative;
    top: 0;
    left: auto;
    right: auto;
  }
  .cbcn-rearCamera-videoDiv {
    width: 100%;
    height: auto;
    margin: 0;
    overflow: initial;
  }
  .cbcn-rearCamera-img {
    margin-top: 3em;
    width: 100vw;
    height: 19.8em;
    position: relative;
    left: -1.25em;
    bottom: auto;
    opacity: 1;
  }

  .cbcn-rearCamera-paramDiv p {
    color: #000 !important;
  }

  /* fullFocus */
  .cbcn-fullFocus-screen.fix {
    padding: 4em 1.25em;
    height: auto;
  }
  .cbcn-fullFocus-title {
    position: relative;
    top: auto;
    transform: none;
  }
  .cbcn-fullFocus-title.ct p {
    text-align: left;
  }
  .cbcn-fullFocus-content {
    height: auto;
    margin: 0;
    opacity: 1;
    position: relative;
    top: auto;
    transform: none;
  }

  .cbcn-fullFocus-content2 {
    position: relative;
    opacity: 1;
    top: 0;
    transform: none;
  }

  .cbcn-fullFocus-swiper {
    margin-top: 2.5em;
    width: 100%;
    height: 18.25em;
  }

  .cbcn-fullFocus-card {
    width: 100%;
    height: 18.25em;
    margin-right: 0;
  }

  .cbcn-fullFocus-infoDiv {
    height: 2em;
    width: 100%;
  }

  .cbcn-fullFocus-info {
    top: 0.5em;
    text-align: left;
    width: auto;
    display: flex;
    gap: 0.5em;
  }

  .cbcn-fullFocus-switchBtnList {
    position: absolute;
    right: 0;
    top: 0;
  }

  /* portraitAlgorithm */
  .cbcn-portraitAlgorithm-content {
    flex-direction: column;
    gap: 2.5em;
  }
  .cbcn-portraitAlgorithm-title {
    flex-direction: column;
    align-items: start;
    align-items: flex-start;
    gap: 1.25em;
  }
  .cbcn-portraitAlgorithm-swiper {
    margin-top: 2.5em;
    width: 100%;
    height: 30.5em;
  }
  .cbcn-portraitAlgorithm-card {
    width: 100%;
    height: 30.5em;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
  }
  .cbcn-portraitAlgorithm-card-content {
    width: 100%;
    height: 30.5em;
    flex-direction: column;
  }
  .cbcn-portraitAlgorithm-img {
    width: 100%;
    height: 15em;
  }
  .cbcn-portraitAlgorithm-infoDiv {
    margin-top: 2em;
  }
  .cbcn-portraitAlgorithm-cardBtnDiv {
    width: 100%;
    justify-content: end;
    justify-content: flex-end;
  }

  /* facula */
  .cbcn-facula-title {
    flex-direction: column;
    align-items: start;
    align-items: flex-start;
    gap: 1.75em;
  }
  .cbcn-facula-swiper {
    margin-top: 2.5em;
    width: 100%;
    height: 28.3em;
    position: relative;
  }
  .cbcn-facula-cardList {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cbcn-facula-img {
    width: 100%;
    height: 24.25em;
    margin-bottom: 2.5em;
  }
  .cbcn-facula-cardBtnDiv {
    position: absolute;
    right: 1.25em;
    bottom: 0;
  }

  /* halo */
  .cbcn-halo-screen {
    width: 100%;
    height: auto;
    padding: 4em 0 0;
  }
  .cbcn-halo-title {
    width: 100%;
    position: relative;
    left: 0;
    bottom: 0;
    align-items: start;
    align-items: flex-start;
  }
  .cbcn-halo-title>div {
    width: auto;
  }
  .cbcn-halo-paramDiv {
    margin-top: 2.5em;
    gap: 1.25em;
  }
  .cbcn-halo-title .cbcn-halo-img {
    position: relative;
    top: 0;
    left: -1.25em;
    width: 100vw;
    height: 18.35em;
  }

  /* fullFocusLight */
  .cbcn-fullFocusLight-screen.fix {
    padding: 4em 1.25em;
    height: auto;
  }
  .cbcn-fullFocusLight-title {
    width: 100%;
    position: relative;
    top: auto;
    transform: none;
  }
  .cbcn-fullFocusLight-title.ct p {
    text-align: left;
  }
  .cbcn-fullFocusLight-content {
    height: auto;
    margin: 0;
    opacity: 1;
    position: relative;
    top: auto;
    transform: none;
  }

  .cbcn-fullFocusLight-content2 {
    position: relative;
    opacity: 1;
    top: 0;
    transform: none;
  }

  .cbcn-fullFocusLight-txt {
    width: 100%;
  }

  .cbcn-fullFocusLight-swiper {
    margin-top: 2.5em;
    width: 100%;
    height: 18.25em;
  }

  .cbcn-fullFocusLight-card {
    width: 100%;
    height: 18.25em;
    margin-right: 0;
  }

  .cbcn-fullFocusLight-infoDiv {
    margin-top: 2em;
    height: 2em;
    width: 100%;
  }

  .cbcn-fullFocusLight-info {
    top: 0.5em;
    text-align: left;
    width: auto;
    display: flex;
    gap: 0.5em;
  }

  .cbcn-fullFocusLight-switchBtnList {
    position: absolute;
    right: 0;
    top: 0;
  }

  /* rearSupplementaryLight */
  .cbcn-rearSupplementaryLight-screen .allCenter {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  .cbcn-rearSupplementaryLight-title {
    flex-direction: column;
    align-items: start;
    align-items: flex-start;
    gap: 1.75em;
  }
  .cbcn-rearSupplementaryLight-swiper {
    margin-top: 2.5em;
    width: 100%;
    height: 30.5em;
  }
  .cbcn-rearSupplementaryLight-card {
    width: 100%;
    height: 30.5em;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
  }
  .cbcn-rearSupplementaryLight-card-content {
    width: 100%;
    height: 30.5em;
    flex-direction: column;
  }
  .cbcn-rearSupplementaryLight-infoDiv {
    margin-top: 2em;
  }
  .cbcn-rearSupplementaryLight-cardBtnDiv {
    width: 100%;
    justify-content: end;
    justify-content: flex-end;
  }
  .cbcn-rearSupplementaryLight-img{
    width: 100%;
    height: 15em;
  }
  
  /* frontCamera */
  .cbcn-frontCamera-screen.fix {
    padding-bottom: 0;
  }
  .cbcn-frontCamera-content {
    height: auto;
  }
  .cbcn-frontCamera-txt {
    top: 0;
    left: 0;
    transform: none;
    margin: 0;
  }
  .cbcn-frontCamera-img {
    margin-top: 2em;
    width: 100vw;
    height: 25.45em;
    position: relative;
    top: 0;
    left: -1.25em;
  }

  /* frontSimple */
  .cbcn-frontSimple-contentDiv {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    margin: 0;
    flex-direction: column;
  }
  .cbcn-frontSimple-content1 {
    flex-direction: column;
  }
  .cbcn-frontSimple-content1-title {
    width: 100%;
    margin: 0;
  }
  .cbcn-frontSimple-content1-imgDiv {
    width: 100%;
    margin-top: 0;
  }
  .cbcn-frontSimple-content1-img {
    width: 100%;
    height: 18.25em;
  }
  .cbcn-frontSimple-content1-info {
    width: 100%;
    justify-content: end;
    justify-content: flex-end;
    gap: 0;
    margin-top: 1em;
  }
  .cbcn-frontSimple-content1-btn-list {
    padding: 0.1em;
    border-radius: 3.4em;
    background: #E4E4E4;
  }
  .cbcn-frontSimple-content1-btn {
    width: 3.73em;
    height: 2.4em;
    justify-content: center;
    align-items: center;
    font-size: 0.75em;
    color: #fff;
    transition: all 0.3s;
    background: transparent;
  }
  .cbcn-frontSimple-content1-btn.active {
    border-radius: 3em;
    background: #FFF;
    color: #272727;
  }

  .cbcn-frontSimple-content2 {
    flex-direction: column;
    margin: 8em 0 0;
  }
  .cbcn-frontSimple-content2-title {
    width: 100%;
    margin-top: 0;
  }
  .cbcn-frontSimple-content2-imgDiv {
    width: 100%;
    margin-top: 0;
  }
  .cbcn-frontSimple-content2-img {
    width: 100%;
    height: 18.25em;
  }

  .cbcn-frontSimple-content2-info {
    justify-content: end;
    justify-content: flex-end;
    gap: 0;
    margin-top: 1em;
  }
  .cbcn-frontSimple-content2-btn-list {
    padding: 0.1em;
    border-radius: 3.4em;
    background: #E4E4E4;
  }
  .cbcn-frontSimple-content2-btn {
    font-size: 0.75em;
    width: 3.73em;
    height: 2.4em;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: all 0.3s;
    background: transparent;
  }
  .cbcn-frontSimple-content2-btn.active {
    border-radius: 3em;
    background: #FFF;
    color: #272727;
  }

  .cbcn-frontSimple-content3 {
    flex-direction: column;
    margin: 8em 0 0;
  }
  .cbcn-frontSimple-content3-title {
    margin: 0;
    width: 100%;
  }
  .cbcn-frontSimple-content3-imgDiv {
    margin-top: 0;
    width: 100%;
  }
  .cbcn-frontSimple-content3-img {
    width: 100%;
    height: 19em;
  }

  /* AIRetouching */
  .cbcn-AIRetouching-screen .allCenter, .cbcn-AIRetouching-screen .colCenter{
    width: 100%;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  .cbcn-AIRetouching-card-content {
    margin-left: 0;
  }
  .cbcn-AIRetouching-title {
    text-align: center;
    padding-bottom: 2.5em;
  }
  .cbcn-AIRetouching-text {
    width: 100%;
    height: 7em;
  }
  .cbcn-AIRetouching-swiper {
    width: 100%;
    height: 38.45em;
    margin-top: 0;
  }
  .cbcn-AIRetouching-card {
    height: 38.45em;
  }
  .cbcn-AIRetouching-img {
    width: 100%;
    height: 23.5em;
    position: relative;
    margin: 1.25em 0 0;
  }
  .cbcn-AIRetouching-cardBtnDiv {
    width: 100%;
    margin-top: 2em;
    justify-content: end;
    justify-content: flex-end;
  }

  /* ai */
  .cbcn-ai-title.ct p {
    text-align: left;
    gap: 0;
  }

  .cbcn-ai-swiper {
    width: 100%;
    height: auto;
    margin-top: 2.5em;
  }
  .cbcn-ai-cardList {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4em;
  }
  .cbcn-ai-card {
    margin-top: 0em;
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .cbcn-ai-card-info {
    position: relative;
    left: 0;
    top: 0;
    gap: 0.5em;
  }
  .cbcn-ai-card-img {
    width: 100%;
    height: 20em;
    position: relative;
    margin-top: 1.5em;
  }
  .cbcn-ai-card-img2 {
    height: 16.25em;
  }

  /* originOS */
  .cbcn-originOS-card {
    height: 16em;
  }
  .cbcn-originOS-card-txt {
    top: 1.75em;
  }
  .cbcn-originOS-imgIcon {
    width: 11.6em;
    height: 3.88056em;
    margin-bottom: 1.5em;
  }
  .cbcn-originOS-img {
    width: 100%;
    height: 6.55em;
  }
  .cbcn-originOS-link {
    text-align: center;
  }
}