yuyuechang.wxss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .changci-top.data-v-be1b82c4 {
  12. background-color: #fff;
  13. padding: 0 25rpx;
  14. height: 100rpx;
  15. }
  16. .changci-top .djs-wrap.data-v-be1b82c4 {
  17. padding-left: 25rpx;
  18. }
  19. .good-tit.data-v-be1b82c4 {
  20. background-color: #fff;
  21. padding: 20rpx;
  22. }
  23. .good-tit .tit-left.data-v-be1b82c4 {
  24. flex-shrink: 0;
  25. }
  26. .good-tit .tit-left image.data-v-be1b82c4 {
  27. height: 36rpx;
  28. width: 36rpx;
  29. border-radius: 50%;
  30. margin-right: 10rpx;
  31. }
  32. .good-tit .tit-right.data-v-be1b82c4 {
  33. text-align: right;
  34. }
  35. .good-list.data-v-be1b82c4 {
  36. flex-wrap: wrap;
  37. background-color: #fff;
  38. padding: 20rpx;
  39. }
  40. .good-list image.data-v-be1b82c4 {
  41. width: 80rpx;
  42. margin-left: 15rpx;
  43. }
  44. .popupyyok-wrap.data-v-be1b82c4 {
  45. height: 707rpx;
  46. width: 551rpx;
  47. background-color: #fff;
  48. border-radius: 20rpx;
  49. text-align: center;
  50. }
  51. .popupyyok-wrap image.data-v-be1b82c4 {
  52. width: 100%;
  53. height: 429rpx;
  54. border-radius: 20rpx 20rpx 0 0;
  55. }
  56. .popupyyok-wrap .btn.data-v-be1b82c4 {
  57. position: absolute;
  58. bottom: 10rpx;
  59. left: 0;
  60. right: 0;
  61. margin: auto;
  62. width: 295rpx;
  63. line-height: 69rpx;
  64. border-radius: 34rpx;
  65. background: #303030;
  66. color: #F8DABA;
  67. font-size: 35rpx;
  68. color: #F8DABA;
  69. }
  70. .top-bg.data-v-be1b82c4 {
  71. width: 750rpx;
  72. margin-bottom: 20rpx;
  73. }
  74. .top-bg image.data-v-be1b82c4 {
  75. width: 100%;
  76. }
  77. .uppass-wrap.data-v-be1b82c4 {
  78. width: 600rpx;
  79. height: 300rpx;
  80. background-color: #fff;
  81. border-radius: 20rpx;
  82. }
  83. .uppass-wrap .up-tit.data-v-be1b82c4 {
  84. line-height: 100rpx;
  85. font-size: 32rpx;
  86. font-weight: bold;
  87. text-align: center;
  88. }
  89. .uppass-wrap .up-ipt.data-v-be1b82c4 {
  90. border: 1px solid #000000;
  91. display: block;
  92. width: 400rpx;
  93. background-color: #bfa;
  94. height: 100rpx;
  95. line-height: 100rpx;
  96. font-size: 28rpx;
  97. margin: auto;
  98. margin-top: 20rpx;
  99. }
  100. .psw-wrapper.data-v-be1b82c4 {
  101. width: 548rpx;
  102. height: 548rpx;
  103. background-color: #FFFFFF;
  104. border-radius: 15rpx 15rpx;
  105. }
  106. .psw-wrapper .psw-title.data-v-be1b82c4 {
  107. width: 100%;
  108. font-size: 35rpx;
  109. padding: 43rpx 0 40rpx;
  110. text-align: center;
  111. font-weight: 800;
  112. }
  113. .psw-wrapper .psw-content.data-v-be1b82c4 {
  114. width: 100%;
  115. font-size: 32rpx;
  116. text-align: center;
  117. }
  118. .psw-wrapper .psw-price.data-v-be1b82c4 {
  119. font-weight: bold;
  120. font-size: 68rpx;
  121. text-align: center;
  122. padding-top: 10rpx;
  123. }
  124. .psw-wrapper .psw-jg.data-v-be1b82c4 {
  125. height: 1px;
  126. width: 500rpx;
  127. background-color: #eee;
  128. margin: auto;
  129. }
  130. .psw-wrapper .psw-paytype.data-v-be1b82c4 {
  131. justify-content: space-between;
  132. padding: 10rpx 25rpx 30rpx;
  133. font-size: 26rpx;
  134. }
  135. .psw-wrapper .psw-ipt.data-v-be1b82c4 {
  136. display: block;
  137. background-color: #dce3ed;
  138. height: 90rpx;
  139. width: 464rpx;
  140. padding-left: 30rpx;
  141. margin: 0 auto;
  142. font-size: 80rpx;
  143. }
  144. .psw-wrapper .psw-btn text.data-v-be1b82c4 {
  145. display: inline-block;
  146. text-align: center;
  147. width: 50%;
  148. padding-top: 29rpx;
  149. font-size: 35rpx;
  150. }
  151. .psw-wrapper .psw-qd.data-v-be1b82c4 {
  152. color: #5771DF;
  153. }