offerAreward.acss 2.7 KB

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