.bootstrap-modal { position: fixed; top: 50%; left: 50%; z-index: 99999; height: 660px; margin-left: -211px; margin-top: -330px; -webkit-background-size: 100% 100%; background-size: 100% 100%; display: none; } .bootstrap-modal .close { position: absolute; left: 50%; bottom: -66px; width: 160px; height: 36px; margin-left: -80px; line-height: 34px; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 18px; font-size: 14px; } .bootstrap-modal .close:hover { background-color: #5468BE; border-color: #5468BE; } @media screen and (max-width: 768px) { .bootstrap-modal { width: 250px; height: 390px; margin-left: -125px; margin-top: -195px; } .bootstrap-modal .close { bottom: -50px; width: 100px; height: 28px; line-height: 26px; margin-left: -50px; } } .ios-modal { text-align: center; padding: 0; max-width: 950px; box-shadow: none; } .bootstrap-modal .share>*+* { margin-top: 15px; } .bootstrap-modal .share { background: #fff; padding: 20px 60px; border-radius: 10px; } .bootstrap-modal .share-title { font-size: 22px; color: #fff; text-align: center; font-weight: bold; color: #000; } .bootstrap-modal .share-paragraph { font-size: 14px; color: #000; text-align: center; margin-top: 15px; max-width: 550px; } .bootstrap-modal .btn-close { padding: 15px 40px; border-radius: 20px; background: #3F61FF; color: #fff; font-size: 14px; text-align: center; outline: none; border: none; text-decoration: none; transition: all 0.2s; margin-bottom: 5px; } @media screen and (max-width: 512px) { .bootstrap-modal .hide_mobile{ display:none; } .bootstrap-modal .share { padding: 20px 30px; } .bootstrap-modal .share-paragraph { text-align: left; } .bootstrap-modal .btn-close { margin-bottom: 4px; } } .bootstrap-modal .share>*+* { margin-top: 15px; } .bootstrap-modal .btn-close { padding: 15px 40px; border-radius: 20px; background: #3F61FF; color: #fff; font-size: 14px; text-align: center; outline: none; border: none; text-decoration: none; transition: all 0.2s; margin-bottom: 5px; } @media screen and (max-width: 512px){ .bootstrap-modal .btn-close { margin-bottom: 4px; } } .one-bg{ position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, .6);display: none; }