Inicio Explorar Axuda
Iniciar sesión
caimei365
/
caimei365-www
3
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Árbore: 62e1cd898a
Ramas Etiquetas
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
supplier-center
/
encyclopedia
/
chart.css

chart.css 4.6 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 
  1. /*PC端**/
    2. 

  2.  @media screen and (min-width:768px) {
    3. 

  3.   body{background-color: #F5F5F5;}
    4. 

  4.   header{box-shadow: none;}
    5. 

  5.   table, td, th{border: none;}
    6. 

  6.   .baseHeadCenter .logo{ width: auto;height: 52px; margin-right: 20px;border-right: 1px solid #e1e1e1;box-sizing: border-box;padding-right:16px;}
    7. 

  7.   .baseHeadCenter .logo.none{border-right: none;}
    8. 

  8.   .baseHeadCenter.account .wrap{padding-top: 25px;}
    9. 

  9.   .baseHeadCenter.account{border-bottom: none;}
    10. 

  10.   .header-title{float: left;}
    11. 

  11.   .header-title p{line-height: 76px;font-size: 24px;color: #333333;font-weight: bold;}
    12. 

  12.   .header-title span{line-height: 76px;font-size: 16px;color: #333333;font-weight: normal;}
    13. 

  13.   .chart-content{width: 1200px;margin: 0 auto;}
    14. 

  14.   .chart-content .chart-title{ width: 100%;float: left; line-height: 80px;font-size: 24px;color: #333333;font-weight: bold;}
    15. 

  15.   .chart-content .chart-title span{line-height: 80px;font-size: 16px;color: #333333;font-weight: normal;}
    16. 

  16.   .chart-content-text{ min-height: 100px;width: 100%;box-sizing: border-box;padding: 24px;background: #FFFFFF;float: left;margin-bottom: 16px; }
    17. 

  17.   .chart-content-text h1,.chart-content-text p{font-size: 14px;color: #666666;line-height: 28px;}
    18. 

  18.   .chart-content-main{width: 100%;height: auto;float: left;margin-bottom: 16px;}
    19. 

  19.   .chart-main-top{width: 100%;height: 676px; margin-top: 16px;}
    20. 

  20.   .chart-main-bot{width: 100%;height: 494px;}
    21. 

  21.   .chart-main-top img{width: 100%;height: 676px;}
    22. 

  22.   .chart-main-bot img{width: 100%;height: 494px;}
    23. 

  23.   .chart-main-box{width: 592px;height: 420px;background: #FFFFFF;box-sizing: border-box;padding: 24px;}
    24. 

  24.   .chart-main-box.le{float: left;}
    25. 

  25.   .chart-main-box.ri{float: right;}
    26. 

  26.   .chart-main-min{width: 592px;height: 320px;background: #FFFFFF;box-sizing: border-box;padding: 24px;}
    27. 

  27.   .chart-main-min-title{width: 100%;line-height: 28px;font-size: 18px;font-weight: bold;color: #666666;margin-bottom: 20px;}
    28. 

  28.   .chart-main-max{width: 100%;height: 485px;background: #FFFFFF;box-sizing: border-box;padding: 24px;}
    29. 

  29.   .chart-main-max.table{height: 570px;}
    30. 

  30.   .chart-main-min.le{float: left;}
    31. 

  31.   .chart-main-min.ri{float: right;}
    32. 

  32.   .chart-main-468{width: 468px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: left;}
    33. 

  33.   .chart-main-568{width: 568px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: left;}
    34. 

  34.   .chart-main-568 img{width: 100%;height: 100%;display: block;}
    35. 

  35.   .chart-main-300{width: 300px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: right;margin-left: 16px;}
    36. 

  36.   .chart-main-400{width: 400px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: right;margin-left: 16px;}
    37. 

  37.   .chart-main-390{width: 390px;height: 360px;background: #FFFFFF;box-sizing: border-box;padding: 24px;float: left;margin-right: 15px;}
    38. 

  38.   .chart-main-390.none{margin-right: 0;}
    39. 

  39. }
    40. 

  40. 

  41. /*移动端**/
    42. 

  42.  @media screen and (max-width:768px){
    43. 

  43.   body{background-color: #F5F5F5;}
    44. 

  44.   header{box-shadow: none;}
    45. 

  45.   table, td, th{border: none;}
    46. 

  46.   .baseHeadCenter.account .wrap{padding-top: 10px;}
    47. 

  47.   .baseHeadCenter.account{border-bottom: none;}
    48. 

  48.   .header-title{display: none;}
    49. 

  49.   .chart-content{width: 100%;margin: 0 auto;box-sizing: border-box;padding: 3vw;}
    50. 

  50.   .chart-title{ width: 100%;float: left; line-height: 8vw;font-size: 4vw;color: #333333;font-weight: bold;}
    51. 

  51.   .chart-title span{line-height: 8vw;font-size: 16px;color: #333333;font-weight: normal;}
    52. 

  52.   .chart-content-text{ min-height: 60vw;width: 100%;box-sizing: border-box;padding: 3vw;background: #FFFFFF;float: left;margin-bottom: 10vw; }
    53. 

  53.   .chart-content-text h1,.chart-content-text p{font-size: 3.4vw;color: #666666;line-height: 6vw;}
    54. 

  54.   .chart-content-main{width: 100%;height: auto;float: left;margin-bottom: 16px;}
    55. 

  55.   .chart-main-box{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;}
    56. 

  56.   .chart-main-box.le{float: left;margin-bottom: 16px;}
    57. 

  57.   .chart-main-box.ri{float: left;}
    58. 

  58.   .chart-main-min{width: 100%;height: 42vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;}
    59. 

  59.   .chart-main-max{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;}
    60. 

  60.   .chart-main-min.le{float: left;margin-bottom: 16px;}
    61. 

  61.   .chart-main-min.ri{float: left;}
    62. 

  62.   .chart-main-568{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
    63. 

  63.   .chart-main-468{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
    64. 

  64.   .chart-main-400{width: 100%;height: 86vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
    65. 

  65.   .chart-main-300{width: 100%;height: 60vw;background: #FFFFFF;box-sizing: border-box;padding: 3vw;float: left;margin-bottom: 16px;}
    66. 

  66. }
    67.