Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 

103 строки
1.5 KiB

  1. @charset "utf-8";
  2. @rem:75rem;
  3. #wrap {
  4. overflow: hidden;
  5. position: relative;
  6. width: 100%;
  7. height: auto;
  8. }
  9. #wrap header{
  10. margin: 15/@rem auto;
  11. width: 664/@rem;
  12. height: 62/@rem;
  13. background-color: #fd4c4c;
  14. border-radius: 31px;
  15. }
  16. #wrap header .title{
  17. margin: 15/@rem auto;
  18. padding: 0 50/@rem;
  19. width: 85%;
  20. height: 62/@rem;
  21. background-color: #fd4c4c;
  22. line-height: 62/@rem;
  23. font-size: 22/@rem;
  24. color: #fff;
  25. border-radius: 31/@rem;
  26. }
  27. #wrap header .title div{
  28. float: right;
  29. width: 85%;
  30. }
  31. #wrap header p{
  32. float: left;
  33. margin-right: 50/@rem;
  34. }
  35. #wrap header i{
  36. font-size: 22/@rem;
  37. }
  38. /*主体*/
  39. .main{
  40. padding: 0 30/@rem;
  41. width: 92%;
  42. height: auto;
  43. }
  44. .main li{
  45. padding: 40/@rem 0;
  46. width: 100%;
  47. height: 140/@rem;
  48. border-top:1px solid #ddd;
  49. }
  50. .main li a{
  51. display: block;
  52. width: 100%;
  53. height: 100%;
  54. }
  55. .main li a img{
  56. width: 35%;
  57. height: inherit;
  58. }
  59. .main li div{
  60. position: relative;
  61. float: right;
  62. margin-top: 24/@rem;
  63. width: 60%;
  64. height: 90/@rem;
  65. }
  66. .main li div p:nth-child(1){
  67. overflow: hidden;
  68. margin-bottom: 24/@rem;
  69. width: 350/@rem;
  70. font-size: 28/@rem;
  71. white-space:nowrap;
  72. text-overflow:ellipsis;
  73. color: #333;
  74. }
  75. .main li div p:nth-child(2){
  76. font-size: 24/@rem;
  77. color: #999;
  78. }
  79. .main li div i{
  80. position: absolute;
  81. right: 0;
  82. top: 30/@rem;
  83. font-size: 34/@rem;
  84. color: #999;
  85. }