.footBox{ margin-top: 20px; } .inportant-foot{ /*margin-left:121px;*/ height: 145px; width: 100%; line-height: 145px; text-align: center; font-size: 19px; font-weight: 600; } .foot{ background-color: #272727; border-top: 2px solid #ff3030; font-size: 12px; } .footer{ margin-bottom: 30px; position: relative; } .footer>div{ height: 175px; width: 300px; } .footer>div>span{ font-size: 14px; font-weight: 900; color: #fff; } .footer .footer-som{ /*position: relative;*/ } .foot .footer-one{ width: 61px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-education/images/jlt1.png") 0 -91px no-repeat; left: 6px; top: 58px; } .footer .footer-som span{ display: inline-block; width: 80px; float: left; margin-left: -59px; margin-top: 125px; } .footer .footer-som1 span{ display: inline-block; width: 80px; float: left; margin-left: 15px; margin-top: 125px; } .footer-som1{ position: relative; } .foot .footer-two{ width: 64px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-education/images/jlt1.png") -67px -91px no-repeat; left: 75px; top: 58px; } .footer .footer-som2{ position: relative; } .footer .footer-three{ width: 64px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-education/images/jlt1.png") -139px -91px no-repeat; left: 134px; top: 58px; } .footer .footer-som2 span{ display: inline-block; width: 80px; float: left; margin-left: 81px; margin-top: 125px; } .footer .footer-som3{ position: relative; } .footer .footer-som3 span{ display: inline-block; width: 105px; float: left; margin-left: 128px; margin-top: 125px; } .footer .footer-free{ width: 64px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-education/images/jlt1.png") -210px -90px no-repeat; left: 208px; top: 58px; } .footer-content{ height: 240px; } .footer-content>div{ width: 80px; height: 240px; position: relative; } .footer-content>div>ul{ margin-top: 17px; } .footer-content>div>ul>li:not(:first-child){ margin-top: 3px; } .footer-content>div span{ font-size: 17px; color: #ffffff; font-weight: 900; line-height: 20px; position: relative; } .footer-content>div span>i{ height: 2px; width: 40px; background-color: #FF3030; position: absolute; left: 0px; top: 30px; } .footer-content>div i{ position: absolute; } .footer-content>div>ul>li>a{ color: #ddd; } .footer-content>div>ul>li>a:hover{ color: #ff3030; } .footer-content .soms{ margin-left: 90px; } .foot .footer-right{ margin-left: 80px; } .foot .footer-right .somss{ margin-left: 40px; } .foot .footer-right>div>p{ margin-top: 6px; color: #ddd; text-align: center; } .footer-right p{ margin-top: 10px; color: #ddd; } .footer-right .foot-font{ color: #ddd; margin-top: 135px; } .foot .footer-content .footer-right{ width: 521px; } .foot .footer-navs{ display: block; height: 53px; text-align: center; line-height: 53px; /*position: relative;*/ } .foot .footer-navs ul{ height: 100%; text-align: center; padding-left: 340px; } .foot .footer-navs ul li{ float: left; margin-left: 5px; } .foot .footer-navs a{ color: #DDDDDD; padding: 0 10px; } .foot .footer-navs a:hover{ color: #FF3030; } .yqlj-box{ /*width: 100%;*/ } .yqlj-box .yqlj{ display: block; margin: 0 auto; width: 276px; color: #ffffff; font-size: 14px; /*font-weight: 500;*/ /*color: #ddd;*/ /*position: absolute;*/ } .yqlj-box .yqlj>s{ display: inline-block; width: 90px; height: 1px; margin: 4px 10px; background-color: #ddd; /*position: absolute;*/ /*left: -98px;*/ /*top: 8px;*/ } .foots{ background-color: #202020; } .foots .foot-bottom{ /*background-color: blue;*/ height: 80px; } .foots .foot-bottom a{ color: #ddd; margin: 10px 7px; } .foots .foot-bottom a:hover{ color: #ff3030; } .foots .foot-bottom>div{ text-align: center; padding-top: 20px; } .foots .foot-bottom p{ text-align: center; color: #ddd; margin-top: 5px; } .foots .foot-bottom span{ display: inline-block; height: 12px; width: 1px; border-right: 1px solid #ddd; margin: -1px 5px; }