<%@ page language="C#" autoeventwireup="true" inherits="shop_index, ZKCMS" enableviewstatemac="false" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register TagName="meta" TagPrefix="UC" Src="~/s/include/meta.ascx" %>
<%@ Register TagName="head" TagPrefix="UC" Src="~/s/include/head.ascx" %>
<%@ Register TagName="foot" TagPrefix="UC" Src="~/s/include/foot.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title><asp:Literal ID="Literal_PageTitle" runat="server">同城商家</asp:Literal>_<%=ZK.config("sitetitle") %></title><meta name="keywords" content="<%=ZK.config("sitekeywords") %>" />
    <meta name="description" content="<%=ZK.config("sitedescription") %>" />
    <UC:meta ID="meta1" runat="server" />
    <style type="text/css">       
        .side_shop_class .item
        {
        }
        .side_shop_class .item_b, .side_shop_class .item_b_on
        {
            height: 28px;
            line-height: 28px;
            overflow: hidden;
            font-size: 14px;
            border-top: solid 1px #bddff6;
            border-bottom: solid 1px #bddff6;
            background-color: #eff8ff;
            font-weight: bold;
            background: url(/shop/skin/public/side_shop_class_bg.gif) repeat-x 0 0;
        }
        .side_shop_class .item_b a, .side_shop_class .item_b_on a
        {
            color: #069;
            display: block;
            background: url(/shop/skin/public/side_shop_class_ico.gif) no-repeat 12px 7px;
            padding-left: 30px;
        }
        .side_shop_class .item_b_on a
        {
            background: url(/shop/skin/public/side_shop_class_ico_on.gif) no-repeat 12px 7px;
        }
        .side_shop_class .item_b a:hover, .side_shop_class .item_b_on a:hover
        {
            color: #069;
            text-decoration: none;
        }
        .side_shop_class .item_v
        {
            padding: 3px 5px 5px 5px;
        }
        .side_shop_class .item_v li
        {
            height: 24px;
            line-height: 24px;
            overflow: hidden;
            font-size: 14px;
        }
        .side_shop_class .item_v li a
        {
            color: #069;
            display: block;
            background: url(/skin/public/dian.jpg) no-repeat 8px 9px;
            padding-left: 18px;
        }
        .side_shop_class .item_v .on a
        {
            font-weight: bold;
            color: #f30;
        }
        .side_shop_class .item_v li a:hover
        {
            color: #f60;
            font-weight: bold;
            text-decoration: none;
        }
        .side_shop_class .item_v li span
        {
            color: #ccc;
            font-weight: normal;
            margin-left: 5px;
            font-family:Arial;
        }
        .side_shop_class .item_v li a:hover span
        {
            color: #f60;
        }
        .main_shop_list
        {
            padding-top: 20px;
        }
        .main_shop_list li
        {
            float: left;
            width: 210px;
            height: 175px;
            overflow: hidden;
            padding-left: 19px;
            padding-right: 18px;
        }
        .main_shop_list li .con1
        {
            text-align: center;
        }
        .main_shop_list li .con1 img
        {
            width: 140px;
            height: 60px;
            padding: 2px;
            border: solid 1px #eee;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }
        .main_shop_list li .con1 a:hover img
        {
            border: solid 1px #ddd;
            filter: Alpha(Opacity=80);
            -moz-opacity: 0.8;
            opacity: 0.8;
        }
        .main_shop_list li .con2
        {
            font-size: 14px;
            font-weight: bold;
            background-color: #eee;
            height: 24px;
            line-height: 24px;
            overflow: hidden;
            text-align: center;
            margin-top: 8px;
            border:solid 1px #ddd;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }
        .main_shop_list li .con2 a, .main_shop_list li .con2 a:hover
        {
            color: #06c;
        }
        .main_shop_list li .con3
        {
            color: #666;
            height: 40px;
            overflow: hidden;
            margin-top: 3px;
        }
        .main_shop_list li .con4
        {
            padding-top: 3px;
        }
        .main_shop_list li .con4 td .al
        {
            background: url(/shop/skin/public/arr1.gif) no-repeat 0 4px;
            padding-left: 15px;
        }
        .main_shop_list li .con4 td .al a
        {
            color: #36c;
        }
        .main_shop_list li .con4 td .al a:hover
        {
            color: #f60;
        }
        .main_shop_list li .con4 td .ar
        {
            color: #f30;
            padding-right: 5px;
        }
        .main_shop_list li .con4 td .ar span
        {
            background: url(/shop/skin/public/praise.gif) no-repeat 0 1px;
            padding-left: 15px;
        }
    </style>

    <script type="text/javascript">
        function shop_class_show(id){
            if(document.getElementById("shop_v_"+id).className=="none"){
                document.getElementById("shop_b_"+id).className="item_b_on";
                document.getElementById("shop_v_"+id).className="item_v";
            }
            else{
                document.getElementById("shop_b_"+id).className="item_b";
                document.getElementById("shop_v_"+id).className="none";
            }
        }
    </script>

</head>
<body>
    <div class="wrap"><a name="pagetop" id="pagetop"></a>
        <UC:head ID="head1" runat="server" />   
        <div class="box">
            <div class="mt5"><!--#include file="~/s/gg/AD_shop_banner1.html"-->
            </div>
        </div>
        <div class="box">
            <div class="hto mt5">
                <div class="fl" style="width: 200px">
                    <div class="c1">
                        <div class="b none">
                            <div class="fl"></div>
                            <div class="con" style="width: 140px">商家分类导航</div>
                            <div class="fr" style="width: 10px"></div>
                            <div class="clear"></div>
                        </div>
                        <div class="v" style="-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;">
                            <div class="side_shop_class">
                                <asp:Literal ID="Literal1" runat="server"></asp:Literal></div>
                        </div>
                    </div>
                </div>
                <div class="fr" style="width: 745px">
                    <div class="c1">
                        <div class="b">
                            <div class="fl"></div>
                            <div class="con">推荐商家</div>
                            <div class="fr"><a href="/user/shop.aspx" target="_blank" rel="nofollow">我要加入</a></div>
                            <div class="clear"></div>
                        </div>
                        <div class="v">
                            <style type="text/css">
                                .ShopRecommend li
                                {
                                    float: left;
                                    width: 185px;
                                    height: 28px;
                                    line-height: 28px;
                                    overflow: hidden;
                                    border-right: solid 1px #b2d4ff;
                                    border-bottom: solid 1px #b2d4ff;
                                    font-size: 12px;
                                    font-weight: bold;
                                }
                                .ShopRecommend li a
                                {
                                    display: block;
                                    padding-left: 26px;
                                    color: #028ed3;
                                    background: url(/skin/public/flower.gif) no-repeat 6px 6px;
                                }
                                .ShopRecommend li a:hover
                                {
                                    color: #069;
                                    background-color: #e1edfd;
                                }
                                .ShopRecommend .interval a
                                {
                                    background-color: #eff9fe;
                                }
                            </style>
                            <div class="ShopRecommend">                              
                                <asp:Literal ID="Literal_recommend" runat="server"></asp:Literal>
                            </div>
                        </div>
                    </div>
                    <div class="c1 mt5">
                        <div class="b">
                            <div class="fl"></div>
                            <div class="con"><asp:Literal ID="Literal_PageTitle_" runat="server">同城商家</asp:Literal></div>
                            <div class="fr"><a href="/user/shop.aspx" target="_blank" rel="nofollow">商家入驻</a></div>
                            <div class="clear"></div>
                        </div>
                        <div class="v">
                            <form id="form1" runat="server">
                            <%@ register assembly="Pager" namespace="Wuqi.Webdiyer" tagprefix="DataPager" %>
                            <asp:Panel ID="Panel_Nodata" runat="server" Visible="false" style="padding:20px 15px;">
                                <div class="tip_nodata" id="tip_nodata" style="background-position: 12px 13px;color:#999;">此类还没有商家！&nbsp;<a class="str" style="color:#06c;" href="/user/shop.aspx" target="_blank" rel="nofollow">我要入驻&raquo;</a></div>
                            </asp:Panel>
                            <asp:Panel ID="Panel_List" runat="server">
                                <asp:Repeater ID="Repeater1" runat="server">
                                    <HeaderTemplate>
                                        <div class="main_shop_list">
                                            <ul>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <li>
                                            <div class="con1"><a href="/shop/<%#Eval("id") %>.htm" target="_blank"><img alt="<%#Server.HtmlEncode(Eval("sjname").ToString())%>" src="<%#WMcompare.IsEqual(ZK.getProportionImage(Eval("thumbnail").ToString(),"",140,"",60),"","/skin/public/shopnopic.gif")%>" /></a></div>
                                            <div class="con2"><a href="/shop/<%#Eval("id") %>.htm" target="_blank"><%#Eval("sjname") %></a></div>
                                            <div class="con3"><%#WM.cut(WMreplace.NoHtml(Eval("content").ToString(),true,true),66,"..")%></div>
                                            <div class="con4">
                                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td>
                                                            <div class="al"><a href="/shop/<%#Eval("id") %>.htm" target="_blank">进入店铺</a></div>
                                                        </td>
                                                        <td>
                                                            <div class="ar"><span><%#Eval("praise")%></span></div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </li>
                                    </ItemTemplate>
                                    <FooterTemplate>
                                        </ul><div class="clear"></div>
                                        </div></FooterTemplate>
                                </asp:Repeater>
                            </asp:Panel>
                            <asp:Panel ID="Panel_Turn" runat="server" Visible="false">
                                <div id="DataPager">
                                    <table border="0" cellspacing="0" cellpadding="0" style="margin: 0 auto">
                                        <tr>
                                            <td>
                                                <DataPager:AspNetPager ID="Pager1" runat="server" OnPageChanged="Pager1_PageChanged" UrlPagingTarget="_self" PageSize="15" UrlPaging="true" FirstPageText="最前页" PrevPageText="上一页" NextPageText="下一页" LastPageText="最后页" PagingButtonSpacing="0" CssClass="turn" CurrentPageButtonClass="turn_on" SubmitButtonClass="pager_but" PageIndexBoxClass="pager_inp" SubmitButtonText="转到" ShowPageIndexBox="Auto" ShowBoxThreshold="0" ShowDisabledButtons="false" NumericButtonCount="6" FirstLastButtonsClass="turn_flpn" PrevNextButtonsClass="turn_flpn">
                                                </DataPager:AspNetPager>
                                            </td>
                                        </tr>
                                    </table>
                                    <div class="clear" style="height: 15px"></div>
                                </div>
                            </asp:Panel>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <UC:foot ID="foot1" runat="server" />
    </div>
</body>
</html>
