/* css reset 重置样式 */ * { margin: 0; padding: 0; } li { list-style: none; } h1 { font-weight: normal; } /* 头部区域 */ header { height: 1rem; background-color: #e54847; position: relative; } header h1 { text-align: center; font-size: 0.35rem; line-height: 1rem; color: #fff; } header .menu { position: absolute; height: 1rem; line-height: 1rem; right: 20px; top: 0; color: #fff; font-size: 0.35rem; } /* 导航栏区域 */ nav { height: .9rem; border-bottom: 1px solid #e6e6e6; display: flex; justify-content: space-between; font-size: 0.3rem; line-height: .9rem; padding: 0 20px; } nav .address { position: relative; } nav .address .city { font-size: 0.25rem; color: #666; } nav .address::after { content: ""; display: block; width: 0; height: 0; border-top: .1rem solid #ddd; border-right: .1rem solid transparent; border-left: .1rem solid transparent; /* border-bottom:.1rem solid transparent; */ position: absolute; top: 50%; right: -15px; transform: translateY(-50%); } nav .nav ul { display: flex; } nav .nav { position: relative; } nav .nav .under-line { width: 6vw; height: 4px; background-color: #e54847; position: absolute; bottom: 4px; left: 3vw; border-radius: 2px; } nav .nav li { font-size: 0.3rem; width: 10vw; text-align: center; color: #666; font-weight: 700; margin: 0 1.3vw; } /* nav .nav.wait .under-line{ left: 13vw; } */ nav .search i.iconfont { color: #e54847; font-weight: 700; font-size: 0.3rem; }