.map{ border: 0.01rem solid #d2d2d2; } .map-pd-pc{ padding: 0.2rem 0.6rem !important; } .map-pd-phone{ padding: 0.2rem !important; } .map .nav-list{ padding: 0.2rem 0; } .map .nav-list .nav-item{ } .map .nav-list .nav-item .nav-title .nav-icon{ width: 0.08rem; height: 0.28rem; border-radius: 0.1rem; background: #409eff; } .map .nav-list .nav-item .nav-title .nav-name{ color: #333333; font-size: 0.23rem; line-height: 0.23rem; margin-left: 0.15rem; } .map .nav-list .nav-item .nav-main a:hover{ font-weight: bold; color: #409eff !important; } .map .nav-list .nav-item .nav-main a{ margin-right: 0.2rem; font-size: 0.2rem; } @media screen and (max-width: 768px) { .map .nav-list .nav-item .nav-title .nav-icon{ width: 0.06rem; height: 0.2rem; } .map .nav-list .nav-item .nav-title .nav-name{ color: #333333; font-size: 0.2rem; line-height: 0.2rem; margin-left: 0.15rem; } .map .nav-list .nav-item .nav-main a{ margin-right: 0.16rem; font-size: 0.16rem; } }