.needpopup-opened,.needpopup-opened body{overflow:hidden}.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto}.needpopup-opened.needpopup-scrolled body{/* position:fixed;  */width:100%}




.needpopup_wrapper{position:fixed;z-index:999;top:0;left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:0 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background:#000;background:rgba(0,0,0,.8)}





.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}.needpopup-overflow .needpopup_wrapper{padding:10px}.needpopup{position:relative;z-index:9999;top:50%;left:50%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:900px;max-width:100%;margin-left:-450px;padding:30px;-webkit-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1);opacity:0;background:#fff}.needpopup.opened{-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1}.needpopup.stacked{top:0!important;margin-top:0!important}.needpopup-overflow .needpopup{left:0;width:auto;margin-left:0}


.needpopup_remover {position:absolute; z-index:9999; top:30px; left:50%;  font-size:40px; line-height:.5;  text-decoration:none; width:90%;  max-width:440px;  height:40px; transform: translate(-50%, 0);   }
.needpopup_remover:before{content:'×'; color:#fff; position:absolute; top:0; right:0; width:100%; display:inline-block; text-align:center; border-radius:50%; width:37px; height:37px;   line-height:37px; background-color:#fff; font-size:20px; color:#333

}


 
.needpopup .needpopup_remover:hover{color:#ccc}