html, body, p, div, span { padding: 0; margin: 0; border: 0; } #app { background: url('../images/initiation/banner1.png') no-repeat top center #EEE1FF; background-size: contain; max-width: 750px; margin: 0 auto; min-height: 100vh; overflow: hidden; } .banner, .banner img { width: 100%; font-size: 0; } .van-cell { flex-direction: column; font-size: 16px; padding: 14px 13px; } .van-field__label { width: 100%; margin-right: 0; color: #333; font-size: 16px; font-weight: 500; } .van-cell--required::before { left: 15px; } .van-field__body { margin-top: 10px; } .btn-submit { width: 90%; margin: 20px auto; } .system h2 { font-size: 18px; font-weight: 500; margin: 10px 24px; color: #444444; } .system .van-cell--required::before { left: 25px; } .cell-group { margin: 0 13px 12px; border-radius: 10px; padding-bottom: 20px; } .van-form { margin-top: 164px; background: linear-gradient(180deg, rgba(238, 225, 255, 0) 0%, #EEE1FF 100%); overflow: hidden; } .top-tips { margin: 30px 13px 20px; padding: 9px 7px; background: #FFFFFF; border-radius: 10px; border: 5px solid #BE93FF; font-size: 14px; font-weight: 500; color: #724DA9; line-height: 20px; } .title { text-shadow: 0px 2px 4px #649D66; position: absolute; font-size: 26px; line-height: 37px; color: #ffffff; top: 0; left: 24px; width: 57%; height: 154px; display: flex; justify-content: center; align-items: center; z-index: 1; } .radioSection { position: relative; } .radioItem { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } .radioSection+.radioSection { margin-left: 12px; } .van-picker__confirm { color: #9A64FF; } /* 弹窗 */ .submit-container { padding: 44px 26px 26px; position: relative; text-align: center; } .icon-close { position: absolute; width: 26px; height: 26px; top: 12px; right: 12px; } .submit-img { width: 134px; } .submit-tips { font-size: 14px; color: #777777; line-height: 20px; padding-top: 5px; padding-bottom: 20px; } .submit-container .van-button { font-size: 18px; font-weight: 500; }