Página inicial Explorar Ajuda
Registrar Entrar
jjhc
/
mw_odd_job
1
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Tree: e22664079f
Branches Tags
mw_odd_job
/
public
/
static
/
mobile
/
css
/
style.css

style.css 2.9 KB
Histórico Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 
  1. body {
    2. 

  2.     --red:#e54d42;
    3. 

  3.     --pink:#FF589B;
    4. 

  4.     --blue: #0081ff;
    5. 

  5.     --green: #39b54a;
    6. 

  6.     --white: #ffffff;
    7. 

  7.     --gray: #666;
    8. 

  8.     background:#f8f9fb;
    9. 

  9.     font-family: "Microsoft Yahei",arial,"Hiragino Sans GB","Hiragino Sans GB W3",宋体,simsun;
    10. 

  10.     color:#333;
    11. 

  11. }
    12. 

  12. p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, form {list-style: none;padding: 0;margin: 0;}
    13. 

  13. a:visited {color: #000;text-decoration: none;}
    14. 

  14. a:link {color: #000;text-decoration: none;}
    15. 

  15. 

  16. .bg-pink {background-color: var(--pink);color: var(--white);}
    17. 

  17. .bg-blue {background-color: var(--blue);color: var(--white);}
    18. 

  18. .bg-white {background-color:var(--white);}
    19. 

  19. .bg_green {background: #13ca87!important;}
    20. 

  20. .text-pink{color: var(--pink);}
    21. 

  21. .text-blue{color: var(--blue);}
    22. 

  22. .text-white{color: var(--white);}
    23. 

  23. .text-gray{color: var(--gray);}
    24. 

  24. .text-green{color: var(--green);}
    25. 

  25. .text-red{color: var(--red);}
    26. 

  26. .sub_title {font-weight:bold;font-size:18px;background:white;padding-left:20px;padding-bottom:5px;}
    27. 

  27. .job-item {width:95%;border-radius:5px;background:white;margin:10px auto;box-sizing:border-box;padding:15px 10px;}
    28. 

  28. .job-item .job-flex{display:flex;justify-content:center;align-items:center;font-size:14px;}
    29. 

  29. .job-item .job-flex .job-title {font-weight:bold;font-size:16px;}
    30. 

  30. .job-item .job-flex .job-flex-left .van-tag {margin-right:5px;margin-top:5px;}
    31. 

  31. .job-item .job-flex .job-flex-right {margin-left:auto;font-size:12px;}
    32. 

  32. .job-item .job-flex .num {min-width:20px;}
    33. 

  33. .job-item .job-flex .salary {color:#e54d42;max-width:30%;}
    34. 

  34. .job-item .job-flex .btn-box {display:flex;justify-content:flex-end;width:100%;}
    35. 

  35. .job-item .job-flex .btn-box .van-button {margin-left:10px;}
    36. 

  36. .margin-top-10 {margin-top:10px;}
    37. 

  37. 

  38. .content-box {background-color: #ffffff;color: #666666;box-sizing:border-box;padding:0 15px;border-bottom: 4px solid #f8f9fb;}
    39. 

  39. .content-box .title .mark{width:4px;height:20px;background:var(--blue);display:block;border-radius:10px;margin-right:5px;transform:translate(0,2px);}
    40. 

  40. .content-box .title {display: flex;position: relative;align-items: center;min-height: 50px;justify-content: flex-start;}
    41. 

  41. .content-box .item p {padding:2px 0;font-size:14px;}
    42. 

  42. .content-box .company {display: flex;justify-content: flex-start;padding-bottom:10px;}
    43. 

  43. .content-box .company img {width:75px;height:75px;}
    44. 

  44. .content-box .company .company-right {margin-left:10px;padding-top:5px;}
    45. 

  45. .content-box .company .company-right .company-address {color:#aaa;font-size:14px;margin-top:10px;}
    46. 

  46. .fix-footer {position:fixed;left:0;bottom:0;width:100%;height:45px;background:white;text-align:center;}
    47. 

  47. .fix-footer .icon-box {display:flex;flex-direction:column;font-size:12px;justify-content:center;align-items:center;height:45px;}
    48. 

  48. .fix-footer .icon-box span {color:#aaa;}
    49. 

  49. .fix-footer .button {width:100%;height:45px;line-height:45px;background:var(--blue);color:white;}
    50. 

  50. 

  51. .share-box {position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;z-index: 100000;background-color: rgba(0, 0, 0, 0.7);}
    52. 

  52. .share-box img {width:100%;}
    53.