view, text, image, form, button, input, textarea { margin: 0; padding: 0; box-sizing: border-box; font-family: PingFang SC, HYQiHei-FES, "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; font-weight: 400; line-height: 1.42857143; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; } button { border: none; outline: none; display: flex; justify-content: center; align-items: center; } input { outline: none; border: none; -webkit-appearance: none } button::after { border: none; } .customer-picker { height: 480rpx; padding: 0 40rpx; } .customer-picker .customer-picker_indicator { height: 96rpx; } .customer-picker .picker-list { line-height: 96rpx; text-align: center; font-size: 32rpx; color: rgba(0, 0, 0, 1); } .customer-picker .customer-picker_mask { color: rgba(51, 51, 51, 0.4); } button.customer-picker_footer[type='primary'] { width: 686rpx !important; height: 104rpx; border-radius: 24rpx; margin: 40rpx auto !important; padding: 0 !important; background-color: rgba(74, 106, 150, 1); color: rgba(255, 255, 255, 1); font-size: 32rpx; font-weight: 500; } button.customer-picker_footer[disabled] { color: #FFF; background-color: #DDDDDD; } .customer-van-popup .close-icon { position: absolute; z-index: 1; padding: 40rpx 24rpx; } .customer-van-popup .close-icon .image { display: block; width: 48rpx; height: 48rpx; } .customer-van-popup .title { height: 122rpx; padding-top: 48rpx; color: rgba(0, 0, 0, 1); font-size: 32rpx; font-weight: 500; text-align: center; } .agreement-wrap { display: flex; align-items: center; margin-top: 57rpx; } .agreement-wrap .text-wrap { display: flex; flex-flow: row wrap; } .agreement-wrap .text-wrap text { font-size: 24rpx; line-height: 30rpx; } .customer-van-model { width: 560rpx; border-radius: 24rpx; overflow: hidden; } .customer-van-model_body { display: flex; flex-direction: column; align-items: center; padding: 48rpx 0; } .customer-van-model_body .content { width: 480rpx; color: #333333; font-size: 32rpx; line-height: 48rpx; text-align: center; word-break: break-all; word-wrap: break-word; } .customer-van-model_body .content.cancel-order { display: flex; flex-flow: row wrap; justify-content: center; } .customer-van-model_body .content.cancel-order text { color: #333333; font-size: 32rpx; line-height: 48rpx; } .customer-van-model_footer { display: flex; align-items: center; border-top: 1rpx solid #EEEEEE; } .customer-van-model_footer button[type="default"].customer-van-model_cancel { position: relative; left: 0; top: 0; width: 50%; height: 104rpx; color: #666666; font-size: 32rpx; line-height: 48rpx; background: transparent; } .customer-van-model_footer button[type="default"].customer-van-model_cancel:after { position: absolute; right: 0; top: 0; bottom: 0; content: ''; border-right: 1rpx solid #EEEEEE; } .customer-van-model_footer button[type="primary"].customer-van-model_confirm { width: 50%; height: 104rpx; color: #4A6A96; font-size: 32rpx; font-weight: 500; line-height: 48rpx; background: transparent; } .customer-van-model_footer button[type="warn"].customer-van-model_confirm { width: 50%; height: 104rpx; color: #DC4F3F; font-size: 32rpx; font-weight: 500; line-height: 48rpx; background: transparent; } .list-bitmap { display: flex; flex-direction: column; align-items: center; padding-top: 320rpx; } .list-bitmap image { width: 400rpx; height: 400rpx; } .list-bitmap text { margin-top: 8rpx; color: rgba(102, 102, 102, 1); font-size: 28rpx; line-height: 34rpx; } view.footer-fixed-bottom { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; background: rgba(255, 255, 255, 1); box-shadow: 0 -16px 15px 0 rgba(237, 237, 237, 0.25); } view.footer-fixed-bottom > view { display: flex; justify-content: center; align-items: center; padding: 24rpx 0 24rpx 0; } view.footer-fixed-bottom:after { display: block; content: ''; width: 100%; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } view.footer-fixed-bottom button { width: 690rpx; height: 104rpx; border-radius: 24rpx; font-size: 32rpx; font-weight: 500; color: rgba(255, 255, 255, 1); } view.footer-fixed-bottom button[type='primary'] { background-color: #4A6A96; } view.footer-fixed-bottom button[type='default'] { background-color: #DDDDDD; } .van-picker-column__item { line-height: inherit; } .customer-van-popup-diff-price-body { width: 690rpx; margin: 0 auto; } .customer-van-popup-diff-price .alert { width: 100%; padding: 16rpx 0; border-radius: 16rpx; background: rgba(254, 248, 236, 1); } .customer-van-popup-diff-price .alert view { width: 630rpx; margin: 0 auto; color: rgba(198, 150, 76, 1); font-size: 26rpx; line-height: 36rpx; } .customer-van-popup-diff-price .amount { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 48rpx; margin-top: 48rpx; border-bottom: 1px solid #EEEEEE; } .customer-van-popup-diff-price .amount .label view:nth-of-type(1) { color: rgba(51, 51, 51, 1); font-size: 30rpx; line-height: 36rpx; } .customer-van-popup-diff-price .amount .label view:nth-of-type(2) { margin-top: 8rpx; color: rgba(153, 153, 153, 1); font-size: 24rpx; line-height: 30rpx; text-align: center; } .customer-van-popup-diff-price .amount .value { color: rgba(253, 102, 0, 1); font-size: 30rpx; line-height: 36rpx; } .customer-van-popup-diff-price .diff-price { display: flex; align-items: flex-end; justify-content: center; margin-top: 48rpx; color: rgba(0, 0, 0, 1); } .customer-van-popup-diff-price .diff-price .label { padding-bottom: 12rpx; margin-right: 8rpx; font-size: 48rpx; font-weight: 500; } .customer-van-popup-diff-price .diff-price .value { font-size: 80rpx; font-weight: 500; } .customer-van-popup-diff-price .diff-price-text { color: rgba(0, 0, 0, 1); font-size: 26rpx; text-align: center; } .customer-van-popup-diff-price .wechat { display: flex; align-items: center; justify-content: space-between; padding-top: 72rpx; padding-bottom: 32rpx; } .customer-van-popup-diff-price .wechat .name { display: flex; align-items: center; } .customer-van-popup-diff-price .wechat .logo { width: 48rpx; height: 48rpx; } .customer-van-popup-diff-price .wechat .logo + text { margin-left: 16rpx; color: rgba(51, 51, 51, 1); font-size: 32rpx; font-weight: Medium; line-height: 40rpx; } .customer-van-popup-diff-price .wechat .checked { width: 32rpx; height: 32rpx; }