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

.hd-nav .drop{color:#cc0000;width: 130px;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.4);}
.hd-nav .lk{display: block;font-size: 0.9rem;color:#fff;text-align: center;line-height: 0.25rem;border-top:1px solid rgba(0,0,0,.1);padding:20px;}
.hd-nav .lk:hover{color:#fff; font-weight: bold; background:rgba(0,0,0,.5);}
.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;}