<> .w1220 { width: 1220px; margin: 0 auto; } .logo a img { width: 119px; } .head-nav { float: right; } .head-nav >ul > li:before { position: absolute; bottom: -28px; right: 50%; left: 50%; border-top: 2px solid #0082FA; line-height: 0; transition: all .3s; content: ''; } .head-nav li.head-nav-select:before.head-nav li:hover:before { left: 20px; right: 20px; } .head-nav > ul > li { margin-right: 0; margin-left: 10px; padding: 0 20px; } .user-box { margin-left: 35px; } .head-nav-select > a.head-nav-select .ico_triangleli:hover .ico_triangle { color: #317ee7 !important; } .head-nav ul li .ico_triangle { display: inline-block; vertical-align: middle; width: 0; margin-left: 10px; margin-top: 4px; border-top: 8px solid; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ''; } .head-nav ul li .ico_select { display: none; } <> .new_footer { height: 534px; padding-top: 74px; background: #F8F9FA; color: #FFF; box-sizing: border-box; min-width: 1220px; } .new_foot_container { width: 1220px; margin: 0 auto; } .new_footer .new_foot_content { display: flex; justify-content: space-between; } .new_footer .left-foot-box { display: inline-block; } .left-foot-box img { height: 28px; width: auto; } .left-foot-box div { margin-top: 39px; font-size: 14px; font-weight: 500; color: #9AA2B1; } .left-foot-box .service-info { margin-top: 15px; font-size: 24px; font-weight: 500; line-height: 24px; color: #8F9298; } .left-foot-box .for-info { margin-top: 15px; display: flex; justify-content: flex-start; } .for-info li:first-child { margin-right: 12px; } .for-info li a { width: 40px; height: 40px; } .new_footer .foot-center-box { display: flex; justify-content: center; align-items: flex-start; } .foot-center-box dl:first-child { margin-right: 80px; } .foot-center-box dl:nth-child(2) { margin-right: 84px; } .foot-center-box dl dt { font-size: 18px; font-weight: 500; line-height: 22px; color: #5E5F63; margin-bottom: 33px; } .foot-center-box dl dd { font-size: 14px; font-weight: 500; line-height: 14px; color: #8F9298; margin-bottom: 12px; } .foot-center-box dl dd a { color: #8F9298; } .new_footer a:hover { color: #78aaf0; } .foot-center-box dl dd:last-child { margin-bottom: 0; } .foot-copyright { padding-top: 25px; margin-top: 56px; border-top: 1px solid #D2D2D7; text-align: center; font-size: 14px; font-weight: 500; line-height: 17px; color: #9AA2B1; display: flex; justify-content: space-between; } .foot-left-info a,.foot-right-info a { color: #9AA2B1; } .foot-copyright .foot-right-info { display: flex; justify-content: flex-start; } .foot-right-info li { margin-right: 20px; } .foot-right-info li:last-child { margin-right: 0; } .footer-industry { padding-top: 17px; } .footer-industry li { display: inline-block; } .footer-industry a { display: block; width: 50px; height: 50px; background: url(https://cdn.kuaidi100.com/images/www/sp-index.png) -287px -206px; } .footer-qrcode { display: flex; flex-direction: column; } .footer-code { width: 123px; text-align: center; font-size: 14px; font-weight: 500; line-height: 14px; } .footer-code:first-child { margin-bottom: 26px; } .footer-code p { word-break: keep-all; } .footer-qrcode img { width: 110px; height: 110px; /* margin-bottom: 15px; */ }