@media screen and (min-width: 415px) { /* pc绔痜ooter */ .foot { width: 100%; min-width: 1300px; background-color: #f8f8f8; padding-top: 66px; display: flex; justify-content: center; padding-bottom: 10px; } .foot .footitem { padding-top: 25px; } .foot .search-bar { border-right: 1px solid #eaeaea; padding-right: 93px; } .foot .search-bar .foot-title { font-size: 24rpx; font-weight: 600; color: #111111; } .foot .search-bar .search-wrap { margin-top: 30px; display: flex; border: 2px solid #f8f8f8; border-radius: 5px; overflow: hidden; } .foot .search-bar .search-wrap .search { width: 260px; height: 39px; } .foot .search-bar .search-wrap .search input { width: 100%; height: 100%; border: 0; text-align: left; } .foot .search-bar .search-wrap .confirm-btn { width: 40px; height: 40px; background-color: #004f9c; color: #fff; display: flex; justify-content: center; align-items: center; } .foot .search-bar .qrcode-wrap { margin-top: 75px; display: flex; } .foot .search-bar .qrcode-wrap .qr-img { width: 113px; height: 113px; } .foot .search-bar .qrcode-wrap .phone-wrap { padding-left: 25px; } .foot .search-bar .qrcode-wrap .phone-wrap .phone-number { padding-top: 10px; } .foot .search-bar .qrcode-wrap .phone-wrap .phone-number .number { font-size: 24px; color: #004f9c; font-weight: 600; } .foot .search-bar .qrcode-wrap .phone-wrap .icon-grp { padding-top: 34px; display: flex; } .foot .search-bar .qrcode-wrap .phone-wrap .icon-grp .icon-wrap { border-radius: 50%; border: 1px solid #eee; background-color: #fff; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } .foot .link-wrap { padding: 0px 85px; border-right: 1px solid #eee; } .foot .link-wrap .link-title { font-size: 16px; color: #111111; font-weight: 600; margin-bottom: 25px; } .foot .link-wrap .link-item { margin-bottom: 15px; } .foot .link-wrap .link-item a { font-size: 14px; color: #666666; } .copy-right { min-width: 1300px; border-top: 1px solid #eaeaea; padding: 18px 0px; font-size: 14px; color: #999999; display: flex; justify-content: center; } .copy-right .text { margin-right: 35px; } .mobile-footer { /* 绉诲姩绔簳閮 pc涓嶆樉绀 */ display: none; } } @media screen and (max-width: 414px) { .foot { display: none; } .copy-right { display: none; } .mobile-footer { width: 100vw; box-sizing: border-box; padding: 8vw; background-color: rgb(10, 52, 69); } .mobile-footer-title { display: flex; justify-content: space-between; padding-bottom: 5.3333vw; } .mobile-footer-title a { color: #fff; font-size: 2.1333vw; } .code-wrap { display: flex; justify-content: center; align-items: center; } .code-wrap .phone-wrap { display: flex; align-items: center; padding-left: 2.6667vw; color: #fff; } .code-wrap .phone-wrap img { width: 5.3333vw; height: 5.3333vw; padding-right: 2vw; } /* copy*/ .mobile-copy-right { padding-top: 4vw; } .mobile-copy-text { font-size: 1.8667vw; color: rgb(138, 152, 162); text-align: center; } }