globalCSS.css 5.0 KB

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