<link rel="stylesheet" href="/template/pc/components/index/style11.css"   media="all">
<div class="content-4">
    <div class="box-4">
        <!--start-->
        <div class="layui-col-xs4 qy-10">
            <div class="layui-col-xs12 qy-15">
                    <span class="font-15 font-15-hot">

                        {eyou:assign name='sitename' value='$route_param.site' /}
                        {eyou:sql sql="SELECT id,parent_id,name,domain FROM ey_citysite WHERE domain = '$site'" cachetime='3600' id="res2"}
                                {eyou:assign name='site_pro_id' value='$res2.id' /}
                                {eyou:assign name='site_pro_name' value='$res2.name' /}


                        {eyou:if condition='($site == "shandong" && $domain[0] == "www")'}
                            当前: <a target="_blank" style="margin-left: 15px;" href="https://www.zc10000.com/shandong">{$res2.name}</a>
                        {eyou:else /}
                            当前: <a target="_blank" style="margin-left: 15px;" href="https://{$res2.domain}.zc10000.com">{$res2.name}</a>
                        {/eyou:if}



                        {/eyou:sql}

                        <?php
                        //var_dump($site);die;
                        ?>
                    </span>
            </div>



            <div class="qy-11-1">
                <div class="layui-col-xs12 qy-12">
                    <div class="layui-col-xs12">
                        <span class="font-20 font-20-hot" style="top: 2px;"></span>

                        <a target="_blank" class="hot-city" style="margin-left: 15px;" href="https://{$res2.domain}.zc10000.com">热门城市</a>


                    </div>
                    <div class="layui-col-xs12 qy-13" style="height: auto; overflow: auto;margin: 0;padding: 8px 5px;overflow-x: hidden;margin-top:5px;">
                        <!--sql调用 所有城市-->
                        {eyou:sql sql="SELECT id,parent_id,name,domain FROM ey_citysite WHERE parent_id=$site_pro_id and is_hot=1" cachetime='3600' empty='没有数据' id='kp'}
                        {eyou:if condition='($site == "shandong" && $domain[0] == "www")'}
                        <span class="font-22 hot-city-a" style="">
                                            <a target="_blank" href="https://www.zc10000.com/{$kp.domain}" title="{$kp.name}">{$kp.name}</a>
                                {eyou:else /}
                                    <span class="font-22 hot-city-a" style="">
                                        <a target="_blank" href="https://{$site}.zc10000.com/{$kp.domain}" title="{$kp.name}">{$kp.name}</a>
                                {/eyou:if}
                            </span>
                            {/eyou:sql}
                            <span class="clear"></span>
                    </div>
                </div>

                <div class="layui-col-xs12 qy-12">
                    <div class="layui-col-xs12">
                        <span class="font-20 font-20-hot-2" style="top: 2px;"></span>
                        {eyou:if condition='($site == "shandong" && $domain[0] == "www")'}
                        <a target="_blank" class="hot-city-2" style="margin-left: 15px;" href="https://www.zc10000.com/{$res2.domain}">{$site_pro_name}所有城市</a>
                        {eyou:else /}
                        <a target="_blank" class="hot-city-2" style="margin-left: 15px;" href="https://{$res2.domain}.zc10000.com">{$site_pro_name}所有城市</a>
                        {/eyou:if}
                    </div>
                    <div class="layui-col-xs12 qy-13" style="height: auto; overflow: auto;margin: 0;padding: 8px 5px;overflow-x: hidden;margin-top:5px;">
                        <!--sql调用 所有城市-->
                        {eyou:sql sql="SELECT id,parent_id,name,domain FROM ey_citysite WHERE parent_id=$site_pro_id" cachetime='3600' empty='没有数据' id='kp'}
                        {eyou:if condition='($site == "shandong" && $domain[0] == "www")'}
                        <span class="font-22" style="">
                                            <a target="_blank" href="https://www.zc10000.com/{$kp.domain}" title="{$kp.name}">{$kp.name}</a>
                                    </span>
                        {eyou:else /}
                        <span class="font-22" style="">
                                            <a target="_blank" href="https://{$site}.zc10000.com/{$kp.domain}" title="{$kp.name}">{$kp.name}</a>
                                    </span>
                        {/eyou:if}
                        {/eyou:sql}
                        <span class="clear"></span>
                    </div>
                </div>

                <div class="layui-col-xs12 qy-12 qy-12-1">
                    <div class="layui-col-xs12">
                        <span class="font-20 font-20-hot-2" style="top: 2px;"></span>
                        {eyou:if condition='($site == "shandong" && $domain[0] == "www")'}
                        <a target="_blank" class="hot-city-2" style="margin-left: 15px;" href="https://www.zc10000.com/{$res2.domain}">{$site_pro_name}热门职称推荐</a>
                        {eyou:else /}
                        <a target="_blank" class="hot-city-2" style="margin-left: 15px;" href="https://{$res2.domain}.zc10000.com">{$site_pro_name}热门职称推荐</a>
                        {/eyou:if}
                    </div>
                    <div class="layui-col-xs12 qy-13" style="height: auto; overflow: auto;margin: 0;padding: 8px 5px;overflow-x: hidden;margin-top:5px;">
                        <!--sql调用 热门职称-->
                        <?php
                        //area_id=$areaid
                        if($site == 'shandong' && $domain[0] == 'www'){
                            $site_pro_id = 10000;
                        }
                        //and is_hot=1
                        $where1 = "area_id=$site_pro_id and parent_id=38 and topid=38 and is_del=0 and status=1 and is_hot=1";
                        ?>
                        {eyou:sql sql="SELECT id FROM __PREFIX__arctype where $where1 order by add_time asc limit 0,10" cachetime='3600' id='res'}
                        {eyou:foreach name='$res' item='cat'}
                        {eyou:type typeid='$cat' empty='暂时没有数据' id='item'}
                        <span class="font-22 font-22-zc" style="">
                                    <a target="_blank" href="{:get_tid_url_2($item['typeurl'],0,0,0,'产品',$item['topid'],$item['area_id'])}" title="{$kp.name}">{$item.typename}</a>
                                </span>
                        {/eyou:type}
                        {/eyou:foreach}
                        {/eyou:sql}


                        <span class="clear"></span>
                    </div>
                </div>

            </div>


            <div id="sonMenu" style="width: 600px;height:567px;position: absolute;top:0;left:260px;background-color: #fff;z-index:9999;display: none;padding: 20px 10px;">
                <div class="" style="display: none;">
                    {eyou:sql sql="SELECT id FROM ey_arctype WHERE area_id=$site_pro_id and parent_id=38 and topid=38 and is_del=0 and status=1 ORDER BY id" cachetime='3600' empty='没有数据' id='kp'}
                    {eyou:type typeid="$kp.id" id='field2'}
                    <span class="font-22">
                                <a target="_blank" href="{:get_tid_url_2($field2['typeurl'],0,0,0,$field2['type'],$field2['topid'],$field2['area_id'])}" title="{$field2.typename}">{$field2.typename}</a></span>
                    {/eyou:type}
                    {/eyou:sql}
                </div>
            </div>
            <script>
                layui.use(['jquery'], function(args){
                    var $ = layui.jquery;
                    $(".qy-12-1").hover(function(){
                        //鼠标进入和离开事件
                        //var index = $(this).index();
                        var index = 0;
                        console.log(index);
                        $("#sonMenu").show();
                        $('#sonMenu div').hide();
                        $('#sonMenu div:eq('+index+')').show();
                    },function() {
                        //离开就恢复初始样式
                    });
                    $("#sonMenu").hover(function(){

                    },function() {
                        //离开就恢复初始样式
                        $("#sonMenu").hide();
                        $('#sonMenu div').hide();
                    });
                    $(".box-4").hover(function(){

                    },function() {
                        //离开就恢复初始样式
                        $("#sonMenu").hide();
                        $('#sonMenu div').hide();
                    });
                });
            </script>

        </div>
        <div class="layui-col-xs8 qy-11" style="position:relative;z-index:8000;">
            <div class="layui-col-xs8 qy-16">
                <div class="layui-carousel" id="banner" lay-filter="banner">
                    <div carousel-item="">
                        {eyou:adv pid='11'}
                        <div>
                            <a target="_blank" href='{$field.links}' ><img alt='{$field.title}' src='{$field.litpic}' style="width:100%;"/></a>
                        </div>
                        {/eyou:adv}

                    </div>
                </div>
            </div>
            <div class="layui-col-xs8 qy-17" style="display: none;">
                <div class="layui-col-xs12 qy-20" style="position:relative;">
                    <div class="layui-col-xs6">
                            <span class="font-50">
                                最新

{eyou:type typeid='115' empty='暂时没有数据'}
<a target="_blank" href="{:get_tid_url_2($field['typeurl'])}">职称评审政策资讯</a>
{/eyou:type}
                            </span>
                    </div>


                    <div class="layui-col-xs6">
                        <div class="layui-col-xs10">
                            <span class="font-51">热门城市: </span>
                            <!--url生成麻烦-->
                            {eyou:sql sql='SELECT id,name,domain,parent_id FROM __PREFIX__citysite WHERE is_hot=1 and level=2 and status=1 order by update_time desc limit 0,4' cachetime='3600'}
                            <span class="font-51">
                                        <a target="_blank" href="{:get_tid_url_2('https://www.zc10000.com/?m=home&site='.$field['domain'].'&sitepid='.$field['parent_id'])}">{$field.name}</a></span>
                            {/eyou:sql}


                        </div>
                        <div class="layui-col-xs2 tr">
                                <span class="font-52" id="area" style="cursor: pointer;">
                                    全部 <img src="https://oss.zc10000.com/static/images/050.svg" />
                                </span>


                        </div>
                    </div>
                </div>
                <!--显示所有城市-->
                <div id="citys" style="width: 98%;height:350px;position:absolute;top:40px;left:0%;background: #fff;z-index:9999;padding: 0 1%;overflow-y: scroll;border:1px solid #eee;" class="hide">
                    {eyou:citysite type="top" loop="50" id="field" currentclass="on"}
                    <ul style="width:100%;margin-top:10px;"> <a target="_blank" class="{$field.currentclass}" style="font-weight: bold;" href="{$field.siteurl}">{$field.name}</a> </ul>
                    <ul style="width:100%;">
                        {eyou:citysite siteid="$field.id" loop="50" type ='son' currentclass="on" id
                        ="field2"}
                        <!--{$field2.siteurl}&domain={$field.domain}-->
                        <li style="float: left;margin: 0 10px;" class="{$field2.currentclass}"><a target="_blank" href="{:get_tid_url_2($field2['siteurl'].'&domain='.$field['domain'])}" >{$field2.name}</a> </li>
                        {/eyou:citysite}
                        <div class="clear"></div>
                    </ul>
                    {/eyou:citysite}


                </div>
                <script>
                    layui.use(['jquery'], function(args){
                        var $ = layui.jquery;
                        /*$("#area").on("click", function() {
                            $("#citys").toggleClass("hide");
                        })*/
                    });
                </script>

                <div class="layui-col-xs12 qy-30">

                    {eyou:artlist typeid='115' limit='0,8' flag='c' titlelen='30' infolen='160' orderby='add_time'}
                    <li class="layui-col-xs6 qy-30-li">
                        <a target="_blank" href="{:get_tid_url_2($field['arcurl'],$field['typeid'],$field['stypeid'])}" class="font-53 font-53-active-{$i}">{$field.title}</a>
                    </li>
                    {/eyou:artlist}



                </div>
            </div>
        </div>
        <!--end--->
    </div>
</div>