#aem-Neu picture {
  line-height: 0;
  font-size: 0;
}

#aem-Neu img,
#aem-Neu video {
  width: 100%;
}

#aem-Neu {
  --height-nav: 76px;
  --height-full: calc(100vh - var(--height-nav));
  --black: #000;
  --red: #CE0E2D;
  --gray: #F4F3F3;
  background-color: #fff;
  letter-spacing: calc(-0.037em + 0.526px);
  padding: 0;
  margin: 0;
  font-weight: 500;
  color: var(--black);
  font-feature-settings: 'calt' 1, 'liga' 1;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
  #aem-Neu {
    --height-nav: 60px;
    --height-full: calc(100vh - var(--height-nav));
  }
}

#aem-Neu ::-moz-selection {
  background: rgba(210, 10, 44, 0.8);
}

#aem-Neu ::selection {
  background: rgba(210, 10, 44, 0.8);
}

#aem-Neu ::-moz-selection {
  background: rgba(210, 10, 44, 0.8);
}

#aem-Neu ::-webkit-selection {
  background: rgba(210, 10, 44, 0.8);
}

[class^=space-] {
  display: block;
  position: relative;
}

#aem-Neu .container {
  position: relative;
  width: calc(82.05128vw + 4.61538px);
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
}

#aem-Neu .space-7 {
  height: 10.416vw;
}

#aem-Neu .space-6 {
  height: calc(3.84615vw + 46.15385px);
}

#aem-Neu .space-5 {
  height: 3.125vw;
}

#aem-Neu .space-4 {
  height: calc(1.28205vw + 35.38462px);
}

#aem-Neu .space-3 {
  height: 1.5625vw;
}

#aem-Neu .space-3.Neu-title {
  height: 0.52vw;
}

#aem-Neu .space-3.Neu-title2 {
  height: 1.5625vw;
}

#aem-Neu .space-2 {
  height: 2vw;
}

#aem-Neu .space-1 {
  height: 10px;
}

#aem-Neu .sticky {
  position: sticky;
}

#aem-Neu .row {
  display: flex;
  font-size: 0;
}

#aem-Neu .h1,
#aem-Neu h1 {
  font-size: calc(4.61538vw + 31.38462px);
  font-weight: 700;
}

#aem-Neu .h2,
#aem-Neu h2 {
  font-size: 4.166vw;
  font-weight: 700;
}

#aem-Neu .h3,
#aem-Neu h3 {
  font-size: 3.33vw;
  font-weight: 700;
}

#aem-Neu .h4,
#aem-Neu h4 {
  font-size: 2.5vw;
  font-weight: 700;
}

#aem-Neu .h5,
#aem-Neu h5 {
  font-size: calc(1.02564vw + 12.30769px);
  font-weight: 700;
}

#aem-Neu h1,
#aem-Neu h2,
#aem-Neu h3,
#aem-Neu h4,
#aem-Neu h5 {
  line-height: 1.25em;
  color: #535353;
}

#aem-Neu p,
#aem-Neu span {
  line-height: 1.6em;
  color: #535353;
}

#aem-Neu * {
  letter-spacing: calc(-0.037em + 0.526px);
}

#aem-Neu p.text-large {
  font-size: calc(1.02564vw + 12.30769px);
}

#aem-Neu p {
  font-size: 1.145vw;
}

#aem-Neu span.text-small,
#aem-Neu .text-small {
  font-size: calc(.19231vw + 12.30769px);
}

#aem-Neu span.text-tiny {
  font-size: calc(.12821vw + 10.53846px);
}

#aem-Neu .special-h {
  font-size: 6.77vw;
  font-weight: 700;
}

#aem-Neu .col-3 {
  width: 30%;
}

#aem-Neu .col-35 {
  width: 35%;
}

#aem-Neu .col-4 {
  width: 40%;
}

#aem-Neu .col-45 {
  width: 45%;
}

#aem-Neu .col-5 {
  width: 50%;
}

#aem-Neu .col-55 {
  width: 55%;
}

#aem-Neu .col-6 {
  width: 60%;
}

#aem-Neu .col-65 {
  width: 65%;
}

#aem-Neu .col-7 {
  width: 70%;
}

.blur-up {
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -webkit-transition: -webkit-filter .2s;
  transition: -webkit-filter .2s;
  transition: filter .2s;
  transition: filter .2s, -webkit-filter .2s;
}

.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

#aem-Neu sup {
  font-size: .6em;
  font-weight: 700;
  vertical-align: baseline;
  position: relative;
  top: -.5em;
  z-index: 1;
}

#aem-Neu sup a:link,
#aem-Neu sup a:visited {
  color: #535353;
  text-decoration: none;
}

#aem-Neu .num-disclaimer {
  list-style-type: decimal;
  font-size: 13px;
  color: #afafaf;
  padding: 0 0 0 1.3em;
  margin-bottom: 300px;
  margin-top: -200px;
}

#aem-Neu .num-disclaimer li {
  margin-bottom: .5em;
  line-height: 1.6em;
  padding-top: 300px;
  margin-bottom: -300px;
  position: relative;
}

#aem-Neu .num-disclaimer li span {
  position: absolute;
  left: 0px;
}

#aem-Neu .num-disclaimer li:target {
  color: #000;
}

#aem-Neu [class^=peppa-button] {
  border-radius: 3.5em;
  min-height: 3em;
  line-height: 1.2em;
  border: 2px solid rgba(0, 0, 0, 0.3);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0em 1.75em;
  width: auto;
  font-weight: 700;
  font-family: inherit;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  overflow: hidden;
  text-decoration: none !important;
  display: inline-block;
  vertical-align: middle;
  background: 0 0;
  transition: color .2s ease-out, background .2s ease-out, box-shadow .2s ease-out;
}

#aem-Neu [class^=peppa-button]:focus {
  outline: 0;
}

#aem-Neu [class^=peppa-button],
#aem-Neu [class^=peppa-button]:link,
#aem-Neu [class^=peppa-button]:visited {
  color: #ce0e2d;
}

#aem-Neu [class^=peppa-button]:hover:not(:disabled) {
  cursor: pointer;
  color: #211d1e;
  border-color: #211d1e;
}

#aem-Neu .peppa-button-outline,
#aem-Neu .peppa-button-outline:link,
#aem-Neu .peppa-button-outline:visited {
  color: #211d1e;
}

.aem-mob {
  display: none;
}

.aem-pc {
  display: inline-block;
}

.aem-block {
  display: block;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 1023px) {
  .gray2 {
    background-color: #F8F8F8;
  }
  .aem-mob {
    display: block;
  }
  .aem-pc {
    display: none !important;
  }
  #aem-Neu .col-3,
  #aem-Neu .col-35,
  #aem-Neu .col-4,
  #aem-Neu .col-45,
  #aem-Neu .col-5,
  #aem-Neu .col-55,
  #aem-Neu .col-6,
  #aem-Neu .col-65,
  #aem-Neu .col-7 {
    width: 100%;
  }
  #aem-Neu .row {
    display: block;
  }
  #aem-Neu .h2,
  #aem-Neu h2 {
    font-size: 13.33vw;
  }
  #aem-Neu .h3,
  #aem-Neu h3 {
    font-size: 8.88vw;
  }
  #aem-Neu .h4,
  #aem-Neu h4 {
    font-size: 6.11vw;
  }
  #aem-Neu .space-6 {
    height: 27.88vw;
  }
  #aem-Neu .space-7 {
    height: 27.88vw;
  }
  #aem-Neu .special-h {
    font-size: 10vw;
    font-weight: 700;
  }
  #aem-Neu .space-5 {
    height: 8.33vw;
  }
  #aem-Neu .space-3 {
    height: 8.33vw;
  }
  #aem-Neu .space-3.Neu-title {
    height: 8.33vw;
  }
  #aem-Neu .space-3.Neu-title2 {
    height: 8.33vw;
  }
  #aem-Neu .space-2 {
    height: 8.33vw;
  }
  #aem-Neu .space-3.space-sq {
    height: 4.16vw;
  }
  #aem-Neu p {
    font-size: 4.44vw;
  }
  #aem-Neu .num-disclaimer {
    margin-top: -235px;
  }
}

.cbg-backtotop {
  position: fixed;
  z-index: 800;
  bottom: 90px !important;
  right: 50px;
}

.cbg-backtotop a {
  display: block;
  width: 40px;
  height: 40px;
  margin: 5px 0;
  text-indent: -9999px;
  background: url("/content/dam/huawei-cbg-site/cn/peppa/img/sprites_cbg_icon.png") no-repeat;
  opacity: 0.6;
  filter: alpha(opacity=80);
  transition: all linear 0.2s;
}

.cbg-backtotop a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.cbg-backtotop a.hidden {
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: default;
}

.cbg-backtotop a.cbg-icon-backtotop {
  background-position: -549px -188px;
}

.cbg-backtotop a.cbg-icon-backtohome {
  background-position: -549px -148px;
}

.num-disclaimer .current {
  color: #000;
}

.smooth-scroll {
  transition: all 0.5s cubic-bezier(0, 0.6, 0.3, 1);
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.font-bold {
  font-weight: 700 !important;
}

.font-weight {
  font-weight: 400 !important;
}

.nowrap {
  white-space: nowrap;
}

.cbg-backtotop {
  position: fixed;
  z-index: 800;
  bottom: 90px;
  right: 50px;
}

.cbg-backtotop a {
  display: block;
  width: 40px;
  height: 40px;
  margin: 5px 0;
  text-indent: -9999px;
  background: url("/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p30-pro/img/sprites_cbg_icon.png") no-repeat;
  opacity: 0.6;
  filter: alpha(opacity=80);
  transition: all linear 0.2s;
}

.cbg-backtotop a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.cbg-backtotop a.hidden {
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: default;
}

.cbg-backtotop a.cbg-icon-backtotop {
  background-position: -549px -188px;
}

.cbg-backtotop a.cbg-icon-backtohome {
  background-position: -549px -148px;
}