buy.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. .buy-bg{
  2. width: 100%;
  3. height: 100%;
  4. background-color: #f3f3f3;
  5. }
  6. .buy-top{
  7. width: 100%;
  8. height: 172rpx;
  9. background: url('http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/icon/labibackgroud2.png') no-repeat;
  10. background-size: 100%;
  11. box-sizing: border-box;
  12. position: relative;
  13. }
  14. .buy-luobo-text{
  15. font-size: 30rpx;
  16. color: #FFF;
  17. position: absolute;
  18. left: 50%;
  19. top: 30rpx;
  20. transform: translateX(-50%);
  21. }
  22. .buy-luobo-count{
  23. font-size: 40rpx;
  24. color: #fff;
  25. /* margin: 0 auto; */
  26. text-align: center;
  27. padding-top: 80rpx;
  28. font-weight: 600;
  29. }
  30. .buy-chong{
  31. width: 100%;
  32. height: 100rpx;
  33. text-align: center;
  34. font-size: 30rpx;
  35. color: #999999;
  36. padding-top: 30rpx;
  37. box-sizing: border-box;
  38. }
  39. .buy-chong-park{
  40. width: 100%;
  41. height: 188rpx;
  42. box-sizing: border-box;
  43. padding-left: 23rpx;
  44. /* background: red; */
  45. }
  46. .chong-luobo-count{
  47. font-size: 32rpx;
  48. color: #eab86a;
  49. text-align: center;
  50. padding-top: 20rpx;
  51. }
  52. .chong-luobo-money{
  53. font-size: 32rpx;
  54. color: #cccccc;
  55. text-align: center;
  56. padding-top: 10rpx;
  57. }
  58. .chong{
  59. height: 128rpx;
  60. width: 222rpx;
  61. background: #fff;
  62. border-radius: 10rpx;
  63. float: left;
  64. margin-right: 21rpx;
  65. }
  66. .buy-other{
  67. width: 100%;
  68. height: 75rpx;
  69. text-align: center;
  70. color: #999999;
  71. font-size: 30rpx;
  72. }
  73. .other-part{
  74. height: 524rpx;
  75. width: 710rpx;
  76. box-sizing: border-box;
  77. margin: 0 23rpx;
  78. background: #fff;
  79. border-radius: 10rpx;
  80. overflow: hidden;
  81. }
  82. .other-part-money{
  83. width: 614rpx;
  84. height: 56rpx;
  85. margin: 0 auto;
  86. margin-top: 110rpx;
  87. box-sizing: border-box;
  88. text-align: center;
  89. position: relative;
  90. }
  91. .jiage{
  92. color: #999999;
  93. font-size: 30rpx;
  94. position: absolute;
  95. left: 0;
  96. top: 7rpx;
  97. }
  98. .yuan{
  99. color: #999999;
  100. font-size: 30rpx;
  101. position: absolute;
  102. top: 7rpx;
  103. right: 0;
  104. }
  105. .shu{
  106. font-size: 40rpx;
  107. text-align: center;
  108. }
  109. .input{
  110. width: 471rpx;
  111. margin: 0 auto;
  112. padding-top: 25rpx;
  113. text-align: center;
  114. font-size: 40rpx;
  115. }
  116. .other-part-input{
  117. height: 100rpx;
  118. width: 650rpx;
  119. position: relative;
  120. margin: 92rpx auto 0;
  121. border: 1rpx solid #e5e5e5;
  122. background: #f6f9fd;
  123. }
  124. .chongzhi{
  125. color: #7f93ae;
  126. font-size: 30rpx;
  127. position: absolute;
  128. top: 28rpx;
  129. left: 20rpx;
  130. }
  131. .chongzhi-luobo{
  132. color: #7f93ae;
  133. font-size: 30rpx;
  134. position: absolute;
  135. top: 28rpx;
  136. right: 20rpx;
  137. }
  138. .other-buy-luobo{
  139. width: 650rpx;
  140. height: 88rpx;
  141. background: #eab86a;
  142. margin: 40rpx auto 0;
  143. text-align: center;
  144. line-height: 88rpx;
  145. color: #fff;
  146. border-radius: 10rpx;
  147. }