.hl-common-styles{
    --hl-base-font-size: 16px;
    --hl-base-font-size-xl: 24px;
    --hl-base-font-size-2xl: 28px;
    --hl-h1-font-size: 64px;
    --hl-h2-font-size: 56px;
    --hl-h3-font-size: 48px;
    --hl-h4-font-size: 36px;
    --hl-h5-font-size: 32px;
    --hl-spacing-2xs: 5px;
    --hl-spacing-xs: 10px;
    --hl-spacing-sm: 20px;
    --hl-spacing-md: 30px;
    --hl-spacing-lg: 50px;
    --hl-spacing-xl: 70px;
    --hl-spacing-2xl: 100px;
    --hl-spacing-3xl: 150px;
    --hl-spacing-4xl: 200px;
    --hl-spacing-5xl: 300px;
    --hl-ratio-16-9: 56.25%;
    --hl-ratio-4-3: 75%;
    --hl-ratio-1-1: 100%;
    --hl-swiper-control-pagination-height: 56px;
    --hl-swiper-control-pagination-bullet-width: 24px;
    --hl-swiper-control-pagination-bullet-height: 24px;
    --hl-viewport-video-width: 950px;
    --hl-gap-sm: 20px;
    --hl-gap-md: 30px;
    --hl-gap-lg: 50px;
    --hl-gap-xl: 70px;
    --hl-gap-2xl: 100px
}
@media screen and (max-width: 1536px){
.hl-common-styles{
    --hl-swiper-control-pagination-height: 48px;
    --hl-viewport-video-width: 720px
}
}
@media screen and (max-width: 768px){
.hl-common-styles{
    --hl-base-font-size: 12px;
    --hl-base-font-size-xl: 12px;
    --hl-base-font-size-2xl: 14px;
    --hl-h1-font-size: 24px;
    --hl-h2-font-size: 24px;
    --hl-h3-font-size: 24px;
    --hl-h4-font-size: 18px;
    --hl-h5-font-size: 16px;
    --hl-spacing-2xs: 0;
    --hl-spacing-xs: 5px;
    --hl-spacing-sm: 10px;
    --hl-spacing-md: 15px;
    --hl-spacing-lg: 25px;
    --hl-spacing-xl: 35px;
    --hl-spacing-2xl: 50px;
    --hl-spacing-3xl: 75px;
    --hl-spacing-4xl: 100px;
    --hl-spacing-5xl: 150px;
    --hl-swiper-control-pagination-height: 32px;
    --hl-swiper-control-pagination-bullet-width: 16px;
    --hl-swiper-control-pagination-bullet-height: 16px;
    --hl-gap-sm: 10px;
    --hl-gap-md: 15px;
    --hl-gap-lg: 25px;
    --hl-gap-xl: 35px;
    --hl-gap-2xl: 50px
}
}
.hl-common-styles{
    text-align:center;
    /*font-family:HarmonyOS Sans;*/
    word-wrap:break-word;
    text-wrap:pretty;
    overflow:visible
}
.hl-common-styles .is-pc{display:block}
.hl-common-styles .is-pe{display:none}
.hl-common-styles video,.hl-common-styles img{width:100%;height:auto;object-fit:cover}
.hl-common-styles .title-sup{/*font-family:HarmonyOS Sans;*/font-size:20px;font-style:normal;font-weight:900;letter-spacing:-.6px;top:-.6em;left:-.2em}
.hl-common-styles .title-sup a{color:inherit;text-decoration:none}
.hl-common-styles .description-sup{color:#fffc;/*font-family:HarmonyOS Sans;*/font-size:8px;font-style:normal;font-weight:900;letter-spacing:-.24px;top:-.7em}
.hl-common-styles .description-sup a{color:inherit;text-decoration:none}
.hl-common-styles .lazy-picture{display:block;width:100%;height:100%}
.hl-common-styles .lazy-picture img{width:100%;height:100%;object-fit:cover}
@media (min-width: 1400px) and (max-width: 1536px){
.hl-common-styles .container{max-width:1200px}
}
@media screen and (max-width: 768px){
.hl-common-styles .is-pc{display:none}
.hl-common-styles .is-pe{display:block}
.hl-common-styles .title-sup{font-size:12px}
.hl-common-styles .container{padding:0;max-width:none}
}