pay.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. }
  23. .item input,.item picker{
  24. display: inline-block;
  25. width: 70%;
  26. border: none;
  27. padding-left: 20px;
  28. vertical-align: middle;
  29. }
  30. .item image{
  31. position: absolute;
  32. right: 12px;
  33. width: 16px;
  34. top:20px;
  35. }
  36. .fee{
  37. border: none;
  38. }
  39. .item text{
  40. padding-left: 20px;
  41. position: relative;
  42. top: 1px;
  43. color: #333;
  44. }
  45. .fee text{
  46. float: right;
  47. color: #E85546;
  48. }
  49. .bottom{
  50. position: fixed;
  51. width: 100%;
  52. padding: 16px;
  53. background: #fff;
  54. z-index: 99;
  55. color: #222;
  56. font-size: 32rpx;
  57. left: 0;
  58. bottom: 0;
  59. }
  60. .bottom text{
  61. color: #E85546;
  62. margin-left: 12px;
  63. }
  64. .bottom view{
  65. width:100px;
  66. height:40px;
  67. background:rgba(232,85,70,1);
  68. border-radius:20px;
  69. position: absolute;
  70. top: 0;
  71. bottom: 0;
  72. right: 16px;
  73. margin: auto;
  74. color: #fff;
  75. text-align: center;
  76. line-height: 40px;
  77. font-size: 32rpx;
  78. }