recharge.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. height: 100%;
  13. }
  14. .content {
  15. padding-top: 25rpx;
  16. }
  17. .add-btn {
  18. background-color: #6786FB;
  19. color: #FFFFFF;
  20. width: 70%;
  21. margin: 50rpx auto;
  22. margin-top: 80rpx;
  23. font-size: 32rpx;
  24. border-radius: 40rpx;
  25. }
  26. .row-box {
  27. padding: 20rpx 30rpx;
  28. background: #fff;
  29. }
  30. .row-box .title {
  31. font-size: 30rpx;
  32. color: #303133;
  33. }
  34. .row-box .row {
  35. display: -webkit-box;
  36. display: -webkit-flex;
  37. display: flex;
  38. -webkit-box-align: center;
  39. -webkit-align-items: center;
  40. align-items: center;
  41. position: relative;
  42. height: 80rpx;
  43. }
  44. .row-box .row .tit {
  45. -webkit-flex-shrink: 0;
  46. flex-shrink: 0;
  47. width: 40rpx;
  48. font-size: 30rpx;
  49. color: #303133;
  50. }
  51. .row-box .row .input {
  52. -webkit-box-flex: 1;
  53. -webkit-flex: 1;
  54. flex: 1;
  55. font-size: 30rpx;
  56. color: #303133;
  57. }
  58. .row-box .row .iconlocation {
  59. font-size: 36rpx;
  60. color: #909399;
  61. }
  62. .row-box .row .buttom {
  63. color: #6786FB;
  64. font-size: 28rpx;
  65. }
  66. .list {
  67. padding-left: 30rpx;
  68. margin-top: 30rpx;
  69. background-color: #ffffff;
  70. }
  71. .list .box {
  72. display: -webkit-box;
  73. display: -webkit-flex;
  74. display: flex;
  75. -webkit-box-align: center;
  76. -webkit-align-items: center;
  77. align-items: center;
  78. width: 100%;
  79. height: 120rpx;
  80. border-bottom: 1px solid #ebeef5;
  81. }
  82. .list .box .icon {
  83. font-size: 48rpx;
  84. padding-right: 20rpx;
  85. }
  86. .list .box .iconweixin1 {
  87. color: #18bf16;
  88. }
  89. .list .box .iconzhifubao {
  90. color: #08aaec;
  91. }
  92. .list .box .title-box {
  93. -webkit-box-flex: 1;
  94. -webkit-flex-grow: 1;
  95. flex-grow: 1;
  96. text-align: left;
  97. }
  98. .list .box .title-box .title {
  99. font-size: 30rpx;
  100. color: #606266;
  101. }
  102. .list .box .title-box .node {
  103. font-size: 24rpx;
  104. color: #909399;
  105. }
  106. .uni-radio-input {
  107. width: 45rpx;
  108. height: 45rpx;
  109. }
  110. .active-bg {
  111. background-color: #999999 !important;
  112. }