.pep-common-banner-v2{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:450px;position:relative}.pep-common-banner-v2.height-350{min-height:350px}.pep-common-banner-v2.height-350 .por-section{padding-bottom:52px;padding-top:52px}.pep-common-banner-v2 .mb{display:none}.pep-common-banner-v2,.pep-common-banner-v2 .bg-mb{background-position:top;background-repeat:no-repeat;background-size:cover}.pep-common-banner-v2 .por-section{width:100%}.pep-common-banner-v2 .por-breadcrumb{position:absolute;top:0}.pep-common-banner-v2 .por-breadcrumb .por-breadcrumb-item a:not([href]){cursor:default;font-weight:var(--por-link-font-weight);-webkit-text-decoration:var(--por-link-text-decoration);text-decoration:var(--por-link-text-decoration)}.pep-common-banner-v2[data-bg=white]{background-color:var(--por-color-background-white)}.pep-common-banner-v2[data-bg=grey]{background-color:var(--por-color-background-gray-2)}.pep-common-banner-v2[data-bg=transblack],.pep-common-banner-v2[data-bg=translight]{background-color:var(--por-color-background-transparent)}.pep-common-banner-v2 .product-icon{-ms-flex-item-align:start;align-self:flex-start;font-size:0;margin-right:24px}.pep-common-banner-v2 .product-icon span{background-position:50%;background-repeat:no-repeat;background-size:100%;display:inline-block;height:66px;width:66px}.pep-common-banner-v2 .prodoc-title-content{max-width:80%}.pep-common-banner-v2 .prodoc-title-content.half-content{max-width:50%}.pep-common-banner-v2 .prodoc-title-content .por-text-body-t2{margin-top:24px}.pep-common-banner-v2 .prodoc-title-content .por-text-body-t2 p+p{margin-top:12px}.pep-common-banner-v2 .prodoc-title-content .por-text-body-t2 a{-webkit-text-decoration:var(--por-link-text-decoration-hover);text-decoration:var(--por-link-text-decoration-hover)}.pep-common-banner-v2 .prodoc-title-content .por-text-body-t2.gap-small{margin-top:12px}.pep-common-banner-v2 .prodoc-title-content.title-center{max-width:inherit;text-align:center}.pep-common-banner-v2 .prodoc-title-content.title-center .prodoc-banner-title{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pep-common-banner-v2 .prodoc-title-content.title-center .por-text-body-t2{margin-top:12px}.pep-common-banner-v2 .prodoc-banner-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.pep-common-banner-v2 .prodoc-banner-title .pc{color:var(--por-color-text-primary);font-size:var(--por-font-size-44);font-weight:var(--por-base-font-weight-bold);line-height:66px}.pep-common-banner-v2 .prodoc-banner-title .por-player-btn{-ms-flex-item-align:start;-ms-flex-negative:0;align-self:flex-start;background:var(--por-color-background-transparent);border:1px solid var(--por-section-title-color);color:var(--por-section-title-color);flex-shrink:0;margin-left:16px;margin-top:13px}.pep-common-banner-v2 .prodoc-banner-title .por-player-btn,.pep-common-banner-v2 .prodoc-banner-title .por-player-btn:hover{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.pep-common-banner-v2 .prodoc-banner-title .por-player-btn:hover{border-color:var(--por-color-text-secondary);color:var(--por-color-text-secondary)}.pep-common-banner-v2 .prodoc-banner-labelGroup{font-size:0;margin:16px -8px -8px}.pep-common-banner-v2 .prodoc-banner-labelGroup .por-label{margin:0 4px 8px}.pep-common-banner-v2 .prodoc-banner-adSpace{-webkit-box-pack:center;-ms-flex-pack:center;background-image:-webkit-gradient(linear,left top,right top,color-stop(12%,rgba(107,181,255,.4)),color-stop(79%,rgba(139,227,248,.4)),to(rgba(186,225,255,.24)));background-image:linear-gradient(90deg,rgba(107,181,255,.4) 12%,rgba(139,227,248,.4) 79%,rgba(186,225,255,.24));border-radius:var(--por-radius-xxl);color:var(--por-color-text-primary);display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;justify-content:center;margin-top:20px;max-width:80%;padding:8px 20px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.pep-common-banner-v2 .prodoc-banner-adSpace .adSpace-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pep-common-banner-v2 .prodoc-banner-adSpace .adSpace-text span:first-child{font-weight:var(--por-base-font-weight-bold);margin-right:16px}.pep-common-banner-v2 .prodoc-banner-adSpace .adSpace-icon{-ms-flex-negative:0;background-image:url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/%E7%BB%84%E4%BB%B6%E9%AA%8C%E8%AF%81/pep-common-banner-v2/arrow-icon.svg);background-position:50%;background-repeat:no-repeat;flex-shrink:0;margin-left:12px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:16px}.pep-common-banner-v2 .prodoc-banner-adSpace:hover .adSpace-icon{-webkit-transform:translate(4px);transform:translate(4px)}.pep-common-banner-v2 .prodoc-banner-adSpace.half-content{max-width:50%}.pep-common-banner-v2 .prodoc-banner-btnGroup{font-size:0;margin:36px -8px -12px}.pep-common-banner-v2 .prodoc-banner-btnGroup .por-btn{margin:0 8px 12px}.pep-common-banner-v2[data-bg=translight] .prodoc-banner-title .mb,.pep-common-banner-v2[data-bg=translight] .prodoc-banner-title .pc,.pep-common-banner-v2[data-bg=translight] .prodoc-title-content .por-text-body-t2,.pep-common-banner-v2[data-bg=translight] .prodoc-title-content .por-text-title-t7{color:var(--por-color-text-white)}.pep-common-banner-v2[data-bg=translight] .prodoc-banner-title .por-player-btn{border:1px solid var(--por-color-text-white);color:var(--por-color-text-white)}.pep-common-banner-v2[data-bg=translight] .prodoc-banner-adSpace{background-image:-webkit-gradient(linear,left top,right top,color-stop(12%,rgba(107,181,255,.4)),color-stop(79%,rgba(139,227,248,.4)),to(rgba(186,225,255,.24)));background-image:linear-gradient(90deg,rgba(107,181,255,.4) 12%,rgba(139,227,248,.4) 79%,rgba(186,225,255,.24));color:var(--por-button-border-color-primary-light)}@media (min-width:1601px){.pep-common-banner-v2 .prodoc-title-content.title-center .por-text-body-t2{font-size:18px;line-height:28px}}@media (max-width:1600px){.pep-common-banner-v2{min-height:360px}.pep-common-banner-v2 .por-section{padding-bottom:58px;padding-top:58px}.pep-common-banner-v2.height-350{min-height:280px}.pep-common-banner-v2.height-350 .por-section{padding-bottom:48px;padding-top:48px}.pep-common-banner-v2 .por-breadcrumb{padding:20px 0}.pep-common-banner-v2 .por-breadcrumb-item{font-size:var(--por-font-size-12);line-height:var(--por-font-line-height-18)}.pep-common-banner-v2 .product-icon{margin-right:20px}.pep-common-banner-v2 .product-icon span{height:48px;width:48px}.pep-common-banner-v2 .prodoc-title-content{max-width:90%}.pep-common-banner-v2 .prodoc-title-content .half-content{max-width:50%}.pep-common-banner-v2 .prodoc-title-content .por-text-body-t2{font-size:var(--por-font-size-14);line-height:var(--por-font-line-height-22);margin-top:20px}.pep-common-banner-v2 .prodoc-title-content .por-text-body-t2 p+p{margin-top:10px}.pep-common-banner-v2 .prodoc-title-content .por-text-body-t2.gap-small{margin-top:8px}.pep-common-banner-v2 .prodoc-banner-title .pc{font-size:var(--por-font-size-32);line-height:var(--por-font-line-height-48)}.pep-common-banner-v2 .prodoc-banner-title .por-player-btn{font-size:var(--por-font-size-14);height:32px;line-height:var(--por-font-line-height-30);margin-top:9px;width:32px}.pep-common-banner-v2 .prodoc-banner-labelGroup{margin-top:12px}.pep-common-banner-v2 .prodoc-banner-labelGroup .por-label{font-size:var(--por-label-font-size-s)}.pep-common-banner-v2 .prodoc-banner-adSpace{margin-top:16px}.pep-common-banner-v2 .prodoc-banner-btnGroup{margin-top:28px}}@media (max-width:1280px){.pep-common-banner-v2{min-height:300px}.pep-common-banner-v2.height-350{min-height:236px}.pep-common-banner-v2 .por-section{padding-bottom:48px;padding-top:48px}.pep-common-banner-v2 .por-breadcrumb{padding:16px 0}.pep-common-banner-v2 .product-icon{margin-right:14px}.pep-common-banner-v2 .product-icon span{height:42px;width:42px}.pep-common-banner-v2 .prodoc-title-content .por-text-body-t2{font-size:var(--por-font-size-12);line-height:var(--por-font-line-height-18);margin-top:16px}.pep-common-banner-v2 .prodoc-title-content .por-text-body-t2 p+p{margin-top:8px}.pep-common-banner-v2 .prodoc-title-content .por-text-body-t2.gap-small{margin-top:6px}.pep-common-banner-v2 .prodoc-title-content.title-center .por-text-body-t2{margin-top:8px}.pep-common-banner-v2 .prodoc-banner-title .pc{font-size:var(--por-font-size-28);line-height:var(--por-font-line-height-42)}.pep-common-banner-v2 .prodoc-banner-title .por-player-btn{font-size:var(--por-font-size-12);height:28px;line-height:26px;margin-left:8px;margin-top:7px;width:28px}.pep-common-banner-v2 .prodoc-banner-adSpace{border-radius:var(--por-radius-xl);font-size:var(--por-font-size-12);line-height:16px;margin-top:16px}.pep-common-banner-v2 .prodoc-banner-adSpace .adSpace-text span:first-child{margin-right:12px}.pep-common-banner-v2 .prodoc-banner-btnGroup{margin:20px -4px -12px}.pep-common-banner-v2 .prodoc-banner-btnGroup .por-btn{margin:0 4px 12px}}@media (max-width:768px){.pep-common-banner-v2,.pep-common-banner-v2.height-350{background:none!important;min-height:250px}.pep-common-banner-v2 .por-section,.pep-common-banner-v2.height-350 .por-section{padding-bottom:var(--por-section-head-padding-bottom-pc);padding-top:var(--por-section-head-padding-bottom-pc)}.pep-common-banner-v2 .por-section{position:relative}.pep-common-banner-v2 .por-breadcrumb,.pep-common-banner-v2 .por-player-btn,.pep-common-banner-v2 .prodoc-banner-adSpace,.pep-common-banner-v2 .prodoc-banner-labelGroup,.pep-common-banner-v2 .product-icon{display:none}.pep-common-banner-v2 .bg-mb{bottom:0;left:0;position:absolute;right:0;top:0}.pep-common-banner-v2 .pc{display:none}.pep-common-banner-v2 .mb{display:block}.pep-common-banner-v2 .hidden-mb{display:none}.pep-common-banner-v2 .prodoc-title-content,.pep-common-banner-v2 .prodoc-title-content.half-content{max-width:none}.pep-common-banner-v2 .prodoc-title-content .por-text-title-t7{font-size:var(--por-font-size-12);font-weight:var(--por-base-font-weight-normal);line-height:var(--por-font-line-height-18);margin-top:8px}.pep-common-banner-v2 .prodoc-title-content .por-text-title-t7 p+p{margin-top:8px}.pep-common-banner-v2 .prodoc-title-content .por-text-title-t7 a{-webkit-text-decoration:var(--por-link-text-decoration-hover);text-decoration:var(--por-link-text-decoration-hover)}.pep-common-banner-v2 .prodoc-banner-title .mb{color:var(--por-color-text-primary);font-size:var(--por-font-size-18);font-weight:var(--por-base-font-weight-bold);line-height:var(--por-font-line-height-28)}.pep-common-banner-v2 .prodoc-banner-btnGroup{margin-top:24px}.pep-common-banner-v2.title-short-mb .prodoc-title-content{max-width:60%}.pep-common-banner-v2.title-short-mb .prodoc-title-content .por-text-title-t7{color:var(--por-color-text-primary)}.pep-common-banner-v2.icon-type .por-section,.pep-common-banner-v2.icon-type.height-350 .por-section{padding-bottom:44px;padding-top:52px}.pep-common-banner-v2.icon-type .merge-spacing-top{padding-top:0}.pep-common-banner-v2.icon-type .merge-spacing-bottom{padding-bottom:0}.pep-common-banner-v2.icon-type .por-player-btn,.pep-common-banner-v2.icon-type .prodoc-banner-labelGroup,.pep-common-banner-v2.icon-type .product-icon{display:block}.pep-common-banner-v2.icon-type .prodoc-banner-main{text-align:center}.pep-common-banner-v2.icon-type .prodoc-title-content{max-width:100%}.pep-common-banner-v2.icon-type .prodoc-title-content .por-text-title-t7{color:var(--por-color-text-primary)}.pep-common-banner-v2.icon-type .prodoc-banner-title{-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}.pep-common-banner-v2.icon-type .prodoc-banner-title .mb{font-size:var(--por-font-size-22);line-height:var(--por-font-line-height-34);max-width:calc(100% - 32px)}.pep-common-banner-v2.icon-type .prodoc-banner-title .por-player-btn{height:24px;line-height:22px;margin-top:4px;width:24px}.pep-common-banner-v2.icon-type .product-icon{margin-bottom:28px;margin-right:0;width:100%}.pep-common-banner-v2.icon-type .product-icon span{height:80px;width:80px}}html[lang=ar-MENA] .pep-common-banner-v2 .product-icon{margin-left:24px;margin-right:0}html[lang=ar-MENA] .pep-common-banner-v2 .prodoc-banner-title .por-player-btn{margin-left:0;margin-right:16px}html[lang=ar-MENA] .pep-common-banner-v2 .prodoc-banner-adSpace .adSpace-icon{background-image:url(//portal.hc-cdn.cn/cnpm-pep-components/2.3.74/cnpm-pep-common-banner-v2/pc/arrow-icon-left.svg);margin-left:0;margin-right:12px}html[lang=ar-MENA] .pep-common-banner-v2 .prodoc-banner-adSpace .adSpace-text span:first-child{display:inline-block;margin-left:16px;margin-right:0}html[lang=ar-MENA] .pep-common-banner-v2 .prodoc-banner-adSpace:hover .adSpace-icon{-webkit-transform:translate(-4px);transform:translate(-4px)}@media (max-width:1600px){html[lang=ar-MENA] .pep-common-banner-v2 .prodoc-banner-adSpace .adSpace-text span:first-child{margin-left:12px}html[lang=ar-MENA] .pep-common-banner-v2 .product-icon{margin-left:20px}}@media (max-width:1280px){html[lang=ar-MENA] .pep-common-banner-v2 .product-icon{margin-left:14px}html[lang=ar-MENA] .pep-common-banner-v2 .prodoc-banner-title .por-player-btn{margin-right:8px}}
