.header_fr{ position:absolute; right:10px; top:14px; display: flex;}
    
    .sp_header{ height:52px; line-height:52px; background:#2c6dd2; width:100%; color:#fff; position:relative}
    .sp_header i{font-size:24px; margin-right:8px}
    .sp_header h2{ font-size:20px; padding:0 15px;  margin: 0;}
    .top_box{ display: flex;}
    .top_box ul li{float: left; color: #fff; padding: 0 5px;}
    .top_box ul li a{color: #fff; text-decoration: none; }
    .top_box ul li a:hover{color: #89b8ff;}
    .top_box h2{display: flex; align-items: center;}
    .top_box h2 img{width: 36px; height: 36px; margin-right: 6px;}
    .sp_header a{color: #fff; text-decoration: none;}
    .header_fr a{margin: 0 5px; font-size: 12px;border: 1px solid rgba(255, 255, 255, 0.3);
     background: rgba(255, 255, 255, 0.1); height:26px; line-height: 26px; width: 75px; text-align: center; border-radius: 5px;}
     .header_fr a:hover{background:#3a86fd ;}
  
    .sp_header   .header_fr i{font-size:14px; margin-right:3px}