// PC版 @media screen and (min-width: 768px) { .width1720 { max-width: 1720px; margin: 0 auto; } .header { background: #333333; height: 105px; .width1720 { width: 1325px; max-width: 100%; } .left { align-items: center; // flex: 1; .logo { width: 232px; height: 101px; } .menu { padding: 13px 20px 0; flex: 1; display: flex; flex-wrap: wrap; a { height: 26px; width: 16.6%; overflow: hidden; text-align: center; // margin-left: 30px; display: block; color: #fff; font-size: 16px; &:nth-child(3){ white-space:pre-wrap; } i { display: inline-block; width: 100%; } } } } .right { height:105px; .tag { font-size: 30px; font-weight: bold; color: #fff; margin-right: 50px; &::before { content: ""; width: 100%; height: 4px; background: #da0300; bottom: -33px; position: absolute; } } .bottom{ height:100%; } .bottom:hover{ cursor:pointer; border-bottom:4px solid red; transition: all 0.3s ease 0s; } img { width: 21px; height: 21px; margin-top: 45px; } .line { height: 21px; margin-right: 16px; margin-left: 16px; border-right: 1px solid #686868; } } } .footer { padding-top: 30px; background: #fff; flex-direction: column; font-size: 14px; text-align: center; &::before { position: absolute; content: ""; width: 100%; left: 0; height: 1px; top: 38px; background: #d9d9d9; } img { width: 16px; } .nr { padding: 0 10px; background: #fff; margin-bottom: 20px; a{ color: #000; &:hover { color: #da0300; } } } .hi { } } .phone { display: none !important; } }