.list_left .news-syn .other{ position: relative; overflow:visible; height: 30px; } .list_left .news-syn .other a{ position: absolute; right: 0; } .list_left .news-syn .other i.icon{ float: none; } .list_left .news-syn .other a .code_box{ position: absolute; top:30px; left:-70px; width:120px; background-color:#fff; box-shadow: 0 0 8px 8px rgba(0,0,0,0.05); text-align: center; padding:10px; z-index: 10; border-radius: 4px; display: none; } .list_left .news-syn .other a:hover .code_box{ display: block; } .list_left .news-syn .other a .code_box::before{ content:""; border:10px solid transparent; border-bottom-color:#fff; position: absolute; top:-15px; right:28px; } .list_left .news-syn .other a .code_box p{ font-size:14px; color:#999; margin-bottom: 10px; } .list_left .news-syn .other a .code_box img{ width:100px; height: 100px; } .list_left .news-syn .syn { min-height: 56px; }