payLists.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .swiper-wrap{
  2. display: flex;
  3. flex-direction: column;
  4. height: calc(100vh - var(--window-top));
  5. width: 100%;
  6. .swiper-box {
  7. flex: 1;
  8. }
  9. }
  10. .page-box{
  11. margin: 25rpx 40rpx;
  12. .pay{
  13. overflow: hidden;
  14. margin-bottom: 20rpx;
  15. background-color: #fff;
  16. border-radius: 15rpx;
  17. .pay-top{
  18. margin-bottom: 20rpx;
  19. padding: 25rpx 40rpx;
  20. border-bottom: 1px solid #DFDFDF;
  21. .car{
  22. font-size: 32rpx;
  23. font-weight: 600;
  24. color: #3A3A3A;
  25. line-height: 45rpx;
  26. letter-spacing: 1px
  27. }
  28. .addr{
  29. color: #858585;
  30. font-size: 26rpx;
  31. line-height: 37rpx;
  32. }
  33. .pay-top-right{
  34. padding: 0 15rpx;
  35. height: 50rpx;
  36. line-height: 48rpx;
  37. border-radius: 5rpx;
  38. border: 1px solid #FA6400;
  39. color: #FA6400;
  40. }
  41. }
  42. .pay-center{
  43. padding: 0 40rpx 25rpx;
  44. border-bottom: 1px solid #DFDFDF;
  45. .pay-center-item{
  46. margin-bottom: 9rpx;
  47. font-size: 26rpx;
  48. font-weight: 400;
  49. color: #595959;
  50. line-height: 37rpx;
  51. letter-spacing: 1px;
  52. }
  53. }
  54. .u-cell_title{
  55. color: "#008CFF" ;
  56. }
  57. }
  58. }
  59. .button{
  60. position: fixed;
  61. left: 20rpx;
  62. bottom: 40rpx;
  63. right: 20rpx;
  64. }