index.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. .first {
  2. display: flex;
  3. flex-direction: row;
  4. justify-content: space-between;
  5. align-items: center;
  6. height: 96rpx;
  7. width: 100%;
  8. background: rgba(255, 255, 255, 1);
  9. border-bottom: 2rpx solid rgba(238, 238, 238, 1);
  10. }
  11. .leftinfo {
  12. display: flex;
  13. flex-direction: row;
  14. }
  15. .tipleft {
  16. font-size: 28rpx;
  17. font-family: SourceHanSansCN-Regular;
  18. font-weight: 400;
  19. color: rgba(51, 51, 51, 1);
  20. margin-left: 50rpx;
  21. }
  22. .tipright {
  23. font-size: 28rpx;
  24. font-family: SourceHanSansCN-Regular;
  25. font-weight: 400;
  26. color: #999;
  27. }
  28. .radio {
  29. display: flex;
  30. justify-content: flex-end;
  31. margin-right: 50rpx;
  32. }
  33. .radios {
  34. width: 100%;
  35. height: 100%;
  36. }
  37. .midden {
  38. display: flex;
  39. flex-direction: row;
  40. justify-content: space-between;
  41. align-items: center;
  42. margin-left: 30rpx;
  43. margin-right: 30rpx;
  44. height: 96rpx;
  45. background: rgba(255, 255, 255, 1);
  46. border-bottom: 2rpx solid rgba(238, 238, 238, 1);
  47. }
  48. .rzinfo {
  49. font-size: 28rpx;
  50. font-family: SourceHanSansCN-Regular;
  51. font-weight: 400;
  52. color: rgba(51, 51, 51, 1);
  53. margin-left: 20rpx;
  54. }
  55. .infodetail {
  56. font-size: 28rpx;
  57. font-family: SourceHanSansCN-Regular;
  58. font-weight: 400;
  59. color: rgba(36, 98, 186, 1);
  60. margin-right: 20rpx;
  61. }
  62. .infodetail1 {
  63. font-size: 28rpx;
  64. font-family: SourceHanSansCN-Regular;
  65. font-weight: 400;
  66. color: rgba(153, 153, 153, 1);
  67. margin-right: 20rpx;
  68. }
  69. .jiantou {
  70. width: 17rpx;
  71. height: 29rpx;
  72. margin-right: 20rpx;
  73. }
  74. .last {
  75. display: flex;
  76. flex-direction: row;
  77. align-items: center;
  78. width: 100%;
  79. height: 174rpx;
  80. background: rgba(255, 255, 255, 1);
  81. }
  82. .touxiang {
  83. width: 102rpx;
  84. height: 102rpx;
  85. border-radius: 50%;
  86. margin-left: 50rpx;
  87. }
  88. .rightinfo {
  89. display: flex;
  90. flex-direction: column;
  91. }
  92. .name {
  93. font-size: 34rpx;
  94. font-family: SourceHanSansCN-Regular;
  95. font-weight: 400;
  96. color: rgba(51, 51, 51, 1);
  97. margin-left: 37rpx;
  98. }
  99. .otherdetail {
  100. font-size: 28rpx;
  101. font-family: SourceHanSansCN-Regular;
  102. font-weight: 400;
  103. color: rgba(153, 153, 153, 1);
  104. margin-left: 37rpx;
  105. }
  106. .fgx {
  107. width: 100%;
  108. height: 20rpx;
  109. background: rgba(238, 238, 238, 1);
  110. }
  111. /* btn */
  112. .fixed-footer {
  113. position: fixed;
  114. left: 0;
  115. bottom: 0;
  116. width: 100%;
  117. }
  118. .btn-group {
  119. background: #fff;
  120. padding: 20rpx;
  121. box-sizing: border-box;
  122. }
  123. .selfBtn {
  124. display: flex;
  125. height: 106rpx;
  126. line-height: 88rpx;
  127. align-items: center;
  128. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  129. background: linear-gradient(90deg, rgba(50, 122, 225, 1), rgba(90, 191, 225, 1));
  130. border-radius: 53rpx;
  131. justify-content: center;
  132. font-size: 38rpx;
  133. font-family: SourceHanSansCN-Normal;
  134. font-weight: 400;
  135. color: rgba(255, 254, 254, 1);
  136. }