.footer { width: 100%; /* height: 700px; */ background-color: #2c2c2c; padding-top: 70px; padding-bottom: 70px; } .footer-link, .footer-code { width: 900px; display: flex; flex-wrap: wrap; margin: auto; } .footer-link{ justify-content:space-between; } .footer-copyright { width: 900px; margin: 20px auto 0; } .footer-copyright img { width: 25px; height: 25px; vertical-align: middle; position:relative; top:-1px } .footer-copyright span { color: #e6c18d; font-size: 11px; } .footer-link > div { width: 30%; padding: 15px 0 20px; } .footer-link li a{ list-style-type: none; display:block; font-size: 13px; color: rgba(230, 193, 141, 0.3); padding: 6px 0; cursor: pointer; } .footer-link li a:hover{color:#e6c18d;} .footer-link .larger-txt { font-size: 15px; color: #e6c18d; padding-bottom: 5px; border-bottom: 1px solid rgba(230, 193, 141, 0.3); margin-bottom: 10px; } .footer-code .code { margin-right: 25px; text-align: center; } .footer-code img { width:85px; height:85px; background: white; } .footer-code p,.footer-code a{ color: #e6c18d; font-size: 13px; text-align: center; margin-top: 10px; display: block; line-height: 15px; } .pro-detail .swiper-button-next,.pro-detail .swiper-button-prev{background: none} .pro-detail .swiper-button-next i,.pro-detail .swiper-button-prev i{color:#333;} /*鎵嬫満绔嚜閫傚簲*/ @media screen and (max-width: 1025px) and (min-width: 320px){ .footer{ width: calc(100% - .8rem); padding: .4rem; } .footer-link{ width: 6.5rem; display: none; } .footer-link a{ font: 25px 'microsoft yahei'; } .footer-link > div{ width: 45%; padding: .3rem 0; } .footer-link .larger-txt{ font-size: .35rem; } .footer-link li a{ font-size: .3rem; padding: .15rem 0; } .footer-code{ display: none; width: 5.7rem; justify-content: space-between; margin: 0 .4rem; } .footer-code-phone{ display: flex !important; align-items: center; } .footer-code-phone i{ color: #e6c18d; font-size: .6rem; margin-right: .2rem; } .footer-code-phone i img{ width: 60%; display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1000; } .footer-copyright{ width: 100%; margin: .2rem auto 0; } .footer-copyright img{ width: .5rem; height: .5rem; margin-top: -.15rem; margin-left: -.1rem; } .footer-copyright span{ font-size: .2rem; } .menu-mask-div{ display: none; width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,.4); left: 0; top: 0; z-index: 1000; animation: showOpcity 0.3s ease-in forwards; } }