/*=== 作者：Distantmemory - 时间：2018年11月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 
    
    .hengbok-article-lsit-card { position: relative; padding: 0.48rem 0; background: #F6F6F7; }

    .hengbok-article-lsit-card .flower { position: absolute; left: -1.2rem; top: 36%; z-index: 1; opacity: 0.2; }

    .hengbok-article-lsit-card .title { position: relative; margin-bottom: 0.32rem; }

    .hengbok-article-lsit-card .content .card { margin-bottom: 0.24rem; padding: 0 0.16rem; }

}

@media ( min-width : 360px) { 

} 

/*平板电脑*/
@media ( min-width : 640px) {

}

/*笔记本电脑*/
@media ( min-width : 960px) {
    
    .hengbok-article-lsit-card { padding: 0.8rem 0; }

    .hengbok-article-lsit-card .flower { opacity: 1; }

    .hengbok-article-lsit-card .title { position: relative; margin-bottom: 0.64rem; }

    .hengbok-article-lsit-card .content .card { margin-bottom: 0; }

} 

/*PC电脑*/
@media ( min-width : 1200px) { 

} 

/*大屏PC电脑*/
@media ( min-width : 1600px) { 

}

/*=== Style ===*/
.hengbok-article-lsit-card .uk-container { position: relative; z-index: 2; }

.hengbok-article-lsit-card .title::after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 0.01rem; background: #E5DBD3; z-index: 1; }
.hengbok-article-lsit-card .title .cat-name { display: inline-block; position: relative; padding: 0 0.32rem; background: #F6F6F7; z-index: 2; }
.hengbok-article-lsit-card .title .cat-name .subname { line-height: 0.48rem; text-transform: uppercase; font-family: "Times New Roman"; font-size: 0.4rem; color: #CBB8AB; }
.hengbok-article-lsit-card .title .cat-name .name { line-height: 0.32rem; font-size: 0.24rem; font-weight: 100; color: #505050; }

.hengbok-article-lsit-card .content { margin: auto -0.16rem; }
.hengbok-article-lsit-card .content .card a { display: block; position: relative; height: 100%; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.1); }
.hengbok-article-lsit-card .content .card a:hover { box-shadow: 0 0 0.16rem rgba(0,0,0,0.2); }
.hengbok-article-lsit-card .content .card .text { padding:  0.64rem 0.32rem; }
.hengbok-article-lsit-card .content .card .text .subject { margin-bottom: 0.24rem; padding-bottom: 0.24rem; border-bottom: 0.02rem solid #CBB8A8; }
.hengbok-article-lsit-card .content .card .text .summary { margin-bottom: 0.48rem; height: 0.72rem; font-size: 0.14rem; color: #9E9E9E; overflow: hidden; }
.hengbok-article-lsit-card .content .card .text .cat { font-size: 0.14rem; }
.hengbok-article-lsit-card .content .card .text .cat .nature { display: block; position: absolute; left: 0.32rem; width: 0.4rem; background: #CBB8A8; border-radius: 0.02rem; text-align: center; color: #FFF; }
.hengbok-article-lsit-card .content .card .text .cat .tags { display: block; padding-left: 0.48rem; color: #505050; }

.hengbok-article-lsit-card .more { margin-top: 0.32rem; }
.hengbok-article-lsit-card .more a { display: inline-block; padding: 0 0.48rem; background: #CBB8A8; border-radius: 0.02rem; border: 0.01rem solid #CBB8A8; line-height: 0.4rem; font-size: 0.14rem; color: #FFF; }
.hengbok-article-lsit-card .more a:hover { background: #FFF; color: #CBB8A8; }