.jump-interface { width: 100%; height: 100%; background: #fff; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; /*display: none;*/ transition: all .2s linear; font-size: 16px; /*transform: scale(2);*/ /*-webkit-overflow-scroll: touch!important;*/ } .jump-interface ul { list-style: none; margin: 0; padding: 0; } .jump-interface li { text-align: center; background: transparent; } .jump-box { width: 80%; height: 100%; margin: 10px auto; } .jump-box li { margin-bottom: 10px; height: 30px; } .jump-box .tip { font-weight: bold; font-size: 20px; } .jump-box .jumpNumber{ width: 100px; height: 30px; font-size: 16px; border: 1px solid #000; border-radius: 5px; } .jump-save-box{ width: 60%; height: 40px; font-size: 16px; margin-top: 100px; margin-left: 20%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .jump-save-box .jump{ width: 30%; height: 40px; font-size: 16px; background: #fff; color: #558df3; outline: none; border: 1px solid #F1F1F2; } .jump-save-box .cancel{ width: 30%; height: 40px; font-size: 16px; background: #fff; outline: none; border: 1px solid #F1F1F2; } #coolInputPanel { background: #fff !important; } .page { position: fixed; left: 50%; margin-left: -130px; width: 260px; bottom: 20px; /*transform: scale(1);*/ } .page ul { display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 0; } .page li { float: left; background: transparent; } .page img{ opacity: .7; } #prev_btn, #next_btn { background: transparent; margin: 0; } /*#coolInputPanel {*/ /* height: 400px !important;*/ /* background: #fff !important;*/ /*}*/ /*#coolInputPanel > div {*/ /* height: 80px !important;*/ /* line-height: 80px !important;*/ /* font-size: 40px !important;*/ /*}*/