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

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 

    .hengbok-article-list-dislocation { padding: 0.48rem 0; background: #FFF url(../../../../resource/hengbok/images/background/tile.gif) repeat center; }

    .hengbok-article-list-dislocation .title { position: relative; }
    
    .hengbok-article-list-dislocation .content .list .text .box .subject { margin: 0.24rem auto; }

}

@media ( min-width : 360px) { 

} 

@media ( min-width : 400px) { 

} 

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

}

@media ( min-width : 768px) {

}

/*笔记本电脑*/
@media ( min-width : 960px) {

    .hengbok-article-list-dislocation { padding: 0.8rem 0; }

    .hengbok-article-list-dislocation .title { position: relative; margin-bottom: 0.32rem; }

    .hengbok-article-list-dislocation .content .list:nth-child(odd) .picture { padding-right: 0.32rem; }
    .hengbok-article-list-dislocation .content .list:nth-child(even) .picture { padding-left: 0.32rem; }
    .hengbok-article-list-dislocation .content .list:nth-child(odd) .text { padding-left: 0.32rem; }
    .hengbok-article-list-dislocation .content .list:nth-child(even) .text { padding-right: 0.32rem; text-align: right; }

    .hengbok-article-list-dislocation .content .list .text .box .subject { margin: 0 auto 0.24rem auto; font-size: 0.18rem; }

} 

@media ( min-width : 1024px) {

} 

/*PC电脑*/
@media ( min-width : 1200px) { 
    
    .hengbok-article-list-dislocation .content .list .text .box .subject { margin: 0.24rem auto; }

} 

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

/*=== Style ===*/
.hengbok-article-list-dislocation .title::after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 0.01rem; background: #E5DBD3; z-index: 1; }
.hengbok-article-list-dislocation .title .cat-name { display: inline-block; position: relative; padding: 0 0.32rem; background: #FFF url(../../../../resource/hengbok/images/background/tile.gif) repeat center; z-index: 2; }
.hengbok-article-list-dislocation .title .cat-name .subname { line-height: 0.48rem; text-transform: uppercase; font-family: "Times New Roman"; font-size: 0.4rem; color: #CBB8AB; }
.hengbok-article-list-dislocation .title .cat-name .name { line-height: 0.32rem; font-size: 0.24rem; font-weight: 100; color: #505050; }

.hengbok-article-list-dislocation .content .list { padding: 0.32rem 0; }
.hengbok-article-list-dislocation .content .list .picture .box { border-radius: 0.02rem; overflow: hidden; }

.hengbok-article-list-dislocation .content .list .text .box { height: 100%; border-bottom: 0.03rem solid #CBB8AB; }
.hengbok-article-list-dislocation .content .list .text .box .number span { display: inline-block; margin-bottom: 0.08rem; width: 0.72rem; height: 0.72rem; background: #CBB8AB; border-radius: 50%; line-height: 0.72rem; font-family: "Times New Roman"; font-size: 0.36rem; color: #FFF; }
.hengbok-article-list-dislocation .content .list .text .box .summary { line-height: 0.28rem; font-size: 0.14rem; color: #9E9E9E; }

.hengbok-article-list-dislocation .more { margin-top: 0.32rem; }
.hengbok-article-list-dislocation .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-list-dislocation .more a:hover { background: #FFF; color: #CBB8A8; }