<link href="{$template_path}/visual/modules/type/type-banner/css/style.css" rel="stylesheet">
<div class="type-banner">
        <img src="{$template_path}/visual/modules/type/type-banner/type-banner.jpg">
        <div class="container">
            <div class="type-banner-title">
                <h1>
                    分类标题                </h1>
                <div class="clearfix"></div>
                <p>
                    分类副标题
                </p>
            </div>
        </div>
</div>
<style type="text/css">

    .type-banner {max-height: 250px;}
    .type-banner .type-banner-title h1 {
        font-size:30px;
        color:#ffffff;
        border-color:rgba(255, 255, 255, 0);
        border-radius: 0px;
        background:rgba(255, 255, 255, 0);
    }

    .type-banner .type-banner-title h1:hover {
        color:#ffffff;
        border-color:rgba(255, 255, 255, 0);
        border-radius: $_link-border-hover-radius;
        background:rgba(255, 255, 255, 0);
    }

    .type-banner .type-banner-title p {
        color:#ffffff;
    }

    .type-banner .type-banner-title p:hover {
        color:;
    }

    .type-banner .type-banner-title h1:after {
        background:#ffffff;
    }
    .type-banner .type-banner-title h1:hover:after {
        background:#ffffff;
    }

    .type-banner {
        background:rgba(255, 255, 255, 0);
    }

</style>
