Inicio Explorar Ayuda
Iniciar sesión
caimei365
/
caimei365-www
3
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Árbol: e98f019196
Ramas Etiquetas
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
document
/
list.css

list.css 7.6 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 
  1. @charset "utf-8";
    2. 

  2. li{list-style:none}
    3. 

  3. .toLogin{display:none;}
    4. 

  4. /**
    5. 

  5.  * PC端
    6. 

  6.  */
    7. 

  7. @media screen and (min-width:768px){
    8. 

  8.     body{background-color: #F7F7F7;}
    9. 

  9.     ::-webkit-input-placeholder {
    10. 

  10.         color: #ffffff;
    11. 

  11.     }
    12. 

  12.     :-moz-placeholder {/* Firefox 18- */
    13. 

  13.         color: #ffffff;
    14. 

  14.     }
    15. 

  15.     ::-moz-placeholder{/* Firefox 19+ */
    16. 

  16.         color: #ffffff;
    17. 

  17.     }
    18. 

  18.     :-ms-input-placeholder {
    19. 

  19.         color: #ffffff;
    20. 

  20.     }
    21. 

  21.     .header{width: 100%;height: 80px;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 18px 0;}
    22. 

  22.     .wrap-header{width: 1200px;height: 100%;line-height: 44px;font-size: 20px;color: #ffffff;margin: 0 auto;}
    23. 

  23.     .wrap-header .logo{width: 52px;height: 44px;margin-right: 10px;}
    24. 

  24.     .wrap-header .search{width: 400px;height: 44px;float: right;border-radius: 22px;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 20px;}
    25. 

  25.     .wrap-header .search .input{width: 316px;height: 44px;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size: 16px;color: #ffffff;}
    26. 

  26.     .wrap-header .search .icon-search{width: 44px;height: 44px;float: right;box-sizing: border-box;padding: 10px;cursor: pointer;}
    27. 

  27.     .wrap-header .search .icon-search img{width: 22px;height: 22px;display: block;cursor: pointer;}
    28. 

  28.     .document-content{width: 100%;min-height:900px;float: left;}
    29. 

  29.     .document-content .inner{width: 1200px;margin: 0 auto;}
    30. 

  30.     .document-content .document-list{width: 100%;height: auto;margin-top: 40px;}
    31. 

  31.     .document-list .list-item{width: 100%;min-height: 160px;background-color: #FFFFFF;border-radius: 4px;box-sizing: border-box;padding: 20px 20px 0 20px ;float: left;margin-bottom: 20px;}
    32. 

  32.     .document-list .list-item .list-item-top{width: 100%;height:auto;float: left;padding-bottom:20px; position: relative;}
    33. 

  33.     .document-list .list-item .list-item-top .image{width: 140px;height: 120px;float: left;border: 1px solid #F3F6F9;border-radius: 4px;margin-right: 20px;}
    34. 

  34.     .document-list .list-item .list-item-top .image img{width: 140px;height: 120px;display: block;}
    35. 

  35.     .document-list .list-item .list-item-top .icon{width: 24px;height: 24px;border-radius: 2px;background-color: #FFF5F1;position: absolute;bottom: 20px;right: 0;cursor: pointer;}
    36. 

  36.     .document-list .list-item .list-item-top .icon:before{width: 24px;height: 24px;background-position: -148px 2px;}
    37. 

  37.     .document-list .list-item .list-item-top .icon.top:before{width: 24px;height: 24px;background-position: -178px 2px;}
    38. 

  38.     .document-list .list-item .list-item-top .main {width: 800px;height: 120px;float: left;}
    39. 

  39.     .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 20px;line-height: 40px;color: #E15616;text-align: left;}
    40. 

  40.     .document-list .list-item .list-item-top .main p{font-weight: normal;font-size: 16px;line-height: 34px;color: #666666;text-align: left;}
    41. 

  41.     .document-list .list-item .list-item-bot{width: 100%;height: auto;padding: 20px 0;border-top: 1px solid #CFDBE2;float: left;}
    42. 

  42.     .document-list .list-item .list-item-bot.none{border-top: none;}
    43. 

  43.     .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #999999;float: left;margin: 5px 0;}
    44. 

  44.     .document-list .list-item .list-item-bot .pdf-li .img{width: 18px;height: 20px;display: block;float: left;margin-top: 5px;}
    45. 

  45.     .document-list .list-item .list-item-bot .pdf-li .name{float: left;margin-left: 10px;cursor: pointer;}
    46. 

  46.     .document-list .list-item .list-item-bot .pdf-li .name:hover{color: #E15616;}
    47. 

  47.     .document-list .list-item .list-item-bot .pdf-li .time{float: right;}
    48. 

  48.     .document-footer{width: 100%;height: 120px;background-color: #F0F0F0;box-sizing: border-box;padding: 30px 0;float: left;}
    49. 

  49.     .wrap{color: #999999;font-size: 14px;line-height: 30px;}
    50. 

  50. }
    51. 

  51. 

  52. /**
    53. 

  53. * 移动端
    54. 

  54. */
    55. 

  55. @media screen and (max-width:768px){
    56. 

  56.     ::-webkit-input-placeholder {
    57. 

  57.         color: #ffffff;
    58. 

  58.     }
    59. 

  59.     :-moz-placeholder {/* Firefox 18- */
    60. 

  60.         color: #ffffff;
    61. 

  61.     }
    62. 

  62.     ::-moz-placeholder{/* Firefox 19+ */
    63. 

  63.         color: #ffffff;
    64. 

  64.     }
    65. 

  65.     :-ms-input-placeholder {
    66. 

  66.         color: #ffffff;
    67. 

  67.     }
    68. 

  68.     .mIcon:before{transition:none;}
    69. 

  69.     .header{width: 100%;height: 17.8vw;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 3.4vw 4vw;}
    70. 

  70.     .wrap-header{width: 100%;height: 100%;line-height: 10vw;font-size: 2vw;color: #ffffff;}
    71. 

  71.     .wrap-header .logo{width: 10vw;height: 8.8vw;margin-right: 10px;}
    72. 

  72.     .wrap-header .search{width: 56.9vw;height: 10vw;float: right;border-radius: 5vw;background-color: rgba(255,255,255,0.16);box-sizing: border-box;padding: 0 2vw;}
    73. 

  73.     .wrap-header .search .input{width: 43.9vw;height: 10vw;line-height:10vw;background-color: rgba(255,255,255,0);box-sizing: border-box;border: none;font-size:3vw;color: #ffffff;}
    74. 

  74.     .wrap-header .search .icon-search{width:8vw;height: 10vw;float: right;box-sizing: border-box;padding: 2vw;cursor: pointer;margin-top: 0.5vw;}
    75. 

  75.     .wrap-header .search .icon-search img{width: 4vw;height: 4vw;display: block;cursor: pointer;}
    76. 

  76.     .document-content{width: 100%;min-height:108vw;float: left;}
    77. 

  77.     .document-content .inner{width:100%;margin: 0 auto;}
    78. 

  78.     .document-content .document-list{width: 100%;height: auto;margin-top: 4vw;box-sizing: border-box;padding: 0 3vw;}
    79. 

  79.     .document-list .list-item{width: 100%;min-height: auto;background-color: #FFFFFF;border-radius: 1.5vw;box-sizing: border-box;padding: 3vw 3vw 0 3vw;float: left;margin-bottom: 4vw;}
    80. 

  80.     .document-list .list-item .list-item-top{width: 100%;height:auto;float: left;padding-bottom:2vw; position: relative;}
    81. 

  81.     .document-list .list-item .list-item-top .image{width:20vw;height: 20vw;float: left;border: 1px solid #F3F6F9;border-radius: 1.5vw;margin-right: 2vw;}
    82. 

  82.     .document-list .list-item .list-item-top .image img{width: 20vw;height: 20vw;display: block;}
    83. 

  83.     .document-list .list-item .list-item-top .icon{width: 24px;height: 24px;border-radius: 2px;background-color: #FFF5F1;position: absolute;bottom: 20px;right: 0;cursor: pointer;}
    84. 

  84.     .document-list .list-item .list-item-top .icon:before{width: 24px;height: 24px;background-position: -67.5vw 0;}
    85. 

  85.     .document-list .list-item .list-item-top .icon.top:before{width: 24px;height: 24px;background-position: -59vw 0;}
    86. 

  86.     .document-list .list-item .list-item-top .main {height: 20vw;float: left;width: 56vw;}
    87. 

  87.     .document-list .list-item .list-item-top .main h1{font-weight: normal;font-size: 4vw;line-height: 6.5vw;color: #E15616;text-align: left;}
    88. 

  88.     .document-list .list-item .list-item-top .main p{width: 100%;font-weight: normal;font-size: 3vw;line-height: 6.5vw;color: #666666;text-align: left;	white-space: normal;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    89. 

  89.     .document-list .list-item .list-item-bot{width: 100%;height: auto;padding: 2vw 0;border-top: 1px solid #CFDBE2;float: left;}
    90. 

  90.     .document-list .list-item .list-item-bot.none{border-top: none;}
    91. 

  91.     .document-list .list-item .list-item-bot .pdf-li{width: 100%;height: 8vw;font-size: 3vw;color: #999999;float: left;margin:1vw 0;}
    92. 

  92.     .document-list .list-item .list-item-bot .pdf-li .img{width: 7vw;height:8vw;display: block;float: left;margin-top: 0;}
    93. 

  93.     .document-list .list-item .list-item-bot .pdf-li .name{float: left;margin-left: 3vw;cursor: pointer;width: 56vw;}
    94. 

  94.     .document-list .list-item .list-item-bot .pdf-li .name:hover{color: #E15616;}
    95. 

  95.     .document-list .list-item .list-item-bot .pdf-li .time{float: left;margin-left: 3vw;width: 56vw;}
    96. 

  96.     .document-footer{width: 100%;height: auto;background-color: #F0F0F0;box-sizing: border-box;padding: 30px 0;float: left;}
    97. 

  97.     .wrap{color: #999999;font-size: 14px;line-height: 30px;}
    98. 

  98. 

  99. 

  100. 

  101. }
    102.