.modal{display:none;position:fixed;z-index:999999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal.show{display:block;opacity:1;animation-name:modalFadeIn;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.2s}.modal .modal-content{background-color:#fefefe;margin:auto;padding:45px;border:1px solid #888;width:80%;max-width:640px;position:relative}.modal .modal-content .close{position:absolute;top:15px;right:15px;width:26px;height:26px;opacity:1;cursor:pointer}.modal .modal-content .close:hover{opacity:.4}.modal .modal-content .close:before,.modal .modal-content .close:after{position:absolute;left:10px;content:' ';height:26px;width:1px;background-color:#333}.modal .modal-content .close:before{transform:rotate(45deg)}.modal .modal-content .close:after{transform:rotate(-45deg)}@keyframes modalFadeIn{0%{opacity:0}100%{opacity:1}}