< type="text/css"> .hhx_midBox>a{ display: block; } .roof{ display: flex; align-items: center; } .roof>img{ width: 15px; height: 15px; } .roof>p{ margin-left: 8px; color: #666666; } .roof>p>span{ margin-left: 3px; color: #999999; } /* 天气页面头部改版 */ .new_wea_icon{display: flex!important;align-items: center;width: 300px;margin-left: 40px; margin-top: 12px;} .new_wea_icon a.wx_gzh{ display: flex; flex-direction: column; align-items: center; font-size: 14px; color: #666666; margin-right: 40px; position: relative; height: 64px; justify-content: flex-end; } .wx_gzh{ margin-right: 0; } .new_wea_icon a p .wx_gzh >p{ margin-top: 14px; line-height: normal; } .wx_gzh .erweima_box{ position: absolute; width: 140px; height: 140px; background: #FFFFFF; box-shadow: 0px 1px 9px 1px rgba(1111121130.2); border-radius: 4px; display: none; align-items: center; justify-content: center; top: 115%; z-index: 999; flex-direction: column; } .wx_gzh .erweima_box img{ width: 108px; height: 108px; } .wx_gzh .erweima_box p{ font-size: 12px; color: #999999; text-align: center; line-height: normal; } .wx_gzh .erweima_box::before{ content: ''; display: block; border-bottom:9px solid #ffffff; border-top:9px solid transparent; border-left:9px solid transparent; border-right:9px solid transparent; box-sizing: content-box; width: 0px; height: 0px; position: absolute; top: -16px;; right:60px; } .wx_gzh .erweima_box::after{ content: ''; display: block; border-bottom:9px solid #ffffff; border-top:9px solid transparent; border-left:9px solid transparent; border-right:9px solid transparent; box-sizing: content-box; width: 0px; height: 0px; position: absolute; top: -16px;; right:60px; }