html, body { background: #F1F3F3; font-size: 14px; } .input1{ padding-left: 15px; width: calc(100% - 15px); font-size: 14px; background: white; height: 40px; border-radius: 5px; } .inp17 { margin-top: 1px; height: 40px; font-size: 14px; border-radius: 5px; padding-left: 15px; } .box>div:nth-child(2) { width: 100%; background: white; margin-top: 1px; } .box>div>input { width: 70%; } .getcode,.recode{ white-space: nowrap; font-size: 14px; position: absolute; right: 10px; top: 6.5px; padding: 3px 4px; border: 1px solid #ff877e; background: white; border-radius: 5px; color: #ff877e; } .recode{ display: none; } .bottom{ width: 100%; height: 40px; margin-top: 50px; display: flex; justify-content: center; } .bottom>button{ width: 30%; height: 40px; font-size: 16px; border-radius: 10px; background: white; border: none; color: #ff877e; margin: 0 10px; } .bottom>button:nth-of-type(2){ color: white; background: #ff877e; }