C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

282 line
3.9 KiB

  1. .container {
  2. padding-bottom: 10rpx;
  3. }
  4. .panel,.zhuangtai image{
  5. position: relative;
  6. width: 510rpx;
  7. height: 581rpx;
  8. display: block;
  9. border-radius: 10rpx;
  10. background-color: #fff;
  11. margin: 22rpx auto 0;
  12. padding: 30rpx 0 0;
  13. z-index: 10000000000;
  14. }
  15. .pane2{
  16. background: #fff;
  17. opacity: .6;
  18. }
  19. .pane2 image{
  20. width: 500rpx;
  21. display: block;
  22. margin: 40rpx auto 0;
  23. }
  24. .buy {
  25. background: #fff;
  26. height: 88rpx;
  27. width: 98%;
  28. color: #7e7e7e;
  29. line-height: 88rpx;
  30. border-radius: 16rpx;
  31. border: 1px solid #eee;
  32. }
  33. .barcode {
  34. height: 100rpx;
  35. width: 510rpx;
  36. margin: 0 auto;
  37. }
  38. .barnum {
  39. font-size: 24rpx;
  40. text-align: center;
  41. letter-spacing: 2rpx;
  42. white-space: nowrap;
  43. color: #7f7f7f;
  44. }
  45. .barnum text {
  46. color: #767676;
  47. }
  48. .barcode > canvas {
  49. width: 510rpx;
  50. height: 100rpx;
  51. }
  52. .qrcode {
  53. position: relative;
  54. height: 350rpx;
  55. width: 350rpx;
  56. display: flex;
  57. flex-direction: column;
  58. justify-content: flex-end;
  59. align-items: center;
  60. margin: 0 auto;
  61. }
  62. .qrcode > canvas {
  63. width: 350rpx;
  64. height: 350rpx;
  65. }
  66. .coupon_detail {
  67. padding: 30rpx 20rpx 0;
  68. }
  69. .fl {
  70. float: left;
  71. }
  72. .fr {
  73. float: right;
  74. }
  75. .coupon_detail .wmfl{
  76. display: block;
  77. width: 255rpx;
  78. height: 184rpx;
  79. border-radius: 16rpx;
  80. overflow: hidden;
  81. }
  82. .coupon_detail image {
  83. display: block;
  84. width: 100%;
  85. height: 100%;
  86. }
  87. .coupon_detail .fr {
  88. width: 434rpx;
  89. }
  90. .coupon_detail .title {
  91. font-size: 36rpx;
  92. }
  93. .time {
  94. font-size: 26rpx;
  95. color: #999;
  96. }
  97. .time text {
  98. font-size: 26rpx;
  99. color: red;
  100. }
  101. .money text {
  102. color: red;
  103. font-size: 36rpx;
  104. }
  105. .money del {
  106. color: #999;
  107. font-size: 26rpx;
  108. text-decoration: line-through;
  109. margin-left: 20rpx;
  110. }
  111. .clearfix:after {
  112. content: ".";
  113. display: block;
  114. height: 0;
  115. clear: both;
  116. visibility: hidden;
  117. }
  118. .timevalidity {
  119. margin-top: 20rpx;
  120. text-indent: 20rpx;
  121. }
  122. .timevalidity text:nth-of-type(1) {
  123. color: #333;
  124. font-size: 30rpx;
  125. }
  126. .timevalidity text:nth-of-type(2) {
  127. font-size: 30rpx;
  128. color: red;
  129. }
  130. .posi {
  131. width: 100%;
  132. display: flex;
  133. flex-direction: column;
  134. background: #fff;
  135. position: relative;
  136. }
  137. .posi_logo {
  138. width: 92%;
  139. padding: 30rpx 4%;
  140. display: flex;
  141. position: relative;
  142. z-index: 100;
  143. }
  144. .posi_logo view:nth-child(1) {
  145. width: 126rpx;
  146. height: 126rpx;
  147. border-radius: 50%;
  148. overflow: hidden;
  149. flex: 2;
  150. }
  151. .posi_logo view:nth-child(1) image {
  152. width: 100%;
  153. height: 100%;
  154. }
  155. .posi_logo view:nth-child(2) {
  156. position: relative;
  157. z-index: 100;
  158. display: flex;
  159. flex-direction: column;
  160. flex: 8;
  161. padding-top: 20rpx;
  162. padding-left: 30rpx;
  163. }
  164. .posi_logo view:nth-child(2) text:nth-child(1) {
  165. font-size: 30rpx;
  166. }
  167. .posi_logo view:nth-child(2) text:nth-child(2) {
  168. font-size: 24rpx;
  169. color: #b8b8b8;
  170. padding-top: 10rpx;
  171. }
  172. .tit {
  173. font-size: 30rpx;
  174. color: #000;
  175. font-weight: bold;
  176. padding: 24rpx 0 33rpx;
  177. border-bottom: 1rpx solid #eee;
  178. text-indent: 20rpx;
  179. }
  180. .tel {
  181. position: absolute;
  182. right: 50rpx;
  183. top: 0;
  184. bottom: 0;
  185. margin: auto;
  186. width: 50rpx;
  187. height: 50rpx;
  188. z-index:1000000;
  189. }
  190. .notes view:nth-child(1) {
  191. width: 92%;
  192. height: 87rpx;
  193. padding: 0 4%;
  194. line-height: 87rpx;
  195. background: #fff;
  196. border-bottom: 1rpx solid #f5f5f5;
  197. }
  198. .notes view:nth-child(1) text {
  199. font-size: 30rpx;
  200. font-weight: bold;
  201. }
  202. .notes view:nth-child(2) {
  203. width: 92%;
  204. padding: 0 4%;
  205. background: #fff;
  206. display: flex;
  207. flex-direction: column;
  208. padding-top: 2%;
  209. }
  210. .notes view:nth-child(2) > text {
  211. font-size: 28rpx;
  212. color: #a9a9a9;
  213. line-height: 56rpx;
  214. }
  215. .note view {
  216. height: 94rpx;
  217. line-height: 94rpx;
  218. border-bottom: 2rpx solid #f9f9f9;
  219. }
  220. .note view text {
  221. display: inline-block;
  222. }
  223. .note text:nth-of-type(1) {
  224. width: 30%;
  225. text-indent: 30rpx;
  226. text-align: left;
  227. font-size: 30rpx;
  228. color: #000;
  229. }
  230. .note text:nth-of-type(2) {
  231. width: 67%;
  232. padding-right: 3%;
  233. text-align: right;
  234. color: #bdbdbd;
  235. font-size: 30rpx;
  236. }
  237. .manjian {
  238. margin-left: 26rpx;
  239. color: #666 !important;
  240. font-size: 26rpx !important;
  241. }