pay.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /* pages/pay/pay.wxss */
  2. page{
  3. background: #F4F7F9;
  4. }
  5. form{
  6. margin-top: 12px;
  7. display: block;
  8. padding-bottom: 70px;
  9. }
  10. .item{
  11. border-bottom: 1px solid #F2F3F4;
  12. padding: 15px;
  13. position: relative;
  14. background: #fff;
  15. }
  16. .item label{
  17. color: #222;
  18. display: inline-block;
  19. width: 60px;
  20. vertical-align: middle;
  21. text-align: right;
  22. font-weight: 600;
  23. }
  24. .item input,.item picker{
  25. display: inline-block;
  26. width: 70%;
  27. border: none;
  28. padding-left: 20px;
  29. vertical-align: middle;
  30. }
  31. .item image{
  32. position: absolute;
  33. right: 12px;
  34. width: 16px;
  35. top:20px;
  36. }
  37. .fee{
  38. border: none;
  39. }
  40. .item text{
  41. padding-left: 20px;
  42. position: relative;
  43. top: 1px;
  44. color: #333;
  45. }
  46. .fee text{
  47. float: right;
  48. color: #E85546;
  49. font-weight: 600;
  50. }
  51. .bottom{
  52. position: fixed;
  53. width: 100%;
  54. padding: 16px;
  55. background: #fff;
  56. z-index: 99;
  57. color: #222;
  58. font-size: 32rpx;
  59. left: 0;
  60. bottom: 0;
  61. }
  62. .bottom text{
  63. color: #E85546;
  64. margin-left: 12px;
  65. font-weight: 600;
  66. }
  67. .bottom button{
  68. width:100px !important;
  69. height:40px;
  70. background:rgba(232,85,70,1);
  71. border-radius:20px;
  72. position: absolute;
  73. top: 0;
  74. bottom: 0;
  75. right: 16px;
  76. margin: auto;
  77. color: #fff;
  78. text-align: center;
  79. line-height: 40px;
  80. font-size: 32rpx;
  81. padding: 0;
  82. }