C端小程序
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

141 righe
2.2 KiB

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