{include:head.html}
{include:header.html}

<!-- ===== 面包屑导航 ===== -->
<div class="breadcrumb-wrap">
    <div class="container">
        <div class="breadcrumb">
            {raw:breadcrumb}
        </div>
    </div>
</div>

<!-- ===== 标签云页 ===== -->
<div class="main">
    <div class="container">
        <div class="content" style="width:100%;float:none;">
            <div class="section">
                <div class="section-header">
                    <h2>标签云</h2>
                </div>
                <div class="tag-cloud-wrap">
                    {raw:tag_cloud}
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.tag-cloud-wrap {
    padding: 30px 20px;
    text-align: center;
    line-height: 2.8;
}
.tag-cloud-item {
    display: inline-block;
    margin: 4px 10px;
    padding: 4px 8px;
    text-decoration: none;
    transition: all 0.2s;
    border-radius: 4px;
}
.tag-cloud-item:hover {
    background: #4A6CF7;
    color: #fff !important;
    text-decoration: none;
}
</style>

{include:footer.html}