/**
自定义样式库
**/
@font-face {
  font-family: 'HarmonyOSHans-Regular';
  font-style: normal;
  src: url('../../assets/font/HarmonyOSHans-Medium.woff2') format('woff2'),
    url('../../assets/font/HarmonyOSHans-Medium.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'HarmonyOSHans-Regular';
  font-style: normal;
  src: url('../../assets/font/HarmonyOSHans-Medium.woff2') format('woff2'),
    url('../../assets/font/HarmonyOSHans-Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'HarmonyOSHans-Regular';
  font-style: normal;
  src: url('../../assets/font/HarmonyOSHans-Regular.woff2') format('woff2'),
    url('../../assets/font/HarmonyOSHans-Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'HarmonyOSHans-Regular';
  font-style: normal;
  src: url('../../assets/font/HarmonyOSHans-Light.woff2') format('woff2'),
    url('../../assets/font/HarmonyOSHans-Light.woff') format('woff');
  font-weight: 300;
  font-display: swap;
}

.harmonyArtboard {
  font-family: 'HarmonyOSHans-Regular', 'Arial', 'Helvetica', sans-serif !important;
}

.device-localstorage-link.mr-2 {
  float: right;
  margin-right: 150px;
}

@media (max-width: 767px) {
  .device-localstorage-link.mr-2 {
    float: left;
    margin-right: 0;
  }
}
@media (min-width: 767px) {
  .support-banner {
    min-height: 7.2rem !important;
  }
  html[lang='ru'] .support-banner .ru_intro,
  html[lang='en'] .support-banner .ru_intro,
  html[lang='de'] .support-banner .ru_intro,
  html[lang='es'] .support-banner .ru_intro,
  html[lang='fr'] .support-banner .ru_intro,
  html[lang='pt'] .support-banner .ru_intro,
  html[lang='jp'] .support-banner .ru_intro,
  html[lang='kr'] .support-banner .ru_intro {
    top: 45% !important;
    left: 4rem !important;
    width: 12.8rem !important;
  }
  html[lang='ru'] .intro .btn_common,
  html[lang='en'] .intro .btn_common,
  html[lang='de'] .intro .btn_common,
  html[lang='es'] .intro .btn_common,
  html[lang='fr'] .intro .btn_common,
  html[lang='pt'] .intro .btn_common,
  html[lang='jp'] .intro .btn_common,
  html[lang='kr'] .intro .btn_common {
    margin-top: 0.2rem !important;
  }
  html[lang='cn'] .intro .btn_common {
    min-width: 2.8rem !important;
    margin-top: 0.2rem !important;
    line-height: 0.72rem !important;
  }
  html[lang='cn'] .intro .KV_title {
    margin-bottom: 0.2rem !important;
    font-size: 0.72rem !important;
  }
  html[lang='cn'] .intro .KV_text {
    font-size: 0.32rem !important;
  }
}
app-nav-list .link-a {
  padding-right: 0.9rem !important;
}
.cdk-overlay-container {
  z-index: 9999 !important;
}

.cdk-global-scrollblock .cdk-overlay-container {
  background-color: rgba(0, 0, 0, 0.1);
}

html[lang='ru'] app-more-resources .dec,
html[lang='en'] app-more-resources .dec {
  line-height: 0.48rem !important;
}
.card_Des_more a:hover,
.resource_service_item a:hover {
  text-decoration: underline;
}

app-nav-list .h1 {
  line-height: 28px;
}

ul.vjs-menu-content {
  padding-left: 0 !important;
  overflow-y: hidden !important;
}

html[lang='cn'] #mark .markdown-body table.layoutFixed.idpTab tr td:first-child,
html[lang='cn'] #mark .markdown-body table.layoutFixed.idpTab tr td:first-child a {
  word-break: break-all;
  word-break: break-word;
}

#mark .markdown-body pre.autobreak.prettyprint ol li {
  white-space: pre-wrap;
}

.vjs-fullscreen .vjs-tech[name='videoEncrypted'] {
  position: static !important;
}

.video-js[name='videoEncrypted'] .vjs-volume-bar.vjs-slider-vertical {
  margin: 1.35em auto !important;
}

.vjs-volume-bar.vjs-slider-vertical {
  margin: 1.35em auto !important;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: unset !important;
}
app-resource-item.ng-star-inserted {
  display: block;
}
@media screen and (max-width: 720px) {
  .nav-bar-div .nav-bar-div-title-right { 
    width: auto !important; 
  } 
  .nav-bar-div.harmony.fixSpace {
    margin: 0 24px !important;
  }
}