@charset "utf-8";
/*
* description: topics-qill CSS
* date: 2018-04-10
*/

/*
* banner
*/
.topics-ban{position:relative;margin-bottom:20px;}
.topics-bancon,.topics-bancon .topics-ban-img{position:absolute;top:0;height:100%;z-index:2;}
.topics-bancon{left:50%;}
.topics-bancon .topics-ban-img{left:-50%;}
@media (min-width:768px){
    .topics-ban{height:210px;}
    .topics-bancon,.topics-bancon .topics-ban-img{width:1344px;}
}
@media (min-width:992px){
    .topics-ban{height:250px;}
    .topics-bancon,.topics-bancon .topics-ban-img{width:1600px;}
}
@media (min-width:1200px){
    .topics-ban{height:300px;}
    .topics-bancon,.topics-bancon .topics-ban-img{width:1920px;}
}
/*
* list
*/
.qill-iteam{float:left;position:relative;width:50%;padding:10px;overflow:hidden;cursor:default;}
.qill-cover{position:relative;display:block;width:100%;overflow:hidden;background-color:#fff;}
.qill-cover .qill-cover-img{width:100%;-webkit-transition:opacity .32s ease;transition:opacity .32s ease;}
.qill-heading{position:relative;z-index:2;display:block;overflow:hidden;font-size:16px;line-height:30px;color:#43535c;white-space:nowrap;text-overflow:ellipsis;}

/* hover */
.qill-cover:hover:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";filter:alpha(opacity=85);opacity:.85;-webkit-transition:background .32s ease;transition:background .32s ease;}
.qill-cover:hover .qill-heading{color:#fff;}
.qill-iteam.red .qill-cover:hover{background-color:#fb8484;}
.qill-iteam.blue .qill-cover:hover{background-color:#38b1f2;}
.qill-iteam.orange .qill-cover:hover{background-color:#f5ba75;}
.qill-iteam.cyan .qill-cover:hover{background-color:#3ad6ac;}

@media (min-width:768px){
    .qill-cover .qill-cover-img{height:181px;}
    .qill-heading{padding:5px 10px;}
}
@media (min-width:992px){
    .qill-cover .qill-cover-img{height:241px;}
    .qill-heading{padding:8px 12px;}
}
@media (min-width:1200px){
    .qill-cover .qill-cover-img{height:301px;}
    .qill-heading{padding:14px 18px;}
}