doings.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. /* pages/doings/doings.wxss */
  2. .title{
  3. width: 100%;
  4. height: 900rpx;
  5. background-size: contain;
  6. background-repeat: no-repeat;
  7. padding-top: 60rpx;
  8. }
  9. .news{
  10. width: 100%;
  11. height: 1120rpx;
  12. background-size: contain;
  13. background-repeat: no-repeat;
  14. }
  15. .newsbg{
  16. width: 86.5%;
  17. height: 100%;
  18. margin: 0 auto;
  19. position: relative;
  20. background: #efefef;
  21. }
  22. .titleTitle{
  23. background-image: url(https://img1.imgtp.com/2023/07/12/9nTrRBU3.png);
  24. width: 450rpx;
  25. height: 100rpx;
  26. background-size: contain;
  27. background-repeat: no-repeat;
  28. margin: 0 auto 0;
  29. }
  30. .tips{
  31. width: 60%;
  32. height: 40rpx;
  33. margin: 0 auto;
  34. }
  35. .tips-left{
  36. width: 50%;
  37. height: 40rpx;
  38. line-height: 40rpx;
  39. text-align: center;
  40. float: left;
  41. color: #f0f4fa;
  42. }
  43. .tips-right{
  44. width: 50%;
  45. height: 40rpx;
  46. line-height: 40rpx;
  47. text-align: center;
  48. float: left;
  49. color: #f0f4fa;
  50. text-align: center;
  51. display: table-cell;
  52. vertical-align: middle;
  53. }
  54. .tips-icon{
  55. /* display: block; */
  56. width: 28rpx;
  57. height: 28rpx;
  58. /* float: left; */
  59. /* margin: auto 0; */
  60. }
  61. .tips-text{
  62. margin-top: -4rpx;
  63. font-size: 28rpx;
  64. float: right;
  65. }
  66. .dy{
  67. width: 300rpx;
  68. height: 80rpx;
  69. background-image: url(https://img1.imgtp.com/2023/07/12/35zNfCJb.png);
  70. background-size: contain;
  71. background-repeat: no-repeat;
  72. margin: 30rpx auto 0;
  73. }
  74. .dyrs{
  75. width: 600rpx;
  76. height: 50rpx;
  77. margin: 30rpx auto 0;
  78. font-size: 30rpx;
  79. text-align: center;
  80. color: #fff;
  81. }
  82. .dysl1{
  83. width: 50%;
  84. float: left;
  85. height: 50rpx;
  86. line-height: 50rpx;
  87. text-align: right;
  88. }
  89. .dys2{
  90. width: 45%;
  91. float: left;
  92. height: 50rpx;
  93. line-height: 50rpx;
  94. text-align: left;
  95. font-size: 38rpx;
  96. font-weight: bold;
  97. background: linear-gradient(to top,#fff3e8, #f1d2ab);
  98. -webkit-background-clip: text;
  99. color: transparent;
  100. }
  101. .dyicon{
  102. width: 30rpx;
  103. height: 50rpx;
  104. }
  105. .item-he{
  106. height: 1120rpx;
  107. }
  108. .item-main{
  109. width: 95%;
  110. min-height:300rpx;
  111. margin: 0 auto;
  112. /* background-color: #d1ddf8; */
  113. }
  114. .item-title{
  115. width: 525rpx;
  116. height: 65rpx;
  117. margin: 0 auto;
  118. text-align: center;
  119. color: #fff;
  120. font-weight: bold;
  121. background-size: contain;
  122. background-repeat: no-repeat;
  123. margin-bottom: 12rpx;
  124. }
  125. .item-right{
  126. width: 90%;
  127. /* min-height: 334rpx; */
  128. margin: 0 auto 40rpx;
  129. }
  130. .item-c{
  131. width: 100%;
  132. /* border-radius: 10rpx; */
  133. min-height: 334rpx;
  134. background: #fff;
  135. padding-top: 20rpx;
  136. }
  137. .item-context{
  138. width: 93%;
  139. min-height: 334rpx;
  140. margin: 0 auto;
  141. color: #666666;
  142. }
  143. .itemitme{
  144. width: 100%;
  145. }
  146. .key{
  147. width: 30%;
  148. float: left;
  149. }
  150. .value{
  151. width: 70%;
  152. float: left;
  153. }