Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
jjhc
/
jucai
1
0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Koks: 573f27ce10
Atzari Tagi
jucai
/
public
/
themes
/
default
/
assets
/
mobile
/
css
/
news.css

news.css 3.2 KB
Vēsture Neapstrādāts

12345678910111213141516171819202122232425262728293031323334353637383940414243 
  1. /**
    2. 

  2.  * 职场资讯
    3. 

  3.  **/
    4. 

  4. 

  5. /* 资讯列表 */
    6. 

  6. .news-top-menu-bar{background:#fff;box-sizing:border-box;}
    7. 

  7. .news-top-menu-bar .top-menu{overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
    8. 

  8. .news-top-menu-bar .top-menu::-webkit-scrollbar{display:none}
    9. 

  9. .news-top-menu-bar .top-menu-list{white-space:nowrap;}
    10. 

  10. .news-top-menu-bar .top-menu-list .t-btn{white-space:nowrap;display:inline-block;min-width:25%;text-align:center;color:#666;text-decoration:none;font-size:.32142857rem;height:1.05rem;line-height:1.05rem;-webkit-tap-highlight-color:rgba(0,0,0,.3);}
    11. 

  11. .news-top-menu-bar .top-menu-list .t-btn.font16{font-size:.34285714rem;}
    12. 

  12. .news-top-menu-bar .top-menu-list .t-btn.active{color:#0180cf;}
    13. 

  13. .news-top-nav{background:#fff;white-space:nowrap;}
    14. 

  14. .news-top-nav .n-cell{position:relative;width:25%;float:left;text-align:center;}
    15. 

  15. .news-top-nav .n-cell .b-line{display:none;position:absolute;top:1.02rem;width:100%;height:.03rem;background:#0180CF;}
    16. 

  16. .news-top-nav .n-cell.active{color:#0180cf;}
    17. 

  17. .news-top-nav .n-cell.active .b-line{display:block;}
    18. 

  18. .news-list-item{background:#ffffff;width:100%;border-top:1px solid #f0f0f0;}
    19. 

  19. .news-list-item.eventactive{background-color:#EEEEEE;}
    20. 

  20. .news-list-item .news-info{padding:.2rem 5% .3rem;position:relative;}
    21. 

  21. .news-list-item .news-info .thumbnail{width:30%;height:1.8rem;float:left;padding:.05rem;border:1px #E8E8E8 solid;margin-top:0.1rem;margin-right:3%;}
    22. 

  22. .news-list-item .news-info .thumbnail img{width:100%;height:100%;}
    23. 

  23. .news-list-item .news-info .info{width:67%;float:left;}
    24. 

  24. .news-list-item .news-info .info .line-one{height:.6rem;line-height:.6rem;color:#333333;}
    25. 

  25. .news-list-item .news-info .info .line-two{height:.5rem;line-height:.5rem;}
    26. 

  26. .news-list-item .news-info .info .line-two .pic{float:left;background-repeat:no-repeat;background-size:.3rem;background-position:0 center;padding-left:.32rem;padding-right:.3rem;}
    27. 

  27. .news-list-item .news-info .info .line-two .pic.time{background-image:url("../images/171.png");background-size:.26rem;}
    28. 

  28. .news-list-item .news-info .info .line-two .pic.page-views{background-image:url("../images/172.png");padding-left:.35rem;}
    29. 

  29. .news-list-item .news-info .info .line-two .pic.page-people{background-image:url("../images/227.png");padding-left:.35rem;}
    30. 

  30. .news-list-item .news-info .info .line-two .pic.status{background-image:url("../images/187.png");padding-left:.35rem;}
    31. 

  31. .news-list-item .news-info .info .line-three{height:.8rem;line-height:.4rem;overflow:hidden;white-space:normal;text-overflow:ellipsis;}
    32. 

  32. .list-split-block{width:100%;height:.15rem;background:transparent;}
    33. 

  33. 

  34. /* 资讯详情 */
    35. 

  35. .news-show{background:#ffffff;padding:5%;}
    36. 

  36. .news-show h1{color:#333333;font-weight:400;}
    37. 

  37. .news-show .attribute{padding:.2rem 0;color:#999999;border-bottom:1px dashed #cacaca;margin-bottom:.2rem;}
    38. 

  38. .news-show .attribute .category{float:left;}
    39. 

  39. .news-show .attribute .pic{float:right;background-repeat:no-repeat;background-size:.3rem;background-position:0 center;padding-left:.32rem;padding-right:.3rem;}
    40. 

  40. .news-show .attribute .pic.time{background-image:url("../images/171.png");background-size:.26rem;}
    41. 

  41. .news-show .attribute .pic.page-views{background-image:url("../images/172.png");padding-left:.35rem;}
    42. 

  42. .news-show .content{line-height:.5rem;word-break: break-all;overflow:hidden;}
    43. 

  43. .news-show .content img{max-width:5rem;}
    44.