门户自定义模板，如何实现公共头部导航选中状态？

使用的Discuz！x3.4   使用门户自定义模板。公共头部导航如何实现选中状态?如：当前页面是网站首页，导航“网站首页”有背景色

当前页面是服务项目，导航“服务项目”应该有背景色，首页就无颜色！

具体代码如下：
<ul class="main-nav">

        <li id="home-box" class="active"（ class="active"的样式就是填充背景色）
>
            <a >
                <i class="home"></i>
                <span>网站首页 Home</span>
            </a>
        </li>
                <li class="">
            <a href="{$_G['siteurl']}portal.php?mod=list&catid=3">
                <i class="icon1"></i>
                <span>服务项目 Project</span>
            </a>
        </li>
                <li class="">
            <a href="{$_G['siteurl']}portal.php?mod=list&catid=4">
                <i id="anli2"></i>
                <span>精品案例 Case</span>
            </a>
        </li>

                <li class="">
            <a href="{$_G['siteurl']}portal.php?mod=list&catid=7">
                <i id="baojia"></i>
                <span>产品报价 Offer</span>
            </a>
        </li>
                <li class="">
            <a href="{$_G['siteurl']}portal.php?mod=list&catid=5">
                <i class="icon5"></i>
                <span>新闻中心 News</span>
            </a>
        </li>
                <li class="">
            <a href="{$_G['siteurl']}portal.php?mod=list&catid=6">
                <i class="icon6"></i>
                <span>关于我们  About Us</span>
            </a>
        </li>            
    </ul>

研究了好一段时间了，哪位好心人帮帮我！

官方论坛也没人能帮我解决一下？