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

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

    .hengbok-single-article { padding: 0.32rem 0 0.64rem 0; background: url(../image/tile.gif) repeat center; }

    .hengbok-single-article .sidebar .related .unit .content { padding: 0.12rem 0.16rem; height: 100%; font-size: 0.14rem; overflow: hidden; }

    .share { margin: 0.48rem auto 0.64rem auto; }

}

@media ( min-width : 360px) { 

} 

@media ( min-width : 400px) { 

} 

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

}

@media ( min-width : 768px) {

}

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

    .hengbok-single-article { padding: 0.64rem 0 0.96rem 0; }
    .hengbok-single-article .single { padding-right: 0.32rem; }
    .hengbok-single-article .sidebar { padding-left: 0.32rem; } 

    .share { margin: 0.96rem auto 0.64rem auto; }

} 

@media ( min-width : 1024px) {

} 

/*PC电脑*/
@media ( min-width : 1200px) { 
    
    .hengbok-single-article .sidebar .related .unit .content { padding: 0.24rem 0.16rem; }

} 

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

/*=== Style ===*/
.hengbok-single-article .single article header h1 { margin-bottom: 0; padding: 0.08rem 0; line-height: 0.32rem; font-size: 0.24rem; color: #505050; }
.hengbok-single-article .single article header time { margin: 0.08rem auto; color: #999999; }

.hengbok-single-article .single .content { margin-top: 0.16rem; padding-top: 0.32rem; border-top: 0.02rem solid #CBB8A8; }

.hengbok-single-article .sidebar .search { margin-top: 0.08rem; padding-bottom: 0.4rem; border-bottom: 0.02rem solid #E6E6E6; }
.hengbok-single-article .sidebar .search form { position: relative; }
.hengbok-single-article .sidebar .search input { padding: 0 0.48rem 0 0.08rem; width: 100%; height: 0.4rem; background: #F6F6F6; border: none; line-height: 0.4rem; font-size: 0.14rem; overflow: hidden; }
.hengbok-single-article .sidebar .search input:focus { background: #CBB8A8; color: #FFF; }
.hengbok-single-article .sidebar .search button { position: absolute; top: 0; right: 0; width: 0.4rem; height: 0.4rem; background: #CBB8AB; border: none; line-height: 0.4rem; color: #FFF; cursor: pointer; }

.hengbok-single-article .sidebar .layout { padding: 0.24rem 0; }
.hengbok-single-article .sidebar .layout + .layout { border-top: 0.02rem solid #E6E6E6; }
.hengbok-single-article .sidebar .layout .title { margin-bottom: 0.16rem; line-height: 0.4rem; font-size: 0.18rem; }
.hengbok-single-article .sidebar .layout .title i { position: relative; top: 0.02rem; margin-right: 0.04rem; font-size: 0.2rem; color: #CBB8A8; }
.hengbok-single-article .sidebar .layout .title span { letter-spacing: 0.02rem; }

.hengbok-single-article .sidebar .related .unit { position: relative; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }
.hengbok-single-article .sidebar .related .unit:hover { box-shadow: 0 0 0.08rem rgba(0,0,0,0.1); }
.hengbok-single-article .sidebar .related .unit + .unit { margin-top: 0.24rem; }
.hengbok-single-article .sidebar .related .unit .content time { color: #999; }

.hengbok-single-article .sidebar .tags li { display: block; margin: auto 0.16rem 0.16rem auto; border: 0.01rem solid #CBB8A8; border-radius: 0.02rem; font-size: 0.14rem; }
.hengbok-single-article .sidebar .tags li a { display: block; padding: 0.04rem 0.16rem; color: #CBB8A8; }
.hengbok-single-article .sidebar .tags li a:hover { background: #CBB8A8; color: #FFF; }

.hengbok-single-article .sidebar .content-nav li { position: relative; margin-bottom: 0.04rem; font-size: 0.14rem; }
.hengbok-single-article .sidebar .content-nav li span { position: absolute; top: 0; left: 0; max-width: 0.56rem; color: #999; }
.hengbok-single-article .sidebar .content-nav li a { display: block; padding-left: 0.56rem; }

/*=== Share ===*/
.share .box { display: block!important; position: relative !important; width: auto !important; height: auto !important; border-bottom: none !important; visibility: visible !important; opacity: 1 !important; z-index: 1 !important; overflow: visible !important; }
.share .box ul.-mob-share-list { margin: 0 !important; }
.share .box ul.-mob-share-list li { display: block !important; position: relative !important; top: 0 !important; left: 0 !important; width: auto !important; height: auto !important; background-image: none !important; }
.share .box ul.-mob-share-list li + li { margin-left: 0.16rem !important; }
.share .box .icon { display: block; position: relative; width: 0.4rem; height: 0.4rem; background: #00BFFF; border-radius: 50%; line-height: 0.4rem; font-size: 0.2rem; color: #FFF; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.share .box ul.-mob-share-list li:hover .icon { 
    -webkit-transform: translateY(-0.08rem);
    -moz-transform: translateY(-0.08rem);
    -ms-transform: translateY(-0.08rem);
    -o-transform: translateY(-0.08rem);
    transform: translateY(-0.08rem); }
.share .box .icon.weibo { background: #E6162D; }
.share .box .icon.wechat { background: #3CB035; }
.share .box .icon.qzone { background: #FFC028; }
.share .box .icon.qq { background: #12B7F5; }
.share .box .icon.facebook { background: #3B589C; }
.share .box .icon.twitter { background: #1AB2E8;}

.share .box .icon::before { position: relative; top: 0.01rem; }