index.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. page{
  2. /* background: #fff; */
  3. }
  4. .cust-img image{
  5. width:200rpx;
  6. height: 200rpx;
  7. }
  8. .cust-footer{
  9. height:100rpx;
  10. line-height:100rpx;
  11. padding-top:16rpx;
  12. }
  13. .cust-footer .iconfont{
  14. font-size:48rpx;
  15. width:70rpx;
  16. height:70rpx;
  17. border:1rpx solid #e0e0e0;
  18. border-radius:100%;
  19. text-align: center;
  20. line-height:70rpx;
  21. margin:0 15rpx;
  22. background:#fff;
  23. border-radius:70rpx;
  24. }
  25. .cust-footer .vip{
  26. height:62rpx;
  27. line-height:62rpx;
  28. width:160rpx;
  29. text-align: center;
  30. border-radius:62rpx;
  31. background:#fff;
  32. margin-left:10rpx;
  33. }
  34. .icon-car{
  35. position:relative;
  36. }
  37. .car-num{
  38. position: absolute;
  39. width:40rpx;
  40. height:40rpx;
  41. line-height:40rpx;
  42. border-radius:50%;
  43. font-size:22rpx;
  44. right:-12rpx;
  45. top:-12rpx;
  46. }
  47. .custom-list{
  48. width:100%;
  49. height:256rpx;
  50. background:#fff;
  51. border-radius:30rpx;
  52. box-shadow: #ddd 1px 1px 8px 4px;
  53. overflow: hidden;
  54. margin-top:30rpx;
  55. }
  56. .tu-icon image{
  57. width:109rpx;
  58. height:35rpx;
  59. }
  60. .cust-btn{
  61. display: inline-block;
  62. width:120rpx;
  63. height:60rpx;
  64. line-height:60rpx;
  65. border-radius:10rpx;
  66. text-align: center;
  67. background:#00af66;
  68. color:#fff;
  69. }
  70. .cust-btn.disabled{
  71. background:#aaa;
  72. }
  73. /* 密码输入 */
  74. .pwd-box{
  75. background:rgba(0,0,0,0.6);
  76. width:100%;
  77. height:100%;
  78. position: fixed;
  79. top:0;
  80. left:0;
  81. z-index:100;
  82. }
  83. .pwd-main{
  84. /* height:300rpx; */
  85. padding:30rpx 0 0;
  86. width:100%;
  87. position:fixed;
  88. bottom:0;
  89. background:#fff;
  90. z-index:111;
  91. }
  92. .content{
  93. width:612rpx;
  94. margin:0 auto;
  95. }
  96. .iptbox{
  97. /* width: 100rpx; */
  98. height: 100rpx;
  99. border:2rpx solid #e0e0e0;
  100. border-right:none;
  101. /* border-radius: 20rpx; */
  102. display: flex;
  103. justify-content: center;
  104. align-items: center;
  105. text-align: center;
  106. background:#fff;
  107. }
  108. .iptbox:last-child{
  109. border-right:2rpx solid #e0e0e0;
  110. }
  111. .ipt{
  112. width: 0;
  113. height: 0;
  114. }
  115. .btn-box{
  116. width:612rpx;
  117. margin:50rpx auto 0;
  118. }
  119. .btn-area{
  120. margin:0 20rpx;
  121. text-align: center;
  122. width:100%;
  123. height:80rpx;
  124. line-height:80rpx;
  125. border-radius:10rpx;
  126. }
  127. .btn-del{
  128. border:2rpx solid #e0e0e0;
  129. }
  130. .pwd-title{
  131. text-align: center;
  132. }
  133. .footer-box{
  134. background:none;
  135. }
  136. .keyboard-box{
  137. margin-top:40rpx;
  138. }
  139. .keyboard-row{
  140. height:120rpx;
  141. font-size:48rpx;
  142. text-align: center;
  143. line-height:120rpx;
  144. border-top:2rpx solid #e0e0e0;
  145. }
  146. .keyboard-grid{
  147. border-right:2rpx solid #e0e0e0;
  148. }
  149. .keyboard-grid:last-child{
  150. border-right:none;
  151. }
  152. .keyboard-row .f-item{
  153. width:200%;
  154. }