.pep-video-booth{background-position:50%;background-repeat:no-repeat;background-size:cover}.pep-video-booth ::-webkit-scrollbar-track{background-color:transparent}.pep-video-booth .por-section[data-bg=lightBlue]{background-color:#d5e2f4}.pep-video-booth .por-section[data-bg=blue]{background-color:#252b3a;background-image:none}.pep-video-booth .por-section-body[data-arrange-type=video-nodetail] .video-box.video-right-box{display:none}.pep-video-booth .por-section-body{height:504px}.pep-video-booth .por-section-body .video-left-box{width:896px;height:100%;position:relative}.pep-video-booth .por-section-body video.mb{display:none}.pep-video-booth .por-section-body .por-player-btn{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.pep-video-booth .por-section-body .por-player-btn.mb{display:none}.pep-video-booth .por-section-body .video-right-box{width:calc(100% - 912px);height:100%;margin-left:16px;background:#fff;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.1);box-shadow:0 6px 12px 0 rgba(0,0,0,.1);padding:24px 0 24px 24px;position:relative}.pep-video-booth .por-section-body .video-inner-box{height:100%;padding-right:16px;overflow-y:auto}.pep-video-booth .por-section-body .video-right-box .video-btn-container{float:left;width:100%;min-width:240px;margin-top:24px;font-size:0}.pep-video-booth .por-section-body .video-right-box .video-btn-container .por-btn+.por-btn{margin-left:16px}.pep-video-booth .por-section-body .main-detail,.pep-video-booth .por-section-body .por-col-8,.pep-video-booth .por-section-body .video-right-box .video-btn-container{min-width:240px}.pep-video-booth .por-section-body .main-detail .por-text-title-t7{font-weight:400;margin-top:8px}.pep-video-booth .por-section-body .por-col-8{margin-top:24px}.pep-video-booth .por-section-body .por-col-8 .title{font-size:12px;font-weight:600;color:#252b3a;line-height:18px}.pep-video-booth .por-section-body .por-col-8 .detail{font-size:12px;font-weight:400;color:#252b3a;line-height:18px;margin-top:8px}.pep-video-booth .por-section-body .vedio-section .detail{position:relative}.pep-video-booth .por-section-body .vedio-section .por-player{height:135px}.pep-video-booth .por-section-body .vedio-section .img img{vertical-align:top}.pep-video-booth .por-section-body .vedio-section .img .mb{display:none}.pep-video-booth .por-section-body .spread{position:absolute;top:50%;right:-14px;margin-top:-40px;width:14px;display:block;height:80px;background:rgba(0,0,0,.3);border-top-right-radius:8px;border-bottom-right-radius:8px;cursor:pointer}.pep-video-booth .por-section-body .spread:hover{background-color:#333!important}.pep-video-booth .por-section-body .spread:hover:after{border-left-color:#333!important}.pep-video-booth .por-section-body .spread .por-icon{position:absolute;left:0;top:33px;color:#fff}.pep-video-booth .por-section-body .retract{position:absolute;top:50%;right:-14px;margin-top:-40px;width:14px;display:none;height:80px;background:rgba(0,0,0,.3);border-top-right-radius:8px;border-bottom-right-radius:8px;cursor:pointer}.pep-video-booth .por-section-body .retract:hover{background-color:#333!important}.pep-video-booth .por-section-body .retract:hover:after{border-right-color:#333!important}.pep-video-booth .por-section-body .retract .por-icon{position:absolute;left:0;top:33px;color:#fff}.pep-video-booth .por-section-body .por-player{width:100%;height:100%;background-color:transparent}.pep-video-booth .por-section-body[data-arrange-type=video-center] .por-player:before,.pep-video-booth .por-section-body[data-display-type=opened] .por-player:before{padding-top:0}@media (min-width:1280px){.pep-video-booth .por-section-body[data-arrange-type=video-left] .video-box{float:left}.pep-video-booth .por-section-body[data-arrange-type=video-right] .video-box{float:right}.pep-video-booth .por-section-body[data-arrange-type=video-right] .video-box.video-right-box{margin-left:0;margin-right:16px}.pep-video-booth .por-section-body[data-arrange-type=video-right] .video-box .spread{left:-12px;border-radius:8px 0 0 8px}.pep-video-booth .por-section-body[data-arrange-type=video-right] .video-box .spread:hover:after{border-right-color:#333!important}.pep-video-booth .por-section-body[data-arrange-type=video-right] .video-box .retract{left:-12px;border-radius:8px 0 0 8px}.pep-video-booth .por-section-body[data-arrange-type=video-right] .video-box .retract:hover:after{border-left-color:#333!important}.pep-video-booth .por-section-body[data-arrange-type=video-left] .por-row,.pep-video-booth .por-section-body[data-arrange-type=video-right] .por-row{display:block}.pep-video-booth .por-section-body[data-arrange-type=video-left] .por-col-8,.pep-video-booth .por-section-body[data-arrange-type=video-right] .por-col-8{max-width:100%}.pep-video-booth .por-section-body[data-arrange-type=video-nodetail] .video-box.video-left-box{margin-left:calc(50% - 448px)}.pep-video-booth .por-section-body[data-arrange-type=video-center],.pep-video-booth .por-section-body[data-arrange-type=video-center] video,.pep-video-booth .por-section-body[data-display-type=opened],.pep-video-booth .por-section-body[data-display-type=opened] video{height:auto}.pep-video-booth .por-section-body[data-arrange-type=video-center] .video-left-box,.pep-video-booth .por-section-body[data-display-type=opened] .video-left-box{width:100%}.pep-video-booth .por-section-body[data-arrange-type=video-center] .video-box.video-left-box,.pep-video-booth .por-section-body[data-display-type=opened] .video-box.video-left-box{margin-left:0}.pep-video-booth .por-section-body[data-arrange-type=video-center] .video-left-box video,.pep-video-booth .por-section-body[data-display-type=opened] .video-left-box video{position:static}.pep-video-booth .por-section-body[data-arrange-type=video-center] .video-inner-box,.pep-video-booth .por-section-body[data-display-type=opened] .video-inner-box{overflow-y:visible}.pep-video-booth .por-section-body[data-arrange-type=video-center] .video-right-box,.pep-video-booth .por-section-body[data-display-type=opened] .video-right-box{width:100%;margin-left:0;margin-top:18px}.pep-video-booth .por-section-body[data-arrange-type=video-center] .spread,.pep-video-booth .por-section-body[data-display-type=opened] .video-right-box{display:none}}@media (max-width:1279px){.pep-video-booth .por-section-body[data-display-type=retracted] .por-player:before{padding-top:0}.pep-video-booth .por-section-body .spread{display:none}.pep-video-booth .por-section-body{height:auto}.pep-video-booth .por-section-body .por-col-8 .title{font-size:14px}.pep-video-booth .por-section-body .video-left-box{width:100%}.pep-video-booth .por-section-body .video-left-box video{position:static}.pep-video-booth .por-section-body .video-right-box{width:100%;margin-left:0;margin-top:18px}.pep-video-booth .por-section-body .video-inner-box{overflow-y:visible}.pep-video-booth .por-row{margin-left:-25px;margin-right:-25px}.pep-video-booth .por-col-8{padding-left:25px;padding-right:25px}}@media (max-width:979px){.pep-video-booth .por-text-title-t5{font-size:16px}.pep-video-booth .por-section-body video.pc{display:none}.pep-video-booth .por-section-body video.mb{display:inline-block}.pep-video-booth .por-section-body .por-player-btn.pc{display:none}.pep-video-booth .por-section-body .por-player-btn.mb{display:block}.pep-video-booth .por-section-body .spread{display:none!important}.pep-video-booth .por-section-body .detail-container{margin-left:0}.pep-video-booth .por-section-body .video-right-box{padding:24px 0 24px 15px;margin-top:8px}.pep-video-booth .por-row{display:block}.pep-video-booth .por-col-8{max-width:100%}.pep-video-booth .por-section-body .vedio-section .por-player{height:144px}.pep-video-booth .por-section-body .vedio-section .img .pc{display:none}.pep-video-booth .por-section-body .vedio-section .img .mb{display:block}}
.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-video-booth/1.0.14/_/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}