@charset "UTF-8";
.page_container{width:100%;background:#F8F8F8;font-family: "微软雅黑","Microsoft YaHei",Helvetica,Tahoma,sans-serif;}
.blogs_view_wrap{margin:30px auto 20px;}
/* 左侧 */
.blogs_view_le{background: #fff;position:relative;overflow: hidden;}
.blogs_view_head{margin:40px 60px 0;overflow:hidden;}
.blogs_view_author{overflow:hidden;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.blogs_view_avatar{width:60px;height:60px;}
.blogs_view_avatar>img{max-width:60px;max-height:60px;border-radius:50%;overflow:hidden;}
.blogs_view_avatar>.icon{width:48px;height:48px;}
.blogs_view_title{padding-left:10px;font-size: 20px;color: #424242;line-height: 30px;font-weight:700;}
.blogs_view_date{font-size:12px;color: #8c8c8c;line-height: 28px;}
.blogs_view_cont{overflow: hidden;margin: 16px 60px;position: relative;font-size: 16px;color: #424242;line-height: 22px;}
.blogs_view_cont img{display:block;max-width:100%;margin:0 auto;}
.blogs_view_cont a{cursor:pointer;color:#0000ff;}
.blogs_view_cont a.blogs_link_prod{text-indent:0;display:inline-block;background-color: #000d56;margin: 0 5px;background-clip: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;color: #fff;font-weight: 600;padding:1em;text-align: center;-webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition: background-color .2s ease-in-out,color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out; transition: background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out; transition: background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;margin-bottom:10px;}
.blogs_view_cont h2{font-size: 18px;color: #000000;margin: 10px 0;font-weight:600;}
.blogs_view_cont p{margin-bottom:10px;}
.blogs_view_text_bold{font-weight:bold;}
/* 底部 */
.blogs_view_mend{margin:10px 60px 0;overflow:hidden;}
.blogs_view_mend_name{padding:10px;background:#eee;font-size:18px;}
.blogs_view_mend_ul{overflow:hidden;display:flex;flex-wrap: wrap;}
.blogs_view_mend_li{padding:10px;float:left;border:1px solid #eee;margin: 4px;}
.blogs_view_mend_li img{width:100%;}
/* 右侧 */
.blogs_view_ri{width: 290px;height: auto;}
.blogs_view_ri_name{width: 100%;height: 44px;line-height: 44px;font-size: 18px;color: #424242;background: #fff;text-align: center;}
.blogs_view_recommend{overflow: hidden;background: #fff;margin-top: 7px;}
.blogs_view_recommend>li{height: 24px;line-height: 24px;margin: 15px 0;}
.blogs_view_num{width: 22px;height: 22px;text-align: center;font-size: 14px;color: #fff;line-height: 22px;border-radius: 50%;background: #DCDCDC;float: left;margin-right: 7px;margin-left: 3px;}
.blogs_view_recommend>li>a{max-width: -webkit-calc(100% - 35px);max-width:-moz-calc(100% - 35px); max-width:calc(100% - 35px);height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #424242;font-size: 14px;float: left;position:relative;padding-bottom:2px;border-bottom: 1px solid rgba(28,29,29,.1);}
.blogs_view_recommend>li>a:after{content: "";position: absolute;bottom:0;left: 0;width: 0%;border-bottom: 1px solid currentColor;transition: width .5s ease;}
.blogs_view_recommend>li>a:hover:after{width:100%;}
.blogs_view_recommend>li>a:hover{color:#FF5C26;}
.blogs_view_recommend>li:nth-child(1) .blogs_view_num{background:#FC3E3E;}
.blogs_view_recommend>li:nth-child(2) .blogs_view_num{background:#FC6F3E;}
.blogs_view_recommend>li:nth-child(3) .blogs_view_num{background:#FFB260;}
/* 目录 */
.blogs_view_catalog{background:#eee;padding:10px 0;}
/* 购物按钮 */
.blogs_view_footer{background: #fff;opacity: .95;height: auto;position: fixed;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: auto !important;border-top: 1px solid #ddd;bottom: 10px;width: 100%;z-index: 9;}
.satcb_animated_button{max-width:300px;width:90%;height: 56px;display: flex;align-items: center;margin:0 auto;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.blogs_view_filex_link{display: inline-block;width:100%;line-height: 1.42857143;text-align:center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;font-size: 14px;padding: 11px 5px;border: 1px solid #0e133a;border-radius: 4px;background-color: #000d56;color:#fff !important;}
.icon_button_buy {width: 26px;height: 26px;fill: none;stroke: #fff;stroke-linecap: round;stroke-linejoin: round;stroke-width: 10px;margin-right: 6px;margin-top: -4px;}

/* 分享 */
.social_sharing{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.social_sharing>li>a{display: inline-block;width: auto;text-decoration: none;text-align: center;vertical-align: middle;cursor: pointer;border: 1px solid transparent;border-radius: 2px;font-weight:700;letter-spacing: .08em;padding: 5px 8px;font-size:.75em;line-height: 1;background-color: transparent;border-color:#ebebeb;color:#000;margin-right: 5px;}
.social_sharing>li>a:hover{border-color:#d2d2d2;opacity:0.8;}
.social_sharing>li svg{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin-right: 4px;overflow: hidden;}
.social_sharing>li svg.icon_facebook,.social_sharing>li svg.icon_facebook path{fill: #3b5998;}
.social_sharing>li svg.icon_twitter,.social_sharing>li svg.icon_twitter path{fill: #00aced;}
.social_sharing>li svg.icon_pinterest,.social_sharing>li svg.icon_pinterest path{fill: #cb2027;}
.social_sharing>li .share_title{display: inline-block;vertical-align: middle;}
.wishlist_button{border: 1px solid transparent;border-radius: 2px;font-weight:700;letter-spacing: .08em;padding: 8px 14px;font-size:.75em;line-height: 1;background-color: transparent;border-color:#d9d9d9;color:#000;margin-right: 5px;margin-bottom: 10px;}
.pro_socail{padding:0 50px 20px;}

.addthis-smartlayers.addthis-smartlayers-mobile{display:none !important;}
/* pc右侧分享 */
.addthis-smartlayers-desktop a:hover{opacity:1;}
/* end 分享 */



/* PC端样式 */
@media (min-width:1080px){
    .blogs_view_wrap{width:1100px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction:row-reverse;justify-content:space-between;}
    .blogs_view_le{width: 790px;}
    .blogs_view_ri_wrap{position: -webkit-sticky;position: -ms-sticky;position: sticky;top: 64px;}
    .blogs_view_date{padding-left:60px;}
    .blogs_view_mend_li{width:32%;}
    
}
/* SP端样式 */
@media (max-width:1079px){
    .blogs_view_wrap{padding:0 10px;margin-top:10px;}
    .blogs_view_le{width: min(100%, 768px);margin:0 auto;}
    .blogs_view_head,.blogs_view_cont,.blogs_view_mend{margin:10px;}
    .blogs_view_mend{border:1px solid #eee;}
    .blogs_view_title{font-size:16px;line-height:26px;}
    .blogs_view_cont{font-size:14px;}
    .blogs_view_ri{width:100%;padding:0 10px;margin-top:20px;background:#fff;}
    .blogs_view_mend_li{width:100%;}
    .blogs_view_cont h2{font-size:14px;}

}