.cabinet-bottom{ position: fixed; bottom: 1rpx; height: 266rpx; background: #FFFFFF; width: 100%; } .guide-view{ height: 80rpx; background: #E7F2FF; padding-left: 32rpx; } .battery-img{ width: 48rpx; height: 48rpx; } .guide-text{ font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 28rpx; color: #0074FF; margin-left:8rpx ; } .arrow-img{ width: 28rpx; height: 28rpx; } .scan-btn-view{ display: flex; justify-content: center; align-items: center; padding: 32rpx; width: 100%; height: 148rpx; position: relative; } .scan-btn{ height: 80rpx; display: flex; flex: 1; background: #0074FF; border-radius: 40rpx; font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 32rpx; color: #FFFFFF; justify-content: center; align-items: center; } .free-num-view{ position: absolute; right: 32rpx; top: 14rpx; background: #FF571A; border-radius: 16rpx 0rpx 16rpx 0rpx; font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 24rpx; color: #FFFFFF; padding: 8rpx 24rpx 10rpx 24rpx; display: flex; justify-content: center; align-items: center; } .free-num{ font-family: DIN; font-weight: 500; font-size: 28rpx; margin: 0 3rpx; } /* 蓝牙弹窗 */ .modal-group { width: 100%; height: 100vh; background-color: rgba(27, 27, 27, 0.7); z-index: 9999; position: fixed; top: 0; } .def-alert { width: 568rpx; background-color: #fff; margin: 60% auto; box-shadow: 2rpx 4rpx 10rpx rgba(0, 0, 0, 0.2); border-radius: 16rpx; } .alert-title { font-size: 16px; text-align: center; padding: 48rpx 20rpx 0 20rpx; font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 32rpx; color: rgba(0,0,0,0.85); } .alert-content { padding: 20rpx 0 48rpx 0; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #666666; text-align: center; } .alert-footer { border-top: solid 2rpx #e9e9e9; } .alert-btn { width: 100%; text-align: center; padding: 32rpx 0; font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 32rpx; color: #0074FF; line-height: 36rpx; text-align: center; } /* 开启蓝牙换电弹窗 */ .def-alert-bluetooth { width: 568rpx; background-color: #fff; margin: 40% auto; box-shadow: 2rpx 4rpx 10rpx rgba(0, 0, 0, 0.2); border-radius: 16rpx; } .close-view{ justify-content: flex-end; padding: 40rpx; } .close-icon{ width: 32rpx; height: 32rpx; } .bluetooth-view{ justify-content: center; margin-bottom: 48rpx; } .bluetooth-icon{ width: 240rpx; height: 240rpx; } .need-bluetooth-text{ width: 100%; text-align: center; font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 40rpx; color: #2A3A5A; margin-bottom: 32rpx; } .need-bluetooth-tip{ width: 100%; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #5E6F90; text-align: center; margin-bottom: 48rpx; } .bluetooth-connect-view{ padding:0 48rpx 48rpx 48rpx; } .bluetooth-connect-btn{ font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 32rpx; color: #FFFFFF; line-height: 80rpx; text-align: center; height: 80rpx; background: #0074FF; border-radius: 40rpx; } .payment-info-main { background-color: #ffffff; position: fixed; width: 100%; bottom: 0; border-top-left-radius: 32rpx; /* 左上角圆角 */ border-top-right-radius: 32rpx; /* 右上角圆角 */ } .payment-info-top{ padding: 80rpx 32rpx 32rpx 32rpx; justify-content: center; position: relative; } .check-icon{ width: 88rpx; height: 88rpx; } .fee-rules-top{ padding: 32rpx 32rpx 32rpx 32rpx; justify-content: center; position: relative; font-size: 32rpx; color: #5E6F90; } .fee-rules-close{ position: absolute; right: 30rpx; top: 30rpx; } .pay-money-text{ margin-bottom: 16rpx; } .pay-money{ font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 64rpx; color: #2A3A5A; } .fee-rules-main{ background-color: #ffffff; position: fixed; width: 100%; bottom: 0; border-top-left-radius: 32rpx; /* 左上角圆角 */ border-top-right-radius: 32rpx; padding: 0 32rpx; } .fee-rules-icon{ width: 40rpx; height: 40rpx; } .fee-rules-view{ height: 156rpx; background: #EEF6FF; border-radius: 16rpx; padding: 36rpx 24rpx 32rpx 24rpx; margin-bottom: 48rpx; } .fee-rules-title{ margin-right: 16rpx; font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 32rpx; color: #2A3A5A; } .fee-rules-money-view{ font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 32rpx; color: #2A3A5A; margin-bottom: 20rpx; display: flex; align-items: center; } .fee-rules-money{ font-family: DIN; font-weight: 500; font-size: 36rpx; color: #0074FF; } .open-result-tip{ width: 100%; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #828DA2; text-align: justify; } .over-btn-view{ display: flex; justify-content: center; align-items: center; padding:0 0 32rpx 0; width: 100%; height: 136rpx; position: relative; } .over-btn{ height: 80rpx; display: flex; flex: 1; background: #0074FF; border-radius: 40rpx; font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 32rpx; color: #FFFFFF; justify-content: center; align-items: center; } .pay-icon{ width: 40rpx; height: 40rpx; } .pay-view{ margin-bottom: 52rpx; } .pay-view-text{ flex: 1; margin-left: 24rpx; } .wx-pay-icon{ width: 32rpx; height: 32rpx; }