app.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. h4{
  2. padding: 0.5rem;
  3. font-size: 0.7rem;
  4. font-weight: normal;
  5. border-bottom: 1px solid #d9d9d9;
  6. margin-bottom:0.5rem;
  7. }
  8. .list-wrap{
  9. margin-bottom: 0.1rem;
  10. }
  11. .app-list {
  12. overflow: hidden;
  13. padding:0 0.25rem;
  14. }
  15. .app-list li {
  16. box-sizing: border-box;
  17. float: left;
  18. width: 25%;
  19. padding-right: 0.25rem;
  20. margin-bottom: 0.45rem;
  21. }
  22. .app-list li:nth-child(4n){
  23. padding-right:0;
  24. }
  25. .app-list li .app-wrap{
  26. padding-top : 5px;
  27. // background: #f1f1f1;
  28. min-height: 60px;
  29. // height: 2.0rem;
  30. font-size: 0.35rem;
  31. // border:1px solid #bebebe;
  32. text-align: center;
  33. }
  34. .app-list li .app-wrap:hover{
  35. // background: #1da02b;
  36. // border-color: #1da02b;
  37. color: #fff !important;
  38. }
  39. .app-list li .app-wrap:hover .iconfont{
  40. color: #fff !important;
  41. }
  42. .app-list li .app-wrap a{
  43. color: #000;
  44. }
  45. .app-list li .app-wrap .fa,.app-list li .app-wrap .iconfont{
  46. margin-top: 0.2rem;
  47. margin-bottom: 0.25rem;
  48. font-size: 2.0rem;
  49. height: 2.0rem;
  50. width: 2.0rem;
  51. line-height: 2.0rem;
  52. color: #1da02b;
  53. text-align: center;
  54. }
  55. .app-list li .app-wrap:hover a{
  56. color: #fff;
  57. }
  58. .app-list li .app-wrap:hover .fa{
  59. color: #fff;
  60. }
  61. .app-list li .app-wrap span{
  62. display: block;
  63. font-size: 0.55rem;
  64. color: #999;
  65. margin-top: 5px;
  66. }