.menu{display: flex;align-items: center;margin-top: 8px;}
 .menu li{position: relative;}
 .menu li:before{content: '';display: block;position: absolute;left: 0;height: 16px;top: calc(50% - 7px);width: 1px;background-color: rgba(255, 255, 255, 0.8);}
 .menu li:first-child:before{display: none;}
 .menu .frist{font-size: 17px;padding: 10px 12px;display: flex;transition: all 0.2s;}
 .menu .frist:hover{text-decoration: underline;}

 .menu li .menu-active, .menu li .frist:hover{}
 .menu .son{position: absolute;top: 40px;left: 0;width: 100%;background-color: rgba(255, 255, 255, 0.7);z-index: 3;box-sizing: border-box;border-top: 2px var(--primary-color) solid;}
 .menu .son li{height: 40px;text-align: center;width: 100%;border-bottom: 1px rgba(255, 255, 255, 1) solid;}
 .menu .son li:last-child{border-bottom: 0;}
 .menu .son li a{color: #222;font-size: 15px;line-height: 40px;width: 100%;padding: 0;display: block;}
 .menu .son li:hover a{color: #fff;background-color: var(--primary-color);}