请问怎么去掉下拉菜单中右边的线

.nav-box {
margin: 0px auto;
width: 1190px;
text-align: right;
}
.nav-box ul li {
display: inline-block;
padding: 0px 10px;
font-size: 12px;
line-height: 30px;
position: relative;
}
.nav-box ul li a {
color: #999999;
text-decoration: none;
}
.nav-box ul li:not(:last-child):after {
content: "";
width: 1px;
height: 14px;
background: #cccccc;
position: absolute;
top: 8px;
right: 0px;
display: block;
}
.nav-box ul li a:hover {
color: #cc0000;
}
.show_list {
position: relative;
}
.show_list .move_list {
display: none;
z-index: 103;
position: absolute;
top: 30px;
left: 0px;
width: 100%;
background: #333333;
text-align: center;
}
.show_list .move_list li {
padding: 0px 2px;
color: #ffffff;
}
.nav-box ul li .show_list {
padding-bottom: 2px;
border-right: none;
}
.show_list:hover .move_list {
display: block;
}
.show_list .move_list li:hover {
color: red;
}

这段注释掉

.nav-box ul li:not(:last-child):after {
content: "";
width: 1px;
height: 14px;
background: #cccccc;
position: absolute;
top: 8px;
right: 0px;
display: block;
}