@charset "utf-8";
/*  begin */


.m_ext_014 { position: relative;}

.m_ext_014 .goods_feeds { display: flex; flex-wrap: wrap; margin: 0 10px;}
.m_ext_014 .goods_feeds > li { width: 50%; margin-bottom: 10px;}
.m_ext_014 .goods_feeds .items { display: block; margin: 0 5px; border: 2px solid #e0e0e0; border-radius: 10px; padding: 15px 5px; transition: all .3s ease; background: #fff; text-align: center; font-size: 14px; height: 100%; box-sizing: border-box;}
.m_ext_014 .goods_feeds .items:hover { box-shadow: 0 0 10px rgba(0,0,0,.15);}
.m_ext_014 .goods_feeds .items .thumb { position: relative; display: block; width: 96%; margin: 0 auto; border: 1px solid #e0e0e0; border-radius: 7px; overflow: hidden; margin-bottom: 10px; max-width: 140px;}
.m_ext_014 .goods_feeds .items .thumb:before { content: ""; display: block; padding-top: 127.2%;}
.m_ext_014 .goods_feeds .items .thumb > span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1;}
.m_ext_014 .goods_feeds .items .thumb > span img { width: 100%; height: 100%; vertical-align: top;}
.m_ext_014 .goods_feeds .items > h3 { font-size: 16px; margin-bottom: 3px; color: #222;}
.m_ext_014 .goods_feeds .items > p { margin-bottom: 5px;}
.m_ext_014 .goods_feeds .items > i { display: block; font-size: 15px; font-weight: bold; font-style: normal; color: #222;}
.m_ext_014 .goods_feeds .items > span { display: block; font-size: 13px; word-break: break-all;}
.m_ext_014 .goods_feeds .items > b { background-image: linear-gradient(#f7f8fa ,#e7e9ec); border-color: #adb1b8 #a2a6ac #8d9096; border-style: solid; border-width: 1px; border-radius: 3px; box-sizing: border-box; color: #2450a0; display: inline-block; font-size: 14px; height: 29px; line-height: 26px; padding: 0 13px; text-align: center; white-space: nowrap; margin: 7px 0 5px;}
.m_ext_014 .goods_feeds .items > b:hover { box-shadow: 0 0 10px rgba(0,0,0,.15);}
.m_ext_014 .goods_feeds .items .ofe { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m_ext_014 .goods_feeds .logos { width: 100%; height: 45px; text-align: center; display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;}
.m_ext_014 .goods_feeds .logos img { width: 100%; max-width: 125px; max-height: 35px;}
@media all and (min-width:600px){
.m_ext_014 .goods_feeds > li { width: 33.3333%;}
}

.m_ext_014 .art_list_all { position: relative; padding: 0 10px 20px; margin-bottom: 20px; display: flex; flex-wrap: wrap;}
.m_ext_014 .art_list_all > li { position: relative; width: 33.333%; box-sizing: border-box;}
.m_ext_014 .art_list_all > li > a { position: relative; display: block; box-shadow: 0 0 10px rgba(0,0,0,.3); border-radius: 7px; overflow: hidden; padding: 5px; margin: 5px;}
.m_ext_014 .art_list_all > li > a h3 { display: table; width: 100%; height: 65px; margin-bottom: 5px;}
.m_ext_014 .art_list_all > li > a h3 > span { display: table-cell; width: 100%; height: 65px; vertical-align: middle; text-align: center;}
.m_ext_014 .art_list_all > li > a h3 img { max-width: 100%; max-height: 65px;}
@media all and (min-width:600px){
.m_ext_014 .art_list_all > li { width: 25%;}
}

.m_ext_014 .art_list_all .bf55 { position: relative; display: block;}
.m_ext_014 .art_list_all .bf55:before { content: ""; display: block; padding-top: 100%;}
/*  end */
