.pep-common-banner .mb{display:none!important}.pep-common-banner .por-carousel.showView{overflow:visible}.pep-common-banner .por-carousel-slide>.mb,.pep-common-banner .por-carousel-slide>.pc{position:absolute;left:0;right:0;top:0;bottom:0;background-position:top;background-size:cover;background-repeat:no-repeat}.pep-common-banner .por-carousel-slide video{width:100%}.pep-common-banner .por-carousel-slide>.por-container{position:relative}.pep-common-banner .prodoc-banner-main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:730px;height:400px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0}.pep-common-banner .guiding-info{margin-bottom:16px}.pep-common-banner .guiding-info *{display:inline-block;vertical-align:middle}.pep-common-banner .guiding-info img{margin-right:8px}.pep-common-banner .guiding-info span{margin-right:8px;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pep-common-banner .guiding-info span.por-label{max-width:128px}.pep-common-banner .prodoc-banner-title{display:inline-block;max-width:calc(100% - 56px)}.pep-common-banner .prodoc-banner-title .por-text-title-t2{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pep-common-banner .prodoc-banner-title.noPlayer{max-width:100%}.pep-common-banner .por-player-btn{position:relative;display:inline-block;margin-left:16px;vertical-align:top;top:5px;border:1px solid #252b3a;cursor:pointer;color:#252b3a;background:transparent;line-height:38px}.pep-common-banner .por-player-btn:hover{opacity:.7}.pep-common-banner .banner-summary{margin-top:12px;font-weight:400}.pep-common-banner .banner-summary.hide{display:none!important}.pep-common-banner .prodoc-description{margin-top:12px}.pep-common-banner .prodoc-description+.prodoc-description{margin-top:8px}.pep-common-banner .prodoc-description.hide{display:none!important}.pep-common-banner .prodoc-description em{font-weight:700;font-style:normal}.pep-common-banner .prodoc-description a{color:#526ecc;cursor:pointer;-webkit-transition:.2s;transition:.2s;text-decoration:none}.pep-common-banner .prodoc-description a:hover{text-decoration:underline}.pep-common-banner .prodoc-banner-btnGroup{margin-top:24px}.pep-common-banner .prodoc-banner-btnGroup .por-btn{margin-right:16px}.pep-common-banner .banner-notice{margin-top:16px;line-height:18px;font-size:12px}.pep-common-banner .banner-notice-item{font-size:0;-webkit-transition:.2s;transition:.2s}.pep-common-banner .banner-notice-item object,.pep-common-banner .banner-notice-item p{display:inline-block;width:calc(100% - 14px);font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle}.pep-common-banner .banner-notice-item .before-line{width:6px;margin-right:8px;border-top:2px solid #8a8e99;vertical-align:-1px}.pep-common-banner .banner-notice-item+.banner-notice-item{margin-top:4px}.pep-common-banner .prodoc-banner-view{position:relative;overflow:hidden}.pep-common-banner .prodoc-banner-view:before{position:absolute;content:"";left:0;right:0;top:-10px;bottom:-10px;background-color:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pep-common-banner .prodoc-banner-view .por-container{position:relative}.pep-common-banner .prodoc-banner-view .por-section-body{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.pep-common-banner .prodoc-banner-about{width:calc(100% - 373px);padding:56px 56px 56px 0}.pep-common-banner .prodoc-banner-about .por-text-title-t3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pep-common-banner .prodoc-banner-about.full-space{width:100%}.pep-common-banner .por-row{margin-top:56px;margin-left:-16px;margin-right:-16px}.pep-common-banner .por-row [class^=por-col-]{text-align:center;padding-left:16px;padding-right:16px}.pep-common-banner .por-row .caption{margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pep-common-banner .por-row .por-text-title-t7{margin-top:24px;line-height:22px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:400}.pep-common-banner .por-col-5{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.pep-common-banner .prodoc-banner-fun{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:373px;padding:24px 32px;background-color:hsla(0,0%,100%,.3)}.pep-common-banner .prodoc-banner-fun:not(.show-form) .prodoc-banner-form{display:none}.pep-common-banner .prodoc-banner-picks .por-text-title-t3{margin-bottom:16px}.pep-common-banner .prodoc-banner-picks li{margin-top:8px}.pep-common-banner .prodoc-banner-picks li .por-link-red{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:24px}.pep-common-banner .prodoc-banner-picks li .por-link-red em{color:#252b3a;font-weight:700;font-style:normal}.pep-common-banner .prodoc-banner-picks li .por-link-red a,.pep-common-banner .prodoc-banner-picks li .por-link-red p{display:inline}.pep-common-banner .prodoc-banner-cases .logo{height:60px}.pep-common-banner .prodoc-banner-cases .logo img{height:100%}.pep-common-banner .prodoc-banner-cases .por-text-title-t7:not(.witness){font-weight:400}.pep-common-banner .prodoc-banner-cases .description{margin-top:16px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;line-height:22px}.pep-common-banner .prodoc-banner-cases .witness{margin-top:24px}.pep-common-banner .prodoc-banner-advertisement .caption{margin-bottom:12px;font-size:32px;line-height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pep-common-banner .prodoc-banner-advertisement .por-text-title-t7{font-weight:400;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:22px}.pep-common-banner .prodoc-banner-advertisement .por-btn{margin-top:20px}.pep-common-banner .prodoc-banner-form{position:relative}.pep-common-banner .prodoc-banner-form .caption{margin-bottom:8px}.pep-common-banner .prodoc-banner-form .por-text-title-t7{margin-bottom:8px;font-weight:400}.pep-common-banner .prodoc-banner-form .por-text-wrap{margin-bottom:12px}.pep-common-banner .prodoc-banner-form .por-text-input{width:100%}.pep-common-banner .prodoc-banner-form .por-btn{margin-top:20px}.pep-common-banner.topic-banner .banner-summary,.pep-common-banner.topic-banner .prodoc-description{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.pep-common-banner.topic-banner .prodoc-description.price,.pep-common-banner.topic-banner .prodoc-description.price p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pep-common-banner.index-banner .por-carousel-slide{height:530px}.pep-common-banner.index-banner .prodoc-banner-main{height:480px}.pep-common-banner.index-banner .por-text-title-t2{font-size:52px;line-height:64px}.pep-common-banner.index-banner .por-player-btn{top:15px}.pep-common-banner.second-banner .banner-summary,.pep-common-banner.second-banner .prodoc-description{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.pep-common-banner.second-banner .prodoc-banner-main{height:350px}.pep-common-banner.second-banner .prodoc-banner-btnGroup{margin-top:16px}@media (max-width:1919px){.pep-common-banner .por-carousel-slide video{width:auto;position:absolute;top:0;height:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (min-width:768px){.pep-common-banner.extend-space{margin-top:-48px}.pep-common-banner.extend-space .prodoc-banner-main{padding-top:48px}}@media (max-width:767px){.pep-common-banner .pc{display:none!important}.pep-common-banner .mb{display:-webkit-box!important}.pep-common-banner .prodoc-banner-main{width:100%;height:250px}.pep-common-banner .prodoc-banner-content{max-width:600px}.pep-common-banner .por-text-title-t2{font-size:24px;line-height:30px}.pep-common-banner .por-text-title-t2.pc{display:none}.pep-common-banner .por-text-title-t2.mb{display:-webkit-box}.pep-common-banner .prodoc-banner-main .prodoc-description{margin-top:8px!important}.pep-common-banner .prodoc-banner-main .prodoc-description.pc{display:none}.pep-common-banner .prodoc-banner-main .prodoc-description.mb{display:block;font-size:12px;line-height:18px}.pep-common-banner .guiding-info{display:none}.pep-common-banner .prodoc-banner-title{max-width:calc(100% - 32px)}.pep-common-banner .prodoc-banner-title .por-text-title-t2.mb{display:block}.pep-common-banner .por-player-btn{top:2px;margin-left:8px;width:24px;height:24px;padding-left:2px;font-size:12px;line-height:22px}.pep-common-banner .prodoc-banner-btnGroup{margin-top:16px}.pep-common-banner .prodoc-banner-btnGroup .por-btn{margin-right:12px}.pep-common-banner .banner-notice,.pep-common-banner .prodoc-banner-btnGroup.hidden-mb,.pep-common-banner .prodoc-banner-btnGroup .por-btn:nth-child(n+3){display:none}.pep-common-banner .por-col-5{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.pep-common-banner .prodoc-banner-fun{float:none;display:block;margin-top:14px;width:100%;height:auto;padding:16px 15px;background-color:#f5f5f6}.pep-common-banner .prodoc-banner-fun.show-form-mb>div:not(.prodoc-banner-form){display:none}.pep-common-banner .prodoc-banner-fun.show-form-mb .prodoc-banner-form{display:block}.pep-common-banner .por-row{margin-top:28px;margin-left:-15px;margin-right:-15px}.pep-common-banner .por-row [class^=por-col-]:nth-child(odd){padding-left:15px;padding-right:12px}.pep-common-banner .por-row [class^=por-col-]:nth-child(2n){padding-left:12px;padding-right:15px}.pep-common-banner .por-row [class^=por-col-]:nth-child(n+3){margin-top:24px}.pep-common-banner .por-row .por-text-title-t7{display:inline-block;margin-top:8px;vertical-align:middle;font-size:12px}.pep-common-banner .por-container:nth-child(2){background-color:#fff}.pep-common-banner .prodoc-banner-notices{padding:0 0 24px;background-image:none!important;-webkit-box-shadow:none;box-shadow:none}.pep-common-banner .prodoc-banner-notices .por-text-title-t6{margin-top:24px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pep-common-banner .prodoc-banner-view{padding:28px 0}.pep-common-banner .prodoc-banner-view:before{background-color:#fff;-webkit-filter:blur(0);filter:blur(0)}.pep-common-banner .prodoc-banner-about{width:100%;min-height:auto;padding:0}.pep-common-banner .prodoc-banner-about .por-text-title-t3{font-size:18px;line-height:22px;text-align:center}.pep-common-banner .prodoc-banner-cases .logo{height:50px}.pep-common-banner .prodoc-banner-cases .por-text-title-t7{font-size:12px}.pep-common-banner .prodoc-banner-cases .description,.pep-common-banner .prodoc-banner-cases .witness{margin-top:12px}.pep-common-banner .prodoc-banner-picks{float:none;width:100%}.pep-common-banner .prodoc-banner-picks .por-text-title-t3{margin-bottom:4px;font-size:14px;line-height:22px}.pep-common-banner .prodoc-banner-picks li{margin-top:4px}.pep-common-banner .prodoc-banner-picks li .por-link-red{font-size:12px;line-height:18px}.pep-common-banner .prodoc-banner-advertisement .caption{margin-bottom:0;font-size:18px;line-height:22px}.pep-common-banner .prodoc-banner-advertisement .caption.pc{display:none}.pep-common-banner .prodoc-banner-advertisement .caption.mb{display:block}.pep-common-banner .prodoc-banner-advertisement .por-text-title-t7{margin-top:4px;font-size:12px}.pep-common-banner .prodoc-banner-advertisement .por-btn{margin-top:12px}.pep-common-banner .prodoc-banner-form .caption{margin-bottom:4px;font-size:14px;line-height:22px}.pep-common-banner .prodoc-banner-form .por-text-title-t7{font-size:12px}.pep-common-banner .prodoc-banner-form .por-text-wrap{margin-bottom:8px}.pep-common-banner .prodoc-banner-form .por-btn{margin-top:12px}.pep-common-banner.index-banner .por-carousel-slide{height:350px}.pep-common-banner.index-banner .por-player-btn{vertical-align:top;top:5px}.pep-common-banner.index-banner .prodoc-banner-main{padding-top:32px;padding-bottom:32px;height:160px;text-align:center}.pep-common-banner.index-banner .prodoc-banner-btnGroup{display:none}.pep-common-banner.index-banner .por-text-title-t2{font-size:24px;line-height:30px}.pep-common-banner.index-banner .banner-summary{margin-top:8px}.pep-common-banner.index-banner .banner-summary.mb{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pep-common-banner.second-banner .banner-summary,.pep-common-banner.second-banner .prodoc-description{-webkit-line-clamp:2}.pep-common-banner.second-banner .por-carousel-slide,.pep-common-banner.second-banner .prodoc-banner-main{height:200px}}.pep-common-banner .por-tip-notice-outContainer{position:absolute}
.mod-dialog{position:fixed;z-index:99999;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .175s ease-in-out;transition:opacity .175s ease-in-out;will-change:opacity}.mod-dialog-inner{max-width:700px;min-width:400px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000;border:none;padding:0;position:relative}.mod-dialog header{margin:19px 0;height:24px;color:#252b3a;padding-left:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mod-dialog-title{font-size:18px;font-weight:600;line-height:24px}.mod-dialog-icon{display:block;width:24px;height:24px;margin-right:20px;background-repeat:no-repeat;background-image:url(//res.hc-cdn.com/cnpm-pep-common-banner/1.0.12/_/node_modules/_@cloud_dialog@1.0.3@@cloud/dialog/module/images/icon.png);background-size:auto 100%}.mod-dialog-info{background-position:0 0}.mod-dialog-success{background-position:-24px 0}.mod-dialog-error{background-position:-48px 0}.mod-dialog-warning{background-position:-72px 0}.mod-dialog section{word-wrap:break-word;padding:0 30px;margin:12px 0;font-size:12px;color:#575d6c;letter-spacing:0;text-align:justify;line-height:18px}.mod-dialog footer{padding:20px 30px 30px;text-align:center}.mod-dialog footer button{padding:5px 20px;line-height:14px;border-radius:1px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #f66f6a;color:#fff;background:#f66f6a;font-size:12px;margin:0 4px}.mod-dialog footer button.cancel{border:1px solid #adb0b8;background:#fff;color:#252b3a}.mod-dialog-close{position:absolute;width:18px;height:18px;top:18px;right:18px;cursor:pointer;overflow:hidden;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mod-dialog-close:after,.mod-dialog-close:before{content:"";display:block;position:absolute;width:18px;height:2px;top:8px;left:0;background-color:#666a75}.mod-dialog-close:after{width:2px;height:18px;top:0;left:8px}.mod-dialog[open]{opacity:1}@media (max-width:768px){.mod-dialog-inner{max-width:calc(100% - 30px);min-width:60%}}
.shade,.shade-product{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:200}.modal-realName{width:100%;height:100%;top:10px;overflow:hidden;position:fixed;-webkit-transform:scale(1);transform:scale(1);visibility:hidden;z-index:999}.modal-realName .iframe-realName{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-logRegister{width:100%;height:100%;top:0;overflow:hidden;position:fixed;-webkit-transform:scale(1);transform:scale(1);visibility:hidden;z-index:999}.modal-logRegister .iframe-logRegister{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-product{width:100%;height:100%;top:0;right:0;overflow:hidden;position:fixed;-webkit-transform:scale(1);transform:scale(1);visibility:hidden;z-index:999;-webkit-animation:mymove .3s ease-in-out;animation:mymove .3s ease-in-out}.modal-product .iframe-product{position:absolute;left:100%;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.opacity-fifty{opacity:.5}@-webkit-keyframes mymove{0%{left:960px}to{left:0}}@keyframes mymove{0%{left:960px}to{left:0}}.mod-dialog-body .free-test-dialog .dialog-content-title{font-size:14px;line-height:24px}.mod-dialog-body .free-test-dialog .dialog-info-inner{background:#f5f5f6;color:#575d6c;padding:0 10px;font-size:12px;line-height:34px}.mod-dialog-body .free-test-dialog .dialog-warn-inner{font-size:12px;line-height:18px;color:#c7000b}.mod-dialog .mod-dialog-inner{width:400px!important}.mod-dialog footer button{border-color:#c7000b!important;background:#c7000b!important;cursor:pointer!important;height:32px!important;font-size:12px!important;border-radius:2px!important;padding-left:24px!important;padding-right:24px!important;-webkit-transition:.2s!important;transition:.2s!important}.mod-dialog footer button:hover{background-color:#d64a52!important;border-color:#d64a52!important}.mod-dialog footer button.cancel{border:1px solid #252b3a!important;background:#fff!important;color:#252b3a!important}.mod-dialog footer button.cancel:hover{border-color:#c7000b!important;color:#c7000b!important;background-color:#fff!important}