@charset "utf-8";
/*  begin */


.m_ext_020 { position: relative; background: #fff; padding: 15px;}
.m_ext_020 ul { position: relative;}
.m_ext_020 ul > li { margin-bottom: 20px;}
.m_ext_020 ul > li > a { display: block; border: 1px solid #dedede; background: #fff; height: 100%; box-sizing: border-box;}
.m_ext_020 ul > li > a .bf32 { border-bottom: 1px solid #ededed;}
.m_ext_020 ul > li > a .bfbox { transition: .3s all ease;}
.m_ext_020 ul > li > a:hover .bfbox { opacity: .8;}
.m_ext_020 .art_info { padding: 12px 15px; transition: .3s all ease;}
.m_ext_020 .art_info i { display: block; font-style: normal; font-weight: bold; color: #ff594a; font-size: 15px; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m_ext_020 .art_info h2 { font-size: 15px; line-height: 1.4; font-weight: normal; word-break: break-all; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.m_ext_020 .art_info b { font-weight: normal; font-size: 11px; margin-top: 7px; margin-left: 2px;}
.m_ext_020 ul > li > a:hover .art_info { opacity: .85;}
.m_ext_020 .btn_more { display: block; margin: 0 auto; width: 98px; height: 38px; line-height: 34px; border: 1px solid #dedede; text-align: center; font-size: 17px; font-weight: bold; color: #808080; transition: .3s all ease;}
.m_ext_020 .btn_more:hover { background: #f3f3f3;}

.m_ext_020.b_radius .radius { overflow: hidden;}
/*  end */