<link href="{$template_path}/visual/modules/category/category-first-degree-banner/css/style.css" rel="stylesheet">
<div class="list-banner">
    <img class="cmseasyeditimg" src="{$base}/images/banner/s1.jpg">
    <div class="container">
        <div class="list-banner-title">
            <h1>
                栏目名称
            </h1>
            <div class="clearfix"></div>
            <p>
                栏目副标题
            </p>
        </div>
    </div>
</div>

<style type="text/css">

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

    .list-banner .list-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);
    }

    .list-banner .list-banner-title p {
        color:#999999;
    }

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

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

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

</style>