12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- @subject-maxwidth:1460px;
- @subject-minwidth:1220px;
- .footer{
- background: #1f1f1f;
- padding-bottom: 30px;
- font-size: 14px;
- .footer-content{
- width: @subject-minwidth;
- margin: 0 auto;
- .footer-link{
- padding-top: 40px;
- padding-bottom: 10px;
- border-bottom: 1px solid #313131;
- span{
- display: inline-block;
- padding: 10px 20px;
- font-size: 13px;
- color: #fff;
- background: #384144;
- letter-spacing: 1px;
- }
- ul:after{
- content: '';
- display: block;
- clear: both;
- }
- ul{
- margin-top: 30px;
- li{
- float: left;
- margin: 0 30px 10px 0;
- a{
- color: #ccc;
- }
- a:hover{
- color: #fff;
- }
- }
- }
- }
- .footer-contact{
- padding: 30px 0;
- span{
- display: inline-block;
- color: #fff;
- font-size: 23px;
- border-bottom: 2px solid #f39800;
- padding-bottom: 5px;
- }
- ul{
- margin-top: 20px;
- li{
- color: #ccc;
- padding-bottom: 15px;
- }
- }
- }
- .footer-complaint{
- padding: 30px 0 10px;
- border-bottom: 1px solid #313131;
- span{
- display: inline-block;
- color: #fff;
- font-size: 23px;
- border-bottom: 2px solid #f39800;
- padding-bottom: 5px;
- }
- ul:after{
- content: '';
- display: block;
- clear: both;
- }
- ul{
- margin-top: 20px;
- li{
- margin: 0 30px 10px 0;
- float: left;
- a{
- color: #ccc;
- }
- a:hover{
- color: #fff;
- }
- }
- }
- }
- }
- }
|