index.wxss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. .main {
  2. float: left;
  3. width: 92%;
  4. margin: 30rpx 30rpx 0 30rpx;
  5. }
  6. .main .topBtn {
  7. float: left;
  8. width: 100%;
  9. margin: 0 0 30rpx 0;
  10. }
  11. .tabs .van-tab {
  12. font-size: 34rpx;
  13. }
  14. .list .van-col--8{
  15. text-align: center!important;
  16. }
  17. .tabs .van-tab--active .van-tab__title {
  18. color: #E9021D;
  19. }
  20. .color-box {
  21. background: rgba(242, 245, 250, 1);
  22. height: 68rpx;
  23. width: 100%;
  24. line-height: 68rpx;
  25. font-size: 26rpx;
  26. margin-top: 10rpx;
  27. }
  28. .list {
  29. margin-top: 20rpx;
  30. }
  31. .list image {
  32. width: 200rpx;
  33. height: 200rpx;
  34. }
  35. .list .title {
  36. font-size: 30rpx;
  37. font-family: Source Han Sans SC;
  38. font-weight: bold;
  39. color: rgba(40, 40, 40, 1);
  40. }
  41. .list .title-left {
  42. font-size: 26rpx;
  43. font-family: Source Han Sans SC;
  44. font-weight: 400;
  45. margin-top: 19rpx;
  46. color: rgba(40, 40, 40, 1);
  47. }
  48. .list .title-left-red {
  49. color: #E9021D;
  50. }
  51. .title-name {
  52. margin: 20rpx 0 20rpx 0;
  53. font-size: 30rpx;
  54. font-family: Source Han Sans SC;
  55. font-weight: 400;
  56. color: rgba(136, 136, 136, 1);
  57. }
  58. .title-content {
  59. margin-bottom: 10rpx;
  60. margin-top: 20rpx;
  61. overflow: hidden;/*超出部分隐藏*/
  62. white-space: nowrap;/*不换行*/
  63. text-overflow:ellipsis;/*超出部分文字以...显示*/
  64. }
  65. .title-beizhu .van-cell{
  66. padding: 10rpx 0px 20rpx 0;
  67. }
  68. .title-beizhu .van-cell__title{
  69. font-size: 30rpx;
  70. }
  71. button:not([size='mini']) {
  72. margin-top: 60rpx;
  73. margin-left: auto;
  74. margin-right: auto;
  75. width: 100% !important;
  76. }
  77. button[type='default'] {
  78. background-color: #f44!important;
  79. color: #fff!important;
  80. border-radius: 50rpx;
  81. }
  82. .itemView {
  83. margin-bottom: 30rpx;
  84. line-height: 120rpx;
  85. display: flex;
  86. color: #888888;
  87. }
  88. .itemView1{
  89. line-height: 30rpx;
  90. }
  91. .view_textarea{
  92. vertical-align: text-bottom;
  93. background: rgba(255, 255, 255, 1);
  94. border: 1px solid rgba(217, 217, 217, 1);
  95. padding: 0 20rpx;
  96. height: 200rpx;
  97. width: 60%;
  98. }
  99. .title-top{
  100. width: 28%;
  101. float: left;
  102. }
  103. .title-content1{
  104. height: 200rpx;
  105. }
  106. .title-top1{
  107. width: 70%;
  108. word-wrap: break-word;
  109. word-break: break-all;
  110. white-space: pre-line;
  111. float: left;
  112. }
  113. .main .topBtn .title {
  114. float: left;
  115. width: 100%;
  116. font-size: 30rpx;
  117. font-family: Source Han Sans SC;
  118. font-weight: bold;
  119. color: rgba(40, 40, 40, 1);
  120. margin: 60rpx 0 30rpx 0;
  121. }
  122. .main .topBtn .topCLick {
  123. float: left;
  124. width: 93%;
  125. height: 217rpx;
  126. background: rgba(255, 255, 255, 1);
  127. box-shadow: 0px 5px 20px 0px rgba(233, 237, 244, 1);
  128. border-radius: 20px;
  129. padding: 50rpx 0 0 50rpx;
  130. }
  131. .main .topBtn .topCLick div {
  132. float: left;
  133. width: 118rpx;
  134. text-align: center;
  135. margin: 0 118rpx 0 0;
  136. }
  137. .main .topBtn .topCLick div image {
  138. float: left;
  139. width: 99rpx;
  140. height: 99rpx;
  141. margin-left: 12rpx;
  142. }
  143. .main .topBtn .topCLick div:last-child {
  144. margin: 0;
  145. }
  146. .main .topBtn .topCLick div button {
  147. padding: 0;
  148. width: 118rpx;
  149. font-size: 30rpx;
  150. font-family: Source Han Sans SC;
  151. font-weight: 400;
  152. color: rgba(40, 40, 40, 1);
  153. background: transparent;
  154. }
  155. .main .functBtn {
  156. float: left;
  157. width: 100%;
  158. }
  159. .main .functBtn button {
  160. float: left;
  161. width: 100%;
  162. height: 108rpx;
  163. line-height: 108rpx;
  164. text-align: left;
  165. border-bottom: 1px solid #ccc;
  166. background: transparent;
  167. border-radius: 0;
  168. font-size: 30rpx;
  169. font-family: Source Han Sans SC;
  170. font-weight: 400;
  171. color: rgba(40, 40, 40, 1);
  172. padding: 0;
  173. }
  174. .main .functBtn button span {
  175. float: right;
  176. padding: 0 20rpx 0 0;
  177. color: #ccc;
  178. font-size: 50rpx;
  179. }