*{ margin:0; padding:0; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; box-sizing: border-box; } html,body{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body{ background: #fff; font-size:14px; white-space:normal; word-break:break-all; } a{ background-color: transparent; text-decoration: none; color: #666; } a:active,a:hover{ outline: 0; } input,button{ outline:none; border:none; background:none; } li{ list-style: none; } img{ border: 0; outline: none; vertical-align: middle; } input{ outline: none; } /* input框 */ .keyboards{ margin:30px; } .keyboards input{ height:35px; border:solid 1px #ccc; padding:0 5px; width:calc(100% - 2px - 10px); margin-bottom:15px; border-radius: 20px; } /* 数字键盘 */ .keyboard{ padding:0; } .keyboard ul{ display: flex; flex-wrap: wrap; justify-content: center; padding-bottom:0.06rem; } .keyboard ul li{ width:10%; text-align: center; margin-top:0.09rem; font-size:14px; color:#000; } .keyboard ul li span{ background: #fff; width:0.3rem; height:0.35rem; line-height:0.35rem; border-radius: 4px; display: inline-block; } /* 省份简称 */ .province{ width: 100%; padding:0 0.15rem 0.2rem 0.15rem; position:fixed; left:0; right:0; bottom:0; background: #f2f2f2; } .keyboard{ width: 100%; padding:0.1rem 0; position:fixed; left:0; right:0; bottom:0; background: #f2f2f2; } .p-box{ display: flex; flex-wrap:wrap; } .province p{ width: calc(100% / 8); text-align: center; margin-top:0.2rem; font-size:15px; color:#333; } .province p span{ background: #fff; padding: 5px 8px; border-radius: 4px; }