首页 发现 帮助
登录
caimei365
/
caimei365-www
3
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
目录树: dc6ad79471
分支列表 标签列表
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
encyclopedia
/
old
/
detail.css

detail.css 20 KB
文件历史 原始文件

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

  2. .viewer-container{z-index: 99999 !important}
    3. 

  3. img{cursor: pointer;}
    4. 

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

  5. .flex-between-center,.article .section.description .content{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}
    6. 

  6. .container,.article{width:1200px;margin:0 auto}
    7. 

  7. .article{margin-top:16px;background:#fff}
    8. 

  8. .article .section{padding:24px}
    9. 

  9. .article .section .title h2{font-size:20px;font-weight:bold;color:#4a4f58}
    10. 

  10. .article .section .title .line{width:100%;height:1px;background:#e3e6eb;margin-top:4px}
    11. 

  11. .article .section .title .line::before{content:"";display:block;width:20px;height:1px;background:#FF5B00}
    12. 

  12. .article .section .content{padding-top:24px;word-break: break-all;}
    13. 

  13. .article .section .content .row{margin:16px 0}
    14. 

  14. .article .section .content p{color:#4a4f58;font-size:14px;line-height:24px}
    15. 

  15. .article .section .content h1,.article .section .content h2,.article .section .content h3,.article .section .content h4,.article .section .content h5,.article .section .content h6{margin:16px 0;font-weight:bold}
    16. 

  16. .article .section.description .content{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    17. 

  17. .article .section.description .content .content-left{width:986px}
    18. 

  18. .article .section.description .content .content-left .desc{text-align:justify;font-size:14px;line-height:24px}
    19. 

  19. .article .section.description .content .content-left .names{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;line-height: 26px}
    20. 

  20. .article .section.description .content .content-left .names .name{max-width: 60%;}
    21. 

  21. .article .section.description .content .content-left .names .alias{ flex: 1;}
    22. 

  22. .article .section.description .content .content-left .alias{color:#93979f;margin-left:40px}
    23. 

  23. .article .section.description .content .cover{width:120px;height:120px;border:1px dashed #93979f;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
    24. 

  24. .article .section.description .content .cover img{width:120px;height:120px}
    25. 

  25. /*.article .section.params .tr{width:100%;text-align:center;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;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #e3e6eb;flex-wrap: wrap;}*/
    26. 

  26. /*.article .section.params .tr:first-child{border-top:1px solid;border-left:1px solid;border-color:#e3e6eb}*/
    27. 

  27. /*.article .section.params .tr .group{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;width:50%}*/
    28. 

  28. /*.article .section.params .tr .th,.article .section.params .tr .td{line-height:40px;font-size:14px;height:40px;border-right:1px solid;border-bottom:1px solid;border-color:#e3e6eb;-webkit-box-sizing:border-box;box-sizing:border-box}*/
    29. 

  29. /*.article .section.params .tr .th a,.article .section.params .tr .td a{color:#FF5B00}*/
    30. 

  30. /*.article .section.params .tr .th{background:#f4f5f8;width: 30%;}*/
    31. 

  31. /*.article .section.params .tr .td{background:#ffffff;width: 70%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/
    32. 

  32. .article .section.params .content{width:100%;font-size:14px;border-collapse:unset;border-spacing:unset}
    33. 

  33. .article .section.params .content.mobile{display: none;}
    34. 

  34. .article .section.params .content tr td{padding:8px;line-height:1.6;border-top:1px solid;border-left:1px solid;border-color:#e3e6eb !important}
    35. 

  35. .article .section.params .content tr td:last-child{border-right:1px solid}
    36. 

  36. .article .section.params .content tr:last-child td{border-bottom:1px solid}
    37. 

  37. .article .section.params .content tr .th{width:18%;background:#f4f5f8}
    38. 

  38. .article .section.params .content tr .td a { color:#FF5B00 }
    39. 

  39. .article .section.approve .content .name{font-size:14px;line-height:24px}
    40. 

  40. .article .section.approve .content a{color:#FF5B00}
    41. 

  41. .article .section.approve .content .img-list{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}
    42. 

  42. .article .section.approve .content .img-list img{width:120px;height:120px;border:1px dashed #93979f;-webkit-box-sizing:border-box;box-sizing:border-box;margin:16px 16px 0 0}
    43. 

  43. .article .section.effect .content img{display:block;width:100%}
    44. 

  44. .article .section.question .content .collapse{margin-bottom:12px}
    45. 

  45. .article .section.question .content .collapse dt,.article .section.question .content .collapse dd{position:relative;font-size:14px;line-height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32px;text-align:justify}
    46. 

  46. .article .section.question .content .collapse dt span,.article .section.question .content .collapse dd span{display:inline-block;width:20px;height:20px;margin-right:8px;text-align:center;line-height:20px;border-radius:2px;color:#fff;font-size:12px;position:absolute;top:2px;left:0}
    47. 

  47. .article .section.question .content .collapse dt{font-weight:bold}
    48. 

  48. .article .section.question .content .collapse dt span{background:#ffa457}
    49. 

  49. .article .section.question .content .collapse dt .icon{position:absolute;right:0;top:2px;cursor:pointer}
    50. 

  50. .article .section.question .content .collapse dd{padding-right:0;margin-top:4px;}
    51. 

  51. .article .section.question .content .collapse dd span{background:#34cc8c}
    52. 

  52. .article .section.publish-info{display: flex;justify-content: space-between;align-items: center;font-size: 12px;color: #666}
    53. 

  53. .article .section.some-link .group{ display: flex;justify-content: space-between;align-items: center; }
    54. 

  54. .article .section.some-link .group .link{flex: 1; display: flex; align-items: center;margin-top: 24px}
    55. 

  55. .article .section.some-link .group .link .name{ font-size: 14px; margin-left: 16px;max-width: 300px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.6}
    56. 

  56. .article .section.some-link .group .link .name:hover{ color: #FF5B00 }
    57. 

  57. .article .section.some-link .group .link .image{ width: 88px;height: 88px; }
    58. 

  58. 

  59. .article .section.related-video .content::after{content: "";display: block;clear:both;}
    60. 

  60. .article .section.related-video .content .video-control{width: 338px;height: 230px;position: relative;background: #f1f1f1;float: left;margin: 24px 24px 0 0;}
    61. 

  61. .article .section.related-video .content .video-control .video-title { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 40px; background: rgba(0,0,0,0.39); text-align: center; line-height: 40px ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 16px; box-sizing: border-box;padding: 0 16px; }
    62. 

  62. .article .section.related-video .content .video-control:nth-child(1),
    63. 

  63. .article .section.related-video .content .video-control:nth-child(2),
    64. 

  64. .article .section.related-video .content .video-control:nth-child(3){margin-top: 0;}
    65. 

  65. .article .section.related-video .content .video-control video{width: 100%;height: 100%;position: relative;z-index: 6}
    66. 

  66. .article .section.related-video .content .video-control .play{display: block;position: absolute;left: 50%;top: 50%; border-radius: 50%; width: 48px;height: 48px; transform: translate(-50%,-50%);background: url(/img/activity/pc-palyer.png);cursor: pointer;z-index: 9;background-size: 48px 48px;}
    67. 

  67. 

  68. 

  69. .article .section .content::after{content:"";display:block;visibility:hidden;width:0;clear:both}
    70. 

  70. .article .section .recommend-section{display: block; float:left;width:372px;height:546px;margin:0 18px 18px 0;background:#ffffff;border-radius:2px;overflow:hidden;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;border: 1px solid #E3E6EB;box-sizing: border-box;}
    71. 

  71. /*.article .section .recommend-section:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}*/
    72. 

  72. .article .section .recommend-section  h3{margin: 0;}
    73. 

  73. .article .section .recommend-section:hover h3{color:#FF5B00}
    74. 

  74. .article .section .recommend-section:nth-child(3n){margin-right:0}
    75. 

  75. .article .section .recommend-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}
    76. 

  76. .article .section .recommend-section .cover img{width:246px;height:246px}
    77. 

  77. .article .section .recommend-section .content{padding:16px 16px 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
    78. 

  78. .article .section .recommend-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;}
    79. 

  79. .article .section .recommend-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}
    80. 

  80. .article .section .recommend-section .content .question{margin:12px 0;height:78px}
    81. 

  81. .article .section .recommend-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}
    82. 

  82. .article .section .recommend-section .content .question p:nth-child(3)~p{display: none}
    83. 

  83. .article .section .recommend-section .content .tag-list{height:24px}
    84. 

  84. .article .section .recommend-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}
    85. 

  85. .article .section .recommend-section .content .dashed-line{margin-top:12px;height:0px;border-bottom:1px dashed #b8bfca}
    86. 

  86. .article .section .recommend-section .content .footer{height:50px;line-height:50px;font-size:14px;color:#93979f;display: flex;justify-content: space-between;}
    87. 

  87. 

  88. .contact-popup{display: none; position:fixed;top: 50%;left: 50%;z-index: 99999; transform: translate(-50%,-50%); width:314px;height:418px;overflow:hidden;background:url(/img/encyclopedia/contact.png) no-repeat center}
    89. 

  89. .contact-popup .close{position:absolute;display:block;width:30px;height:30px;text-align:center;line-height:30px;top:10px;right:20px;font-size:28px;color:#2c3038;cursor:pointer}
    90. 

  90. .contact-popup .content{margin-top:130px}
    91. 

  91. .contact-popup .content p{font-size:16px;text-align:center;line-height:32px;color:#9aa5b5;margin:0}
    92. 

  92. .contact-popup .content p.tel{color:#FF5B00}
    93. 

  93. .contact-popup .content p.time{color:#2c3038}
    94. 

  94. 

  95. .video-popup{position: fixed;width: 100vw;height: 100vh;top: 0; left: 0;background: #333;z-index: 99999}
    96. 

  96. /*.video-popup .mask{width: 100vw;height: 100vh;background: #333333;}*/
    97. 

  97. .video-popup .content{width: 944px;height: 642px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #f1f1f1;}
    98. 

  98. .video-popup .content video{width: 100%;height: 100%;display: block;}
    99. 

  99. .video-popup .close {position: absolute;right: 15px;top: 15px; width: 36px;height: 36px;background: url(/img/activity/pc_close.png);background-size: 36px;cursor: pointer;}
    100. 

  100. }
    101. 

  101. @media screen and (max-width:768px){
    102. 

  102. img{max-width: 100%;}
    103. 

  103. .flex,.flex-start-center,.article .section.approve .img-list,.article .section.params .tr .group,.flex-between-center,.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex}
    104. 

  104. .flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    105. 

  105. .flex-between-center{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    106. 

  106. .flex-start-center,.article .section.approve .img-list,.article .section.params .tr .group{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    107. 

  107. body{padding-top:40.3vw}
    108. 

  108. .navigate{display:block;background:#fff;top:29.5vw;position:fixed;-webkit-box-shadow:1vw 0 2vw rgba(0,0,0,0.1);box-shadow:1vw 0 2vw rgba(0,0,0,0.1);z-index: 10;}
    109. 

  109. .navigate 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}
    110. 

  110. .navigate ul::-webkit-scrollbar{display:none}
    111. 

  111. .navigate ul li{position:relative;display:inline-block;height:6.8vw;margin-right:5.6vw}
    112. 

  112. .navigate ul li:last-child{margin-right:0}
    113. 

  113. .navigate 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}
    114. 

  114. .navigate ul li a{display:block;font-size:3.2vw;line-height:5vw;color:#9498a0}
    115. 

  115. .navigate ul li.active a{color:#FF5B00}
    116. 

  116. .navigate ul li.active::after{background:#FF5B00}
    117. 

  117. .article{padding:4vw;margin-top:2.4vw;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
    118. 

  118. .article .section .title h2{font-size:3.6vw;font-weight:bold}
    119. 

  119. .article .section .title .line{width:100%;height:1px;margin-top:1vw;background:#e3e6eb}
    120. 

  120. .article .section .title .line::before{content:"";display:block;width:3.5vw;height:0.2vw;background:#FF5B00}
    121. 

  121. .article .section .content{padding:3.2vw 0; word-break: break-all;}
    122. 

  122. .article .section .content h1,.article .section .content h2,.article .section .content h3,.article .section .content h4,.article .section .content h5,.article .section .content h6{font-weight:bold;margin:3.2vw 0}
    123. 

  123. .article .section .content p{font-size:3.2vw;line-height:5.6vw;text-align:justify;margin:1.6vw 0}
    124. 

  124. .article .section.description .names{font-size:3.2vw;line-height:5.6vw}
    125. 

  125. .article .section.description .names .alias{color:#93979f}
    126. 

  126. .article .section.description .desc{text-align:justify;font-size:3.2vw;line-height:5.6vw;margin:3.2vw 0}
    127. 

  127. .article .section.description .cover img{display:block;width:23.6vw;height:23.6vw;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px dashed #e3e6eb}
    128. 

  128. .article .section.params .content.pc{display: none;}
    129. 

  129. .article .section.params .tr{line-height:5.6vw}
    130. 

  130. .article .section.params .tr .group{font-size:3.2vw;margin:1.6vw 0}
    131. 

  131. .article .section.params .tr .group .th::after{content:"："}
    132. 

  132. .article .section.params .tr .group .td>a{ color: #FF5B00;}
    133. 

  133. .article .section.approve .name{font-size:3.2vw}
    134. 

  134. .article .section.approve .img-list{ overflow-x:scroll;}
    135. 

  135. .article .section.approve .img-list img{display:block;/*width:23.6vw;*/height:23.6vw;border:1px dashed #e3e6eb;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:2.4vw;margin-top:2.4vw}
    136. 

  136. .article .section.effect img{display:block;max-width:100%}
    137. 

  137. .article .section.question .collapse dt,.article .section.question .collapse dd{font-size:3.2vw}
    138. 

  138. .article .section.question .collapse dt span,.article .section.question .collapse dd span{display:inline-block;vertical-align:middle;width:4vw;height:4vw;border-radius:0.2vw;text-align:center;line-height:4vw;color:#fff;margin-right:2.4vw}
    139. 

  139. .article .section.question .collapse dt{position:relative;padding-right:6.4vw;height:6.4vw;line-height:6.4vw;margin:1.6vw 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    140. 

  140. .article .section.question .collapse dt span{background:#ffa457}
    141. 

  141. .article .section.question .collapse dt .icon{position:absolute;right:0;top:0}
    142. 

  142. .article .section.question .collapse dd{line-height:5.6vw;margin:1.6vw 0;text-align:justify}
    143. 

  143. .article .section.question .collapse dd span{background:#34cc8c}
    144. 

  144. .contact-popup{display: none; position:fixed;top: 50%;left: 50%;z-index: 99999; transform: translate(-50%,-50%); width:80vw;height:100vw;overflow:hidden;background:url(/img/encyclopedia/contact.png) no-repeat center;background-size:80vw auto}
    145. 

  145. .contact-popup .close{position:absolute;display:block;width:8vw;height:8vw;text-align:center;line-height:8vw;top:0;right:5vw;font-size:8vw;color:#2c3038;cursor:pointer}
    146. 

  146. .contact-popup .content{margin-top:30vw}
    147. 

  147. .contact-popup .content p{font-size:4.2vw;text-align:center;line-height:8vw;color:#9aa5b5;margin:0}
    148. 

  148. .contact-popup .content p.tel{color:#FF5B00}
    149. 

  149. .contact-popup .content p.time{color:#2c3038}
    150. 

  150. .article .section.publish-info{display: flex;justify-content: space-between;align-items: center;font-size: 2.8vw;color: #aaa;margin: 4.8vw 0}
    151. 

  151. .article .section.some-link .group .link{flex: 1; display: flex; align-items: center;margin-top: 4.2vw}
    152. 

  152. .article .section.some-link .group .link .name{ font-size: 3.6vw; margin-left: 1.8vw;max-width: 60vw;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.6}
    153. 

  153. .article .section.some-link .group .link .name:hover{ color: #FF5B00 }
    154. 

  154. .article .section.some-link .group .link .image{ width: 24vw;height: 24vw;box-sizing: border-box;border: 1px solid #E3E6EB; }
    155. 

  155. 

  156. .article .section.related-video .content {overflow-y: scroll;white-space: nowrap;width: 99vw;margin-left: -3.2vw;}
    157. 

  157. .article .section.related-video .content .video-control{width: 75.6vw;height: 51.5vw;position: relative;background: #f1f1f1;display: inline-block;margin-left: 3.2vw;}
    158. 

  158. .article .section.related-video .content .video-control:last-child{margin-right: 3.2vw;}
    159. 

  159. .article .section.related-video .content .video-control video{width: 100%;height: 100%;position: relative;z-index: 6}
    160. 

  160. .article .section.related-video .content .video-control .play{display: block;position: absolute;left: 50%;top: 50%; border-radius: 50%; width: 10.8vw;height: 10.8vw; transform: translate(-50%,-50%);background: url(/img/activity/pc-palyer.png);cursor: pointer;z-index: 9;background-size: 10.8vw 10.8vw;}
    161. 

  161.     .article .section.related-video .content .video-control .video-title { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 8.8vw; background: rgba(0,0,0,0.39); text-align: center; line-height: 8.8vw ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 3.4vw; box-sizing: border-box;padding: 0 3.4vw; }
    162. 

  162. 

  163. .article .section.recommend {margin-top: 3.2vw;}
    164. 

  164. .article .section .recommend-section {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display: flex;padding: 2.4vw 0;border-top: 1px solid #B8BFCA;}
    165. 

  165. .article .section .recommend-section:first-child {border-top: 0;}
    166. 

  166. .article .section .recommend-section .cover{margin-right:2.4vw}
    167. 

  167. .article .section .recommend-section .cover img{display:block;width:30.4vw;height:30.4vw;border:1px solid #e1e1e1}
    168. 

  168. .article .section .recommend-section .content {flex: 1;padding: 0}
    169. 

  169. .article .section .recommend-section .content h3{margin: 0;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;}
    170. 

  170. .article .section .recommend-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;}
    171. 

  171. .article .section .recommend-section .content .question{height:10vw;margin:2.4vw 0}
    172. 

  172. .article .section .recommend-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}
    173. 

  173. .article .section .recommend-section .content .question p:nth-child(2)~p{display: none}
    174. 

  174. .article .section .recommend-section .content .tag-list{height:4.8vw;-ms-flex-wrap:wrap;flex-wrap:wrap}
    175. 

  175. .article .section .recommend-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}
    176. 

  176. .article .section .recommend-section .content .tag-list .tag:last-child{display:none}
    177. 

  177. .article .section .recommend-section .content .dashed-line{display:none}
    178. 

  178. .article .section .recommend-section .content .footer{height:8vw;font-size:2.6vw;color:#93979f;line-height:8vw}
    179. 

  179. 

  180. .video-popup{position: fixed;width: 100vw;height: 100vh;top: 0; left: 0;background: #333;z-index: 99999}
    181. 

  181. /*.video-popup .mask{width: 100vw;height: 100vh;background: #333333;}*/
    182. 

  182. .video-popup .content{width: 100%;height: 100%;position: absolute;left: 0; top: 0;}
    183. 

  183. .video-popup .content video{width: 100%;height: 100%;display: block;}
    184. 

  184. .video-popup .close {position: absolute;right: 3.6vw;top: 3.6vw; z-index: 1; width: 7.2vw;height: 7.2vw;background: url(/img/activity/pc_close.png);background-size: 7.2vw;cursor: pointer;}
    185. 

  185. 

  186. }
    187.