footer.less 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. @subject-maxwidth:1460px;
  2. @subject-minwidth:1220px;
  3. .footer{
  4. background: #1f1f1f;
  5. padding-bottom: 30px;
  6. font-size: 14px;
  7. .footer-content{
  8. width: @subject-minwidth;
  9. margin: 0 auto;
  10. .footer-link{
  11. padding-top: 40px;
  12. padding-bottom: 10px;
  13. border-bottom: 1px solid #313131;
  14. span{
  15. display: inline-block;
  16. padding: 10px 20px;
  17. font-size: 13px;
  18. color: #fff;
  19. background: #384144;
  20. letter-spacing: 1px;
  21. }
  22. ul:after{
  23. content: '';
  24. display: block;
  25. clear: both;
  26. }
  27. ul{
  28. margin-top: 30px;
  29. li{
  30. float: left;
  31. margin: 0 30px 10px 0;
  32. a{
  33. color: #ccc;
  34. }
  35. a:hover{
  36. color: #fff;
  37. }
  38. }
  39. }
  40. }
  41. .footer-contact{
  42. padding: 30px 0;
  43. span{
  44. display: inline-block;
  45. color: #fff;
  46. font-size: 23px;
  47. border-bottom: 2px solid #f39800;
  48. padding-bottom: 5px;
  49. }
  50. ul{
  51. margin-top: 20px;
  52. li{
  53. color: #ccc;
  54. padding-bottom: 15px;
  55. }
  56. }
  57. }
  58. .footer-complaint{
  59. padding: 30px 0 10px;
  60. border-bottom: 1px solid #313131;
  61. span{
  62. display: inline-block;
  63. color: #fff;
  64. font-size: 23px;
  65. border-bottom: 2px solid #f39800;
  66. padding-bottom: 5px;
  67. }
  68. ul:after{
  69. content: '';
  70. display: block;
  71. clear: both;
  72. }
  73. ul{
  74. margin-top: 20px;
  75. li{
  76. margin: 0 30px 10px 0;
  77. float: left;
  78. a{
  79. color: #ccc;
  80. }
  81. a:hover{
  82. color: #fff;
  83. }
  84. }
  85. }
  86. }
  87. }
  88. }