1，Dom结构给一份才能给你解决；比较临时的解决方案：(不考虑兼容性)
css:

.menu{
    .item{
            position:relative;
            ***
            &.active:after{#主菜单单元格被点击后的after
                display:block;
                content:"";
                position:absolute;
                height:100%;
                width:1px;
                background：#FFF:
                right:-1px;
                top:0;
                #用这个块盖住主菜单单元格的右边border
            }
        }
    .submenu{
        ***
    }
}

2，如果需求菜单显示时点击其他区域隐藏菜单，请使用addListener方式,根据event.target来判断菜单是否显示活隐藏；比如：

document.addListener("click",menu,false)
functuin menu(e){
    target = $(e.target)
    if(!target.hasClass('menu')){
        if(target.hasClass('active')){
            target.removeClass('active')
        }
    }
}

其实，在点击弹出二级菜单的时候，顺便把一级菜单的border-right设置为0就可以了吧！
不过你应该是给一级菜单的ul设置了border-right，这就不好办了。只能改ul的border-right给ul的的li
然后触发点击的时候，顺便把这个li的border-right设为0
——————————————————————————————
貌似有问题，右边的二级菜单还是有border-left。

我自己写个试试！看能不能处理！