/*banner样式*/
.banner{background:#479AC2 url(/static/xxyc/images/moban_banner.png) no-repeat right center;color:#fff}
.banner .search{width:70%;margin:0px auto;}
.banner {
    padding-top: 120px;
    padding-bottom: 30px;
    color: #fff;
    height:450px;
}

/*列表模板分类*/
.template-top-bar{padding:25px 0px;margin-bottom:10px;border:1px solid #efefef}
.template-top-bar .template-category-box a {
    height: 30px;
    line-height: 30px;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 0 20px;
    margin-right: 20px;
    font-size: 15px;
    color: #333;
    display: inline-block;
    *display: inline;
    zoom: 1;
    float: none;
    text-align: center;
    cursor: pointer;
}
.template-top-bar .template-category-box a:hover{
    color: #2f82ff;
}
.template-top-bar .template-category-box a.active{
    color: #fff;
    background: #2f82ff;
    border-color: #2f82ff;
}


.hangye-category-box  a,.hangye-category-box  span{float:left;width:20%;line-height:3;cursor:pointer;text-overflow:clip;overflow:hidden;white-space:nowrap}
.hangye-category-box  a:hover,.hangye-category-box  span:hover,.hangye-category-box  .active{color: #2f82ff;}

.ajax-pagination li a{cursor:pointer!important}
.ajax-pagination li a:disabled{cursor:default}


@media (max-width:1000px) {
    .template-top-bar .template-category-box{padding-bottom:10px}
    .template-top-bar .template-category-box a {margin-bottom:10px}
    .hangye-category-box a{width:33.333%}
}

@media (max-width:767px) {
    .hangye-category-box a{width:50%;}
}

/*列表模板展示*/
.template-box {margin-bottom: 50px;}
.template-box > .template-card{display:block;position:relative;box-shadow:rgba(0,0,0,0.2) 0px 2px 10px;}
.template-box  .image-box {position:relative;height:300px;padding-top:160px;overflow:hidden}
.template-box  .image-box .fa{color:#999}
.template-box  .image-box img{display:block;position:absolute;width:100%;height:auto;top:0px;min-height:100%;transition:all ease-in-out 4s;}
.template-box  .image-box .btn-box{position:absolute;bottom:0px;left:0px;background:rgba(0,0,0,.5) url(/static/xxyc/images/zoom-icon.png) no-repeat center center;width:100%;height:100%;text-align:center;transition:all ease-in-out 0.3s;opacity:0;filter:Alpha(opacity=0)}
.template-box  .image-box .btn-box .btn:last-child{margin-right:0px}
.template-box  .template-card:hover .btn-box{opacity:10;filter:Alpha(opacity=100);}

.template-box .info-box{position:relative;padding:10px;background:url(/static/xxyc/images/temImage_bg.png) no-repeat center top;padding-top:19px;}
.template-box .info-box span{display:block;line-height:2.5}
.template-box .name{text-overflow:clip;overflow:hidden;white-space:nowrap}
.template-box .designer{color:#999}
.template-box .price{position:absolute;top:15px;right:15px;color:#fe0000;}
.template-box .bh{position:absolute;top:15px;right:15px;color:#999;}




@media (max-width:767px) {
    .template-box  .image-box{height:4rem;padding-top:120px;}
}