@charset "utf-8";
*, :after, :before, input {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.page_container{width:100%;background:#F8F8F8;font-family: "微软雅黑","Microsoft YaHei",Helvetica,Tahoma,sans-serif;overflow:hidden}
.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_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_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;vertical-align: middle;}

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