// 手机版 @media screen and (max-width: 768px) { .width1720{ max-width: 100%; width: 100%; } .header { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: 108px; background: url("../img/top_bg.png") #20112F no-repeat left bottom; background-size: auto 100%; .width1720 { flex-direction: column; } .left { flex-direction: column; align-items: flex-start; .logo { width: 118px; margin-left: 30px; } .menu { &::-webkit-scrollbar { width: 0 !important; } width: 100vw; padding: 0 18px 0 8px; margin-top: 20px; height: 45px; overflow-x: scroll; white-space: nowrap; a { color: #fff; text-align: justify; margin-left: 10px; color: #fff; font-size: 17px; } .active { color: #ff0f21; &::before { content: ""; width: 18px; height: 3px; background: #ff0f21; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); } } } .menuzk { height: 100%; display: flex; flex-direction: column; a { display: inline; margin-top: 10px; } .active { margin-bottom: 10px; &::before { content: ""; width: 100%; height: 3px; background: #ff0f21; position: absolute; bottom: -6px; left: 0; transform: translateX(0%); } } } } .right { position: absolute; right: 0; top: 14px; img { width: 19px; margin-right: 16px; } } } .headerzk { position: fixed; width: 100%; height: 100%; z-index: 99; } .pc { display: none !important; } .footer { flex-direction: column; background: #ffffff; padding: 20px 16px; font-size: 12px; padding-left: 16px; padding-right: 16px; align-items: flex-start; img { width: 15px; height: 15px; } .nr { text-align: left; a{ color: #000; &:hover { color: #da0300; } } } } .reback { width: 71px; height: 71px; border-radius: 50%; background: #ee8989; position: fixed; right: 10px; bottom: 60px; img { width: 50px; } } }

map