html, body { background: #f1f1f1; } #app { box-sizing: border-box; padding: 20px; } .form-item { display: flex; align-items: center; background: #fff; box-sizing: border-box; padding: .1rem; font-size: .13rem; border-bottom: 1px solid #f1f1f1; } .form-label { width: .5rem; } .form-input-block { flex: 1; } .form-input { width: 100%; height: .3rem; font-size: .13rem; box-sizing: border-box; padding: 0 .05rem; border: none; outline: none; } .subset { display: block; margin: .2rem auto; width: 100%; height: .4rem; background: #6FA1FB; color: #fff; border-radius: 5px; border: none; outline: none; } select { background: url('/Public/vip/images/templateB/right-arrow2.png') no-repeat right center; background-size: .2rem .2rem; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .BirthdayIcon { position: relative; } .BirthdayIcon:after { content: ''; display: block; width: .2rem; height: .2rem; background: url('/Public/vip/images/templateB/right-arrow2.png') no-repeat right center; background-size: 100% 100%; position: absolute; right: .1rem; } .el-input--prefix .el-input__inner { padding-left: 0; } .el-input__inner { border: none; padding: 0; line-height: .3rem; height: .3rem; } .el-message.tip { min-width: 100%; top: 0; }