body,html{
margin:0px;
padding:0px; font-size:12px;
overflow:hidden;font-family: 'Microsoft YaHei',Arial,sans-serif;
}
 h2{margin:0px;
padding:0px;}
ul{margin:0px;
padding:0px;}
ul li{ list-style:none}

.header_fr{ position:absolute; right:10px; top:0px}
.sp_header{ height:52px; line-height:52px;background: linear-gradient(to right, #2c6dd2, #008fd9);  width:100%; color:#fff; position:relative;box-shadow: 0 3px 14px rgb(0 0 0 / 20%);}
.sp_header i{font-size:24px; margin-right:8px}
.sp_header h2{ font-size:16px; padding:0 15px;}
.top_box{ display: flex;}
.top_box ul li{float: left; color: #fff; padding: 0 5px;  margin: 0 10px;width: 120px; text-align: center; font-size: 14px; }
.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;}
.top_box ul li.active { 
    background: url(../img/active_li.png) no-repeat center bottom 2px;
    background-size: 100%;
}
.top_box ul li.active a{color: #42c9fe; }