jmb.min.css 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375
  1. .head_zhibo{border-bottom:1px #eee solid;height:auto;padding-bottom:.3rem}
  2. .headone,.headtwo{clear:both;width:100%}
  3. .headone{height:.8rem;line-height:.8rem}
  4. .headone li{width:25%;text-align:center;font-size:.32rem;color:#fff;height:.6rem}
  5. .headone li a{color:#fff;height:.6rem;padding:0 .28rem;display:inline-block;line-height:.6rem}
  6. .headone li.zbhover a{color:#2054ae;font-weight:700}
  7. .headtwo li{width:25%;text-align:center;font-size:.32rem;color:#fff;height:.6rem}
  8. .headtwo li a{color:#fff;height:.6rem;padding:0 .28rem;display:inline-block;border-radius:.6rem;line-height:.6rem}
  9. .headtwo li.zbhover a{background:#fff;color:#2054ae;font-weight:700}
  10. .zbtwonav{width:100%;height:.88rem;background:#fff;line-height:.88rem;color:#333;float:left;overflow:hidden;border-bottom:1px #eee solid}
  11. .zbtwonav .swiper-slide{display:inline-block;width:auto;background:#fff}
  12. .zbtwonav li a{color:#666;font-size:.32rem;display:block}
  13. .zbtwonav li{float:left;padding:0 .25rem}
  14. .zbtwonav li a.zbtwohover{color:#2054ae}
  15. .zbtwonav li a.zbtwohover{position:relative}
  16. .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}
  17. .zt_dsplist{clear:both}
  18. .zbdsp_list{border-bottom:.14rem #f8f8f8 solid;overflow:hidden;padding:.2rem .2rem .3rem .2rem}
  19. .zb_dspbt{color:#333;font-size:.32rem;padding-bottom:.2rem;padding-left:.1rem;width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  20. .zb_dspimg{height:3.5rem;width:100%;border-radius:6px;overflow:hidden}
  21. .zb_dspimg img{width:100%;height:100%;border-radius:6px}
  22. .zb_dspxx{padding:.2rem 0}
  23. .zb_dspfl{color:#999;font-size:.24rem}
  24. .zb_dsprd{color:#9f9f9f;font-size:.26rem}
  25. .zb_dsprd>span{display:block;float:left;margin-left:.6rem;line-height:.33rem}
  26. .zb_dsp_zan cite{background:url(../img/zan.png) no-repeat;width:.37rem;height:.32rem;background-size:100%;display:inline-block;float:left;margin-right:.1rem}
  27. .zb_dsp_cai cite{background:url(../img/cai.png) no-repeat;width:.37rem;height:.32rem;background-size:100%;display:inline-block;float:left;margin-right:.1rem}
  28. .zb_dsp_ping cite{background:url(../img/ping.png) no-repeat;width:.37rem;height:.32rem;background-size:100%;display:inline-block;float:left;margin-right:.1rem}
  29. .zb_dsprd .iconfont{color:#9f9f9f;font-size:.44rem;line-height:.44rem;height:.44rem;float:left}
  30. .zb_dsprd em{line-height:.44rem;height:.44rem;float:left;margin-left:.1rem}
  31. .bs_flei_time span{display:block}
  32. .bs_time{font-size:.22rem;color:#fffefe}
  33. .bs_flei{font-size:.26rem;color:#fff;line-height:.5rem;height:.5rem}
  34. .bs_xingxi{padding-top:.4rem}
  35. .bs_xingxi .team{width:35%;float:left}
  36. .bs_xingxi .center{width:30%;float:left}
  37. .bs_xingxi img{width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;border:4px solid hsla(0,0%,100%,.5);background:#fff;background-clip:padding-box}
  38. .bs_xingxi .team p{font-size:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#fff;padding-top:.22rem}
  39. .bs_xingxi .bs_ztai{color:#e7e2de;font-size:.28rem}
  40. .bs_xingxi .bs_vs{font-size:.6rem;color:#fff;line-height:1rem;height:1rem}
  41. .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}
  42. .bs_video .iconfont{color:#eee;display:inline-block;margin-right:.05rem}
  43. .bfanniu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  44. .bfanniu img{width:1.1rem;height:1.1rem}
  45. #guankansp{height:4.45rem;overflow-y:scroll}
  46. #guankansp iframe{min-height:4.45rem}
  47. .return_zb{width:.6rem;line-height:.5rem;text-align:left;position:absolute;top:.28rem;left:.3rem}
  48. .zb_plzx{border-bottom:1px #eee solid;height:.7rem;margin-top:.2rem;display:flex;justify-content:space-around}
  49. .zb_plzx li{text-align:center;font-size:.32rem;color:#666;height:.7rem}
  50. .zb_plzx li a{color:#666}
  51. .zb_plzx li.zbhover{color:#e60640}
  52. .zb_plzx li.zbhover{position:relative}
  53. .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}
  54. .lxbfqu{position:relative}
  55. .lxxhlist{position:absolute;right:0;top:1rem;width:.49rem;height:2.19rem;background:url(../img/lxxhbj.png) no-repeat;background-size:100%;display:flex;align-items:center;text-align:center;font-size:.26rem}
  56. .lxxinhaolb{position:absolute;top:4.45rem;left:0;background:#fff;width:100%;height:100%;z-index:400;display:block;overflow-y:auto;display:none}
  57. .lxxhlbtitle{height:.9rem;line-height:.9rem;border-bottom:1px #eee solid;padding:0 .2rem}
  58. .lxxhlbbt{width:60%;color:#333;font-size:.32rem;text-align:center}
  59. .offlxxhlb{text-align:left;width:20%}
  60. .lxxh_list{padding:.24rem}
  61. .lxxh_list li{padding:.2rem 0;background:#f4f5f9;color:#333;font-size:.26rem;margin-bottom:.2rem;line-height:.44rem;border-radius:4px;width:100%}
  62. .lxxh_list li.lxxhactive{color:#e60640}
  63. .lxxh_list li.lxselect{color:#009cff}
  64. .zblu_title{color:#333;font-size:.26rem;width:100%;line-height:.46rem;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  65. .zb_time{font-size:.22rem;color:#333745}
  66. .jumpone{text-align:center;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}
  67. .jumpone a{color:#fff}
  68. .jijnglist{padding:0 .25rem}
  69. .jijnglist li{background:#f4f5f9;border-radius:4px;margin-top:.15rem;padding:.15rem .2rem}
  70. .jijnglist .zblu_img{width:2rem}
  71. .jijnglist .zblu_img img{width:1.8rem;height:1.2rem;border-radius:4px}
  72. .jijnglist .zblu_title{color:#333;font-size:.26rem;width:4.5rem;line-height:.46rem;padding-top:.1rem;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  73. .zbzhixunlist li{border-bottom:1px #eee solid;padding:.2rem .24rem}
  74. .zt_zx_xgxx{width:5rem}
  75. .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}
  76. .zt_zx_xg{padding-top:.15rem;padding-right:.3rem}
  77. .ztzx_fl{color:#bbb;font-size:.18rem}
  78. .ztzx_fl span{padding-right:.2rem}
  79. .ztzx_rd{color:#bbb;font-size:.18rem}
  80. .ztzx_rd span{float:left;padding-left:.1rem;line-height:.3rem}
  81. .ztzx_rd .iconfont{color:#bbb;font-size:.38rem;float:left;line-height:.3rem;height:.3rem}
  82. .ztzx_ping,.ztzx_zan{float:left;margin-left:.15rem}
  83. .zt_zximg{width:2rem;text-align:right}
  84. .zt_zximg img{width:1.93rem;height:1.28rem;border-radius:4px}
  85. .zbpl_title{height:.95rem;padding:0 .16rem}
  86. .pl_num{line-height:.95rem;color:#333;font-size:.28rem}
  87. .pl_num{color:#999}
  88. .pl_num span{color:#e60640}
  89. .pl_numno span{color:#999}
  90. .zbpl_shuax{width:.6rem;height:.6rem;margin-top:.15rem}
  91. .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}
  92. .character360{display:inline-block;width:.34rem;height:.34rem;background:no-repeat url(../img/shuaxing.png) left top;background-size:100%}
  93. .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)}
  94. button,input,select,textarea{outline:0}
  95. .fabianpl{position:fixed;bottom:0;border-top:1px #eee solid;width:100%;padding:.2rem 0;background:#fff;z-index:200}
  96. .yh_photo{margin-left:.25rem;width:.7rem}
  97. .yh_photo img{width:.66rem;height:.66rem;border-radius:25em}
  98. .djfbpl{width:5.8rem;height:.7rem;line-height:.7rem;padding:0 .2rem;background:#f5f5f5;border-radius:4px;font-size:.28rem;color:#999;margin-left:.14rem}
  99. .wdplnr{border:0;height:.7rem;background:0 0;width:100%;font-size:.28rem;color:#333;line-height:.6rem}
  100. .zbpllist{overflow:hidden}
  101. .zxpl_list{padding-top:1.8rem}
  102. .replylist{padding:0 .24rem;overflow:hidden;padding-bottom:1rem}
  103. .replylist li{margin-bottom:.3rem;width:100%}
  104. .common_avatar{float:left;padding-right:.15rem;width:.66rem}
  105. .common_avatar img{width:.66rem;height:.66rem;border-radius:25em}
  106. .comment_block{float:left;width:6.1rem;padding-left:.15rem}
  107. .comment_user{font-size:.28rem;color:#333;line-height:.28rem;overflow:hidden}
  108. .comment_user .iconfont{font-size:.5rem;line-height:.22rem;height:.22rem}
  109. .comment_username{font-size:.28rem;color:#333;font-weight:600}
  110. .comment_time{font-size:.21rem;color:#999;padding-left:.2rem}
  111. .comment_content{font-size:.26rem;color:#333;line-height:.46rem;padding-top:.1rem}
  112. .comment_xg{margin-top:.15rem}
  113. .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}
  114. .comment_state p{float:left;color:#9f9f9f;margin:0 .1rem;cursor:pointer;font-size:.24rem}
  115. .comment_state p i{margin-left:.05rem;font-size:.4rem;color:#9f9f9f;float:left;line-height:.5rem}
  116. .comment_state p cite{line-height:.5rem;float:left}
  117. .pltcdw{position:relative;overflow-y:scroll;box-sizing:border-box;padding-bottom:0;padding-top:0}
  118. .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:0}
  119. .grpltitle{font-size:.32rem;color:#333;height:.9rem;line-height:.9rem;border-bottom:1px #eee solid;font-weight:600}
  120. .grpltitle i{font-weight:100;font-size:.4rem;display:inline-block;height:.9rem;line-height:.9rem;float:left}
  121. .grpl_zhu{padding:.3rem .24rem}
  122. .huifugrpllist{border-top:.2rem #f8f8f8 solid;padding:0 .24rem;padding-bottom:1.5rem;overflow:hidden}
  123. .huifugrpllist li{margin-bottom:.3rem}
  124. .allhuifu{font-size:.28rem;color:#333;height:.9rem;line-height:.9rem;font-weight:600}
  125. .jzmorepl,.jzmoreplgr{text-align:center;width:100%;color:#999;font-size:.24rem;clear:both;display:none}
  126. .huifuplnrzs{line-height:.4rem;background:#f8f8f8;font-size:.24rem;padding:.15rem .1rem;margin:.1rem 0}
  127. .huifuplnrzs span{color:#7db1cf;padding-right:.1rem}
  128. .huifugrpllist .comment_content{color:#666}
  129. .huifugrpllist .comment_content cite{color:#0073c4;padding:0 .1rem}
  130. .huifugrpllist .comment_content span{color:#333}
  131. .fabiaopl{color:#999;font-size:.3rem;line-height:.7rem;display:none;float:left;width:.6rem;text-align:center;margin-left:.2rem}
  132. .fabiaopl_hf{color:#999;font-size:.3rem;line-height:.7rem;display:none;float:left;width:.6rem;text-align:center;margin-left:.2rem;display:none}
  133. .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}
  134. .jubao_active{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
  135. .report_title{height:.9rem;line-height:.9rem;border-bottom:1px #eee solid;padding:0 .2rem}
  136. .jbbiti{width:60%;color:#333;font-size:.32rem}
  137. .offjubao{text-align:left;width:20%}
  138. .wancheng{text-align:right;width:20%;color:#e60640;font-size:.28rem}
  139. .report_item{overflow:hidden;padding:.2rem .24rem;text-align:left}
  140. .report_item li{width:98%;height:.4rem;line-height:.4rem;margin-bottom:.2rem;cursor:pointer}
  141. .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}
  142. .report_item .report_item_select span{background-position:0 -17px}
  143. .replylist_block{float:left;width:6.1rem}
  144. .my_mizi{display:none}
  145. .huifured{color:#e60640!important}
  146. .fabianpl_gr{position:fixed;bottom:0;border-top:1px #eee solid;width:100%;padding:.2rem 0;background:#fff;z-index:400;display:none}
  147. .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}
  148. .yh_photo_gr{margin-left:.25rem;width:.7rem}
  149. .yh_photo_gr img{width:.66rem;height:.66rem;border-radius:25em}
  150. .my_mizi_gr{display:none}
  151. .wdplnr_gr{border:0;height:.7rem;background:0 0;width:100%;font-size:.28rem;color:#333;line-height:.6rem}
  152. .fabiaopl_gr{color:#999;font-size:.3rem;line-height:.7rem;display:none;float:left;width:.6rem;text-align:center;margin-left:.2rem}
  153. .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}
  154. .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}
  155. .btidahang{z-index:1;position:absolute;background:#fff;width:100%}
  156. .dspbiaoti{color:#333;font-size:.28rem;border-bottom:.14rem #eee solid;box-sizing:border-box;overflow:hidden;height:.9rem;line-height:.8rem}
  157. .dsptitle{width:6.6rem}
  158. .dspbtimg{width:.7rem;text-align:center}
  159. .dspbtimg .iconfont{font-size:.5rem;color:#e60640;display:block;height:.8rem;line-height:.8rem}
  160. textarea::-webkit-input-placeholder{color:#999}
  161. textarea::-moz-placeholder{color:#999}
  162. textarea:-moz-placeholder{color:#999}
  163. textarea:-ms-input-placeholder{color:#999}
  164. .outer{height:100%;position:relative}
  165. .duasping{height:4.45rem}
  166. .pltcdw{width:100%;position:absolute;top:4.45rem;left:0;bottom:0;overflow-y:scroll;padding-bottom:1rem}
  167. .biaotidh{background:#fff;position:absolute;z-index:300;width:100%}
  168. .lxbti{padding:0 .2rem .1rem .2rem}
  169. .yanzanbo{background:url(../img/lxbj1.png) repeat-x top left;background-size:auto 6px;clear:both;padding-top:15px}
  170. .yanzanbo a{color:#ff3f71!important;display:block;width:1.7rem;height:.4rem;line-height:.4rem;font-size:.22rem;border:1px #ff3f71 solid;border-radius:.4rem;padding:0;text-align:center;float:right;padding:0!important;margin-right:10px}
  171. .rightsan{display:inline-block;width:0;height:0;border-top:4px solid transparent;border-left:8px solid #ff3f71;border-bottom:4px solid transparent;margin-right:5px}
  172. .zb_dspimg {
  173. height: 3.5rem;
  174. width: 100%;
  175. border-radius: 6px;
  176. overflow: hidden;
  177. position: relative;
  178. }
  179. .zb_dspimg .video_s_enu_n {
  180. width: 1.1rem;
  181. height: 1.1rem;
  182. position: absolute;
  183. top: 50%;
  184. left: 50%;
  185. margin-top: -.55rem;
  186. margin-left: -.55rem;
  187. z-index: 9;
  188. }
  189. .dsjm{ margin-top:10px;}
  190. .flname {
  191. height: 35px;
  192. line-height: 35px;
  193. background: #ffd8e2;
  194. color: #e60640;
  195. font-size: 18px;
  196. font-weight: 500;
  197. border-bottom: 2px #e60640 solid; position:relative; padding-left: 5px;
  198. }
  199. .flname a {
  200. font-size: 14px;position:absolute;right: 5px;top:0px;
  201. }
  202. .jmb_list_fl {
  203. margin-left: 1%; padding-top:10px;
  204. width: 98%;
  205. margin-bottom: 10px;
  206. overflow: hidden
  207. }
  208. .jmb_list_fl li {width:31.3%;
  209. margin-left: 1%;
  210. margin-right: 1%;
  211. float: left;
  212. margin-bottom: 15px;
  213. text-align: center;
  214. }
  215. .jmb_list_fl li a {
  216. float: left;
  217. height: 43px;
  218. line-height: 43px;
  219. font-size: 14px;
  220. border: 1px solid #DADADA;
  221. background: #E8E8E8;
  222. color: #333333;
  223. width: 113px;
  224. overflow: hidden;
  225. }
  226. .jmb_list_fl li a:hover {
  227. float: left;
  228. height: 43px;
  229. line-height: 43px;
  230. font-size: 14px;
  231. width: 113px;
  232. overflow: hidden;
  233. border: 1px solid #DADADA;
  234. background: #e60640;
  235. color: #fff;
  236. text-decoration: none;
  237. }
  238. .zhoubox{width: 100%;margin:0 auto;height:42px;background: #899099;}
  239. .zhouul {width: 100%;overflow:hidden;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling:touch;}
  240. .zhouul li{font-size: 18px; display:inline-block; float: none; padding-left:10px; padding-right:10px; text-align:center; height:42px;line-height:42px;}
  241. .zhouul li:hover {background: #e60640;}
  242. .zhouul li:hover a span {color: #fff;}
  243. .zhouul .select {background: #e60640;}
  244. .zhouul .select a {color: #fff;}
  245. .zhouul .select a span {color: #fff;}
  246. .zhouul li a { color:#eee}
  247. .zhouul li a .select-span1 {font-size: 18px;height:25px;line-height: 25px;}
  248. .zhouul li a .select-span2 {font-size: 12px;height:17px;line-height: 17px;}
  249. .qhbox {width: 96%;height: 90px;margin: 0 auto;}
  250. .qhbox ul {}
  251. .qhbox ul li {float: left;height: 90px;line-height: 90px;overflow: hidden;}
  252. .qhbox ul .qhbox-li1 {width: 30%;text-align: left;font-size: 18px;}
  253. .qhbox ul .qhbox-li2 {width: 40%;text-align: center;font-size: 30px;}
  254. .qhbox ul .qhbox-li3 {width: 30%;text-align: right;font-size: 18px;}
  255. .qhbox span{color: #899099;}
  256. .qhbox ul li a {display: inline-block;height: 90px; color:#000}
  257. .qhbox ul li a span {float: left;}
  258. .qhbox-li1-span1,.qhbox-li3-span1 {width: 40px;height: 40px;border:2px solid #899099;border-radius: 100%;float:left;text-align: center;font-size: 42px;line-height: 36px;margin-top: 22px;}
  259. .qhbox-li1-span1 {margin-right: 12px;}
  260. .qhbox-li3-span1 {margin-left: 12px;}
  261. .qhbox ul .qhbox-li3 a,.qhbox ul .qhbox-li3 a span {color: #899099;}
  262. .qhbox-li1 a:hover .qhbox-li1-span2,.qhbox-li3 a:hover .qhbox-li3-span2 {color: #60b5f6;}
  263. .qhbox-li1 a:hover .qhbox-li1-span1,.qhbox-li3 a:hover .qhbox-li3-span1 {border-color: #60b5f6;background: #60b5f6;color: #fff;}
  264. .contbox {width: 100%;margin-bottom: 60px;overflow: hidden;}
  265. .cont {width: 1200px;margin: 0 auto;}
  266. .conts {width: 157px;border:1px solid #dbe2ea;float: left; background:#FFF }
  267. .conts ul {width: 100%;overflow: hidden;}
  268. .conts ul li{width: 100%;height: 76px;text-align: center;line-height: 76px;overflow: hidden;}
  269. .conts ul li a {color: #626972;font-size: 18px;display: block;background: #f1f4f8;}
  270. .conts ul li a.gl {color: #fff;background: #60b5f6;}
  271. .conts ul li a:hover {color: #fff;background: #60b5f6;}
  272. .conts .gdpd {width: 100%;height: 32px;overflow: hidden;font-size: 14px;cursor:pointer;color: #fff;text-align: center;line-height: 32px;background: #97a0ad;}
  273. .shijian {width: 96%; margin:0 auto; background:#FFF; margin-bottom:10px; }
  274. .shijian ul { width:100%}
  275. .shijian ul li {width: 100%; padding-left:9px;height:53px; line-height:53px;border-left:1px solid #dbe2ea;border-right:1px solid #dbe2ea;border-bottom:1px solid #dbe2ea;color: #3b5162;font-size:14px;overflow: hidden; -webkit-box-sizing: border-box;
  276. -moz-box-sizing: border-box;
  277. box-sizing: border-box;}
  278. .shijian ul .shijian-ul1-li1,.shijian ul .shijian-ul1-li1 {border-top: 1px solid #dbe2ea;font-size: 18px; color: #000;height: 75px;background: #f5f6f7;line-height: 75px;}
  279. .shijian ul li em {float: left;height: 53px;width:16%;}
  280. .shijian ul li span {float:left;height: 53px;width: 84%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  281. .duansp_list_fl {
  282. border-right: 1px #eee solid;
  283. border-left: 1px #eee solid;overflow:hidden
  284. }
  285. .duansp_list_fl li {
  286. width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px);width:calc(33.3333% - 20px);
  287. float: left;
  288. text-align: center;
  289. margin-bottom: 18px;
  290. margin-top: 11px; margin-left:10px;border:#ccc 1px solid; padding:2px;
  291. }
  292. .duansp_list_flnr .dsp_title {
  293. display: -webkit-box;
  294. text-overflow: ellipsis;
  295. overflow: hidden;
  296. text-overflow: ellipsis;
  297. -webkit-line-clamp: 2;
  298. -webkit-box-orient: vertical;
  299. line-height: 26px;
  300. height: 26px;
  301. margin: 0 auto;
  302. text-align:center; overflow:hidden
  303. }
  304. .duansp_list_flnr .dsp_photo {
  305. position: relative;
  306. width: 100%;
  307. height: 80px;
  308. margin: 0 auto
  309. }
  310. .duansp_list_flnr .dsp_photo span {
  311. width: 100%;
  312. height: 80px;
  313. display: block
  314. }
  315. .duansp_list_flnr .dsp_photo span img {
  316. width: 100%;
  317. height: 60px;
  318. display: block;
  319. border-radius: 6px
  320. }