@charset "utf-8";

*{margin:0;padding:0;box-sizing:border-box;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;}
body{font-family: system-ui, sans-serif;background-color:#F9F9F9;}
ul,ol,li{list-style:none;}
a{color: rgb(0, 0, 238);text-decoration:none;}
a:hover{color: rgb(0, 0, 238);text-decoration: underline;}

.container-full{width:100%;background:#F5FAFF;margin:0 auto;}
.container{max-width:960px;width:100%;background:#F5FAFF;margin:0 auto;}

.banner{padding-left:8px;font-size:48px;font-weight:900;background:#0F7884}
.banner a{color:#FFFFFF;text-decoration:none;}

.menu{padding:8px;background:#F1F7FC;border-bottom:1px solid #E3E3E3;}
.menu a:hover{text-decoration: underline;}

.main{padding:32px;}
.main h1{color:#363737;text-align:center;font-size:32px;font-weight:800;line-height:2;}
.main .update{text-align: center;font-size: 14px;color: #999;margin-bottom: 32px;}

.nav-ico{margin-bottom:32px}
.nav-ico-title{margin-bottom:16px;font-size:20px;font-weight:800;padding-bottom:8px;border-bottom:2px solid #ECF0F1}
.nav-ico .nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px 12px}
.nav-ico .nav-grid .nav-item{display:flex;align-items:center;gap:10px;font-size:16px;color:#111;text-decoration:none;padding:8px;background:#EDF7FF;border:1px solid #C8E4EE;border-radius:8px;}
.nav-ico .nav-grid .nav-item:hover{color: rgb(0, 0, 238);text-decoration: underline;}
.nav-ico .nav-grid .nav-item img{width:24px;height:24px;object-fit:contain;flex-shrink:0}

.nav-txt{margin-bottom:32px;}
.nav-txt .nav-txt-title{font-size:20px;font-weight: 800;padding-bottom:8px;border-bottom:2px solid #ECF0F1;}
.nav-txt .nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px;margin-bottom:32px;}
.nav-txt .nav-grid .nav-item{padding:16px;background: #EDF7FF;border: 1px solid #C8E4EE;border-radius:8px;}
.nav-txt .nav-grid .nav-item .nav-item-title{font-size:16px;margin-bottom:8px;}
.nav-txt .nav-grid .nav-item .nav-item-link a{font-size:14px;color:#007000;text-decoration:none;}

.nav-wrap{display:flex;flex-wrap:wrap;gap:16px;}
.nav-wrap .nav-item{flex:1 1 calc(50% - 8px);background:#EDF7FF;border:1px solid #C8E4EE;padding:16px;border-radius:4px;}
.nav-wrap .nav-item .nav-item-title{font-size:16px;margin-bottom:8px;}
.nav-wrap .nav-item .nav-item-desc{font-size:14px;color:#969696;margin-bottom:6px;}
.nav-wrap .nav-item .nav-item-link a{font-size:14px;color:#007000;text-decoration:none;}

.content h2{font-size:20px;font-weight:700;line-height:2;margin: 0 auto 16px auto;}
.content p{font-size:16px;line-height:2;margin: 0 auto 8px auto;}
.content p img{width: 100%}
.content ul{padding:10px; margin:0;}
.content li{line-height:25px; height: 25px; width: auto; overflow: hidden; font-size: 14px;}

.footer{color:#999;font-size:14px;padding-bottom:16px;}
.footer ul{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:16px;padding-bottom:16px;border-bottom:solid 1px #DDD;}
.footer ul li{line-height:14px;}
.footer ul li:not(:last-child)::after{content:"·";margin:0 4px;}
.footer ul li a{padding:8px 8px;color:#999;}
.footer ul li a:hover{color:#999;}
.footer p{text-align:center;font-size:14px;line-height:28px;}
.footer p a{color:#999;}
.footer p a:hover{color:#999;}

/* 移动端 */
@media (max-width:768px) {
    .main{padding:16px;}
    .nav-ico .nav-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px 8px}
    .nav-ico .nav-grid .nav-item{font-size:16px}
    .nav-ico .nav-grid .nav-item img{width:28px;height:28px}
    .nav-wrap .nav-item {flex: 1 1 100%;}

}