郑许地铁

main.css 1.1KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. cite {
  2. font-style: normal;
  3. }
  4. /*首页样式*/
  5. .notice {
  6. background: #e0e0e0;
  7. }
  8. .title {
  9. font-size: 16px;
  10. height: 50px;
  11. line-height: 50px;
  12. }
  13. .list li {
  14. float: left;
  15. width: 120px;
  16. padding: 20px 0;
  17. text-align: center;
  18. cursor: pointer;
  19. border-radius: 5px;
  20. }
  21. .list li:hover {
  22. background-color: #fff;
  23. box-shadow: 0 0 10px rgba(0, 0, 0, .1)
  24. }
  25. .list li:hover .f_icon>i {
  26. animation: jianyin 0.5s ease-in-out;
  27. animation-iteration-count: 1;
  28. }
  29. .free {
  30. position: relative;
  31. }
  32. .free a {
  33. display: inline-block;
  34. }
  35. .free .f_icon {
  36. width: 80px;
  37. position: relative;
  38. height: 80px;
  39. line-height: 80px;
  40. margin: 0 auto;
  41. background-color: #54cc8c;
  42. border-radius: 10px;
  43. }
  44. .free .f_icon i {
  45. font-size: 50px;
  46. color: #fff;
  47. position: absolute;
  48. top: 0;
  49. left: 0;
  50. right: 0;
  51. bottom: 0;
  52. }
  53. .free .f_name {
  54. padding: 10px 10px 0 10px;
  55. color: #666;
  56. }
  57. @keyframes jianyin{
  58. 0% {
  59. transform: translate(0, 0);
  60. opacity: 1
  61. }
  62. 60% {
  63. transform: translate(0, -50%);
  64. opacity: 0
  65. }
  66. 61% {
  67. transform: translate(0, 50%);
  68. opacity: 0
  69. }
  70. 100% {
  71. transform: translate(0, 0);
  72. opacity: 1
  73. }
  74. }