cxnsrwqjxx.wxss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. /* pages/minePages/cxnsrwqjxx/cxnsrwqjxx.wxss */
  2. .cxnsrwqjxx-container {
  3. width: 100%;
  4. height: 100vh;
  5. background: linear-gradient(179deg, #cce1ff 0%, #ffffff 53%, #f9fbff 78%, #f8fbff 100%);
  6. }
  7. .content-container {
  8. margin: 0 40rpx;
  9. width: calc(100% - 80rpx);
  10. }
  11. .cxxx-form {
  12. padding: 20rpx 30rpx;
  13. margin-top: 20rpx;
  14. width: 100%;
  15. background: #ffffff;
  16. border-radius: 10rpx;
  17. box-shadow: 0px 6rpx 12rpx 0px rgba(0, 0, 0, 0.05);
  18. box-sizing: border-box;
  19. }
  20. .form-item-tip {
  21. margin-top: 50rpx;
  22. width: 100%;
  23. font-size: 24rpx;
  24. line-height: 36rpx;
  25. color: #336FE9;
  26. font-family: "苹方R";
  27. }
  28. .form-item {
  29. width: 100%;
  30. height: 90rpx;
  31. display: flex;
  32. align-items: center;
  33. }
  34. .item-label {
  35. width: 120rpx;
  36. height: 100%;
  37. font-size: 26rpx;
  38. color: #666666;
  39. font-family: "苹方R";
  40. display: flex;
  41. align-items: center;
  42. justify-content: flex-start;
  43. }
  44. .item-value {
  45. margin-left: 20rpx;
  46. width: 0;
  47. flex: 1;
  48. height: 100%;
  49. font-size: 26rpx;
  50. color: #3B3B3B;
  51. font-family: "苹方R";
  52. display: flex;
  53. align-items: center;
  54. justify-content: flex-start;
  55. border-bottom: 1px solid #E8E8E8;
  56. box-sizing: border-box;
  57. }
  58. .select {
  59. position: relative;
  60. width: 100%;
  61. height: 100%;
  62. font-size: 26rpx;
  63. color: #3B3B3B;
  64. font-family: "苹方R";
  65. display: flex;
  66. align-items: center;
  67. justify-content: flex-start;
  68. box-sizing: border-box;
  69. }
  70. .select::before {
  71. content: "";
  72. position: absolute;
  73. right: 0;
  74. top: clac(50% - 5rpx);
  75. border: 10rpx solid transparent;
  76. border-top-color: #ABABAB;
  77. }
  78. .result-form {
  79. margin-top: 20rpx;
  80. padding: 20rpx;
  81. width: 100%;
  82. background: #ffffff;
  83. border-radius: 10rpx;
  84. box-shadow: 0px 6rpx 12rpx 0px rgba(0, 0, 0, 0.05);
  85. }
  86. .result-form-item {
  87. width: 100%;
  88. height: fit-content;
  89. min-height: 90rpx;
  90. display: flex;
  91. }
  92. .result-form-label {
  93. padding: 25rpx 0;
  94. width: 160rpx;
  95. height: 100%;
  96. line-height: 40rpx;
  97. font-size: 26rpx;
  98. color: #666666;
  99. font-family: "苹方R";
  100. box-sizing: border-box;
  101. }
  102. .result-form-value {
  103. padding: 25rpx 0;
  104. margin-left: 20rpx;
  105. width: fit-content;
  106. flex: 1;
  107. min-height: 100%;
  108. line-height: 40rpx;
  109. font-size: 26rpx;
  110. color: #3B3B3B;
  111. font-family: "苹方M";
  112. border-bottom: 1px solid #e8e8e8;
  113. box-sizing: border-box;
  114. }
  115. .pop1Contain {
  116. position: relative;
  117. width: 100%;
  118. height: calc(100% - 80rpx);
  119. }
  120. .pop1-title {
  121. position: sticky;
  122. top: 0;
  123. z-index: 9;
  124. width: 100%;
  125. height: 80rpx;
  126. text-align: center;
  127. line-height: 60rpx;
  128. font-family: "苹方M";
  129. font-size: 32rpx;
  130. color: #313131;
  131. background: #ffffff;
  132. }
  133. .pop1list {
  134. width: 100%;
  135. height: 100rpx;
  136. line-height: 100rpx;
  137. font-family: "苹方R";
  138. font-size: 28rpx;
  139. color: #313131;
  140. border-bottom: 1px solid #eeeeee;
  141. }
  142. .buttonActive {
  143. opacity: 0.6;
  144. }