You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

85 lines
1.4 KiB

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