123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- .swiper-wrap{
- display: flex;
- flex-direction: column;
- height: calc(100vh - var(--window-top));
- width: 100%;
- .swiper-box {
- flex: 1;
- }
- }
- .page-box{
- margin: 25rpx 40rpx;
- .pay{
- overflow: hidden;
- margin-bottom: 20rpx;
- background-color: #fff;
- border-radius: 15rpx;
- .pay-top{
- margin-bottom: 20rpx;
- padding: 25rpx 40rpx;
- border-bottom: 1px solid #DFDFDF;
- .car{
- font-size: 32rpx;
- font-weight: 600;
- color: #3A3A3A;
- line-height: 45rpx;
- letter-spacing: 1px
- }
- .addr{
- color: #858585;
- font-size: 26rpx;
- line-height: 37rpx;
- }
- .pay-top-right{
- padding: 0 15rpx;
- height: 50rpx;
- line-height: 48rpx;
- border-radius: 5rpx;
- border: 1px solid #FA6400;
- color: #FA6400;
- }
- }
- .pay-center{
- padding: 0 40rpx 25rpx;
- border-bottom: 1px solid #DFDFDF;
- .pay-center-item{
- margin-bottom: 9rpx;
- font-size: 26rpx;
- font-weight: 400;
- color: #595959;
- line-height: 37rpx;
- letter-spacing: 1px;
- }
- }
- .u-cell_title{
- color: "#008CFF" ;
- }
- }
- }
- .bottom{
- background-color: #FFFFFF;
- height: 240rpx;
- width: 100%;
- position: fixed;
- z-index: 1000;
- bottom: 40rpx;
- }
- .bottom-total{
- font-size: 32rpx;
- border-radius: 6rpx;
- width: 710rpx;
- text-align: center;
- padding-top: 16rpx;
- background-color: #E4F3FF;
- height: 72rpx;
- margin: 60rpx 20rpx;
- .total{
- color: #3397FA;
- }
- }
- .button-wrap{
- height: 120rpx;
- .button{
- position: fixed;
- left: 20rpx;
- bottom: 40rpx;
- right: 20rpx;
- z-index: 999;
- }
- }
- .pay-tips {
- width: calc(100% - 34rpx);
- margin: 23rpx auto;
- border-top: solid 1px #979797;
- padding: 38rpx 0;
- color: #5F5F5F;
- text {
- color: #3397FA;
- padding: 0 10rpx;
- }
- }
- .pay-way {
- display: flex;
- justify-content: space-between;
- width: calc(100% - 34rpx);
- border-top: solid 1px #979797;
- margin: 23rpx auto;
- padding: 38rpx 86rpx;
- .pay-way-item {
- text-align: center;
- font-size: 30rpx;
- color: #5F5F5F;
- image {
- width: 143rpx;
- height: 143rpx;
- }
- }
- }
- .pay-way-close-btn {
- width: calc(100% - 34rpx);
- margin: 0 auto 68rpx;
- border: none;
- background-color: #3397FA;
- color: #fff;
- border-radius: 10rpx;
- }
|