globalCSS.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. box-sizing: border-box;
  5. }
  6. body {
  7. width: 100%;
  8. height: 108rem;
  9. font-family: PingFangSC-Medium, PingFang SC;
  10. background-color: #F6F7F8;
  11. }
  12. .el-form-item, p {
  13. margin: 0;
  14. }
  15. .el-main {
  16. margin: 0;
  17. padding: 0;
  18. }
  19. #app {
  20. height: 100%;
  21. width: 100%;
  22. }
  23. .app {
  24. height: 100%;
  25. width: 100%;
  26. }
  27. .sysLogin {
  28. position: relative;
  29. /*设置图片*/
  30. width: 100%;
  31. height: 100%;
  32. min-width: 1000px;
  33. background: url("../../assets/images/SystemLogin/background2x.png") no-repeat center center fixed;
  34. background-size: cover;
  35. -webkit-background-size: cover;
  36. -o-background-size: cover;
  37. }
  38. .sysLoginCenter {
  39. height: 100%;
  40. width: 53.3rem;
  41. /*居中*/
  42. position: absolute;
  43. top: 50%;
  44. left: 50%;
  45. transform: translate(-50%, -50%);
  46. display: flex;
  47. flex-direction: column;
  48. align-items: center;
  49. }
  50. /*图片大小样式*/
  51. .mainLogin {
  52. height: 15rem;
  53. width: 17.5rem;
  54. margin: 50px 0;
  55. }
  56. /*主体处理区域*/
  57. .sysLoginCenter_handle {
  58. width: 100%;
  59. height: 43.3rem;
  60. background-color: rgba(255, 255, 255, 0.39);
  61. display: flex;
  62. flex-direction: column;
  63. align-items: center;
  64. }
  65. /*标题*/
  66. .sysLoginCenter_handle_title {
  67. margin: 4.5rem 0;
  68. }
  69. /*登陆表单提交按钮*/
  70. .loginSubmit {
  71. margin-top: 1rem;
  72. width: 23.6rem;
  73. height: 5.2rem;
  74. background: linear-gradient(180deg, #83E0E9 0%, #4CBECF 100%);
  75. box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.2);
  76. padding: 0;
  77. }
  78. /* 搜索添加按钮 */
  79. .productBtn {
  80. position: absolute;
  81. right: 4rem;
  82. width: 10rem;
  83. height: 4.5rem;
  84. top: 50%;
  85. transform: translate(0, -50%);
  86. background: linear-gradient(180deg, #83E0E9 0%, #4CBECF 100%);
  87. box-shadow: .2rem .2rem .7rem 0 rgba(0, 0, 0, 0.11);
  88. border-radius: .5rem;
  89. }
  90. /* userHomepage */
  91. .areaMore {
  92. position: absolute;
  93. top: 2.2rem;
  94. right: 3rem;
  95. }
  96. /* // 一键联系 */
  97. .areaItem_contact {
  98. position:absolute;
  99. bottom: 0;
  100. right: 0;
  101. height: 3.2rem;
  102. width: 8.2rem;
  103. margin: 1rem;
  104. font-size: 16px;
  105. font-weight: 500;
  106. color: #FFFFFF;
  107. background: linear-gradient(180deg, #83E0E9 0%, #4CBECF 100%);
  108. text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  109. display: flex;
  110. justify-content: center;
  111. align-items: center;
  112. }
  113. /* 主体按钮 */
  114. .themeButton {
  115. background: linear-gradient(180deg, #83E0E9 0%, #4CBECF 100%);
  116. text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  117. }
  118. html { font-size: 62.5%; } /*=10px*/
  119. body { font-size: 1.4rem; box-sizing: border-box; } /*=14px*/
  120. h1 { font-size: 2.4rem; } /*=24px*/
  121. /*font-size*/
  122. .supply_head_title {
  123. font-size: 3.6rem;
  124. }
  125. .sysLoginCenter_handle_title {
  126. font-size: 2.6rem;
  127. }
  128. .accountCentertop_title,
  129. .reviewMsg,
  130. .supply_otherTitle,
  131. .supply_others_title {
  132. font-size: 2.1rem;
  133. }
  134. .loginSubmit {
  135. font-size: 2.4rem;
  136. }
  137. .sysLoginCenter_handle_list_i,
  138. .skip_span,
  139. .main_name,
  140. .main_phoneNumber,
  141. .div_title,
  142. .manyRole,
  143. .search_span,
  144. .title_account,
  145. .footer-edit,
  146. .productBtn,
  147. .myApps_ul_li_type,
  148. .areaMore,
  149. .areaItemTitle,
  150. .li_detail_name,
  151. .contact_item_type,
  152. .contact_item_des,
  153. .sendDemand {
  154. font-size: 1.8rem;
  155. }
  156. .loginTop,
  157. .copyInfo_bottom-ul
  158. .detail1_account,
  159. .detail2_account,
  160. .areaItemSecondP,
  161. .systemNotice_ul,
  162. .li_detail_des,
  163. .supply_head_detail_contact,
  164. .supply_head_detail_time,
  165. .supply_others_detail {
  166. font-size: 1.6rem;
  167. }
  168. .supply_others_count {
  169. font-size: 1.4rem;
  170. }
  171. /*font-weight*/
  172. .loginTop,
  173. .sysLoginCenter_handle_title,
  174. .loginSubmit_font,
  175. .copyInfo_bottom-ul,
  176. .accountCentertop_title,
  177. .main_name,
  178. .div_title,
  179. .title_account,
  180. .areaMore,
  181. .li_detail_name,
  182. .contact_item_type,
  183. .supply_head_title,
  184. .supply_otherTitle,
  185. .supply_others_title {
  186. font-weight: 500;
  187. }
  188. /*color*/
  189. .loginTop,
  190. .loginSubmit,
  191. .copyInfo_bottom,
  192. .productBtn,
  193. .sendDemand {
  194. color: #ffffff;
  195. }
  196. .areaItemSecondP, .supply_head_detail_contact, .supply_others_detail {
  197. color: #333;
  198. }
  199. .sysLoginCenter_handle_title,
  200. .skip_span,
  201. .el-checkbox,
  202. .accountCentertop_title {
  203. color: #000000;
  204. }
  205. .li_detail_des {
  206. color: rgba(0, 0, 0, 0.7);
  207. }
  208. .footer_edit {
  209. color: rgba(0, 0, 0, .4)
  210. }
  211. .detail1_account, .detail2_account {
  212. color: rgba(0, 0, 0, .3)
  213. }
  214. .areaMore {
  215. color: #4CBECF;
  216. }
  217. /*background*/
  218. .accountCenter,
  219. .supply_others,
  220. .supplyIndex,
  221. .userhome,
  222. .supplySquare,
  223. .supplyAllInfo_head,
  224. .pulishDemand {
  225. background-color: #F6F7F8;
  226. }
  227. .accountCentertop,
  228. .head_userInfo,
  229. .accountCenterList,
  230. .el-main_acc,
  231. .manyRole,
  232. .myApps,
  233. .circularArea,
  234. .lastSupply,
  235. .systemNotice,
  236. .lastChatting,
  237. .partnerAgents,
  238. .contact,
  239. .supplyIndex_main,
  240. .supplyAllInfo_childRouter,
  241. .supply_others {
  242. background-color: #fff;
  243. }
  244. /*.sysLoginCenter_form {*/
  245. /* background-color: rgb(255, 255, 255);*/
  246. /*}*/
  247. /*border-radius*/
  248. .loginSubmit, .sysLoginCenter_handle_list_i {
  249. border-radius: 2.6rem;
  250. }
  251. .sysLoginCenter_handle,
  252. .productDetail,
  253. .teamMan_ul_li,
  254. .userhome_main_heade,
  255. .myApps,
  256. .areaItem,
  257. .supplySquare,
  258. .systemNotice,
  259. .lastChatting,
  260. .partnerAgents,
  261. .contact,
  262. .supplyIndex_main,
  263. .supply_others,
  264. .supplySquare_main1,
  265. .supplyAllInfo_childRouter {
  266. border-radius: 1rem;
  267. }
  268. .item-input-user, .lastChatting_ul_li, .supplyAllInfo_head {
  269. border-radius: .5rem;
  270. }
  271. /* cursor: pointer */
  272. .areaMore,
  273. .systemNotice_ul_li,
  274. .lastChatting_ul_li,
  275. .partnerAgents_ul_li,
  276. .supply_others{
  277. cursor: pointer
  278. }