.pep-cases-customization .mb{display:none}.pep-cases-customization .case-banner{position:relative;height:850px;background-position:top;background-size:cover;background-repeat:no-repeat}.pep-cases-customization .case-banner video{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.pep-cases-customization .case-banner .banner-content{position:relative;height:850px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;z-index:1}.pep-cases-customization .case-banner .banner-title{margin-bottom:80px;font-size:64px;line-height:60px;font-weight:700}.pep-cases-customization .case-banner .banner-subtitle{margin:20px 0 80px;font-size:24px;line-height:30px;color:#fff}.pep-cases-customization .case-banner .por-col-8:nth-child(2):before{position:absolute;content:"";left:0;top:18px;bottom:18px;border-left:1px solid hsla(0,0%,100%,.45)}.pep-cases-customization .case-banner .por-col-8:nth-child(2):after{position:absolute;content:"";right:0;top:18px;bottom:18px;border-left:1px solid hsla(0,0%,100%,.45)}.pep-cases-customization .case-banner .tit{margin-bottom:12px;font-size:52px;line-height:60px}.pep-cases-customization .case-banner .description{opacity:.8;font-size:18px}.pep-cases-customization .case-banner .btn-mb{display:none}.pep-cases-customization .case-banner .btn-mb .por-btn{padding:0 24px}.pep-cases-customization .case-banner .btn-mb .por-btn:before{content:"";margin-right:8px;font-size:0;line-height:0;border-color:transparent #252b3a;border-style:dashed dashed dashed solid;border-width:5px 0 5px 8px;vertical-align:middle}.pep-cases-customization .case-review{position:relative;background-color:#fff}.pep-cases-customization .case-review .por-section-body{position:absolute;height:100%;z-index:1}.pep-cases-customization .case-review .review-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.pep-cases-customization .case-review video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.pep-cases-customization .case-review .review-title{margin-bottom:24px;font-size:36px;line-height:56px;color:#252b3a}.pep-cases-customization .case-review .por-text-subtitle-t3{margin-bottom:52px;line-height:32px}.pep-cases-customization .case-review .online-book{margin-bottom:12px;width:278px;height:278px;background-position:50%;background-size:contain}.pep-cases-customization .case-review .por-text-subtitle-t2{margin-bottom:24px;line-height:30px;font-weight:700}.pep-cases-customization .case-recommended{position:relative;background-color:#fff}.pep-cases-customization .case-recommended .case-tab-container,.pep-cases-customization .case-recommended .por-section-head{display:none}.pep-cases-customization .case-recommended>.por-section:first-child{-webkit-transition:1s;transition:1s}.pep-cases-customization .case-recommended .case-swiper{position:relative;overflow:hidden}.pep-cases-customization .case-recommended .slide-item{padding:100px 0;background-position:50%;background-size:cover;color:#fff;-webkit-transition:1s;transition:1s}.pep-cases-customization .case-recommended .slide-item .mask,.pep-cases-customization .case-recommended .slide-item .slide-title,.pep-cases-customization .case-recommended .slide-item .tab-content-wrapper,.pep-cases-customization .case-recommended .slide-item ul{-webkit-transition:1s;transition:1s}.pep-cases-customization .case-recommended .slide-item.fadeOut .slide-title,.pep-cases-customization .case-recommended .slide-item.fadeOut .tab-content-wrapper,.pep-cases-customization .case-recommended .slide-item.fadeOut ul{opacity:0}.pep-cases-customization .case-recommended .slide-item.fadeOut .mask{opacity:1;z-index:1}.pep-cases-customization .case-recommended .slide-item.fadeOut:before{background-color:transparent}.pep-cases-customization .case-recommended .slide-item.fadeIn .slide-title,.pep-cases-customization .case-recommended .slide-item.fadeIn .tab-content-wrapper,.pep-cases-customization .case-recommended .slide-item.fadeIn ul{opacity:1}.pep-cases-customization .case-recommended .slide-item.fadeIn .mask{opacity:0}.pep-cases-customization .case-recommended .slide-item.fadeIn:before{position:absolute;content:"";left:0;right:0;top:-10px;bottom:-10px;background-color:rgba(0,0,0,.05);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pep-cases-customization .case-recommended .slide-item:first-child.fadeIn{padding-right:40px}.pep-cases-customization .case-recommended .slide-item:first-child.fadeIn+.slide-item{left:calc(100% - 240px)}.pep-cases-customization .case-recommended .slide-item:first-child.fadeIn+.slide-item .mask{opacity:1}.pep-cases-customization .case-recommended .slide-item:nth-child(2).fadeIn{padding-right:40px;left:240px;right:-240px}.pep-cases-customization .case-recommended .slide-item:nth-child(2).fadeIn .mask{opacity:0}.pep-cases-customization .case-recommended .slide-item:nth-child(2){position:absolute;left:50%;right:-50%;top:0;bottom:0;z-index:1}.pep-cases-customization .case-recommended .slide-item:nth-child(2) .expand-icon{background-image:url(../png/right.png)}.pep-cases-customization .case-recommended .slide-title{position:relative;margin-bottom:36px;color:#fff}.pep-cases-customization .case-recommended .tab-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-transition:1s 1.2s;transition:1s 1.2s;z-index:1}.pep-cases-customization .case-recommended .tab-container ul{margin-top:24px;width:188px;-ms-flex-negative:0;flex-shrink:0;border-left:1px solid hsla(0,0%,100%,.4)}.pep-cases-customization .case-recommended .tab-container ul li{position:relative;padding:8px 24px;font-size:18px;line-height:25px;cursor:pointer}.pep-cases-customization .case-recommended .tab-container ul li+li{margin-top:8px}.pep-cases-customization .case-recommended .tab-container ul li.active:before{position:absolute;content:"";left:-2px;top:0;bottom:0;width:3px;background-color:#fff}.pep-cases-customization .case-recommended .tab-content-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;display:none}.pep-cases-customization .case-recommended .tab-content{display:none}.pep-cases-customization .case-recommended .por-card-icon{margin-bottom:20px;height:60px;background-position:50%;background-size:contain;background-repeat:no-repeat}.pep-cases-customization .case-recommended .por-text-title-t3{margin-bottom:0}.pep-cases-customization .case-recommended .por-card .por-card-content .por-text-title-t3:after{width:0}.pep-cases-customization .case-recommended .por-text-body-t1{padding-top:8px;text-align:center}.pep-cases-customization .case-recommended .mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);opacity:0}.pep-cases-customization .case-recommended .expand-icon{position:absolute;top:50%;left:120px;width:32px;height:71px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/cases/logos_zh/left.png);background-repeat:no-repeat;background-position:50%}.pep-cases-customization .case-recommended .case-swiper.reset .tab-content-wrapper{opacity:0}.pep-cases-customization .case-recommended .case-swiper.reset .slide-item:nth-child(2){left:50%!important;right:-50%!important}.pep-cases-customization .case-recommended .case-swiper.reset .slide-title,.pep-cases-customization .case-recommended .case-swiper.reset ul{opacity:1!important}.pep-cases-customization .case-recommended .case-swiper.reset .mask{opacity:0!important;z-index:0}@media (min-width:1921px){.pep-cases-customization .case-review .por-section-body{width:35%}}@media (min-width:1681px){.pep-cases-customization .case-recommended .por-container,.pep-cases-customization .case-review .por-container{max-width:1440px}}@media (max-width:1679px){.pep-cases-customization .case-banner,.pep-cases-customization .case-banner .banner-content{height:750px}.pep-cases-customization .case-banner .banner-title{margin-bottom:72px;font-size:52px;line-height:66px}.pep-cases-customization .case-banner .tit{margin-bottom:12px;font-size:40px;line-height:50px}.pep-cases-customization .case-recommended .slide-item:first-child.fadeIn{padding-right:160px}.pep-cases-customization .case-recommended .slide-item:first-child.fadeIn+.slide-item{left:87.5%;right:-87.5%}.pep-cases-customization .case-recommended .slide-item:nth-child(2).fadeIn{padding-right:160px;left:12.5%;right:-12.5%}.pep-cases-customization .case-recommended .expand-icon{left:6.25%}}@media (max-width:1439px){.pep-cases-customization .case-recommended .slide-item{padding:55px 0}.pep-cases-customization .case-recommended .slide-item:first-child.fadeIn,.pep-cases-customization .case-recommended .slide-item:nth-child(2).fadeIn{padding-right:160px}.pep-cases-customization .case-recommended .slide-title{margin-bottom:0;font-size:28px;line-height:34px}.pep-cases-customization .case-recommended .tab-container ul{width:120px;-ms-flex-negative:0;flex-shrink:0}.pep-cases-customization .case-recommended .tab-container ul li{padding:4px 12px;font-size:14px;line-height:18px;cursor:pointer}.pep-cases-customization .case-recommended .tab-container ul li+li{margin-top:8px}.pep-cases-customization .case-recommended .por-text-body-t1{padding-top:8px;text-align:center}.pep-cases-customization .case-recommended .por-card-icon{margin-bottom:8px}.pep-cases-customization .case-recommended .por-card{padding:12px}.pep-cases-customization .case-recommended .por-card .por-card-content .por-text-title-t3{font-size:14px;line-height:18px}.pep-cases-customization .case-recommended .por-card .por-card-content .por-text-body-t1{font-size:12px;line-height:18px}}@media (max-width:1279px){.pep-cases-customization .case-banner,.pep-cases-customization .case-banner .banner-content{height:600px}.pep-cases-customization .case-banner .banner-title{margin-bottom:60px;font-size:40px;line-height:50px}.pep-cases-customization .case-banner .description{font-size:14px}.pep-cases-customization .case-banner .tit{margin-bottom:12px;font-size:24px;line-height:30px}.pep-cases-customization .case-review .review-title{font-size:24px;line-height:30px}.pep-cases-customization .case-review .online-book{margin-bottom:12px;width:200px;height:200px}.pep-cases-customization .case-review .por-text-subtitle-t2{font-size:16px;line-height:20px}}@media (max-width:1023px){.pep-cases-customization .case-banner,.pep-cases-customization .case-banner .banner-content{height:400px}.pep-cases-customization .case-banner .banner-title{margin-bottom:48px;font-size:24px;line-height:30px}.pep-cases-customization .case-banner .tit{margin-bottom:12px;font-size:20px;line-height:26px}.pep-cases-customization .case-review .online-book{width:168px;height:168px}.pep-cases-customization .case-recommended .slide-item{padding:55px 0}.pep-cases-customization .case-recommended .slide-item:first-child.fadeIn,.pep-cases-customization .case-recommended .slide-item:nth-child(2).fadeIn{padding-right:100px}.pep-cases-customization .case-recommended .por-card .por-card-content .por-text-body-t1{display:none}}@media (max-width:1023px) and (min-width:980px){.pep-cases-customization .case-recommended .por-col-sm-12:nth-child(n+4){margin-top:16px}}@media (max-width:979px){.pep-cases-customization .case-recommended .por-col-sm-12:nth-child(n+3){margin-top:16px}}@media (min-width:768px){.pep-cases-customization .case-banner{z-index:0}.pep-cases-customization .case-banner .case-banner-fixed{left:0;right:0}.pep-cases-customization .case-banner .case-banner-fixed:after{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}.pep-cases-customization .case-banner .case-banner-fixed .mask{position:absolute;content:"";left:0;right:0;bottom:0;height:0;background-color:#fff;z-index:1}.pep-cases-customization .case-banner .ee-out{opacity:0}.pep-cases-customization .case-banner .ee-enter{opacity:1}.pep-cases-customization .case-banner .banner-title{-webkit-transition:1s;transition:1s}.pep-cases-customization .case-banner [data-exit-transition=banner-title-exit].ee-out{-webkit-transform:translateY(100px);transform:translateY(100px)}.pep-cases-customization .case-banner [data-enter-transition=banner-title-enter].ee-enter{-webkit-transform:translate(0);transform:translate(0)}.pep-cases-customization .case-banner .banner-subtitle{-webkit-transition:2s;transition:2s}.pep-cases-customization .case-banner [data-exit-transition=banner-subtitle-exit].ee-out{-webkit-transform:translateY(100px);transform:translateY(100px)}.pep-cases-customization .case-banner [data-enter-transition=banner-subtitle-enter].ee-enter{-webkit-transform:translate(0);transform:translate(0)}.pep-cases-customization .case-banner .por-col-8:first-child{-webkit-transition:1s;-webkit-transition:2s 1s;transition:2s 1s}.pep-cases-customization .case-banner .por-col-8:nth-child(2){-webkit-transition:1s;-webkit-transition:3s 1s;transition:3s 1s}.pep-cases-customization .case-banner .por-col-8:nth-child(3){-webkit-transition:1s;-webkit-transition:4s 1s;transition:4s 1s}.pep-cases-customization .case-review{padding-top:0;padding-bottom:0}.pep-cases-customization .case-review .ee-out .online-book,.pep-cases-customization .case-review .ee-out .por-btn,.pep-cases-customization .case-review .ee-out .por-text-subtitle-t2,.pep-cases-customization .case-review .ee-out .por-text-subtitle-t3,.pep-cases-customization .case-review .ee-out .review-title{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.pep-cases-customization .case-review .ee-enter .online-book,.pep-cases-customization .case-review .ee-enter .por-btn,.pep-cases-customization .case-review .ee-enter .por-text-subtitle-t2,.pep-cases-customization .case-review .ee-enter .por-text-subtitle-t3,.pep-cases-customization .case-review .ee-enter .review-title{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pep-cases-customization .case-review .por-section-body{width:40%}.pep-cases-customization .case-review .review-title{-webkit-transition:1s;-webkit-transition:1s 2s;transition:1s 2s}.pep-cases-customization .case-review .online-book{-webkit-transition:1s;-webkit-transition:1s 2.5s;transition:1s 2.5s}.pep-cases-customization .case-review .por-text-subtitle-t2{-webkit-transition:1s;-webkit-transition:1s 3s;transition:1s 3s}.pep-cases-customization .case-review .por-btn{-webkit-transition:1s;-webkit-transition:1s 3.5s;transition:1s 3.5s}}@media (min-width:1024px){.pep-cases-customization .case-recommended .ee-out{-webkit-transform:scale(.5);transform:scale(.5)}.pep-cases-customization .case-recommended .ee-out .tab-container{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.pep-cases-customization .case-recommended .ee-enter{-webkit-transform:scale(1);transform:scale(1)}.pep-cases-customization .case-recommended .ee-enter .tab-container{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pep-cases-customization .case-recommended .por-section:nth-child(2){display:none}}@media (max-width:767px){.pep-cases-customization .pc{display:none}.pep-cases-customization .mb{display:block}.pep-cases-customization .case-banner{height:200px;background-image:url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/cases/logos_zh/banner_h5.png)}.pep-cases-customization .case-banner:after{background-color:transparent}.pep-cases-customization .case-banner .banner-content{height:200px;color:#252b3a}.pep-cases-customization .case-banner .banner-subtitle,.pep-cases-customization .case-banner .por-row,.pep-cases-customization .case-banner video{display:none}.pep-cases-customization .case-banner .banner-title{margin-bottom:16px;font-size:24px;line-height:30px}.pep-cases-customization .case-banner .btn-mb{display:block}.pep-cases-customization .case-banner .por-icon-btn-light{border-color:inherit;color:inherit}.pep-cases-customization .case-review{height:auto}.pep-cases-customization .case-review .por-section-body{position:static;text-align:center}.pep-cases-customization .case-review .review-content{display:inline-block;height:auto;text-align:left}.pep-cases-customization .case-review video{display:none}.pep-cases-customization .case-review .review-text{display:block;position:relative;margin-right:0;width:100%;padding-left:141px}.pep-cases-customization .case-review .review-title{margin-bottom:16px;font-size:16px;line-height:24px}.pep-cases-customization .case-review .por-text-subtitle-t3{display:none}.pep-cases-customization .case-review .por-text-subtitle-t2{margin-bottom:8px;font-size:12px;line-height:18px}.pep-cases-customization .case-review .online-book{position:absolute;left:0;top:0;margin-bottom:0;width:123px;height:123px}.pep-cases-customization .case-recommended .pc{display:none}.pep-cases-customization .case-recommended .mb{display:block}.pep-cases-customization .case-recommended>.por-section:first-child{display:none}.pep-cases-customization .case-recommended .case-tab-container,.pep-cases-customization .case-recommended .por-section-head{display:block}.pep-cases-customization .case-recommended .slide-item:first-child.fadeIn,.pep-cases-customization .case-recommended .slide-item:nth-child(2).fadeIn{padding-right:80px}.pep-cases-customization .case-recommended .case-tab-container>.por-row{margin-bottom:12px;padding-bottom:12px}.pep-cases-customization .case-recommended .case-tab-container>.por-row:after{position:absolute;content:"";left:0;right:0;margin-top:30px;border-bottom:1px solid #dfe1e6}.pep-cases-customization .case-recommended .case-tab-container>.por-row .por-col-12{font-weight:400}.pep-cases-customization .case-recommended .case-tab-container>.por-row .por-col-12 span{position:relative}.pep-cases-customization .case-recommended .case-tab-container>.por-row .por-col-12 span:after{content:"";position:absolute;bottom:-12px;left:-8px;right:-8px;width:0;height:3px;margin:auto;background-color:#c7000b;opacity:0;-webkit-transition:width .2s,opacity 0s .2s;transition:width .2s,opacity 0s .2s}.pep-cases-customization .case-recommended .case-tab-container>.por-row .por-col-12.active span:after{width:calc(100% + 16px);opacity:1;-webkit-transition:width .2s;transition:width .2s}.pep-cases-customization .case-recommended .case-tab-content{display:none}.pep-cases-customization .case-recommended .case-tab-content.active{display:block}.pep-cases-customization .case-recommended .por-tab-content{background-color:#fff}.pep-cases-customization .case-recommended .por-tab-content.active{display:block}.pep-cases-customization .case-recommended .por-tab{background-color:#fff}.pep-cases-customization .case-recommended .por-tab.por-tab-collapse .por-tab-drop{z-index:1}.pep-cases-customization .case-recommended .por-tab.por-tab-collapse ul[data-cols="4"]:not(.por-tab-drop){margin-right:0}.pep-cases-customization .case-recommended .por-tab .por-tab-drop li{padding-right:8px}.pep-cases-customization .case-recommended .por-tab .por-tab-drop li>a{width:100%}.pep-cases-customization .case-recommended .por-tab-text{display:block;text-overflow:ellipsis}.pep-cases-customization .case-recommended .por-tab-wrapper{padding-top:4px}.pep-cases-customization .case-recommended .por-col-12{text-align:center}.pep-cases-customization .case-recommended .por-tab-content .por-col-12{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:126px}.pep-cases-customization .case-recommended .por-tab-content .por-col-12 img{width:120px;vertical-align:middle}}