.pop-web-push{width:360px;padding:30px 15px;margin-left:-180px;position:fixed;top:-520px;left:50%;background:#fff;z-index:99999;-webkit-box-shadow:0 5px 8px 0 rgb(50 50 50/30%);-moz-box-shadow:0 5px 8px 0 rgb(50 50 50/30%);box-shadow:0 5px 8px 0 rgb(50 50 50/30%);color:#000;transition:all .5s cubic-bezier(.8,-.57,.2,1.6);-webkit-border-radius:4px;-webkit-border-top-left-radius:0;-moz-border-radius:4px;-moz-border-radius-topleft:0;border-radius:4px;border-top-left-radius:0}.pop-web-push .logo{width:80px;float:left;margin:0 7px 7px 0}@media(min-width:576px){.pop-web-push{width:410px;margin-left:-205px}}.pop-web-push.active{top:0}.pop-web-push .title{font-size:15px;width:100%;margin-bottom:10px}.pop-web-push .wrap-pop-select{width:100%;margin:4px}.pop-web-push .wrap-pop-select span{padding:0 8px;cursor:pointer;font-size:15px}.pop-web-push .wrap-webpush-topics .wrap-pop-select{width:auto}.pop-web-push p{display:block;font-size:13px;margin:5px 0 10px}.pop-web-push .webpush-pop-alert{display:none;color:red;font-size:15px;margin:10px auto}.pop-web-push p small{margin-top:-2px;display:block}.pop-web-push .btn-close,.pop-web-push .btn-success{padding:15px 25px;border:0;cursor:pointer;float:right}.pop-web-push .btn-close{background:0 0;color:#0075ff}.pop-web-push .btn-success{background:#0075ff;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.wrap-webpush-topics{width:0;height:0;opacity:0;display:block;overflow:hidden}.wrap-webpush-topics.active{width:auto;height:auto;opacity:1;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.wrap-webpush-topics label{display:none}.wrap-webpush-topics.active label{display:inline-block}