offerAreward.acss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. .form-top{
  2. background-color: #fff;
  3. padding:28rpx;
  4. border-bottom: 1px solid #f1f1f1;
  5. }
  6. .form-top .flex-1{
  7. text-align: right;
  8. color: #969799;
  9. }
  10. .label{
  11. position: relative;
  12. width: 160rpx;
  13. font-size: 32rpx
  14. }
  15. .label2{
  16. position: relative;
  17. width: 200rpx;
  18. font-size: 32rpx
  19. }
  20. .isBt::before{
  21. position: absolute;
  22. content: "*";
  23. color: #F56C6C;
  24. left: -16rpx;
  25. }
  26. .inputs .li{
  27. background-color: #fff;
  28. padding:28rpx;
  29. position: relative;
  30. }
  31. .li view:nth-child(2){
  32. text-align: right;
  33. color: #969799;
  34. }
  35. .title{
  36. padding: 16rpx 28rpx;
  37. font-size: 28rpx;
  38. }
  39. textarea{
  40. padding-left: 10rpx;
  41. padding-right: 0;
  42. height: 150rpx;
  43. position: relative;
  44. }
  45. .textarea::before{
  46. position: absolute;
  47. content: "*";
  48. color: #F56C6C;
  49. left: -16rpx;
  50. }
  51. .add{
  52. background-color: #fff;
  53. padding: 28rpx 28rpx;
  54. color: #26A2FF;
  55. margin: 28rpx 0;
  56. margin-bottom: 40rpx;
  57. }
  58. .addImg{
  59. width: 50rpx;
  60. height: 50rpx;
  61. position: absolute;
  62. bottom: 20rpx;
  63. z-index: 998;
  64. }
  65. .rightImg{
  66. width: 30rpx;
  67. height: 30rpx;
  68. margin-left: 10rpx;
  69. }
  70. .btn-area{
  71. position: fixed;
  72. background: #fff;
  73. bottom: 0;
  74. width: 100%;
  75. border-top: 1px solid #f1f1f1;
  76. padding: 10rpx;
  77. }
  78. .defBtn{
  79. width: 90%;
  80. margin: 0 auto;
  81. border-radius: 10rpx;
  82. height: 90rpx;
  83. text-align: center;
  84. line-height: 90rpx;
  85. }
  86. .showImg{
  87. width: 160rpx;
  88. height: 160rpx;
  89. margin-bottom: 28rpx;
  90. margin-right:40rpx;
  91. margin-top: 28rpx;
  92. }
  93. .detele{
  94. color: #fff;
  95. position: absolute;
  96. height: 40rpx;
  97. width: 40rpx;
  98. border-radius: 100%;
  99. background-color: #969799;
  100. text-align: center;
  101. line-height: 40rpx;
  102. right: 10rpx;
  103. top: 10rpx;
  104. }
  105. .box{
  106. position: fixed;
  107. top: 0;
  108. left: 0;
  109. right: 0;
  110. bottom: 0;
  111. background: rgba(0,0,0,0.2);
  112. z-index: 999;
  113. transform: translate(0,100%);
  114. }
  115. .inputs{
  116. margin-bottom: 200rpx;
  117. }
  118. .inputs .li .input_text{
  119. text-align: left;
  120. font-size: 24rpx;
  121. }
  122. .inputs .li input{
  123. width: 100%;
  124. }
  125. .jiang{
  126. border: 1px solid #f1f1f1;
  127. border-radius: 4rpx;
  128. width: 40rpx;
  129. text-align: center
  130. }
  131. .picker-box{
  132. width: 110rpx;
  133. border-radius: 50rpx;
  134. background-color: #f1f1f1;
  135. position: relative;
  136. height: 60rpx;
  137. }
  138. .picker-box text{
  139. text-align: center;
  140. line-height: 60rpx;
  141. font-size: 24rpx;
  142. }
  143. .yuan{
  144. width: 50rpx;
  145. height: 50rpx;
  146. background: #26A2FF;
  147. border-radius: 100rpx;
  148. position: absolute;
  149. top: 5rpx;
  150. }
  151. .picker-left{
  152. left: 5rpx;
  153. }
  154. .picker-right{
  155. right: 5rpx;
  156. }
  157. .userList{
  158. height: 40rpx;
  159. font-size: 32rpx;
  160. }
  161. .van-radio {
  162. position: relative;
  163. display: inline-block;
  164. text-align: center;
  165. width: 1.28rem;
  166. height: .48rem;
  167. background: #f5f7fa;
  168. border-radius: .28rem;
  169. z-index: 1;
  170. color: #222;
  171. line-height: 0.48rem;
  172. font-size: 0.24rem;
  173. margin-left: 20rpx;
  174. }
  175. .isTypes{
  176. background: #26A2FF;
  177. color: #fff
  178. }