{extend name="Hustbe/common/base" /}
{block name="title"}{$site.name} {$site.subtitle|default=""}{/block}
{block name="banner"}{include file="Hustbe/common/banner"}{/block}
{block name="main"}
<div class="features container-fluid" style="text-align: center;">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-md-3 fly-max">
                <div class="rtl-content">
                    <p>国内主流控制面板</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 fly-max">
                <div class="rtl-content">
                    <p>24小时无条件退款</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 fly-max">
                <div class="rtl-content">
                    <p>一站式的托管服务</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 fly-max">
                <div class="rtl-content">
                    <p>VIP私人定制服务</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="pricing container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="row-title">我们的托管服务</div>
            </div>
        </div>
        <div class="row custom-padding">
            <!-- 商品列表 -->
            {volist name="vhostList" id="vhost"}
            <div class="col-sm-6 col-md-4">
                <div class="pricing-box">
                    <div class="pricing-title">{$vhost.name}</div>
                    <div class="pricing-icon">
                        <div class="icon"><img src="{$TemplateStatic}/images/server1.svg" alt=""></div>
                    </div>
                    <div class="pricing-details">
                        {$vhost.describe_index|default="无"}
                    </div>
                    <div class="pricing-price">
                        <div class="price-info">最低仅需</div>
                        <div class="price">
                            <span class="currency">￥</span><span class="num">{$vhost.new_money}</span><span
                                class="duration"> / {:__($vhost.unit_money)}</span>
                        </div>
                    </div>
                    <div class="pricing-button">
                        <a href="{:url('index/shop/panel',['wid'=>$vhost.wid])}">立即购买</a>
                    </div>
                </div>
            </div>
            {/volist}
            {volist name="bthostList" id="vhost"}
            <div class="col-sm-6 col-md-4">
                <div class="pricing-box">
                    <div class="pricing-title">{$vhost.name}</div>
                    <div class="pricing-icon">
                        <div class="icon"><img src="{$TemplateStatic}/images/server2.svg" alt=""></div>
                    </div>
                    <div class="pricing-details">
                        {$vhost.describe_index|default="无"}
                    </div>
                    <div class="pricing-price">
                        <div class="price-info">最低仅需</div>
                        <div class="price">
                            <span class="currency">￥</span><span class="num">{$vhost.price_money}</span><span
                                class="duration"> / 月</span>
                        </div>
                    </div>
                    <div class="pricing-button">
                        <a href="{:url('/index/bthost')}?ware_id={$vhost.ware_id}">立即购买</a>
                    </div>
                </div>
            </div>
            {/volist}
            {volist name="nokvmList" id="vhost"}
            <div class="col-sm-6 col-md-4">
                <div class="pricing-box">
                    <div class="pricing-title">{$vhost.name}</div>
                    <div class="pricing-icon">
                        <div class="icon"><img src="{$TemplateStatic}/images/server3.svg" alt=""></div>
                    </div>
                    <div class="pricing-details">
                        {$vhost.describe_index|default="无"}
                    </div>
                    <div class="pricing-price">
                        <div class="price-info">最低仅需</div>
                        <div class="price">
                            <span class="currency">￥</span><span class="num">{$vhost.price_money}</span><span
                                class="duration"> / 月</span>
                        </div>
                    </div>
                    <div class="pricing-button">
                        <a href="{:url('/index/nokvm')}?ware_id={$vhost.ware_id}">立即购买</a>
                    </div>
                </div>
            </div>
            {/volist}

            {volist name="qzsystemList" id="vhost"}
            <div class="col-sm-6 col-md-4">
                <div class="pricing-box">
                    <div class="pricing-title">{$vhost.name}</div>
                    <div class="pricing-icon">
                        <div class="icon"><img src="{$TemplateStatic}/images/server4.svg" alt=""></div>
                    </div>
                    <div class="pricing-details">
                        {$vhost.describe_index|default="无"}
                    </div>
                    <div class="pricing-price">
                        <div class="price-info">最低仅需</div>
                        <div class="price">
                            <span class="currency">￥</span><span class="num">{$vhost.price_money}</span><span
                                class="duration"> / 月</span>
                        </div>
                    </div>
                    <div class="pricing-button">
                        <a href="{:url('/index/qzsystem')}?ware_id={$vhost.ware_id}">立即购买</a>
                    </div>
                </div>
            </div>
            {/volist}
        </div>
    </div>
</div>
<div class="latest-news container-fluid">
    <div class="container">
        <div class="row">
            <div class="col-sm-8">
                <div class="row-title">
                    来自我们博客的最新消息
                </div>
            </div>
            <div class="col-sm-4">
                <div class="main-btn-holder">
                    <a href="{:url('index/article/index')}" class="hbtn hbtn-default">查看更多</a>
                </div>
            </div>
        </div>
        <div class="row">
            <style type="text/css">
                .post-box .post-content {
                    font-size: 13px;
                }

                .latest-news .post-box {
                    padding: 30px 35px 40px 35px;
                }

                .articleInfo .post-content {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    display: -webkit-box;
                    height: 54px;
                }
            </style>
            <!-- 文章 -->
            {volist name="articleList" id="article" offset="0" length='2'}
            <div class="col-sm-6 col-md-4 articleInfo">
                <div class="post-box blue-bg">
                    <div class="post-img"></div>
                    <span class="badge badge-danger">{$article.sort_id.name}</span>
                    <div class="post-title">{$article.title}</div>
                    <div class="post-content">{:subtext(strip_tags($article.content),50)}</div>
                    <div class="post-link"><a href="{:url('index/article/articleInfo',['id'=>$article.id])}">查看全文</a>
                    </div>
                </div>
            </div>
            {/volist}
            <!-- <div class="col-sm-6 col-md-4">
                <div class="post-box grey-bg">
                    <div class="post-img"></div>
                    <span class="badge badge-info">Hot</span>
                    <div class="post-title">New Data center in Germany & USA</div>
                    <div class="post-link"><a href="#">更多</a></div>
                </div>
            </div>
            <div class="col-sm-12 col-md-4">
                <div class="post-box yellow-bg">
                    <div class="post-img"></div>
                    <span class="badge badge-dark">Hot</span>
                    <div class="post-title">Discover our newwebsite builder</div>
                    <div class="post-link"><a href="#">更多</a></div>
                </div>
            </div> -->
        </div>
    </div>
</div>
<div class="domain-search-holder container-fluid">
    <div class="container">
        <form>
            <div class="row">
                <div class="col-sm-12 col-md-4 col-lgmd-4">
                    <div class="title">查找一个域名</div>
                </div>
                <div class="col-sm-8 col-md-5 col-lgmd-6">
                    <input class="domain-input" type="text" placeholder="Domain name">
                </div>
                <div class="col-sm-4 col-md-3 col-lgmd-2">
                    <button type="submit">Search now</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="support-links container-fluid">
    <div class="row">
        <div class="col-sm-6 hylink-holder">
            <div class="hylink-box">
                <div class="icon"><img src="{$TemplateStatic}/images/info.svg" alt=""></div>
                <a href="#" class="link">Let’s talk</a>
                <div class="text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem ccusantium.</div>
            </div>
        </div>
        <div class="col-sm-6 hylink-holder">
            <div class="hylink-box">
                <div class="icon"><img src="{$TemplateStatic}/images/chat.svg" alt=""></div>
                <a href="#" class="link">Go to support center</a>
                <div class="text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem ccusantium.</div>
            </div>
        </div>
    </div>
</div>
{/block}