.p_body,.popup{position:fixed;z-index:99999}.popup{top:50%;left:50%;width:66vw;height:auto;background:#fff;border-radius:5px;-moz-box-shadow:4px 4px 30px #130507;-webkit-box-shadow:4px 4px 30px #130507;box-shadow:4px 4px 30px #130507;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.p_body{top:0;left:0;width:100%;height:100%;background:#000;opacity:.9;-moz-transition:opacity .8s;-o-transition:opacity .8s;-webkit-transition:opacity .8s;transition:opacity .8s}.popup__header{padding:10px 20px}.p_content{text-align:justify;font-size:14px;padding:20px}.popup__footer{padding:10px 20px;text-align:center}.p_close{position:absolute;top:4px;right:36px;width:16px;height:12px;padding:15px 11px 0 0}.p_close span{display:block;width:44px;height:5px;background:#000;position:relative;top:14px;left:-18px}.p_close span:first-child{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.p_close span:last-child{margin:-5px 0 0;-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.js__slide_top{height:0;overflow:hidden;top:0;right:0;bottom:0;left:0}.js__fadeout{height:0;overflow:hidden;opacity:0}@media screen and (max-width :768px){.popup{width:94%}.js__slide_top{height:0;overflow:hidden;top:0;right:0;bottom:0;left:0}}@media (min-width:20px) and (max-width:480px){.p_close span{display:block;width:30px;height:5px;background:#000;position:relative;top:6px;left:11px}}