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

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

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

}

@media ( min-width : 360px) { 

} 

@media ( min-width : 400px) { 

} 

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

}

@media ( min-width : 768px) {

}

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

} 

@media ( min-width : 1024px) {

} 

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

} 

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

/*=== Style ===*/
.fuertong-single-product { padding: 0.64rem 0; }
.fuertong-single-product .article .title { line-height: 0.4rem; font-size: 0.28rem; }
.fuertong-single-product .article .content { margin: 0.32rem auto; padding: 0.32rem 0; border-top: 0.01rem solid #B6C5D7; }
.fuertong-single-product .article .content .images figure { margin: auto; max-width: 6rem; }
.fuertong-single-product .article .content .details-title { margin: 0.32rem auto; padding: 0.08rem 0.32rem; background: #B6C5D7; color: #FFF; }
.fuertong-single-product .article .content .details { padding: 0 0.32rem; }
.fuertong-single-product .related { margin-top: 0.32rem; }
.fuertong-single-product .related .title { margin-bottom: 0.16rem; padding-bottom: 0.08rem; border-bottom: 0.01rem solid #B6C5D7; line-height: 0.28rem; font-size: 0.2rem; font-weight: 700; color: #011327; }
.fuertong-single-product .related .list .wrap { margin: auto -0.16rem; }
.fuertong-single-product .related .list .unit { padding: 0.16rem; }
.fuertong-single-product .related .list a { color: #888; }
.fuertong-single-product .related .list a:hover { color: #FF3D00; }
.fuertong-single-product .related .list .subject { margin-top: 0.16rem; font-size: 0.14rem; }

/*=== 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; }