Ana Sayfa Keşfet Yardım
Giriş Yap
caimei365
/
caimei365-www
3
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Ağaç: dc6ad79471
Dallar Biçim İmleri
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
encyclopedia
/
old
/
index.css

index.css 11 KB
Geçmiş Ham

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 
  1. @charset "UTF-8";
    2. 

  2. .floor-list{min-height: 70vh}
    3. 

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

  4. .color0{ color: #EB2F96 !important;}
    5. 

  5. .color1{ color: #9254DE !important;}
    6. 

  6. .color2{ color: #00BE6F !important;}
    7. 

  7. .color3{ color: #FD8321 !important;}
    8. 

  8. .color4{ color: #EB2F96 !important;}
    9. 

  9. .color5{ color: #9254DE !important;}
    10. 

  10. .color6{ color: #FF4D4F !important;}
    11. 

  11. .color7{ color: #40A9FF !important;}
    12. 

  12. .color8{ color: #FCC004 !important;}
    13. 

  13. .color9{ color: #3AD0CA !important;}
    14. 

  14. .flex-between-center,.floor .article .section .content .footer,.floor .emtyp,.category .name,.category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    15. 

  15. .banner{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}
    16. 

  16. .banner img{width:1920px;height:510px}
    17. 

  17. .banner .mobile-banner{display: none;}
    18. 

  18. .category{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:1200px;height:56px;background:#fff;padding:0 24px;margin-top:32px;line-height:56px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
    19. 

  19. .category .name{width:120px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    20. 

  20. .category .name em{display:block;width:1px;height:24px;background:#e3e6eb;margin-right:30px;margin-top:16px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
    21. 

  21. .category .category-list{-webkit-box-flex:1;-ms-flex:1;flex:1}
    22. 

  22. .category .category-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
    23. 

  23. .category .category-list ul li{padding-right:40px}
    24. 

  24. .category .category-list ul li.active a{color:#FF5B00}
    25. 

  25. .category .category-list ul li a:hover{color:#FF5B00}
    26. 

  26. .category .collapse{font-size:14px;color:#93979f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
    27. 

  27. .category .collapse span{display:block}
    28. 

  28. .floor{overflow:hidden}
    29. 

  29. .floor .emtyp{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:1200px;height:812px;margin-top:24px;background:#ffffff;border-radius:2px}
    30. 

  30. .floor .emtyp p{margin-top:24px;color:#4a4f58}
    31. 

  31. .floor .search-title{margin-top:24px}
    32. 

  32. .floor .search-title span{color:#FF5B00}
    33. 

  33. .floor .floor-title{position:relative;width:1200px;margin:24px auto 0;height:56px;background:#f0f5ff;border-radius:2px}
    34. 

  34. .floor .floor-title .h5-more-btn{display:none}
    35. 

  35. .floor .floor-title h2{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px;line-height:56px;font-size:20px;font-weight:bold;color:#597ef7;z-index:9}
    36. 

  36. .floor .floor-title img{position:absolute;width:100%;height:100%;left:0;top:0;z-index:8}
    37. 

  37. .floor .article::after{content:"";display:block;visibility:hidden;width:0;clear:both}
    38. 

  38. .floor .article .section{float:left;width:384px;height:546px;margin:24px 24px 0 0;background:#ffffff;border-radius:2px;overflow:hidden;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s}
    39. 

  39. .floor .article .section:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
    40. 

  40. .floor .article .section:hover h3{color:#FF5B00}
    41. 

  41. .floor .article .section:nth-child(3n){margin-right:0}
    42. 

  42. .floor .article .section .cover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:260px}
    43. 

  43. .floor .article .section .cover img{width:246px;height:246px}
    44. 

  44. .floor .article .section .content{padding:16px 16px 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
    45. 

  45. .floor .article .section .content h3{-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;font-weight:bold;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
    46. 

  46. .floor .article .section .content .title{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:52px;color:#4a4f58;margin-top:12px;line-height:26px;text-align:justify;word-break:break-all}
    47. 

  47. .floor .article .section .content .question{margin:12px 0;height:78px}
    48. 

  48. .floor .article .section .content .question p{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#93979f;line-height:26px;font-size:14px}
    49. 

  49. .floor .article .section .content .question p:nth-child(3)~p{display: none}
    50. 

  50. .floor .article .section .content .tag-list{height:24px}
    51. 

  51. .floor .article .section .content .tag-list .tag{display:inline-block;height:24px;line-height:24px;background:#fef6f3;border-radius:2px;font-size:12px;color:#FF5B00;padding:0 8px;margin-right:8px}
    52. 

  52. .floor .article .section .content .dashed-line{margin-top:12px;height:0px;border-bottom:1px dashed #b8bfca}
    53. 

  53. .floor .article .section .content .footer{height:50px;line-height:50px;font-size:14px;color:#93979f}
    54. 

  54. .floor .more{padding:32px 0 16px}
    55. 

  55. .floor .more .more-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:98px;height:32px;margin:0 auto;border:1px solid #cccccc;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#909090;cursor:pointer}
    56. 

  56. .floor .more .more-btn:hover{color:#FF5B00;border-color:#FF5B00}
    57. 

  57. .search-floor{min-height: calc(100vh - 200px)}
    58. 

  58. }
    59. 

  59. @media screen and (max-width:768px){
    60. 

  60. .flex,.flex-start-center,.floor .article .section .content .tag-list,.flex-between-center,.floor .article .section .content .footer,.floor .article .section a,.floor .floor-title,.flex-center,.banner{display:-webkit-box;display:-ms-flexbox;display:flex}
    61. 

  61. .flex-center,.banner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    62. 

  62. .flex-between-center,.floor .article .section .content .footer,.floor .article .section a,.floor .floor-title{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    63. 

  63. .flex-start-center,.floor .article .section .content .tag-list{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    64. 

  64. .banner{width:100vw;height:51vw;overflow:hidden}
    65. 

  65. .banner img{display:block;height:51vw}
    66. 

  66. .banner .pc-banner{display: none;}
    67. 

  67. .navigate{display:none !important}
    68. 

  68. .category{height:10.8vw}
    69. 

  69. .category .name,.category .collapse{display:none}
    70. 

  70. .category .category-list{background:#fff}
    71. 

  71. .category .category-list.fixed{top:29.5vw;position:fixed;z-index:9999;-webkit-box-shadow:0 0.2vw 3vw rgba(0,0,0,0.1);box-shadow:0 0.2vw 3vw rgba(0,0,0,0.1)}
    72. 

  72. .category .category-list ul{overflow-x:scroll;width:100vw;height:10.8vw;padding:4vw 4vw 0;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}
    73. 

  73. .category .category-list ul::-webkit-scrollbar{display:none}
    74. 

  74. .category .category-list ul li{position:relative;display:inline-block;height:6.8vw;margin-right:5.6vw}
    75. 

  75. .category .category-list ul li:last-child{margin-right:0}
    76. 

  76. .category .category-list ul li::after{content:"";position:absolute;left:50%;bottom:0.4vw;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;width:8.8vw;height:0.4vw;background:#fff}
    77. 

  77. .category .category-list ul li a{display:block;font-size:3.8vw;line-height:5vw;color:#9498a0}
    78. 

  78. .category .category-list ul li.active a{color:#FF5B00}
    79. 

  79. .category .category-list ul li.active::after{background:#FF5B00}
    80. 

  80. .floor{padding:4vw;margin-top:2.4vw;background:#fff}
    81. 

  81. .floor .floor-title{line-height:6.4vw;height:6.4vw;padding-bottom:1.6vw}
    82. 

  82. .floor .floor-title img{display:none}
    83. 

  83. .floor .floor-title h2{width:64vw;font-size:3.6vw}
    84. 

  84. .floor .floor-title .h5-more-btn span{margin-right:-2vw;font-size:2.6vw;color:#93979f}
    85. 

  85. .floor .floor-title .h5-more-btn .icon{margin-right:-2vw;vertical-align:middle}
    86. 

  86. .floor .article .section{padding-top:4vw;border-top:1px solid rgba(0,0,0,0.1)}
    87. 

  87. .floor .article .section a{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    88. 

  88. .floor .article .section .cover{margin-right:2.4vw}
    89. 

  89. .floor .article .section .cover img{display:block;width:30.4vw;height:30.4vw;border:1px solid #e1e1e1}
    90. 

  90. .floor .article .section .content {flex: 1;}
    91. 

  91. .floor .article .section .content h3{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:4vw;height:4vw;font-size:3.6vw;font-weight:bold;word-break: break-all;}
    92. 

  92. .floor .article .section .content .title{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1.6vw;font-size:3.2vw;line-height:4.6vw;text-align:justify;height:9.2vw; word-break: break-all;}
    93. 

  93. .floor .article .section .content .question{height:10vw;margin:2.4vw 0}
    94. 

  94. .floor .article .section .content .question p{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:2.6vw;line-height:5vw;color:#93979f}
    95. 

  95. .floor .article .section .content .question p:nth-child(2)~p{display: none}
    96. 

  96. .floor .article .section .content .tag-list{height:4.8vw;-ms-flex-wrap:wrap;flex-wrap:wrap}
    97. 

  97. .floor .article .section .content .tag-list .tag{height:4.8vw;padding:0 1.2vw;margin-right:1.6vw;background:#fef6f3;border-radius:0.2vw;font-size:2.6vw;color:#FF5B00;line-height:4.8vw}
    98. 

  98. .floor .article .section .content .tag-list .tag:last-child{display:none}
    99. 

  99. .floor .article .section .content .dashed-line{display:none}
    100. 

  100. .floor .article .section .content .footer{height:8vw;font-size:2.6vw;color:#93979f;line-height:8vw}
    101. 

  101. .floor .more{display:none}
    102. 

  102. .search-floor{margin-top:0;padding:0}
    103. 

  103. .search-floor .search-title{position:fixed;top:29.5vw;left:0;z-index:999;width:100vw;line-height:10vw;padding:0 4vw;background:#f5f5f5;font-size:3.6vw;-webkit-box-sizing:border-box;box-sizing:border-box}
    104. 

  104. .search-floor .search-title span{color:#FF5B00}
    105. 

  105. .search-floor .emtyp{display: flex; padding:10vw 0 4vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:75vh}
    106. 

  106. .search-floor .emtyp p{margin-top:5vw;font-size:3.2vw;color:#4a4f58}
    107. 

  107. .search-floor .article{padding:10vw 4vw 0}
    108. 

  108. .search-floor .article .section:first-child{border-top:0}
    109. 

  109. .search-floor{min-height: 66vh}
    110. 

  110. }
    111.