// 地址弹窗 [data-skip="default"] { .address-form__item { width: 250px; } .address-form__submit { width: 120px; height: 34px; margin: 8px auto 0; border-style: none; border-radius: 17px; color: rgba(255, 255, 255, 1); background-color: rgba(82, 92, 101, 0.3); &[data-status="do"] { background-color: #0099FF; } } } [data-skip="year"] { .address-form__title { margin: 10px 0 0; font-size: 18px; color: #111; text-align: center; line-height: 1; } .address-form__subtitle { margin: 0 15px; } .address-form__item { width: 270px; margin: 0 15px 10px; } .address-form__ipt { border-radius: 3px; } .address-form__submit { width: 270px; height: 44px; margin: 15px auto 0; border: 1px solid #090909; border-radius: 5px; color: #090909; background-color: #FFE319; } } .address-form__desc { // width: 238px; margin: 16px auto 15px; font-size: 12px; color: #999; } .address-form__item { position: relative; width: 250px; margin: 0 auto 16px; } .address-form__ipt { display: block; width: 100%; height: 40px; border: 1px solid rgba(221, 221, 221, 1); font-size: 14px; font-weight: 400; color: rgba(153, 153, 153, 1); text-indent: 10px; } .address-form__tip { position: absolute; bottom: -14px; width: 100%; font-size: 12px; color: #ff0000; line-height: 14px; } .address-form__submit { display: block; font-size: 15px; font-weight: 500; cursor: pointer; outline: none; }