set_info.wxss 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. /* pages/set_info/set_info.wxss */
  2. .bg {
  3. position: fixed;
  4. top: 0;
  5. left: 0;
  6. width: 100%;
  7. height: 100%;
  8. }
  9. /* .logo {
  10. text-align: center;
  11. padding:0;
  12. margin: 0;
  13. } */
  14. .logo{
  15. position:absolute;
  16. top:0;
  17. left:0;
  18. width:100%;
  19. height:1334rpx;
  20. padding:0;
  21. margin: 0;
  22. z-index: 1
  23. }
  24. .content {
  25. position: fixed;
  26. top: 0;
  27. left: 0;
  28. width: 100%;
  29. height: 100%;
  30. /* display: flex;
  31. flex-direction: column;
  32. justify-content: center; */
  33. align-items: center;
  34. z-index: 1000
  35. }
  36. .age{
  37. background:rgba(0,0,0,0.3);
  38. border-radius:24rpx;
  39. text-align: center;
  40. margin: 184rpx 48rpx 0 48rpx;
  41. padding: 16rpx 36rpx;
  42. }
  43. .list-item{
  44. display: flex;
  45. justify-content: start;
  46. background:rgba(0,0,0,0.5);
  47. border-radius:16rpx;
  48. height:100rpx;
  49. line-height: 100rpx;
  50. margin: 40rpx 0;
  51. font-size:30rpx;
  52. font-family:Lantinghei SC;
  53. font-weight:600;
  54. color:rgba(255,198,116,1);
  55. }
  56. .age-item-name{
  57. /* height: 56rpx; */
  58. width: 29%;
  59. display: inline-block;
  60. text-align: center;
  61. margin: auto 0;
  62. }
  63. .age-item-name-border{
  64. height: 56rpx;
  65. border-right: 2rpx solid #DAA962;
  66. margin-left: 58rpx;
  67. }
  68. .age-item-inputs{
  69. margin: auto 0;
  70. /* padding-top: 16rpx; */
  71. }
  72. .age-item-input{
  73. /* width: 60%; */
  74. font-size:30rpx;
  75. font-family:Lantinghei SC;
  76. font-weight:600;
  77. display: inline-block;
  78. text-align: left;
  79. /* position: relative;
  80. top: 14rpx; */
  81. margin: auto 0;
  82. }
  83. .age-item-input-pl{
  84. color:rgba(255,198,116,0.5);
  85. }
  86. .age-item-bottom{
  87. font-size: 0;
  88. line-height: 0;
  89. border-width: 16rpx;
  90. border-color: #FFC674;
  91. border-bottom-width: 0;
  92. border-style: dashed;
  93. border-top-style: solid;
  94. border-left-color: transparent;
  95. border-right-color: transparent;
  96. margin: auto 0;
  97. /* position: relative;
  98. bottom: 10rpx; */
  99. }
  100. .age-item-top{
  101. font-size: 0;
  102. line-height: 0;
  103. border-width: 16rpx;
  104. border-color: #FFC674;
  105. border-top-width: 0;
  106. border-style: dashed;
  107. border-top-style: solid;
  108. border-left-color: transparent;
  109. border-right-color: transparent;
  110. margin: auto 0;
  111. /* position: relative;
  112. top: 10rpx; */
  113. }
  114. .list-pull-down{
  115. background:rgba(0,0,0,1);
  116. border-radius:0 0 16rpx 16rpx;
  117. font-size:30rpx;
  118. font-family:Lantinghei SC;
  119. font-weight:600;
  120. color: #fff;
  121. }
  122. .list-pull-item{
  123. text-align: center;
  124. padding: 25rpx 0;
  125. }
  126. .sex-active{
  127. background:rgba(0,0,0,1);
  128. border-radius:16rpx 16rpx 0 0 ;
  129. margin-bottom: 0;
  130. }
  131. .sex{
  132. background:rgba(0,0,0,0.3);
  133. border-radius:24rpx;
  134. text-align: center;
  135. margin: 78rpx 68rpx 0 68rpx;
  136. }
  137. .age-img{
  138. width: 205rpx;
  139. height: 47rpx;
  140. margin-top: 43rpx;
  141. }
  142. .sex-img{
  143. width: 164rpx;
  144. height: 48rpx;
  145. margin-top: 43rpx;
  146. }
  147. .age-item{
  148. width: 50%;
  149. text-align: center;
  150. display: inline-block;
  151. }
  152. .age-item-num{
  153. width:216rpx;
  154. height:64rpx;
  155. background:rgba(235,129,4,1);
  156. border-radius:32px;
  157. line-height: 64rpx;
  158. font-size: 30rpx;
  159. color: #000;
  160. display: inline-block;
  161. margin: 37rpx 0;
  162. }
  163. .age-item-image{
  164. width: 38rpx;
  165. height: 38rpx;
  166. position: relative;
  167. top: 11rpx;
  168. margin-right: 20rpx;
  169. }
  170. .women-img{
  171. width: 35rpx;
  172. height: 47rpx;
  173. }
  174. .footer{
  175. position: fixed;
  176. bottom: 121rpx;
  177. text-align: center;
  178. width: 100%;
  179. }
  180. .footer-img{
  181. width: 518rpx;
  182. height: 88rpx;
  183. }
  184. .age-active{
  185. background: #76CDFF;
  186. color: #fff;
  187. }