<style type="text/css">
body{background: #f3f6f9;}
header{position:fixed;top:0;right:0;left:0;z-index:999;height:auto;background:#fff;transition:top .5s;height:60px;margin:0;padding:0 20px; box-shadow: 0 1px 8px #0000001a; }

.set-check{margin:5px auto 0;font-size:12px;line-height: 16px;color:#999;text-align: center;display:none;}

.tab-li li{font-weight: bold;font-size: 13px;padding:0 0 10px 0;display: inline-block;margin: 0 10px 0 0;position: relative;cursor: pointer;}

@media (min-width: 600px) {
#ag-search{margin: 0 30px;max-width: 100%;}
.ag-search-box{padding:20px 0 0 0;position: relative;margin:0 0;} 

.section , .content{margin:20px 0;background:#f9f9f9;clear: both;}
.section .h3{line-height:30px;width:100%;display: block;margin:0 0 0px 0;}
.list-website li , .list-qrcode li{width:18%;margin:5px 1% 0 1%;}
.list-website , .list-qrcode{font-size: 0;margin: 0 1%;}

.list-website li , .list-qrcode li{width: 14.5%;}
.list-website li:nth-child(4),.list-website li:nth-child(5) , .list-qrcode li:nth-child(4),.list-qrcode li:nth-child(5){margin: 3px 1% 0 1%;}
.list-website li a , .list-qrcode li a{padding: 5px;display: block;}
.list-website li .intro , .list-qrcode li .intro{margin:5px 0 0 0;color:#999;line-height:18px;font-size: 10px;height: 20px;}
}

.function_t {background: #f9f9f9;}

.links li{width: auto; padding: 0 3px;}
</style>