index.scss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. iframe{
  2. width: 100vw;
  3. height: 100vh;
  4. }
  5. @keyframes rotate {
  6. 0%{
  7. transform: rotate(0deg);
  8. }
  9. 100%{
  10. transform: rotate(360deg);
  11. }
  12. }
  13. .go{
  14. animation: rotate 1s;
  15. }
  16. .fresh{
  17. display: flex;
  18. justify-content: center;
  19. align-items: center;
  20. font-size:32rpx;
  21. margin-top: 100rpx;
  22. image{
  23. margin-left: 10rpx;
  24. }
  25. }
  26. .employBox{
  27. padding-left: 30rpx;
  28. padding-right: 30rpx;
  29. padding-top: 24rpx;
  30. .stateBox{
  31. // width: 690rpx;
  32. height: 92rpx;
  33. background: #E5F0FF;
  34. border-radius: 8rpx;
  35. display: flex;
  36. align-items: center;
  37. padding-left: 32rpx;
  38. padding-right: 32rpx;
  39. font-size: 28rpx;
  40. font-family: PingFang-SC, PingFang-SC;
  41. font-weight: 500;
  42. color: #333333;
  43. justify-content: space-between;
  44. .btn{
  45. width: 100rpx;
  46. height: 60rpx;
  47. border-radius: 38rpx;
  48. border: 2rpx solid #207CF7;
  49. display: flex;
  50. justify-content: center;
  51. align-items: center;
  52. font-size: 28rpx;
  53. font-family: PingFang-SC, PingFang-SC;
  54. font-weight: 500;
  55. color: #207CF7;
  56. }
  57. }
  58. .t1{
  59. font-size: 36rpx;
  60. font-family: PingFang-SC, PingFang-SC;
  61. font-weight: 800;
  62. color: #333333;
  63. margin-top: 84rpx;
  64. text-align: center;
  65. }
  66. .t2{
  67. font-size: 24rpx;
  68. font-family: PingFang-SC, PingFang-SC;
  69. font-weight: 500;
  70. color: #999999;
  71. margin-top: 24rpx;
  72. text-align: center;
  73. }
  74. .codeBox{
  75. margin-top: 158rpx;
  76. width: 476rpx;
  77. height: 476rpx;
  78. background: #EEF5FE;
  79. margin-left: 50%;
  80. transform: translateX(-50%);
  81. display: flex;
  82. justify-content: center;
  83. align-items: center;
  84. position: relative;
  85. .lt,.rt,.lb,.rb{
  86. position: absolute;
  87. width: 28rpx;
  88. height: 28rpx;
  89. }
  90. .lt{
  91. left:-14rpx;
  92. top:-14rpx;
  93. border-top: 4rpx solid #207CF7;
  94. border-left: 4rpx solid #207CF7;
  95. }
  96. .rt{
  97. right:-14rpx;
  98. top:-14rpx;
  99. border-top: 4rpx solid #207CF7;
  100. border-right: 4rpx solid #207CF7;
  101. }
  102. .lb{
  103. left:-14rpx;
  104. bottom:-14rpx;
  105. border-bottom: 4rpx solid #207CF7;
  106. border-left: 4rpx solid #207CF7;
  107. }
  108. .rb{
  109. right:-14rpx;
  110. bottom:-14rpx;
  111. border-bottom: 4rpx solid #207CF7;
  112. border-right: 4rpx solid #207CF7;
  113. }
  114. img{
  115. width: 408rpx;
  116. height: 406rpx;
  117. }
  118. }
  119. .btn2{
  120. width: 476rpx;
  121. height: 84rpx;
  122. border-radius: 42rpx;
  123. border: 2rpx solid #207CF7;
  124. margin-left: 50%;
  125. transform: translateX(-50%);
  126. // margin-top: 136rpx;
  127. margin-top: 80rpx;
  128. display: flex;
  129. align-items: center;
  130. justify-content: center;
  131. font-size: 28rpx;
  132. font-family: PingFang-SC, PingFang-SC;
  133. font-weight: 500;
  134. color: #207CF7;
  135. }
  136. }
  137. .name,.phone{
  138. margin-top: 80rpx;
  139. display: flex;
  140. align-items: center;
  141. justify-content: center;
  142. .left{
  143. width: 15%;
  144. text-align: right;
  145. padding-right: 20rpx;
  146. font-weight: 600;
  147. }
  148. .right{
  149. width: 60%;
  150. }
  151. }
  152. .name{
  153. // margin-right: 10rpx;
  154. }
  155. .phone{
  156. margin-top: 50rpx;
  157. }
  158. .part{
  159. margin-top:50rpx;
  160. .txt{
  161. font-size: 30rpx;
  162. font-weight: bold;
  163. text-align: center;
  164. }
  165. .becuase{
  166. font-size: 30rpx;
  167. font-weight: bold;
  168. margin-top: 30rpx;
  169. // text-align: center;
  170. }
  171. .des{
  172. }
  173. }