邃芒智像相册
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

227 rivejä
3.9 KiB

  1. .content {
  2. padding: 0 0 25rpx 0;
  3. .logo {
  4. position: relative;
  5. width: 500rpx;
  6. height: 120rpx;
  7. line-height: 120rpx;
  8. text-align: center;
  9. color: #838383;
  10. font-size: 50rpx;
  11. font-weight: 600;
  12. margin: auto;
  13. border-bottom: 1px solid #000;
  14. transition: all 0.3s;
  15. &.active {
  16. color: aqua;
  17. }
  18. .tinyChatICon {
  19. position: absolute;
  20. top: 15rpx;
  21. left: 30rpx;
  22. width: 60rpx;
  23. text-align: center;
  24. transition: all 0.3s;
  25. &.active {
  26. transform: scale(1.05);
  27. }
  28. image {
  29. width: 100%;
  30. }
  31. }
  32. }
  33. .introduction {
  34. position: relative;
  35. width: 600rpx;
  36. margin: 50rpx auto;
  37. padding: 0 20rpx;
  38. border: 1px dashed #747474;
  39. border-radius: 60rpx;
  40. .title {
  41. text-align: center;
  42. font-size: 45rpx;
  43. color: #585858;
  44. margin-bottom: 10rpx;
  45. margin-top: 20rpx;
  46. }
  47. .contain {
  48. width: 500rpx;
  49. font-size: 30rpx;
  50. color: #585858;
  51. text-indent: 1cm;
  52. margin: 0 auto;
  53. padding: 20rpx;
  54. font-family: Verdana, Geneva, Tahoma, sans-serif;
  55. }
  56. .notice {
  57. text-indent: 44rpx;
  58. font-size: 22rpx;
  59. color: #929292;
  60. padding: 0 50rpx;
  61. margin-top: 35rpx;
  62. }
  63. .switch {
  64. position: absolute;
  65. width: 100rpx;
  66. height: 100rpx;
  67. border-radius: 50% 50%;
  68. &.topLeft {
  69. top: 0;
  70. left: 0;
  71. transform: translate(-50%, -50%);
  72. }
  73. &.topRight {
  74. top: 0;
  75. right: 0;
  76. transform: translate(50%, -50%);
  77. }
  78. &.bottomLeft {
  79. bottom: 0;
  80. left: 0;
  81. transform: translate(-50%, 50%);
  82. }
  83. &.bottomRight {
  84. bottom: 0;
  85. right: 0;
  86. transform: translate(50%, 50%);
  87. }
  88. }
  89. }
  90. .buttons {
  91. font-size: 25rpx;
  92. .userProtocolModel {
  93. text-align: center;
  94. margin-bottom: 30rpx;
  95. .textInside {
  96. position: relative;
  97. width: 550rpx;
  98. margin: auto;
  99. .agreeButton {
  100. position: absolute;
  101. left: 0rpx;
  102. width: 30rpx;
  103. height: 30rpx;
  104. line-height: 35rpx;
  105. border: 1px solid #464646;
  106. border-radius: 50% 50%;
  107. color: #ffffff;
  108. text-align: center;
  109. &.active {
  110. border: 1px solid #07c160;
  111. background-color: #07c160;
  112. }
  113. }
  114. .userProtocol {
  115. text-align: center;
  116. color: #929292;
  117. text-decoration: underline;
  118. margin-bottom: 15rpx;
  119. }
  120. }
  121. }
  122. .getPhoneNumberBtn {
  123. display: none;
  124. }
  125. .userPhone {
  126. text-align: center;
  127. margin-bottom: 15rpx;
  128. color: #929292;
  129. }
  130. .payHistory {
  131. text-align: center;
  132. color: #929292;
  133. text-decoration: underline;
  134. margin-bottom: 15rpx;
  135. }
  136. button {
  137. border-radius: 30rpx;
  138. }
  139. }
  140. .outSide {
  141. position: fixed;
  142. top: 0;
  143. left: 0;
  144. width: 100%;
  145. height: 100%;
  146. background-color: #00000059;
  147. .showPrivacy {
  148. position: fixed;
  149. width: 520rpx;
  150. background-color: #fff;
  151. left: 50%;
  152. top: 50%;
  153. transform: translate(-50%, -50%);
  154. padding: 60rpx 40rpx;
  155. border-radius: 20rpx;
  156. box-shadow: #00000047 2px 1px 2px 2px;
  157. .title {
  158. text-align: center;
  159. }
  160. .content {
  161. text-indent: 2em;
  162. margin: 30rpx 0;
  163. }
  164. button {
  165. width: 350rpx;
  166. &.agree {
  167. margin-bottom: 25rpx;
  168. }
  169. &.check {
  170. background-color: #ffffff00;
  171. font-size: 21rpx;
  172. text-decoration: underline;
  173. padding: 0;
  174. &::after {
  175. border: none;
  176. }
  177. }
  178. }
  179. .delete {
  180. position: absolute;
  181. top: 15rpx;
  182. right: 15rpx;
  183. width: 65rpx;
  184. height: 65rpx;
  185. }
  186. }
  187. }
  188. }