.hd-nav{display: flex;justify-content: space-between;align-items: center;}
.hd-nav li{display: inline-block;vertical-align: middle;position: relative;margin-left: 2rem;}
.hd-nav li>a{display: block;font-size: 1.125rem;color:#fff;position: relative;line-height: 2.5rem;}
.hd-nav li.cur>a,.hd-nav li:hover>a{font-weight: bold;}

.hd-nav .drop{width: 7.3rem;position: absolute;left: 50%;transform: translate(-50%,0) scaleY(0);visibility: hidden;opacity: 0;transition: all .3s ease 0s;transform-origin: center top;z-index:100;background-color: rgba(0,0,0,0.3);}
.hd-nav .lk{display: block;font-size: 0.975rem;color:#fff;text-align: center;line-height: 2.075rem;border-top:1px solid rgba(255,255,255,.1);padding:0.1rem 0.5rem;}
.hd-nav .lk:hover{font-weight: bold;}
.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: translate(-50%,0) scaleY(1);}
.hd-nav li:hover .drop::before{display: block;}

.hd-nav li.sj-show{display: none;}