mock平台

Footer.scss 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @import '../../styles/common.scss';
  2. @import '../../styles/mixin.scss';
  3. .footer-wrapper{
  4. height: 2.4rem;
  5. width: 100%;
  6. background-color: $color-bg-dark;
  7. overflow: hidden;
  8. position: relative;
  9. z-index: 0;
  10. }
  11. .footer-container{
  12. margin: 0 auto !important;
  13. padding: .48rem .24rem;
  14. max-width: 12.2rem;
  15. .icon {
  16. font-size: .16rem;
  17. margin-right: .08rem;
  18. }
  19. .title {
  20. color: #8898aa;
  21. font-size: .14rem;
  22. margin-bottom: .08rem;
  23. }
  24. .link {
  25. font-size: .14rem;
  26. font-weight: 200;
  27. color: #8898aa;
  28. line-height: .3rem;
  29. transition: color .2s;
  30. &:hover {
  31. color: $color-bg-gray;
  32. }
  33. }
  34. }
  35. .footItem{
  36. padding: 24px 2%;
  37. width: 25%;
  38. float: left;
  39. div{
  40. margin: 6px 0;
  41. }
  42. a{
  43. font-weight: 200;
  44. color: #b3bdc1;
  45. &:hover{
  46. color: white;
  47. }
  48. }
  49. }
  50. .copyRight{
  51. padding: 24px 2%;
  52. width: 25%;
  53. float: left;
  54. font-size: 13px;
  55. text-indent: 1em;
  56. h4{
  57. font-size: 14px;
  58. margin: 0 auto 13px;
  59. font-weight: 500;
  60. position: relative;
  61. text-indent: 0;
  62. }
  63. }