html, body { background: #F1F3F3; font-size: 14px; } .box { width: 100%; height: auto; box-sizing: border-box; background: #F1F3F3; font-size: 14px; color: #666666; } .box>div{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #F1F3F3; display: flex; background-color: white; align-items: center; } .box>div>label{ width: 50px; margin-left: 4%; } .box>div>input{ width: 80%; height: 95%; font-size: 14px; margin-left: 20px; } .box-input{ width: calc(94% - 50px); height: 40px; position: relative; } .box-input>input{ width: 100%; height: 95%; font-size: 14px; margin-left: 20px; } .empty{ position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background-image: url(../images/del.png); background-repeat: no-repeat; background-size: 100% 100%; display: none; } .empty:active{ background-image: url(../images/del-1.png); } .box>div>select{ width: 80%; height: 30px; font-size: 14px; border: none; margin-left: 20px; } .box>button{ margin: 20px auto; margin-left: 25vw; width: 50vw; height: 40px; line-height: 40px; text-align: center; border-radius: 10px; font-size: 18px; background:#ff877e ; color: white; border: none; }