article.min.css 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
  1. .nopadding{padding:.8rem 0}
  2. .head_zhibo{border-bottom:1px #eee solid;height:auto;padding-bottom:.3rem}
  3. .headone,.headtwo{clear:both;width:100%}
  4. /*.headone{height:.8rem;line-height:.8rem}*/
  5. .headone li{width:25%;text-align:center;font-size:.32rem;color:#fff;height:.6rem}
  6. .headone li a{color:#ffff;height:.6rem;padding:0 .28rem;display:inline-block;line-height:.6rem}
  7. .headone li.zbhover a{color:#fff;font-weight:700}
  8. .headtwo li{width:25%;text-align:center;font-size:.32rem;color:#fff;height:.6rem}
  9. .headtwo li a{color:#fff;height:.6rem;padding:0 .28rem;display:inline-block;border-radius:.6rem;line-height:.6rem}
  10. .headtwo li.zbhover a{background:#fff;color:#2054ae;font-weight:700}
  11. .zbtwonav{width:100%;height:.88rem;background:#fff;line-height:.88rem;color:#333;float:left;overflow:hidden;border-bottom:1px #eee solid}
  12. .zbtwonav .swiper-slide{display:inline-block;width:auto;background:#fff}
  13. .zbtwonav li a{color:#333;font-size:.32rem;display:block}
  14. .zbtwonav li{float:left;padding:0 .25rem}
  15. .zbtwonav li a.zbtwohover{font-weight:bolder;color:#2054ae}
  16. .zbtwonav li a.zbtwohover{position:relative}
  17. .zbtwonav li a.zbtwohover:after{height:.06rem;border-radius:6px;content:'';width:.4rem;position:absolute;bottom:.06rem;left:50%;z-index:10;background:#2054ae;margin-left:-.2rem}
  18. .nopadding{padding:.8rem 0}
  19. .zt_zxlist{border-top:1px #eee solid;padding:.2rem .24rem}
  20. .zt_zxlist li{border-bottom:1px #eee solid;padding:.2rem 0}
  21. .zt_zx_xgxx{width:5rem}
  22. .zt_zxtitle{color:#333;font-size:.32rem;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:1rem;overflow:hidden}
  23. .zt_zx_xg{padding-top:.15rem;padding-right:.3rem}
  24. .ztzx_fl{color:#bbb;font-size:.18rem}
  25. .ztzx_fl span{padding-right:.2rem}
  26. .ztzx_rd{color:#bbb;font-size:.18rem}
  27. .ztzx_rd span{float:left;padding-left:.1rem;line-height:.3rem}
  28. .ztzx_rd .iconfont{color:#bbb;font-size:.38rem;float:left;line-height:.3rem;height:.3rem}
  29. .ztzx_ping,.ztzx_zan{float:left;margin-left:.15rem}
  30. .zt_zximg{width:2rem;text-align:right}
  31. .zt_zximg img{width:1.93rem;height:1.28rem;border-radius:4px}
  32. .return_last{width:1.49rem}
  33. .zxxianqing{text-align:center;width:4rem}
  34. .zxxianqing img{width:1.87rem;height:.4rem}
  35. .zcplnum{width:1.49rem}
  36. .zcplnum span{float:right;font-size:.24rem;color:#e60640;height:.49rem;line-height:.49rem;padding:0 .15rem;border:1px #e60640 solid;border-radius:.49rem}
  37. .zcplnum span cite{display:inline-block;padding-right:.1rem}
  38. .information{padding:0 .24rem;padding-top:.15rem}
  39. .zx_title{font-size:.46rem;color:#333;line-height:.65rem}
  40. .zx_xinxi{font-size:.24rem;color:#999;padding:.15rem 0}
  41. .zx_xinxi span{float:left;margin-right:.35rem}
  42. .zc_nrong{clear:both;position:relative}
  43. .zc_nrong img{display:block;max-width:100%;height:auto;margin:0 auto;padding:.1rem 0}
  44. .wznrzhezhao{position:absolute;width:100%;height:150px;bottom:0;background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff)}
  45. .zhankaiall{width:2.3rem;height:.6rem;line-height:.6rem;margin:0 auto;border-radius:.6rem;border:1px #fe373c solid;text-align:center;color:#fe373c;font-size:.28rem}
  46. .zhankaiall_btn{display:flex;align-items:center;justify-content:center}
  47. .zhankaiall_btn cite{float:left}
  48. .zhankaiall_btn .iconfont{color:#fe373c;font-size:.38rem;float:left;line-height:.3rem}
  49. .xgtuijian{margin-top:.3rem}
  50. .zgtj_bt{color:#333;font-size:.3rem;font-weight:700;position:relative;padding-left:.23rem;margin:0 .24rem}
  51. .zgtj_bt:before{height:100%;content:'';width:.08rem;position:absolute;top:0;left:0;z-index:10;background:#e60640}
  52. .tj_zxlist{border-bottom:.14rem #f8f8f8 solid;overflow:hidden}
  53. .tj_zxlist li{border-bottom:1px #eee solid;padding:.2rem .24rem;width:100%;box-sizing:border-box}
  54. .tj_zxlist li:last-child{border-bottom:0}
  55. .tj_zxlist .zt_zx_xgxx{width:4.8rem}
  56. .tj_zxlist .zt_zxtitle{color:#333;font-size:.32rem;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:1rem;overflow:hidden}
  57. .tj_zxlist .zt_zx_xg{padding-top:.15rem;padding-right:.3rem}
  58. .tj_zxlist .ztzx_fl{color:#bbb;font-size:.18rem}
  59. .tj_zxlist .ztzx_fl span{padding-right:.2rem}
  60. .tj_zxlist .ztzx_rd{color:#bbb;font-size:.18rem}
  61. .tj_zxlist .ztzx_rd span{float:left;padding-left:.1rem;line-height:.3rem}
  62. .tj_zxlist .ztzx_rd .iconfont{color:#bbb;font-size:.38rem;float:left;line-height:.3rem;height:.3rem}
  63. .tj_zxlist .ztzx_ping,.ztzx_zan{float:left;margin-left:.15rem}
  64. .tj_zxlist .zt_zximg{width:2rem;text-align:right}
  65. .tj_zxlist .zt_zximg img{width:1.93rem;height:1.28rem;border-radius:4px}
  66. .zxgjc{padding:.3rem 0}
  67. .zxgjc a{padding:0 .15rem;background:#f2f2f2;margin:0 .2rem 0 0;display:inline-block;border-radius:4px;min-width:.8rem;text-align:center;color:#333;font-size:14px;height:.5rem;line-height:.5rem;color:#333;font-size:.22rem}
  68. .wz_zan{width:2.1rem;height:.78rem;line-height:.78rem;margin:0 auto;border-radius:.78rem;border:1px #eee solid;text-align:center;font-size:.28rem;display:flex;align-items:center;justify-content:center}
  69. .wz_zan .iconfont{color:#e60640;font-size:.45rem;display:inline-block}
  70. .wz_zan .zanno{color:#333}
  71. .wz_zan .zannum{color:#e60640}
  72. .zbpl_title{height:.95rem;padding:0 .16rem}
  73. .pl_num{line-height:.95rem;color:#333;font-size:.28rem}
  74. .pl_num{color:#999}
  75. .pl_num span{color:#e60640}
  76. .pl_numno span{color:#999}
  77. .zbpl_shuax{width:.6rem;height:.6rem;margin-top:.15rem}
  78. .shuaxingpl{width:.6rem;height:.6rem;margin:0;display:inline-block;background:#ebf7ff;border-radius:25em;text-align:center;display:flex;align-items:center;justify-content:center}
  79. .character360{display:inline-block;width:.34rem;height:.34rem;background:no-repeat url(../img/shuaxing.png) left top;background-size:100%}
  80. .dhua{-webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;-o-transition:-o-transform 1s ease-out;-ms-transition:-ms-transform 1s ease-out;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}
  81. button,input,select,textarea{outline:0}
  82. .fabianpl{position:fixed;bottom:0;border-top:1px #eee solid;width:100%;padding:.2rem 0;background:#fff;z-index:200}
  83. .yh_photo{margin-left:.25rem;width:.7rem}
  84. .yh_photo img{width:.66rem;height:.66rem;border-radius:25em}
  85. .djfbpl{width:5.1rem;height:.7rem;line-height:.7rem;padding:0 .2rem;background:#f5f5f5;border-radius:4px;font-size:.28rem;color:#999;margin-left:.14rem}
  86. .wdplnr{border:0;height:.7rem;background:0 0;width:100%;font-size:.28rem;color:#333;line-height:.6rem}
  87. .zbpllist{overflow:hidden}
  88. .zxpl_list{padding-top:0}
  89. .replylist{padding:0 .24rem;padding-bottom:.5rem;overflow:hidden}
  90. .replylist li{margin-bottom:.3rem;width:100%}
  91. .common_avatar{float:left;padding-right:.15rem;width:.66rem}
  92. .common_avatar img{width:.66rem;height:.66rem;border-radius:25em}
  93. .comment_block{float:left;width:6.1rem;padding-left:.15rem}
  94. .comment_user{font-size:.28rem;color:#333;line-height:.28rem;overflow:hidden}
  95. .comment_user .iconfont{font-size:.5rem;line-height:.22rem;height:.22rem}
  96. .comment_username{font-size:.28rem;color:#333;font-weight:600}
  97. .comment_time{font-size:.21rem;color:#999;padding-left:.2rem}
  98. .comment_content{font-size:.26rem;color:#333;line-height:.46rem;padding-top:.1rem}
  99. .comment_xg{margin-top:.15rem}
  100. .dqhflist,.huifupl{min-width:.5rem;padding:0 .2rem;height:.5rem;line-height:.5rem;background:#f2f2f2;color:#666;font-size:.22rem;display:inline-block;text-align:center;border-radius:.5rem}
  101. .comment_state p{float:left;color:#9f9f9f;margin:0 .1rem;cursor:pointer;font-size:.24rem}
  102. .comment_state p i{margin-left:.05rem;font-size:.4rem;color:#9f9f9f;float:left;line-height:.5rem}
  103. .comment_state p cite{line-height:.5rem;float:left}
  104. .pltcdw{position:relative;height:59vh;overflow-y:scroll;box-sizing:border-box;padding-bottom:1rem}
  105. .pinlungrlist{position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;z-index:100;display:block;overflow-y:auto;display:none;padding-bottom:1rem}
  106. .grpltitle{font-size:.32rem;color:#333;height:.9rem;line-height:.9rem;border-bottom:1px #eee solid;font-weight:600}
  107. .grpltitle i{font-weight:100;font-size:.4rem;display:inline-block;height:.9rem;line-height:.9rem;float:left}
  108. .grpl_zhu{padding:.3rem .24rem}
  109. .huifugrpllist{border-top:.2rem #f8f8f8 solid;padding:0 .24rem;padding-bottom:.5rem;overflow:hidden}
  110. .huifugrpllist li{margin-bottom:.3rem}
  111. .allhuifu{font-size:.28rem;color:#333;height:.9rem;line-height:.9rem;font-weight:600}
  112. .jzmorepl,.jzmoreplgr{text-align:center;width:100%;color:#999;font-size:.24rem;clear:both;display:none}
  113. .huifuplnrzs{line-height:.4rem;background:#f8f8f8;font-size:.24rem;padding:.15rem .1rem;margin:.1rem 0}
  114. .huifuplnrzs span{color:#7db1cf;padding-right:.1rem}
  115. .huifugrpllist .comment_content{color:#666}
  116. .huifugrpllist .comment_content cite{color:#0073c4;padding:0 .1rem}
  117. .huifugrpllist .comment_content span{color:#333}
  118. .fabiaopl{color:#999;font-size:.3rem;line-height:.7rem;float:left;width:.6rem;text-align:center;margin-left:.2rem}
  119. .fabiaopl_hf{color:#999;font-size:.3rem;line-height:.7rem;display:none;float:left;width:.6rem;text-align:center;margin-left:.2rem;display:none}
  120. .report_block{bottom:0;left:0;position:fixed;text-align:center;width:100%;z-index:1110;background:#fff;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s;transition:transform .3s}
  121. .jubao_active{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
  122. .report_title{height:.9rem;line-height:.9rem;border-bottom:1px #eee solid;padding:0 .2rem}
  123. .jbbiti{width:60%;color:#333;font-size:.32rem}
  124. .offjubao{text-align:left;width:20%}
  125. .wancheng{text-align:right;width:20%;color:#e60640;font-size:.28rem}
  126. .report_item{overflow:hidden;padding:.2rem .24rem;text-align:left}
  127. .report_item li{width:98%;height:.6rem;line-height:.6rem;margin-bottom:.2rem;cursor:pointer}
  128. .report_item li span{width:.32rem;height:.32rem;display:inline-block;background:url(../img/jb_xz.png) no-repeat;float:left;margin-top:.15rem;background-size:.3rem auto;margin-right:.2rem}
  129. .report_item .report_item_select span{background-position:0 -16px}
  130. .replylist_block{float:left;width:6.1rem}
  131. .my_mizi{display:none}
  132. .huifured{color:#e60640!important}
  133. .fabianpl_gr{position:fixed;bottom:0;border-top:1px #eee solid;width:100%;padding:.2rem 0;background:#fff;z-index:200;display:none}
  134. .djfbpl_gr{width:5.8rem;height:.7rem;line-height:.7rem;padding:0 .2rem;background:#f5f5f5;border-radius:4px;font-size:.28rem;color:#999;margin-left:.14rem}
  135. .yh_photo_gr{margin-left:.25rem;width:.7rem}
  136. .yh_photo_gr img{width:.66rem;height:.66rem;border-radius:25em}
  137. .my_mizi_gr{display:none}
  138. .wdplnr_gr{border:0;height:.7rem;background:0 0;width:100%;font-size:.28rem;color:#333;line-height:.6rem}
  139. .fabiaopl_gr{color:#999;font-size:.3rem;line-height:.7rem;display:none;float:left;width:.6rem;text-align:center;margin-left:.2rem}
  140. .fabiaopl_hf_gr{color:#999;font-size:.3rem;line-height:.7rem;display:none;float:left;width:.6rem;text-align:center;margin-left:.2rem;display:none}
  141. .huifupl_gr{min-width:.5rem;padding:0 .2rem;height:.5rem;line-height:.5rem;background:#f2f2f2;color:#666;font-size:.22rem;display:inline-block;text-align:center;border-radius:.5rem}
  142. .addzan{width:5rem}
  143. .news_shouc{float:left;height:.7rem;line-height:.7rem;padding-left:.1rem}
  144. .news_shouc .iconfont{font-size:.65rem;color:#333!important}
  145. .news_shouc span{display:none;font-size:.12rem}
  146. .shoucwzcolor{color:#e60640}
  147. .news_shouc .zxxqsc{color:#fc4341!important}
  148. .xgpllist{padding-top:.3rem}
  149. .duansp_list_fl{}
  150. .duansp_list_fl li{ float:left; width:48%; margin-left:1%; margin-right:1%; margin-top:10px;}
  151. .duansp_list_fl li img{ width:100%; height:100px;}
  152. .duansp_list_fl li .dsp_title{ display:block; height:30px; line-height:30px; text-align:center; overflow:hidden}
  153. .content{width:100%;box-sizing:border-box;padding:10px;background:#fff;margin-bottom:20px}
  154. .content-title{font-size:18px;font-weight:600;line-height:34px;border-bottom:1px solid #eee;text-align:center}
  155. .content img{width:200px;height:134px;margin:10px}
  156. .intro{width:100%;margin-top:10px;font-size:14px}
  157. .list-div{width:100%;box-sizing:border-box;background:#fff;padding:10px; overflow:hidden}
  158. .list-ul li a{display:inline-block;float:left;}
  159. .list-ul li i{display:inline-block;float:left; }
  160. .list-ul li{border-bottom:1px dotted #eee;font-size:14px; height:30px; line-height:30px; overflow:hidden; position:relative; width:100%}
  161. .list-ul li a{ width:-webkit-calc(100% - 16px);width:-moz-calc(100% - 16px);width:calc(100% - 16px); display:block;height:30px; line-height:30px; overflow:hidden;}
  162. .list-ul li span{position: absolute; right:0px; top:0px; height:30px; line-height:30px; display:block }
  163. .list-ul li i{width:8px;height:8px;border-radius:50%;background:#9e9e9e5e;margin:10px 4px}
  164. .heading-th{font-size:16px;font-weight:500;position:relative;margin-bottom:10px;margin-top:10px; background:#e60640; height:30px; line-height:30px; color:#FFF; padding-left:10px;}
  165. .up-down{margin-bottom:20px;background:#fff;box-sizing:border-box;padding:10px}
  166. .up-down p{width:300px;padding:4px 0}
  167. .up-down p a,.up-down p span{display:inline-block;vertical-align:middle}
  168. .heading-th a{position:absolute;right:10px;top:0;font-size:13px; color:#FFF !important}
  169. .word-div{width:100%;box-sizing:border-box;padding:10px;background:#fff}
  170. .hot-ul li{width:48%;margin:0px 0;text-align:center;float:left; margin-left:1%; margin-right:1%; margin-bottom:10px;}
  171. .hot-ul li img{width:100%;height:120px;border-radius:4px}
  172. .r-content{background:#fff;margin-bottom:20px;padding:10px}
  173. .up-down p a{color:#0093dd}
  174. .r-content .sepx li i{width:0;height:0;border-left:6px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
  175. .r-content .sepx{font-size:12px;display:none}
  176. .r-content ul{padding:10px;font-size:14px;margin-bottom:20px}
  177. .r-content ul li{height:30px;line-height:30px;border-bottom:1px dotted #e0e0e0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  178. .r-content ul li i{display:inline-block;width:0;height:0;border-left:10px solid #69c;border-top:6px solid transparent;border-bottom:6px solid transparent;margin:0 4px}
  179. .r-content ul li a:hover{text-decoration:underline}
  180. .r-content .type-ul{height:30px;padding:0;margin:0;display:-webkit-flex;display:flex}
  181. .r-content .type-ul li{height:30px;line-height:30px;margin:0;font-size:14px;border:0;flex:1;text-align:center}
  182. .r-content .type-ul .active{border-bottom:2px solid #3ea871}
  183. .r-content .type-ul .active a{color:#3ea871}
  184. .r-content ul i,.r-content ul p{display:inline-block}
  185. .r-content ul p{width:20px;height:20px;background:#0093dd;text-align:center;line-height:20px;margin:4px}
  186. .r-content .sepx li i{width:0;height:0;border-left:6px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
  187. .r-content .sepx{font-size:12px;display:none}
  188. .r-content .sepx li a{color:#0093dd;margin:0 2px;font-weight:400}
  189. .r-content .hot-pd li i{position:absolute;left:10px;top:10px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #f63}
  190. .r-content .hot-pd li{float:left;width:40%;font-size:14px;height:28px;line-height:28px;padding-left:20px;position:relative;border:0}
  191. .r-content .hot-pd li a{width:40%}
  192. .time-box{margin-top:20px;font-size:14px;font-weight:400}
  193. .time-box span{color:#999}
  194. .time-box a{display:inline-block;padding:2px 4px}
  195. .time-box .active{background:#82bc2e;color:#fff;border-radius:4px}
  196. .sepx li a,.sepx li b,.sepx li p{float:left}
  197. .sepx li b{width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:24px}
  198. .videoshi ul{padding:0}
  199. .content-one .wordcont{width:320px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;vertical-align:middle}
  200. .r-content{background:#fff;border-radius:4px}
  201. .r-content .sepx li a{color:#0093dd;margin:0 2px;font-weight:400;box-sizing:border-box}
  202. .numclick-p,.time-p{color:#666}
  203. .intro-p{margin-top:8px}
  204. .ssxgxx{}
  205. .ssxgxx ul{padding:8px;}
  206. .ssxgxx ul a{height:26px; line-height:26px;padding:2px 8px;}
  207. .ssxgxx ul .tags0{}
  208. .ssxgxx ul .tags1{color:#C00; font-size:22px;}
  209. .ssxgxx ul .tags2{color:#63D563; font-size:16px;}
  210. .ssxgxx ul .tags3{color:#00B8FF;}
  211. .ssxgxx ul .tags4{ font-size:16px;}
  212. .ssxgxx ul .tags5{color:#C00; font-size:20px;}
  213. .ssxgxx ul .tags6{color:#F06 font-size:20px;}
  214. .ssxgxx ul .tags7{color:#F8DB12; font-weight:bold; font-size:18px;}
  215. .ssxgxx ul .tags8{color:#F06; font-weight:bold;}
  216. .ssxgxx ul .tags9{color:#BB81EF; font-weight:bold;font-size:16px;}
  217. .pre-content{width:100%;height:auto;background:#fff;box-sizing:border-box;padding:20px}
  218. .pre-content h3{font-size:18px;font-weight:600;text-align:center;line-height:30px}
  219. .timeP{width:680px;margin:0 auto;border-bottom:1px dotted #e0e0e0;text-align:center;font-size:12px;color:#999;line-height:30px}
  220. .s-cont{font-size:12px;height:24px;line-height:24px;color:#999;text-align:center;border-bottom:1px dotted #e0e0e0;margin-bottom:10px}
  221. .s-cont span{margin:0 20px}
  222. .pl_tanchu{position:fixed;bottom:50px;left:2%;height:40px;line-height:40px;text-align:center;background-color:rgba(61,61,61,.9);z-index:90;width:96%;display:none;border-radius:4px;color:#abaaaa;}
  223. .pl-show-box{border-bottom:#ccc 1px solid!important }