index.wxss 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. /* pages/index/index.wxss */
  2. .Theglobalbackground{
  3. min-height: 105vh;
  4. }
  5. .a{
  6. font-size:20rpx;
  7. }
  8. .picker{
  9. font-size: 20rpx;
  10. }
  11. .thecurrenttime {
  12. width: 100%;
  13. height: 80rpx;
  14. background: #fff;
  15. border-radius: 15rpx 15rpx 0rpx 0rpx;
  16. line-height: 80rpx;
  17. margin: 0rpx 0rpx 10rpx 0rpx;
  18. }
  19. .thecurrenttime text {
  20. font-size: 30rpx;
  21. }
  22. .thecurrenttime text:nth-of-type(1) {
  23. float: left;
  24. margin-left: 10px;
  25. }
  26. .thecurrenttime text:nth-of-type(2) {
  27. float: right;
  28. margin-right: 10px;
  29. }
  30. .information {
  31. width: 100%;
  32. height: auto;
  33. margin: 0 auto;
  34. background: #fff;
  35. font-size: 30rpx;
  36. padding: 0rpx 0rpx 60rpx 0rpx;
  37. border-radius: 0rpx 0rpx 15rpx 15rpx;
  38. }
  39. .guitarinformation {
  40. width: 100%;
  41. height: 85rpx;
  42. line-height: 85rpx;
  43. }
  44. .guitarinformation text {
  45. float: left;
  46. margin-left: 10px;
  47. }
  48. .guitarinformation input {
  49. float: right;
  50. margin-right: 10px;
  51. border: 3rpx solid #efefef;
  52. text-align: right;
  53. padding: 5px;
  54. width: 68%;
  55. margin-top: 5px;
  56. border-radius: 10rpx;
  57. font-size:26rpx;
  58. }
  59. .goods {
  60. width: 100%;
  61. height: 80rpx;
  62. line-height: 80rpx;
  63. display: flex;
  64. }
  65. .num_input{
  66. width: 100%;
  67. height: 80rpx;
  68. line-height: 80rpx;
  69. }
  70. .num_picker{
  71. text-align: right;
  72. padding-right:10rpx;
  73. overflow: hidden;
  74. float:left;
  75. margin-right:10px;
  76. border:3rpx solid #efefef;
  77. width:35%;
  78. margin-top:6px;
  79. border-radius:10rpx;
  80. height:60rpx;
  81. line-height:60rpx;
  82. z-index: 99;
  83. position: relative;
  84. left: 19rpx;
  85. }
  86. .num_input text {
  87. float: left;
  88. margin-left: 10px;
  89. }
  90. .goods text {
  91. margin-left: 10px;
  92. }
  93. .checkboxx{
  94. position: relative;
  95. left: 50rpx !important;
  96. }
  97. .xrgx {
  98. float:right;
  99. margin-right:10px;
  100. border:3rpx solid #efefef;
  101. text-align:right;
  102. padding:5px;
  103. width:68%;
  104. margin-top:5px;
  105. border-radius:10rpx;
  106. font-size:26rpx;
  107. height:45rpx;
  108. line-height:45rpx;
  109. }
  110. .jiafeir{
  111. height:155rpx !important;
  112. }
  113. /* .jiafeir text{
  114. position: relative;
  115. top: 40rpx;
  116. } */
  117. .xrgx image {
  118. width: 35rpx;
  119. height: 35rpx;
  120. position: absolute;
  121. right: 10rpx;
  122. top: 8px;
  123. }
  124. .radio-group {
  125. width: 520rpx;
  126. float: right;
  127. position: relative;
  128. left: -5rpx;
  129. top: 2px;
  130. height: 60rpx;
  131. line-height: 60rpx;
  132. }
  133. .thetotalamountof {
  134. width: 100%;
  135. height: 80rpx;
  136. line-height: 80rpx;
  137. }
  138. .thetotalamountof text {
  139. float: left;
  140. margin-left: 10px;
  141. }
  142. .thetotalamountof_text{
  143. width: 71%;
  144. float: right;
  145. border-bottom: 2rpx solid #efefef;
  146. height: 2rem;
  147. line-height: 2rem;
  148. position: relative;
  149. left: -20rpx;
  150. text-align: right;
  151. }
  152. .pay {
  153. width: 100%;
  154. height: 80rpx;
  155. line-height: 80rpx;
  156. }
  157. .pay text {
  158. float: left;
  159. margin-left: 10px;
  160. }
  161. .pay input {
  162. float: left;
  163. margin-left: 3%;
  164. border: 3rpx solid #efefef;
  165. text-align: right;
  166. padding: 5px;
  167. width: 60%;
  168. margin-top: 5px;
  169. border-radius: 10rpx;
  170. }
  171. .prePrice {
  172. float: left;
  173. margin-left: 3%;
  174. border: 3rpx solid #efefef;
  175. text-align: right;
  176. padding: 5px;
  177. width: 60%;
  178. margin-top: 5px;
  179. border-radius: 10rpx;
  180. height:45rpx;
  181. line-height: 45rpx
  182. }
  183. .cooperation{
  184. width: 47.5% !important;
  185. }
  186. .submit{
  187. width: 94%;
  188. margin: 0 auto;
  189. }
  190. .submit button{
  191. margin: 50rpx 0rpx;
  192. border: none;
  193. background:#63576c;
  194. color: #fff;
  195. border-radius: 10rpx;
  196. }
  197. .checkbox .wx-checkbox-input{
  198. border-radius: 50%;
  199. height: 40rpx;
  200. width: 40rpx;
  201. margin-top: -4rpx;
  202. position: relative;
  203. left: 50rpx;
  204. }
  205. .radio{
  206. font-size: 19rpx;
  207. }
  208. .radio radio{
  209. transform: scale(0.8, 0.8);
  210. }
  211. checkbox-group{
  212. position: relative;
  213. top: 6rpx;
  214. }
  215. .picker{
  216. overflow: hidden;
  217. margin-right:10px;
  218. border:3rpx solid #efefef;
  219. width:31%;
  220. margin-top:6px;
  221. border-radius:10rpx;
  222. height:60rpx;
  223. line-height:60rpx;
  224. z-index: 99;
  225. position: relative;
  226. left: 19rpx;
  227. padding:0rpx 0rpx 0rpx 20rpx;
  228. }
  229. .picker_img{
  230. width: 35rpx;
  231. height: 35rpx;
  232. position: absolute;
  233. right: 10rpx;
  234. top: 8px;
  235. }