.popup{display:none;position:fixed;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:50;opacity:0;height:100%;background:rgba(0,0,0,0.7);-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transition:all .6s;cursor:pointer}.popup.show{display:block}.popup.active{opacity:1}.popup.active .box_popup{position:absolute;top:50%;left:50%;right:auto;bottom:auto;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popup .box_popup{position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:7.2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,0.7);-webkit-transform:translate(-50%,calc(-50% - 200 * .01rem));-moz-transform:translate(-50%,calc(-50% - 200 * .01rem));-o-transform:translate(-50%,calc(-50% - 200 * .01rem));-ms-transform:translate(-50%,calc(-50% - 200 * .01rem));transform:translate(-50%,calc(-50% - 200 * .01rem));-webkit-transition:transform .6s;-moz-transition:transform .6s;-o-transition:transform .6s;-ms-transition:transform .6s;transition:transform .6s;cursor:auto}.popup .box_popup .close{position:absolute;top:-1.46rem;left:0;right:0;bottom:auto;z-index:1;width:.5rem;height:.5rem;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(255,255,255,0.5);border-radius:50%;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;-ms-transition:opacity .6s;transition:opacity .6s;cursor:pointer}.popup .box_popup .close i{display:block;position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;width:.2rem;height:.2rem;margin:auto}.popup .box_popup .close i:before,.popup .box_popup .close i:after{content:'';display:block;position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;width:1px;height:100%;margin:auto;background:rgba(255,255,255,0.5)}.popup .box_popup .close i:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.popup .box_popup .close i:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.popup .box_popup .box_content{overflow:hidden;position:relative;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#video_popup .box_popup,#periphery_popup .box_popup{background:transparent}#video_popup .box_popup .close,#periphery_popup .box_popup .close{bottom:-0.86rem;width:.6rem;height:.6rem}#video_popup .box_popup .close:before,#periphery_popup .box_popup .close:before{content:'';display:block;position:absolute;top:auto;left:0;right:0;bottom:-0.86rem;width:1px;height:.86rem;margin:0 auto;background:rgba(255,255,255,0.5)}#video_popup .box_popup{overflow:initial;width:9.16rem;height:5.24rem}#video_popup .box_popup .box_content{overflow:initial;height:100%;padding:.12rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,0.39);border:.01rem solid rgba(255,255,255,0.4)}#video_popup .box_popup .box_content video{position:relative;width:100%;height:100%;background:#000}