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.

161 lines
2.5 KiB

  1. input {
  2. width:500rpx;
  3. display: inline-block;
  4. font-size: 32rpx;
  5. vertical-align: middle;
  6. margin-top: -3rpx;
  7. }
  8. .radio-group {
  9. display: inline-block;
  10. }
  11. .section {
  12. height: 100rpx;
  13. line-height: 100rpx;
  14. width: 710rpx;
  15. margin: 0 auto;
  16. border-bottom: 1px solid #eee;
  17. background-color: #fff;
  18. }
  19. .camera{
  20. width: 400rpx;
  21. height: 400rpx;
  22. line-height: 400rpx;
  23. margin: 30rpx auto 140rpx;
  24. border: 1px dotted orange;
  25. }
  26. .camera text{
  27. display: block;
  28. text-align: center;
  29. font-size: 200rpx;
  30. color: orange;
  31. }
  32. .address{
  33. width: 710rpx;
  34. margin: 0 auto;
  35. border-bottom: 1px solid #eee;
  36. padding-bottom: 10rpx;
  37. background-color: #fff;
  38. }
  39. .radio{
  40. margin-right: 30rpx;
  41. }
  42. .section__title, .picker, picker {
  43. display: inline-block;
  44. font-size: 32rpx;
  45. color: #999;
  46. }
  47. radio {
  48. transform:scale(0.8);
  49. }
  50. .section__title {
  51. color: #999;
  52. }
  53. .section > text:nth-of-type(1) {
  54. font-size: 32rpx;
  55. display: inline-block;
  56. margin-right: 20rpx;
  57. margin-left: 20rpx
  58. }
  59. .address > text:nth-of-type(1) {
  60. font-size: 32rpx;
  61. display: inline-block;
  62. margin-right: 20rpx;
  63. margin-left: 20rpx
  64. }
  65. .btn{
  66. position: fixed;
  67. bottom: 30rpx;
  68. left: 0;
  69. right: 0;
  70. margin: auto;
  71. width: 600rpx;
  72. color: #fff;
  73. height: 86rpx;
  74. line-height: 86rpx;
  75. text-align: center;
  76. border-radius:60rpx;
  77. background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  78. font-size: 32rpx;
  79. z-index: 1000;
  80. }
  81. .active{
  82. opacity: .6;
  83. }
  84. .sec{
  85. position: relative;
  86. }
  87. .input{
  88. position: absolute;
  89. left: 110rpx;
  90. z-index: 1000;
  91. top: 0;
  92. bottom: 0;
  93. margin: auto;
  94. background: #fff;
  95. }
  96. .names{
  97. font-size: 26rpx;
  98. line-height: 46rpx;
  99. color: #999;
  100. margin-left: 20rpx
  101. }
  102. .ques{
  103. padding-left: 20rpx;
  104. margin-bottom:70rpx;
  105. }
  106. .ques text{
  107. display: block;
  108. text-align: left;
  109. }
  110. .questionTitle{
  111. width: 260rpx;
  112. font-size: 36rpx;
  113. border-top:6rpx solid orange;
  114. border-bottom:6rpx solid orange;
  115. margin: 40rpx auto 30rpx;
  116. text-align: center!important;
  117. }
  118. .ques text{
  119. display: block;
  120. }
  121. .answer{
  122. margin-bottom: 20rpx;
  123. background-color: #fff;
  124. overflow: hidden;
  125. }
  126. .answerText{
  127. margin-left: 20rpx;
  128. }
  129. /* .answerTextarea{
  130. margin-left: 20rpx;
  131. } */
  132. .answer textarea{
  133. border: 1rpx solid #efefef;
  134. border-radius: 10rpx;
  135. padding: 10rpx 0;
  136. margin-top: 10rpx;
  137. padding-left: 10rpx;
  138. height: 100rpx;
  139. margin-left: 20rpx;
  140. padding-bottom: 10rpx;
  141. margin-bottom: 10rpx;
  142. }
  143. .quesTitle{
  144. text-align: center;
  145. font-size:32rpx;
  146. text-indent: 1em;
  147. margin-top: 20rpx;
  148. }
  149. .up-img image{
  150. display: block;
  151. width: 90%;
  152. margin: 20rpx auto 0;
  153. }