<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <th:block th:include="include :: touchScreenHeader('办事指南')"/>
    <style>
        #dialog1 {
            position: fixed;
            left: 3%;
            top: 170px;
            width: 94%;
            height: 780px;
            background: rgba(94, 110, 141, .9)
        }

        .popup {
            margin-top: 240px !important;
        }

        .popup li {
            float: none;
            width: 100%;
        }

        .popup li a {
            width: 40%;
            margin-left: 30%;
            padding-left: 0;
            text-align: center;
        }

        .img-replace {
            display: block;
            width: 40px;
            color: #fff;
            font-size: 40px;
            height: 40px;
            float: right;
            margin-right: 1em;
            margin-top: 40px;
            background: url(/touchscreenstyle/images/close.png);
            background-size: 100%;
        }

        .popup li:nth-child(2) a {
            box-shadow: inset 0 -4px 0 #1a87bb;
            background: #2ea7e0;
            border-color: #249ad2;
        }
    </style>

</head>
<body>
<th:block th:include="include :: touchscreenHeader"/>
<div class="main">
    <div class="con">
        <ul class="zhinan-btn">
            <li th:each="item:${guidanceList}">
                <a class="btn  btn-lg" th:href="'/touchscreen/guidanceList1/'+${item.tsGuidanceId}">[[${item.guidanceName}]]</a>
            </li>
        </ul>
    </div>
</div>
<div class="weui_tabbar">
    <a href="/touchscreen/index" class="weui_tabbar_item">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-map"></i>
        </div>
        <p class="weui_tabbar_label">指引地图</p>
    </a>
    <a href="/touchscreen/jieshao" class="weui_tabbar_item">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-star-o"></i>
        </div>
        <p class="weui_tabbar_label">中心介绍</p>
    </a>
    <!-- <a href="/touchscreen/search" class="weui_tabbar_item">
         <div class="weui_tabbar_icon hig20">
             <i class="fa fa-search"></i>
         </div>
         <p class="weui_tabbar_label">办件查询</p>
     </a>-->
    <a href="/touchscreen/nan" class="weui_tabbar_item weui_bar_item_on">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-telegram"></i>
        </div>
        <p class="weui_tabbar_label">办事指南</p>
    </a>
    <a href="/touchscreen/notice" class="weui_tabbar_item">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-list"></i>
        </div>
        <p class="weui_tabbar_label">公示公告</p>
    </a>
    <a href="/touchscreen/hao" class="weui_tabbar_item">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-bullhorn"></i>
        </div>
        <p class="weui_tabbar_label">叫号统计</p>
    </a>
    <a href="/touchscreen/tong" class="weui_tabbar_item ">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-pie-chart"></i>
        </div>
        <p class="weui_tabbar_label">办件统计</p>
    </a>
</div>

<th:block th:include="include :: touchScreenFooter"/>
<script>

    shijian();
</script>
</body>
</html>
