detail.less 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. //导航条
  2. .breadcrumb {
  3. width: 100%;
  4. height: 22px;
  5. margin-bottom: 30px;
  6. font-family: Microsoft YaHei, Microsoft YaHei;
  7. font-weight: 400;
  8. font-size: 20px;
  9. color: #666666;
  10. line-height: 23px;
  11. text-align: left;
  12. font-style: normal;
  13. text-transform: none;
  14. .el-breadcrumb::v-deep {
  15. display: inline-block;
  16. vertical-align: -4px;
  17. }
  18. /deep/.el-breadcrumb__inner a,
  19. /deep/.el-breadcrumb__inner.is-link {
  20. color: #666666;
  21. font-weight: 400;
  22. text-decoration: none;
  23. transition: var(--el-transition-color);
  24. }
  25. span {
  26. font-family: Microsoft YaHei, Microsoft YaHei;
  27. font-weight: 400;
  28. font-size: 20px;
  29. color: #666666;
  30. line-height: 23px;
  31. text-align: left;
  32. font-style: normal;
  33. text-transform: none;
  34. }
  35. span:hover {
  36. color: #666666;
  37. }
  38. .location {
  39. margin-right: 20px;
  40. width: 100px;
  41. height: 22px;
  42. font-family: Microsoft YaHei, Microsoft YaHei;
  43. font-weight: 400;
  44. font-size: 20px;
  45. color: #666666;
  46. line-height: 23px;
  47. text-align: left;
  48. font-style: normal;
  49. text-transform: none;
  50. }
  51. }
  52. // 资讯列表
  53. .newsDetail {
  54. width: 100%;
  55. //height: 1400px;
  56. margin-bottom: 70px;
  57. .inner {
  58. width: 1200px;
  59. //height: 1400px;
  60. overflow: hidden;
  61. font-size: 16px;
  62. .innerLeft {
  63. // height: 1400px;
  64. border-top: 1px solid #139602;
  65. .LeftTop {
  66. height: 522px;
  67. margin-top: 50px;
  68. >h1 {
  69. line-height: 40px;
  70. margin-bottom: 30px;
  71. font-family: Microsoft YaHei, Microsoft YaHei;
  72. font-weight: bold;
  73. font-size: 30px;
  74. color: #333333;
  75. }
  76. >p {
  77. height: 18px;
  78. line-height: 18px;
  79. font-family: Microsoft YaHei, Microsoft YaHei;
  80. font-weight: 400;
  81. font-size: 14px;
  82. color: #999999;
  83. span {
  84. margin-right: 40px;
  85. }
  86. }
  87. >img {
  88. width: 680px;
  89. height: 382px;
  90. padding: 50px 0px 60px 55px;
  91. }
  92. }
  93. .leftBottom {
  94. width: 790px;
  95. // height: 754px;
  96. margin-top: 76px;
  97. font-size: 20px;
  98. line-height: 38px;
  99. margin-bottom: 30px;
  100. ul>li img{
  101. width: 790px;
  102. height: 382px;
  103. }
  104. img{
  105. width: 790px;
  106. height: 382px;
  107. }
  108. p.tinymce-material {
  109. img {
  110. width: 790px;
  111. }
  112. }
  113. >h3,
  114. >p {
  115. text-indent: 2em;
  116. width: 790px;
  117. font-family: Microsoft YaHei, Microsoft YaHei;
  118. font-size: 20px;
  119. color: #333333;
  120. line-height: 38px;
  121. padding-bottom: 30px;
  122. img {
  123. width: 790px;
  124. }
  125. }
  126. >h3 {
  127. font-weight: 600px;
  128. }
  129. >p {
  130. font-weight: 400;
  131. }
  132. }
  133. .disclaimer {
  134. width: 790px;
  135. overflow: hidden;
  136. border-top: 1px solid #e6e6e6;
  137. padding: 30px 0px;
  138. color: #999999;
  139. font-size: 17px;
  140. p {
  141. width: 790px;
  142. line-height: 30px;
  143. }
  144. }
  145. }
  146. .innerRight {
  147. width: 381px;
  148. // height: 605px;
  149. overflow: hidden;
  150. border-top: 1px solid #139602;
  151. .hotList1 {
  152. margin-bottom: 50px;
  153. }
  154. }
  155. }
  156. }
  157. .leftBottom::v-deep p img,
  158. .leftBottom::v-deep img,
  159. .leftBottom::v-deep video {
  160. max-width: 700px;
  161. }
  162. .leftBottom::v-deep h1,
  163. .leftBottom::v-deep h2,
  164. .leftBottom::v-deep h3,
  165. .leftBottom::v-deep h4,
  166. .leftBottom::v-deep h5,
  167. .leftBottom::v-deep h6 {
  168. font-size: 20px;
  169. font-weight: 500;
  170. }