#qingyun-m273u-container {
    line-height: 1.6;
    --navHeight: 80px;
}

#qingyun-m273u-container .section-footnote span {
    white-space: nowrap;
}

#qingyun-m273u-container .video-fallback {
    display: none;
}

.no-inline-video .video-fallback {
    display: block !important;
}

.no-inline-video video {
    display: none !important;
}

.no-inline-video .video-replay-btn {
    display: none !important;
}

.no-inline-video .video-control-btn-container {
    display: none !important;
}

.no-inline-video .design-screen-nits-container {
    opacity: 1;
    bottom: 39.5%;
}

.no-inline-video .camera-live-photo-icon {
    display: none !important;
}

#qingyun-m273u-container *,
#qingyun-m273u-container::before,
#qingyun-m273u-container::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

#qingyun-m273u-container *:focus,
#qingyun-m273u-container *:active {
    outline: none;
}

#qingyun-m273u-container .nowrap {
    display: inline-block;
    white-space: nowrap;
}

#qingyun-m273u-container sup {
    font-size: 0.6em;
    line-height: 1;
}

#qingyun-m273u-container sup a {
    color: inherit;
    text-decoration: none;
}

#qingyun-m273u-container sup[data-index] {
    cursor: pointer;
}

#qingyun-m273u-container section {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#qingyun-m273u-container .blur-up {
    filter: blur(20px);
    transition: filter 0.2s;
    will-change: filter;
}

#qingyun-m273u-container .blur-up.lazyloaded {
    filter: blur(0);
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #qingyun-m273u-container .blur-up {
        transition: opacity 0.3s;
        opacity: 0.001;
    }

    #qingyun-m273u-container .blur-up.lazyloaded {
        opacity: 1;
    }
}

#qingyun-m273u-container img,
#qingyun-m273u-container video {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#qingyun-m273u-container picture,
#qingyun-m273u-container img,
#qingyun-m273u-container video,
#qingyun-m273u-container svg,
#qingyun-m273u-container canvas {
    display: block;
    width: 100%;
}

#qingyun-m273u-container .media-cover {
    position: relative;
    width: 100%;
    display: block;
}

#qingyun-m273u-container .media-cover img,
#qingyun-m273u-container .media-cover video {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
}

#qingyun-m273u-container .media-cover:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

#qingyun-m273u-container .relative {
    position: relative;
}

#qingyun-m273u-container .absolute {
    position: absolute;
}

#qingyun-m273u-container .txt-center {
    text-align: center;
}

#qingyun-m273u-container .sec-radius {
    border-radius: 3.125vw;
    -webkit-border-radius: 3.125vw;
    -moz-border-radius: 3.125vw;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

#qingyun-m273u-container .flex-left {
    display: flex;
    justify-content: flex-start;
}

#qingyun-m273u-container .flex-center {
    display: flex;
    justify-content: center;
}

#qingyun-m273u-container .flex-between {
    display: flex;
    justify-content: space-between;
}

#qingyun-m273u-container .align-center {
    align-items: center;
}

#qingyun-m273u-container .mob-show {
    display: none;
}

#qingyun-m273u-container .pc-show {
    display: initial;
}

#qingyun-m273u-container .space {
    margin-top: 10.416667vw;
}

#qingyun-m273u-container span.nowrap {
    white-space: nowrap;
}

#qingyun-m273u-container .h2,
#qingyun-m273u-container .h3 {
    line-height: 1.25;
}

#qingyun-m273u-container .h2 {
    white-space: nowrap;
}

#qingyun-m273u-container .sec-txt-16 {
    font-size: 0.833333vw;
}

#qingyun-m273u-container .sec-txt-20 {
    font-size: 1.041667vw;
}

#qingyun-m273u-container .sec-txt-22 {
    font-size: 1.145833vw;
}

#qingyun-m273u-container .sec-txt-24 {
    font-size: 1.25vw;
}

#qingyun-m273u-container .sec-txt-32 {
    font-size: 1.666667vw;
}

#qingyun-m273u-container .sec-txt-48 {
    font-size: 2.5vw;
}

#qingyun-m273u-container .sec-txt-64 {
    font-size: 3.333333vw;
}

#qingyun-m273u-container .sec-txt-80 {
    font-size: 4.166667vw;
}

#qingyun-m273u-container .sec-txt-120 {
    font-size: 6.25vw;
}

#qingyun-m273u-container .sec-marb-10 {
    margin-bottom: 0.520833vw;
}

#qingyun-m273u-container .sec-marb-30 {
    margin-bottom: 1.5625vw;
}

#qingyun-m273u-container .sec-marb-32 {
    margin-bottom: 1.666667vw
}

#qingyun-m273u-container .sec-marb-40 {
    margin-bottom: 2.083333vw;
}

#qingyun-m273u-container .sec-marb-60 {
    margin-bottom: 3.125vw;
}

#qingyun-m273u-container .sec-marb-80 {
    margin-bottom: 4.166667vw;
}

#qingyun-m273u-container .font-bold {
    font-weight: 700;
}

#qingyun-m273u-container .wrap {
    width: 75vw;
    margin: 0 auto;
}

#qingyun-m273u-container .section-txt .desc {
    color: #86868B;
}

#qingyun-m273u-container p {
    margin: 0;
}

#qingyun-m273u-container .gray {
    color: #707070;
}

#qingyun-m273u-container .color-4A {
    color: #4A4A4A;
}

#qingyun-m273u-container .gray span {
    color: #000000;
}


#qingyun-m273u-container .swiper-content .tabnav:hover {
    color: rgba(0, 0, 0, 0.6) !important;
}


/* kv */
#qingyun-m273u-container .section-hero {
    padding-top: 9.895833vw;
}

#qingyun-m273u-container .section-hero .section-picture {
    width: 40.729167vw;
}

#qingyun-m273u-container .section-hero .hero-text {
    width: auto;
    margin-top: 12.036458vw;
    text-align: center;
}

#qingyun-m273u-container .section-hero svg {
    width: 24.824479vw;
    height: 2.882292vw;
    margin: 0 auto 2.322917vw;
}

#qingyun-m273u-container .section-hero .hero-text .sec-txt-24 {
    font-size: 1.25vw;
}

/* screen */
#qingyun-m273u-container .section-screen {
    padding-top: 10.416667vw;
}

#qingyun-m273u-container .section-screen .section-picture p {
    /* font-weight: 300; */
    position: absolute;
    top: 23.28125vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw;
    line-height: 1.3;
}

#qingyun-m273u-container .section-screen .section-picture p span {
    font-size: 3.333333vw;
    margin-left: .989583vw;
}

#qingyun-m273u-container .section-screen .text-gray {
    color: #707070;
}

#qingyun-m273u-container .section-screen .text-gray span {
    color: #000000;
}

#qingyun-m273u-container .section-color .section-picture {
    width: 50.520833vw;
    margin: 0 auto;
    color: #ffffff;
}

#qingyun-m273u-container .section-color .section-picture .txt-1 {
    top: 3.1875vw;
    left: 3.817708vw;
}

#qingyun-m273u-container .section-color .section-picture .txt-2 {
    top: 7.09375vw;
    left: 30.760417vw;
}

#qingyun-m273u-container .section-color .content {
    width: 65.625vw;
    margin: -13.645833vw auto 0;
    position: relative;
    z-index: 1;
}

#qingyun-m273u-container .section-color .content ul {
    flex-wrap: wrap;
}

#qingyun-m273u-container .section-color .content ul .li-item {
    width: 20.833333vw;
    height: 17.708333vw;
    background-color: #F7F8FA;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 1.5625vw;
}

#qingyun-m273u-container .section-color .content ul .li-item .copy-per {
    color: #1F77C3;
    margin-bottom: 1.5625vw;
}

#qingyun-m273u-container .section-color .content ul .li-item .copy-txt {
    color: rgba(134, 134, 139, 0.5);
}

#qingyun-m273u-container .section-color .content ul .li-item:nth-child(3),
#qingyun-m273u-container .section-color .content ul .li-item:last-child {
    margin-right: 0;
}

#qingyun-m273u-container .section-color .content ul .li-item:nth-child(4),
#qingyun-m273u-container .section-color .content ul .li-item:last-child {
    margin-top: 1.5625vw;
}


/* eye-protection */
#qingyun-m273u-container .section-eye-protection {
    padding-top: 10.416667vw;
    background: url(/content/dam/huawei-cbg-site/qingyun/mkt/pdp/monitors/qingyun-m273u/img/huawei-qingyun-m273u-cloud-clarity-matte-display-bg.jpg) center no-repeat;
    padding-bottom: 4.166667vw;
    background-position: bottom;
    background-size: 100% auto;
}

#qingyun-m273u-container .section-eye-protection .section-txt-content {
    text-align: center;
}

#qingyun-m273u-container .section-eye-protection .section-picture {
    width: 100%;
    display: flex;
    gap: 10.416667vw;
    margin-top: 3.125vw;
}

#qingyun-m273u-container .section-eye-protection .section-picture picture {
    width: 43.125vw;
    margin-left: 18.854167vw;
}

#qingyun-m273u-container .section-eye-protection .section-picture .tuv {
    margin-top: 11.5625vw;
    text-align: center;
    color: #343434;
    display: flex;
    flex-direction: column;
    gap: 6.25vw;
}

#qingyun-m273u-container .section-eye-protection .section-picture .tuv .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#qingyun-m273u-container .section-eye-protection .section-picture .tuv svg {
    width: 8.75vw;
    height: 7.555208vw;
}

#qingyun-m273u-container .section-eye-protection .section-picture .tuv img {
    width: 6.25vw;
}

#qingyun-m273u-container .section-eye-protection .section-picture .tuv p {
    margin-top: 1.25vw;
}


/* section-ebook */
#qingyun-m273u-container .section-ebook {
    background: url(/content/dam/huawei-cbg-site/qingyun/mkt/pdp/monitors/qingyun-m273u/img/huawei-qingyun-m273u-e-book-mode-bg.jpg) center no-repeat;
    background-size: cover;
    padding-top: 6.25vw;
    padding-bottom: 8.541667vw;
}

#qingyun-m273u-container .section-ebook .swiper-wrap {
    width: 48.177083vw;
    margin: 3.125vw auto 0;
}

#qingyun-m273u-container .section-ebook .ebook-swiper .swiper-slide {
    width: 100%;
}

#qingyun-m273u-container .section-ebook .section-txt .desc {
    width: 33.916667vw;
}

#qingyun-m273u-container .section-ebook .swiper-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 13.380729vw;
    z-index: 9;
    margin: 3.125vw auto 0;
}

#qingyun-m273u-container .section-ebook .swiper-content .tablist-wrapper {
    position: relative;
    width: 100%;
}

#qingyun-m273u-container .section-ebook .swiper-content .tablist-wrapper .tablist {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

#qingyun-m273u-container .section-ebook .swiper-content .tablist-wrapper .tablist .tabnav {
    will-change: color;
    padding: 0 0 .833333vw 0;
    font-size: 1.25vw;
    cursor: pointer;
    transition: color 0.3s linear;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.4);
    font-weight: normal !important;
    line-height: 1.25;
    -webkit-overflow-scrolling: touch;
}

#qingyun-m273u-container .section-ebook .swiper-content .tablist-wrapper .tabnav-scrollbar {
    width: 100%;
    height: 0.104167vw;
    background-color: rgba(0, 0, 0, 0.4);
}

#qingyun-m273u-container .section-ebook .swiper-content .tablist-wrapper .swiper-scrollbar-drag {
    width: 0;
    transition: transform 0.5s, width 0.5s;
    border-radius: 0;
    background-color: #000000;
}

#qingyun-m273u-container .section-ebook .swiper-content .stack-list {
    display: flex;
    text-align: center;
}

#qingyun-m273u-container .section-ebook .swiper-content .stack-list .stack-item {
    width: 100%;
    transition: opacity 0.3s;
    opacity: 0;
}

#qingyun-m273u-container .section-ebook .swiper-content .stack-list .stack-item+.stack-item {
    margin-left: -100%;
}

#qingyun-m273u-container .section-ebook[data-active="1"] .tablist .tabnav:nth-of-type(1),
#qingyun-m273u-container .section-ebook[data-active="2"] .tablist .tabnav:nth-of-type(2) {
    color: #000000 !important;
    font-weight: bold;
}

#qingyun-m273u-container .section-yg .section-picture {
    width: 49.84375vw;
    margin-left: 30.885417vw;
}

/* section-split-screen */
#qingyun-m273u-container .section-split-screen {
    padding-bottom: 0;
}

#qingyun-m273u-container .section-split-screen .swiper-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 3.125vw;
}

#qingyun-m273u-container .section-split-screen .swiper picture {
    width: 48.229167vw;
    margin: 0 auto;
}

#qingyun-m273u-container .section-split-screen .swiper-content .tablist-wrapper {
    position: relative;
}

#qingyun-m273u-container .section-split-screen .swiper-content .tablist-wrapper .tablist {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3.333333vw;
}

#qingyun-m273u-container .section-split-screen .swiper-content .tablist-wrapper .tablist .tabnav {
    padding: 0;
    padding-bottom: .833333vw;
    cursor: pointer;
    transition: opacity 0.3s;
    white-space: nowrap;
    color: #86868B;
    font-weight: normal;
    line-height: 1.25;
    -webkit-overflow-scrolling: touch;
}

#qingyun-m273u-container .section-split-screen .swiper-content .tablist-wrapper .tabnav-scrollbar {
    width: 100%;
    height: 0.104167vw;
    background-color: rgba(0, 0, 0, 0.4);
}

#qingyun-m273u-container .section-split-screen .swiper-content .tablist-wrapper .swiper-scrollbar-drag {
    width: 0;
    transition: transform 0.5s, width 0.5s;
    border-radius: 0;
    background-color: #000000;
}

#qingyun-m273u-container .section-split-screen .stack-list {
    display: flex;
    text-align: center;
    margin-top: 1.25vw;
}

#qingyun-m273u-container .section-split-screen .stack-list .stack-item {
    width: 100%;
    transition: opacity 0.3s;
    opacity: 0;
    color: #707070;
}

#qingyun-m273u-container .section-split-screen .stack-list .stack-item+.stack-item {
    margin-left: -100%;
}

#qingyun-m273u-container .section-split-screen .tabnav-active,
#qingyun-m273u-container .section-split-screen[data-active="1"] .tablist .tabnav:nth-of-type(1),
#qingyun-m273u-container .section-split-screen[data-active="2"] .tablist .tabnav:nth-of-type(2),
#qingyun-m273u-container .section-split-screen[data-active="3"] .tablist .tabnav:nth-of-type(3),
#qingyun-m273u-container .section-split-screen[data-active="4"] .tablist .tabnav:nth-of-type(4),
#qingyun-m273u-container .section-split-screen[data-active="5"] .tablist .tabnav:nth-of-type(5),
#qingyun-m273u-container .section-split-screen[data-active="6"] .tablist .tabnav:nth-of-type(6) {
    color: #000000 !important;
}

#qingyun-m273u-container .section-split-screen .stack-item-active,
#qingyun-m273u-container .section-split-screen[data-active="1"] .stack-item:nth-of-type(1),
#qingyun-m273u-container .section-split-screen[data-active="2"] .stack-item:nth-of-type(2),
#qingyun-m273u-container .section-split-screen[data-active="3"] .stack-item:nth-of-type(3),
#qingyun-m273u-container .section-split-screen[data-active="4"] .stack-item:nth-of-type(4),
#qingyun-m273u-container .section-split-screen[data-active="5"] .stack-item:nth-of-type(5),
#qingyun-m273u-container .section-split-screen[data-active="6"] .stack-item:nth-of-type(6) {
    z-index: 1;
    opacity: 1;
}

/* section-color-gamut */
#qingyun-m273u-container .section-color-gamut {
    padding-top: 10.416667vw;
    position: relative;
    display: flex;
    gap: 7.916667vw;
    justify-content: center;
    align-items: center;
}

#qingyun-m273u-container .section-color-gamut .section-picture {
    width: 38.75vw;
    position: relative;
}

#qingyun-m273u-container .section-color-gamut .title-box {
    width: 20.833333vw;
    position: relative;
}

#qingyun-m273u-container .section-color-gamut .tips {
    display: flex;
    gap: 6.25vw;
    margin-top: 3.958333vw;
}

#qingyun-m273u-container .section-color-gamut .tips .item {
    display: flex;
    flex-direction: column;
    gap: .416667vw;
}

#qingyun-m273u-container .section-color-gamut .tips .item p:nth-of-type(2) {
    font-size: 3.333333vw;
    white-space: nowrap;
    line-height: 1;
    background: linear-gradient(to right bottom, #89DFE9, #025BC4);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
}

#qingyun-m273u-container .section-color-gamut .tips .item p:nth-of-type(2) span {
    font-size: 1.666667vw;
    display: inline-block;
}

/* section-sound */
#qingyun-m273u-container .section-sound {
    padding-top: 10.416667vw;
    padding-bottom: 10.416667vw;
}

#qingyun-m273u-container .section-sound .section-picture {
    width: 67.5vw;
    margin: 0 auto;
    border-radius: .833333vw;
    overflow: hidden;
}

/* angle */
#qingyun-m273u-container .section-angle {
    position: relative;
    overflow: visible;
}

#qingyun-m273u-container .section-angle .content {
    display: flex;
    gap: 8.333333vw;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    padding-bottom: 6.25vw;
    position: relative;
    z-index: 3;
}

#qingyun-m273u-container .section-angle .bg-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
}

#qingyun-m273u-container .section-angle .content .section-picture {
    width: 17.395833vw;
    margin-top: .572917vw;
}

#qingyun-m273u-container .section-angle .content .icon-box ul {
    display: flex;
    flex-direction: column;
    gap: 1.25vw;
    margin: 0;
    padding: 0;
}

#qingyun-m273u-container .section-angle .content .icon-box li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: .833333vw;
}

#qingyun-m273u-container .section-angle .content .icon-box li img {
    width: 6.25vw;
}


/* connect */
#qingyun-m273u-container .section-connect {
    padding-top: 4.166667vw;
    position: relative;
}

#qingyun-m273u-container .section-connect .section-txt {
    position: relative;
    z-index: 3;
}

#qingyun-m273u-container .section-connect .tips {
    display: flex;
    margin: 0 auto 2.34375vw;
    gap: 8.333333vw;
    justify-content: center;
}

#qingyun-m273u-container .section-connect .tips .item {
    display: flex;
    gap: 1.25vw;
}

#qingyun-m273u-container .section-connect .tips .item svg {
    width: 4.166667vw;
    height: 4.166667vw;
}

#qingyun-m273u-container .section-connect .tips .item p:nth-of-type(1) {
    font-size: 2.5vw;
}

#qingyun-m273u-container .section-connect .tips .item p:nth-of-type(1) span {
    font-size: 1.666667vw;
}

#qingyun-m273u-container .section-connect .tips .item p:nth-of-type(2) {
    font-size: 1.041667vw;
    color: #707070;
}

#qingyun-m273u-container .section-connect .section-picture {
    width: 56.690625vw;
    margin: 0 auto;
}


/* interface */
#qingyun-m273u-container .section-interface {
    padding-top: 10.416667vw;
}

#qingyun-m273u-container .section-interface .section-picture {
    width: 67.5vw;
    margin: 0 auto;
    position: relative;
}

#qingyun-m273u-container .section-interface .section-picture p:nth-of-type(1) {
    color: #707070;
    top: 8.854167vw;
    left: 15.208333vw;
}

#qingyun-m273u-container .section-interface .section-picture p:nth-of-type(1) span:nth-of-type(2) {
    margin-left: 4.739583vw;
    margin-right: 5.364583vw;
}

#qingyun-m273u-container .section-interface .section-picture p:nth-of-type(1) span:nth-of-type(4) {
    margin-left: 3.177083vw;
    margin-right: 4.427083vw;
}

#qingyun-m273u-container .section-interface .section-picture p:nth-of-type(2) {
    color: #707070;
    top: 11.979167vw;
    left: 12.291667vw;
}

#qingyun-m273u-container .section-interface .section-picture p:nth-of-type(2) span:nth-of-type(2) {
    margin-left: 2.708333vw;
    margin-right: 3.489583vw;
}

#qingyun-m273u-container .section-interface .section-picture p:nth-of-type(3) {
    font-size: .625vw;
    color: #909090;
    right: .833333vw;
    bottom: .833333vw;
}


/* section-multi-screen */
#qingyun-m273u-container .section-multi-screen {
    padding-top: 10.416667vw;
    padding-bottom: 10.416667vw;
}

#qingyun-m273u-container .section-multi-screen .content {
    display: flex;
    gap: 1.25vw;
    justify-content: center;
}

#qingyun-m273u-container .section-multi-screen .content .item {
    padding: 2.239583vw 3.229167vw 4.791667vw 3.28125vw;
    background-color: #F7F8FA;
    text-align: center;
    border-radius: .833333vw;
}

#qingyun-m273u-container .section-multi-screen .content .item picture {
    width: 26.614583vw;
    margin-top: 4.010417vw;
}

#qingyun-m273u-container .section-multi-screen .content .item>p:first-of-type {
    margin-bottom: .833333vw;
    line-height: 1.25;
}

#qingyun-m273u-container .section-multi-screen .content .item>p:last-of-type {
    line-height: 1.6;
}



/* test */
#qingyun-m273u-container .section-test {
    padding-bottom: 10.416667vw;
    padding-top: 10.416667vw;
}

#qingyun-m273u-container .section-test .content {
    display: grid;
    grid-template-rows: 22.916667vw 22.916667vw;
    grid-template-columns: 21.041667vw 21.041667vw 21.041667vw;
    gap: 2.083333vw;
    justify-content: center;
    margin: 0;
    padding: 0;
}

#qingyun-m273u-container .section-test .content li {
    width: 21.041667vw;
    height: 22.916667vw;
    background-color: #F7F8FA;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#qingyun-m273u-container .section-test .content li .count {
    font-size: 5.208333vw;
    margin-bottom: 3.333333vw;
}

#qingyun-m273u-container .section-test .content li .count span {
    background: linear-gradient(to right, #8DE3EA, #0059C4);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
}

#qingyun-m273u-container .section-test .content li .count span:nth-of-type(2) {
    margin-bottom: 1.40625vw;
}

#qingyun-m273u-container .section-test .content li .copy {
    color: #939BA0;
    text-align: center;
}

#qingyun-m273u-container .section-footnote {
    color: #000000;
    font-size: 14px;
    line-height: 1.6;
    width: 67.395833vw;
    margin: 0 auto;
    padding-bottom: 80px;
    overflow: hidden;
    --arrowlight: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPGcgaWQ9Iue7hF84MjY3OSIgZGF0YS1uYW1lPSLnu4QgODI2NzkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk4IDE3LjY1MSkgcm90YXRlKC05MCkiPg0KICAgIDxjaXJjbGUgaWQ9IuakreWchl81ODYwIiBkYXRhLW5hbWU9IuakreWchiA1ODYwIiBjeD0iOCIgY3k9IjgiIHI9IjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNjUxIDE3Ljk4KSByb3RhdGUoLTkwKSIgZmlsbD0iI2U3ZTdlOCIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNTU2NDMiIGRhdGEtbmFtZT0i6Lev5b6EIDU1NjQzIiBkPSJNMy4yMzksOC45ODYsMy4yMzMsOC45OGEuNjg4LjY4OCwwLDAsMS0uMDE0LS45NzJMNS45NDIsNS4yOEguNjg5QS42ODUuNjg1LDAsMCwxLC4yLDUuMDg5bC0uMDA5LS4wMUEuNjg5LjY4OSwwLDAsMSwwLDQuNlY0LjU4OWEuNy43LDAsMCwxLC4xODgtLjQ4TC4xOTQsNC4xYS42ODEuNjgxLDAsMCwxLC40OTQtLjIxM0g1LjkxMUwzLjIyNSwxLjE3OGEuNjk0LjY5NCwwLDAsMSwwLS45NzlsMCwwQS42NjkuNjY5LDAsMCwxLDMuNywwYS43NzIuNzcyLDAsMCwxLC40NzMuMTcxbC4wMjEuMDE3TDcuODM4LDMuODQ1YTEuMTUxLDEuMTUxLDAsMCwxLC4yMjIuMzMxbC4wMDguMDE5VjQuMmExLjAzNiwxLjAzNiwwLDAsMSwuMDc2LjM5djBhMS4wODIsMS4wODIsMCwwLDEtLjMxMi43Nkw0LjIxMiw4Ljk3NmEuNjgzLjY4MywwLDAsMS0uNDg3LjIuNzE1LjcxNSwwLDAsMS0uNDg2LS4xOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTc5IDUuMzkxKSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==');
}

#qingyun-m273u-container .section-footnote li {
    margin: 0.5em 0;
}

#qingyun-m273u-container .section-footnote i {
    display: none;
    width: max(.833333vw, 16px);
    height: max(.833333vw, 16px);
    background-image: var(--arrowlight);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    cursor: pointer;
    transform: translateY(0.2em);
    -webkit-transform: translateY(0.2em);
    -moz-transform: translateY(0.2em);
}

#qingyun-m273u-container .section-footnote ol {
    list-style-type: decimal;
    padding-left: 1.8em;
}

#qingyun-m273u-container .section-footnote .current {
    color: #000;
    font-weight: 800;
}

#qingyun-m273u-container .section-footnote .current i {
    display: inline-block;
}

#qingyun-m273u-container .disclaimer {
    list-style-type: none;
    position: relative;
    pointer-events: none;
    margin-top: 1.5625vw;
}

#qingyun-m273u-container .disclaimer::before {
    content: "*";
    position: absolute;
    top: 0;
    padding-right: 3px;
    transform: translateX(-100%);
}


@media (max-aspect-ratio: 11/10) {
    #qingyun-m273u-container .mob-show {
        display: initial;
    }

    #qingyun-m273u-container .pc-show {
        display: none;
    }

    #qingyun-m273u-container .h2 {
        text-align: center !important;
        white-space: nowrap;
    }

    #qingyun-m273u-container .section-txt .gray {
        white-space: nowrap;
    }

    #qingyun-m273u-container .sec-radius {
        border-radius: 8.333333vw;
        -webkit-border-radius: 8.333333vw;
        -moz-border-radius: 8.333333vw;
    }

    #qingyun-m273u-container .sec-txt-120 {
        font-size: 16.666667vw;
    }

    #qingyun-m273u-container .sec-txt-80 {
        font-size: 8.888889vw;
    }

    #qingyun-m273u-container .sec-txt-64 {
        font-size: 8.888889vw;
    }

    #qingyun-m273u-container .sec-txt-48 {
        font-size: 6.666667vw;
    }

    #qingyun-m273u-container .sec-txt-32 {
        font-size: 4.444444vw;
    }

    #qingyun-m273u-container .sec-txt-24 {
        font-size: 4.444444vw;
    }

    #qingyun-m273u-container .sec-marb-10 {
        margin-bottom: 1.388889vw;
    }

    #qingyun-m273u-container .sec-marb-30 {
        margin-bottom: 4.166667vw;
    }

    #qingyun-m273u-container .sec-marb-32 {
        margin-bottom: 4.444444vw;
    }

    #qingyun-m273u-container .sec-marb-40 {
        margin-bottom: 5.555556vw;
    }

    #qingyun-m273u-container .sec-marb-60 {
        margin-bottom: 8.333333vw;
    }

    #qingyun-m273u-container .sec-marb-80 {
        margin-bottom: 8.333333vw;
    }

    #qingyun-m273u-container .space {
        margin-top: 27.777778vw;
    }

    #qingyun-m273u-container .wrap {
        width: 83.333333vw;
    }

    #qingyun-m273u-container .section-hero {
        padding-top: 27.777778vw;
        padding-bottom: 0;
    }

    #qingyun-m273u-container .section-hero .wrap {
        flex-direction: column-reverse;
    }

    #qingyun-m273u-container .section-hero .wrap .section-picture {
        width: 83.611111vw;
    }

    #qingyun-m273u-container .section-hero .wrap .hero-text {
        width: 100%;
        margin: 0 auto 22.222222vw;
    }

    #qingyun-m273u-container .section-hero .wrap .hero-text svg {
        margin-bottom: 5.083333vw;
        width: 66.198611vw;
        height: 7.686111vw;
    }

    #qingyun-m273u-container .section-hero .wrap .hero-text .sec-txt-48 {
        margin-bottom: 3.611111vw;
    }

    #qingyun-m273u-container .section-hero .wrap .hero-text .sec-txt-24 {
        font-size: 3.333333vw;
    }


    /* screen */
    #qingyun-m273u-container .section-screen {
        padding-top: 27.777778vw;
    }

    #qingyun-m273u-container .section-screen .section-txt {
        width: 100%;
    }

    #qingyun-m273u-container .section-screen .section-txt .text-gray {
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-screen .section-picture p {
        top: 41.527778vw;
        font-size: 8.888889vw;
    }

    #qingyun-m273u-container .section-screen .section-picture p.sec-txt-48 {
        font-size: 8.888889vw;
    }

    #qingyun-m273u-container .section-screen .section-picture p span {
        font-size: 5.555556vw;
        margin-left: 1.388889vw;
    }

    #qingyun-m273u-container .section-color .section-txt {
        width: 100%;
        text-align: center;
    }

    #qingyun-m273u-container .section-color .section-txt .gray {
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-color .section-picture {
        width: 79.166667vw;
        margin: 0 auto;
    }

    #qingyun-m273u-container .section-color .section-picture .txt-1 {
        font-size: 2.777778vw;
        top: 5.236111vw;
        left: 5.277778vw;
    }

    #qingyun-m273u-container .section-color .section-picture .txt-2 {
        font-size: 2.777778vw;
        top: 11.361111vw;
        left: 48.333333vw;
    }

    #qingyun-m273u-container .section-color .content {
        width: 83.333333vw;
        margin: -10.452778vw auto 0;
    }

    #qingyun-m273u-container .section-color .content ul .li-item {
        width: 39.583333vw;
        height: 27.777778vw;
        justify-content: flex-start;
        margin-right: 0;
    }

    #qingyun-m273u-container .section-color .content ul .li-item:nth-child(-n+4) {
        margin-bottom: 4.166667vw;
    }

    #qingyun-m273u-container .section-color .content ul .li-item:nth-child(1),
    #qingyun-m273u-container .section-color .content ul .li-item:nth-child(3) {
        margin-right: 4.166667vw;
    }

    #qingyun-m273u-container .section-color .content ul .li-item .copy-per {
        font-size: 11.111111vw;
        margin-bottom: 1.388889vw;
    }

    #qingyun-m273u-container .section-color .content ul .li-item .copy-per span {
        font-size: 4.444444vw;
        margin-bottom: 2.083333vw;
    }

    #qingyun-m273u-container .section-color .content ul .li-item .copy-txt {
        font-size: 3.333333vw;
    }

    #qingyun-m273u-container .section-color .content ul .li-item:last-child {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    #qingyun-m273u-container .section-color .content ul .li-item:last-child .copy-per {
        margin-bottom: 0;
    }

    #qingyun-m273u-container .section-color .content ul .li-item:last-child .copy-txt {
        margin-left: 2.777778vw;
        margin-bottom: 0;
    }

    #qingyun-m273u-container .section-eye-protection {
        padding-bottom: 27.777778vw;
        padding-top: 27.777778vw;
        background: none;
    }

    #qingyun-m273u-container .section-eye-protection .section-txt-content {
        flex-direction: column;
        align-items: flex-start;
    }

    #qingyun-m273u-container .section-eye-protection .section-txt-content .section-txt {
        margin-bottom: 8.333333vw;
    }

    #qingyun-m273u-container .section-eye-protection .section-txt-content .section-txt .gray {
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-eye-protection .section-picture {
        padding: 0;
        gap: 6.111111vw;
        margin-top: 0;
        flex-direction: column-reverse;
    }

    #qingyun-m273u-container .section-eye-protection .section-picture picture {
        width: 80.416667vw;
        margin-left: 9.861111vw;
    }

    #qingyun-m273u-container .section-eye-protection .section-picture .tuv {
        margin-top: 0;
        text-align: center;
        color: #343434;
        flex-direction: row;
        gap: 16.666667vw;
        justify-content: center;
    }

    #qingyun-m273u-container .section-eye-protection .section-picture .tuv .item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #qingyun-m273u-container .section-eye-protection .section-picture .tuv svg {
        width: 23.333333vw;
        height: 20.147222vw;
    }

    #qingyun-m273u-container .section-eye-protection .section-picture .tuv img {
        width: 13.333333vw;
    }

    #qingyun-m273u-container .section-eye-protection .section-picture .tuv p {
        font-size: 2.777778vw;
        margin-top: 2.222222vw;
    }


    #qingyun-m273u-container .section-ebook {
        padding-top: 0;
        padding-bottom: 22.222222vw;
        background: url(/content/dam/huawei-cbg-site/qingyun/mkt/pdp/monitors/qingyun-m273u/img/huawei-qingyun-m273u-e-book-mode-bg-xs.jpg) center no-repeat;
        background-size: cover;
    }

    #qingyun-m273u-container .section-ebook .section-txt {
        width: 100%;
    }

    #qingyun-m273u-container .section-ebook .section-txt .gray {
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-ebook .section-txt .desc {
        width: 100%;
    }

    #qingyun-m273u-container .section-ebook .swiper-wrap {
        width: 82.222222vw;
        margin: 8.333333vw auto 0;
    }

    #qingyun-m273u-container .section-ebook .swiper-content {
        width: 55.555556vw;
        margin: 10.277778vw auto 0;
    }

    #qingyun-m273u-container .section-ebook .swiper-content .tablist-wrapper .tablist .tabnav {
        padding: 0 0 3.472222vw 0;
        font-size: 5.555556vw;
    }

    #qingyun-m273u-container .section-ebook .swiper-content .tablist-wrapper .tabnav-scrollbar {
        height: .416667vw;
    }

    #qingyun-m273u-container .section-yg .section-txt {
        width: 80.555556vw;
        margin-left: 8.333333vw;
        text-align: left;
    }

    #qingyun-m273u-container .section-yg .section-picture {
        width: 83.333333vw;
        margin: 0 auto;
    }

    #qingyun-m273u-container .section-split-screen {
        padding-bottom: 0;
    }

    #qingyun-m273u-container .section-split-screen .section-txt {
        width: 100%;
    }

    #qingyun-m273u-container .section-split-screen .section-txt .gray {
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap {
        width: 100%;
        margin: 0 auto;
    }

    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap .swiper .swiper-slide {
        padding-top: 3.194444vw;
    }

    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap .swiper .swiper-slide .section-picture {
        width: 82.222222vw;
    }

    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap .swiper-content {
        margin-top: 10.277778vw;
        width: 100%;
    }

    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap .swiper-content .tablist-wrapper {
        width: 100%;
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding: 0 0 0 11.111111vw;
    }

    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap .swiper-content .tablist-wrapper::-webkit-scrollbar {
        display: none;
    }

    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap .swiper-content .tablist-wrapper .tablist {
        gap: 11.111111vw;
        width: fit-content;
        position: relative;
        padding-right: 11.111111vw;
    }

    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap .swiper-content .tablist-wrapper .tablist .tabnav {
        padding: 0 0 3.472222vw 0;
        font-size: 5.555556vw;
    }


    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap .swiper-content .tablist-wrapper .tabnav-scrollbar {
        height: .416667vw;
    }

    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap .stack-list {
        margin-top: 6.666667vw;
    }

    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap .stack-list p {
        font-size: 4.444444vw;
        color: #707070;
    }

    #qingyun-m273u-container .section-split-screen .colour-swiper-wrap .stack-list .sec-txt-20 {
        font-size: 4.444444vw;
    }

    /* section-color-gamut */
    #qingyun-m273u-container .section-color-gamut {
        padding-top: 27.777778vw;
        display: flex;
        flex-direction: column-reverse;
        gap: 6.666667vw;
    }

    #qingyun-m273u-container .section-color-gamut .section-picture {
        width: 82.222222vw;
        margin: 0 auto;
        position: relative;
    }

    #qingyun-m273u-container .section-color-gamut .title-box {
        width: 100%;
        position: static;
        bottom: 0;
        right: 0;
        text-align: center;
    }

    #qingyun-m273u-container .section-color-gamut .title-box .gray {
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-color-gamut .tips {
        display: flex;
        gap: 19.444444vw;
        margin-top: 8.333333vw;
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-color-gamut .tips .item {
        display: flex;
        flex-direction: column;
        gap: 2.583333vw;
        align-items: start;
    }

    #qingyun-m273u-container .section-color-gamut .tips .item p:nth-of-type(2) {
        font-size: 8.888889vw;
        line-height: 1;
    }

    #qingyun-m273u-container .section-color-gamut .tips .item p:nth-of-type(2) span {
        font-size: 4.444444vw;
    }

    /* section-sound */
    #qingyun-m273u-container .section-sound {
        padding-top: 27.777778vw;
        padding-bottom: 27.777778vw;
    }

    #qingyun-m273u-container .section-sound .section-txt {
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-sound .section-picture {
        width: 100%;
        border-radius: 0;
    }

    /* angle */
    #qingyun-m273u-container .section-angle {
        position: relative;
        overflow: visible;
    }

    #qingyun-m273u-container .section-angle .section-txt {
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-angle .content {
        gap: 1.541667vw;
        justify-content: center;
        align-items: center;
        padding-bottom: 11.111111vw;
    }

    #qingyun-m273u-container .section-angle .bg-content {
        bottom: 0;
        z-index: 2;
    }

    #qingyun-m273u-container .section-angle .content .section-picture {
        width: 31.801389vw;
        margin-top: .902778vw;
    }

    #qingyun-m273u-container .section-angle .content .icon-box ul {
        gap: 3.333333vw;
    }

    #qingyun-m273u-container .section-angle .content .icon-box li {
        gap: 0;
    }

    #qingyun-m273u-container .section-angle .content .icon-box li p {
        font-size: 3.333333vw;
        font-weight: 400;
    }

    #qingyun-m273u-container .section-angle .content .icon-box li img {
        width: 13.888889vw;
    }

    #qingyun-m273u-container .section-multi-screen {
        padding-top: 22.222222vw;
        padding-bottom: 27.777778vw;
    }

    #qingyun-m273u-container .section-multi-screen .section-txt {
        width: 100%;
        padding: 0 8.611111vw;
    }

    #qingyun-m273u-container .section-multi-screen .section-txt .h2 {
        white-space: nowrap;
    }

    #qingyun-m273u-container .section-multi-screen .content {
        padding: 0 4.444444vw;
        flex-direction: column;
        gap: 4.444444vw;
    }

    #qingyun-m273u-container .section-multi-screen .content .item {
        padding: 5.833333vw 0 14.722222vw 0;
        text-align: left;
        border-radius: 2.222222vw;
    }

    #qingyun-m273u-container .section-multi-screen .content .item p:nth-of-type(1) {
        font-size: 5.555556vw;
        margin-bottom: 2.777778vw;
        text-align: center;
    }

    #qingyun-m273u-container .section-multi-screen .content .item p:nth-of-type(2) {
        font-size: 3.888889vw;
        text-align: center;
    }

    #qingyun-m273u-container .section-multi-screen .content .item .section-picture {
        width: 73.194444vw;
        margin: 12.777778vw auto 0;
    }

    #qingyun-m273u-container .section-multi-screen .tips {
        padding: 0 4.722222vw;
        margin-top: 2.777778vw;
        font-size: 3.055556vw;
    }


    /* connect */
    #qingyun-m273u-container .section-connect {
        padding-top: 16.666667vw
    }

    #qingyun-m273u-container .section-connect .section-txt .h2 {
        white-space: nowrap;
    }

    #qingyun-m273u-container .section-connect .section-txt .gray {
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-connect .tips {
        margin: 0 auto 6.041667vw;
        gap: 13.888889vw;
        justify-content: start;
        padding-left: 11.111111vw;
    }

    #qingyun-m273u-container .section-connect .tips .item {
        display: flex;
        gap: 2.222222vw;
    }

    #qingyun-m273u-container .section-connect .tips .item svg {
        width: 10vw;
        height: 10vw;
    }

    #qingyun-m273u-container .section-connect .tips .item p:nth-of-type(1) {
        font-size: 5.555556vw;
        line-height: 1.25;
    }

    #qingyun-m273u-container .section-connect .tips .item p:nth-of-type(1) span {
        font-size: 3.333333vw;
    }

    #qingyun-m273u-container .section-connect .tips .item p:nth-of-type(2) {
        font-size: 3.333333vw;
        color: #707070;
        margin-top: 1.388889vw;
    }

    #qingyun-m273u-container .section-connect .section-picture {
        width: 91.111111vw;
    }

    /* interface */
    #qingyun-m273u-container .section-interface {
        padding-top: 27.777778vw
    }

    #qingyun-m273u-container .section-interface .section-txt .gray {
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-interface .section-picture {
        width: 91.111111vw;
    }

    #qingyun-m273u-container .section-interface .section-picture p {
        font-size: 3.333333vw;
    }

    #qingyun-m273u-container .section-interface .section-picture p:nth-of-type(1) {
        color: #707070;
        top: 11.736111vw;
        left: 10.236111vw;
    }

    #qingyun-m273u-container .section-interface .section-picture p:nth-of-type(1) span:nth-of-type(2) {
        margin-left: 7.777778vw;
        margin-right: 7.597222vw;
    }

    #qingyun-m273u-container .section-interface .section-picture p:nth-of-type(1) span:nth-of-type(4) {
        margin-left: 3.305556vw;
        margin-right: 5.305556vw;
    }

    #qingyun-m273u-container .section-interface .section-picture p:nth-of-type(2) {
        color: #707070;
        top: 21.597222vw;
        left: 5.486111vw;
    }

    #qingyun-m273u-container .section-interface .section-picture p:nth-of-type(2) span:nth-of-type(2) {
        margin-left: 2.111111vw;
        margin-right: 3.819444vw;
    }

    #qingyun-m273u-container .section-interface .section-picture p:nth-of-type(3) {
        font-size: 2.777778vw;
        right: 3.333333vw;
        bottom: 3.333333vw;
    }

    #qingyun-m273u-container .section-test {
        padding-top: 27.777778vw;
        padding-bottom: 0;
    }

    #qingyun-m273u-container .section-test .section-txt {
        width: 100%;
    }

    #qingyun-m273u-container .section-test .section-txt .gray {
        padding: 0 11.111111vw;
    }

    #qingyun-m273u-container .section-test .content {
        display: grid;
        grid-template-rows: 29.861111vw 29.861111vw 29.861111vw;
        grid-template-columns: 43.333333vw 43.333333vw;
        gap: 4.444444vw;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    #qingyun-m273u-container .section-test .content li {
        width: 100%;
        height: 100%;
        background-color: #F7F8FA;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 2.222222vw;
    }

    #qingyun-m273u-container .section-test .content li .count {
        font-size: 6.666667vw;
        margin-bottom: 1.388889vw;
        line-height: 1.25;
    }

    #qingyun-m273u-container .section-test .content li .count span {
        background: linear-gradient(to right, #8DE3EA, #0059C4);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        display: inline-block;
    }

    #qingyun-m273u-container .section-test .content li .count .sec-txt-24 {
        font-size: 3.333333vw;
    }

    #qingyun-m273u-container .section-test .content li .count span:nth-of-type(2) {
        margin-bottom: 1.805556vw;
        margin-left: 2.222222vw;
    }

    #qingyun-m273u-container .section-test .content li .copy {
        color: #939BA0;
        text-align: center;
        font-size: 3.333333vw !important;
    }


    #qingyun-m273u-container .section-footnote {
        font-size: 3.333333vw;
        width: 90.694444vw;
        margin: 0 auto;
        padding-top: 27.777778vw;
        overflow: visible !important;
    }

    #qingyun-m273u-container .section-footnote i {
        width: 4.722222vw;
        height: 4.722222vw;
    }

    #qingyun-m273u-container .section-footnote .disclaimer {
        margin-top: 4.166667vw;
    }
}