zhibo.min.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
  1. .head_zhibo{border-bottom:1px #eee solid}
  2. .head_zhibo li{width:25%;text-align:center;font-size:.32rem;color:#fff;height:.6rem}
  3. .head_zhibo li a{color:#fff;height:.6rem;padding:0 .28rem;display:inline-block;border-radius:.6rem;line-height:.6rem}
  4. .head_zhibo li.zbhover a{background:#fff;color:#2054ae;font-weight:700}
  5. .zbtwonav{width:100%;height:.88rem;background:#fff;line-height:.88rem;color:#333;float:left;overflow:hidden;border-bottom:1px #eee solid}
  6. .zbtwonav .swiper-slide{display:inline-block;width:auto;background:#fff}
  7. .zbtwonav li a{color:#333;font-size:.32rem;display:block}
  8. .zbtwonav li{float:left;padding:0 .25rem}
  9. .zbtwonav li a.zbtwohover{font-weight:bolder;color:#2054ae}
  10. .zbtwonav li a.zbtwohover{position:relative}
  11. .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}
  12. .bs_flei_time{padding-top:.6rem}
  13. .bs_flei_time span{display:block}
  14. .bs_time{font-size:.22rem;color:#fffefe}
  15. .bs_flei{font-size:.26rem;color:#fff;line-height:.5rem;height:.5rem}
  16. .bs_xingxi{padding-top:.4rem}
  17. .bs_xingxi .team{width:35%;float:left}
  18. .bs_xingxi .center{width:30%;float:left}
  19. .bs_xingxi img{padding:10px;width:.8rem;height:.8rem;border-radius:50%;background:#fff;border:4px solid hsla(0,0%,100%,.5);background:#fff;background-clip:padding-box}
  20. .bs_xingxi .team p{font-size:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#fff;padding-top:.22rem}
  21. .bs_xingxi .bs_ztai{color:#fffefe;font-size:.26rem}
  22. .bs_xingxi .bs_vs{font-size:.4rem;color:#fff;line-height:1rem;height:1rem}
  23. .bs_video{background:rgba(0,0,0,.2);width:1.98rem;height:.52rem;line-height:.52rem;border-radius:.52rem;color:#eee;font-size:.28rem;margin:0 auto;display:flex;align-items:center;justify-content:center}
  24. .bs_video .iconfont{color:#eee;display:inline-block;margin-right:.05rem}
  25. .onetitle{padding-top:.25rem}
  26. .bs_titleone{height:1.2rem;line-height:1.2rem;width:94%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto;font-size:.34rem}
  27. .bsbegin{background:#fff;width:1.98rem;height:.52rem;line-height:.52rem;border-radius:.52rem;color:#2054ae;font-size:.28rem;margin:0 auto;display:flex;align-items:center;justify-content:center}
  28. .bsbegin .iconfont{color:#2054ae;display:inline-block;margin-right:.05rem}
  29. .onetitle .bs_ztai{font-size:.24rem}
  30. .return_zb{width:.6rem;line-height:.5rem;text-align:left;position:absolute;top:.28rem;left:.3rem}
  31. .zb_time{font-size:.3rem;color:#333745;font-weight:500}
  32. .zb_plzx{border-bottom:1px #eee solid;height:.7rem;padding-top:.3rem;display:flex;justify-content:space-around;width:100%;background:#fff;position:absolute;z-index:1}
  33. .zb_plzx li{text-align:center;font-size:.32rem;color:#666;height:.7rem}
  34. .zb_plzx li a{color:#666}
  35. .zb_plzx li.zbhover{color:#2054ae}
  36. .zb_plzx li.zbhover{position:relative}
  37. .zb_plzx li.zbhover:before{content:"";display:block;height:.16rem;width:.3rem;background:url(../img/nav_bj.jpg) no-repeat;background-size:100%;position:absolute;bottom:0;left:50%;margin-left:-.15rem}
  38. .zbluxianglist{display:none}
  39. .zbjijinglist{display:none}
  40. .zbzhixunlist{display:none;padding:0 .25rem}
  41. .zbzhixunlist li{border-bottom:1px #eee solid;padding:.2rem 0}
  42. .zt_zx_xgxx{width:5rem}
  43. .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}
  44. .zt_zx_xg{padding-top:.15rem;padding-right:.3rem}
  45. .ztzx_fl{color:#bbb;font-size:.18rem}
  46. .ztzx_fl span{padding-right:.2rem}
  47. .ztzx_rd{color:#bbb;font-size:.18rem}
  48. .ztzx_rd span{float:left;padding-left:.1rem;line-height:.3rem}
  49. .ztzx_rd .iconfont{color:#bbb;font-size:.38rem;float:left;line-height:.3rem;height:.3rem}
  50. .ztzx_ping,.ztzx_zan{float:left;margin-left:.15rem}
  51. .zt_zximg{width:2rem;text-align:right}
  52. .zt_zximg img{width:1.93rem;height:1.28rem;border-radius:4px}
  53. .signal_lb{font-size:.28rem;border-radius:0;bottom:0;left:0;position:fixed;text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s;transition:transform .3s;width:100%;z-index:1110;display:none}
  54. .xhlist{background:#fff;border-radius:4px;margin:0 .24rem;overflow:hidden}
  55. .signal_active{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
  56. .signal_title{color:#333;font-weight:400;text-align:center;font-size:.28rem;height:1rem;line-height:1rem}
  57. .signallist li{height:1rem;line-height:1rem;width:100%;color:#333}
  58. .signallist li::before{border-top:1px solid #eee;content:"";display:block;height:0;margin-top:1px;width:100%}
  59. .signallist li a{color:#333}
  60. .signallist li.active a{color:#2054ae}
  61. .signallist li.active{color:#2054ae}
  62. .signalqx{margin:10px}
  63. .signalqx .share_btn{color:#666;display:block;width:100%;background-color:#fff;border-radius:4px;cursor:pointer;font-size:.28rem;font-weight:400;line-height:1rem;text-align:center;border:0}
  64. .zbpl_title{height:.95rem;padding:0 .16rem}
  65. .pl_num{line-height:.95rem;color:#333;font-size:.28rem}
  66. .pl_num{color:#999}
  67. .pl_num span{color:#2054ae}
  68. .pl_numno span{color:#999}
  69. .zbpl_shuax{width:.6rem;height:.6rem;margin-top:.15rem}
  70. .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}
  71. .character360{display:inline-block;width:.34rem;height:.34rem;background:no-repeat url(../img/shuaxing.png) left top;background-size:100%}
  72. .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)}
  73. button,input,select,textarea{outline:0}
  74. .fabianpl{position:fixed;bottom:0;border-top:1px #eee solid;width:100%;padding:.2rem 0;background:#fff;z-index:200}
  75. .yh_photo{margin-left:.25rem;width:.7rem}
  76. .yh_photo img{width:.66rem;height:.66rem;border-radius:25em}
  77. .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}
  78. .wdplnr{border:0;height:.7rem;background:0 0;width:100%;font-size:.28rem;color:#333;line-height:.6rem}
  79. .zbpllist{overflow:hidden}
  80. .zxpl_list{padding-top:1rem;padding-bottom:1rem}
  81. .replylist{padding:0 .24rem;padding-bottom:0;overflow:hidden}
  82. .replylist li{margin-bottom:.3rem;width:100%}
  83. .common_avatar{float:left;padding-right:.15rem;width:.66rem}
  84. .common_avatar img{width:.66rem;height:.66rem;border-radius:25em}
  85. .comment_block{float:left;width:6.1rem;padding-left:.15rem}
  86. .comment_user{font-size:.28rem;color:#333;line-height:.28rem;overflow:hidden}
  87. .comment_user .iconfont{font-size:.5rem;line-height:.22rem;height:.22rem}
  88. .comment_username{font-size:.28rem;color:#333;font-weight:600}
  89. .comment_time{font-size:.21rem;color:#999;padding-left:.2rem}
  90. .comment_content{font-size:.26rem;color:#333;line-height:.46rem;padding-top:.1rem}
  91. .comment_xg{margin-top:.15rem}
  92. .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}
  93. .comment_state p{float:left;color:#9f9f9f;margin:0 .1rem;cursor:pointer;font-size:.24rem}
  94. .comment_state p i{margin-left:.05rem;font-size:.4rem;color:#9f9f9f;float:left;line-height:.5rem}
  95. .comment_state p cite{line-height:.5rem;float:left}
  96. .pltcdw{position:relative;height:59vh;overflow-y:scroll;box-sizing:border-box;padding-bottom:0}
  97. .pinlungrlist{position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;z-index:400;display:block;overflow-y:auto;display:none;padding-bottom:1.5rem}
  98. .grpltitle{font-size:.32rem;color:#333;height:.9rem;line-height:.9rem;border-bottom:1px #eee solid;font-weight:600}
  99. .grpltitle i{font-weight:100;font-size:.4rem;display:inline-block;height:.9rem;line-height:.9rem;float:left}
  100. .grpl_zhu{padding:.3rem .24rem}
  101. .huifugrpllist{border-top:.2rem #f8f8f8 solid;padding:0 .24rem;padding-bottom:0;overflow:hidden}
  102. .huifugrpllist li{margin-bottom:.3rem}
  103. .allhuifu{font-size:.28rem;color:#333;height:.9rem;line-height:.9rem;font-weight:600}
  104. .jzmorepl,.jzmoreplgr{text-align:center;width:100%;color:#999;font-size:.24rem;clear:both;display:none}
  105. .huifuplnrzs{line-height:.4rem;background:#f8f8f8;font-size:.24rem;padding:.15rem .1rem;margin:.1rem 0}
  106. .huifuplnrzs span{color:#7db1cf;padding-right:.1rem}
  107. .huifugrpllist .comment_content{color:#666}
  108. .huifugrpllist .comment_content cite{color:#0073c4;padding:0 .1rem}
  109. .huifugrpllist .comment_content span{color:#333}
  110. .fabiaopl{color:#999;font-size:.3rem;line-height:.7rem;float:left;width:.6rem;text-align:center;margin-left:.2rem}
  111. .fabiaopl_hf{color:#999;font-size:.3rem;line-height:.7rem;display:none;float:left;width:.6rem;text-align:center;margin-left:.2rem;display:none}
  112. .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;display:none}
  113. .jubao_active{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
  114. .report_title{height:.9rem;line-height:.9rem;border-bottom:1px #eee solid;padding:0 .2rem}
  115. .jbbiti{width:60%;color:#333;font-size:.32rem}
  116. .offjubao{text-align:left;width:20%}
  117. .wancheng{text-align:right;width:20%;color:#2054ae;font-size:.28rem}
  118. .report_item{overflow:hidden;padding:.2rem .24rem;text-align:left}
  119. .report_item li{width:98%;height:.4rem;line-height:.4rem;margin-bottom:.2rem;cursor:pointer}
  120. .report_item li span{width:.32rem;height:.32rem;display:inline-block;background:url(../img/jb_xz.png) no-repeat;float:left;margin-top:.05rem;background-size:.3rem auto;margin-right:.2rem}
  121. .report_item .report_item_select span{background-position:0 -17px}
  122. .replylist_block{float:left;width:6.1rem}
  123. .my_mizi{display:none}
  124. .huifured{color:#2054ae!important}
  125. .fabianpl_gr{position:fixed;bottom:0;border-top:1px #eee solid;width:100%;padding:.2rem 0;background:#fff;z-index:410;display:none}
  126. .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}
  127. .yh_photo_gr{margin-left:.25rem;width:.7rem}
  128. .yh_photo_gr img{width:.66rem;height:.66rem;border-radius:25em}
  129. .my_mizi_gr{display:none}
  130. .wdplnr_gr{border:0;height:.7rem;background:0 0;width:100%;font-size:.28rem;color:#333;line-height:.6rem}
  131. .fabiaopl_gr{color:#999;font-size:.3rem;line-height:.7rem;display:none;float:left;width:.6rem;text-align:center;margin-left:.2rem}
  132. .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}
  133. .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}
  134. .loadhistory{display:none}
  135. #historylist{overflow:hidden}
  136. #bofangsp{height:6rem;display:none;overflow:hidden}
  137. .nobjimg{background-image:none;background-color:#000}
  138. .jumpone a{color:#fff}
  139. .jumpone{text-align:center;display:flex;align-items:center;height:100%;justify-content:center}
  140. .signalup{display:none}
  141. #wrapper{width:100%;overflow:auto}
  142. #scroller{z-index:1;-webkit-tap-highlight-color:transparent;width:100%;padding:0}
  143. .zhibolist{clear:both;padding-bottom:1rem}
  144. .pullDownLabel,.pullUpLabel{width:100%;text-align:center;width:100%;display:block;font-size:.22rem;line-height:40px}
  145. .pullDownLabel img,.pullUpLabel img{height:40px;width:40px;display:inline-block}
  146. .alldataxian{display:none}
  147. textarea::-webkit-input-placeholder{color:#999}
  148. textarea::-moz-placeholder{color:#999}
  149. textarea:-moz-placeholder{color:#999}
  150. textarea:-ms-input-placeholder{color:#999}
  151. .outer{height:100%;position:relative}
  152. .duasping{height:4.45rem}
  153. .pltcdw{width:100%;position:absolute;top:4.45rem;left:0;bottom:0;overflow-y:scroll;padding-bottom:1rem}
  154. .biaotidh{background:#fff;position:absolute;z-index:300;width:100%}
  155. .xgzbtme{font-size:.22rem;color:#333745;font-weight:400}
  156. .pl-show-box{border-bottom:#ccc 1px solid!important }
  157. .pl_tanchu{position:absolute;bottom:0px;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;}
  158. .zb_time_new_span_wrap {
  159. position: relative;
  160. }
  161. .zb_fenlei_new {
  162. position: absolute;
  163. top: .1rem;
  164. left: .1rem;
  165. line-height: .4rem;
  166. }
  167. .zb_time_new {
  168. color: #333745;
  169. font-size: .24rem;
  170. height: 1.15rem;
  171. line-height: .4rem;
  172. }
  173. .zb_center_span {
  174. font-size: .19rem;
  175. display: block;
  176. margin-top: -.15rem;
  177. margin-bottom: .1rem;
  178. color: #979797;
  179. }
  180. .zb_time_new_span {
  181. display: none;
  182. font-size: .35rem;
  183. color: #ee564f;
  184. }
  185. .signallist li a{color:#2054ae}
  186. .zbqblist{display:none}
  187. .analysis-container {
  188. /* display: flex; */
  189. /* justify-content: center; */
  190. background:#fff;
  191. margin:10px;
  192. }
  193. .analysis-container .analysis-item {clear:both;
  194. /* margin: 0 5px; */
  195. width:100%; margin:0 auto;
  196. }
  197. .analysis-container .analysis-item>.title {
  198. font-size: 16px;
  199. color: #333;
  200. line-height: 60px
  201. }
  202. .analysis-container .analysis-item .analysis-list>li {
  203. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
  204. position: relative;
  205. line-height: 60px;
  206. background-color: #fff;
  207. border-radius: 5px;
  208. font-size: 14px;
  209. color: #666;
  210. margin-bottom: 10px;
  211. overflow: hidden;width:100%;margin:0 auto;
  212. }
  213. .analysis-container .analysis-item .analysis-list>li canvas {
  214. width: 355px
  215. }
  216. .analysis-container .analysis-item .analysis-list>li .tip {
  217. position: absolute;
  218. background-color: #56a4d5;
  219. line-height: 20px;
  220. padding: 0 8px 0 6px;
  221. border-radius: 0 5px 0 5px;
  222. color: #fff;
  223. top: 0;
  224. right: 0
  225. }
  226. .analysis-container .analysis-item .analysis-list>li .tip:before {
  227. border: solid transparent;
  228. border-top-color: #56a4d5;
  229. border-width: 17px 7px;
  230. position: absolute;
  231. content: '';
  232. top: 0;
  233. left: -7px
  234. }
  235. .analysis-container .analysis-item .analysis-list>li .text {
  236. display: block;
  237. line-height: 20px;
  238. padding: 5px 35px 10px 10px;
  239. user-select: none
  240. }
  241. .analysis-container .analysis-item .analysis-list>li.g .tip {
  242. background-color: #EC612B;
  243. }
  244. .analysis-container .analysis-item .analysis-list>li.g .tip:before {
  245. border-top-color: #EC612B;
  246. }
  247. .analysis-item .infer {
  248. background-color: #223CA1;
  249. position: absolute;
  250. line-height: 20px;
  251. padding: 0 8px 0 6px;
  252. border-radius: 0 5px 0 5px;
  253. color: #fff;
  254. top: 0;
  255. right: 0;
  256. }
  257. .analysis-item .infer:before {
  258. border: solid transparent;
  259. border-top-color: #223CA1;
  260. border-width: 17px 7px;
  261. position: absolute;
  262. content: '';
  263. top: 0;
  264. left: -7px;
  265. }