:root{
  --font-size-nav:0.24rem;
  --font-size-h1:0.2rem;
  --font-size-h2:0.26rem;
  --font-size-q:0.16rem;
  --font-size-more:0.16rem;
  --font-size-t:0.14rem;
}

* {margin:0; padding:0; list-style:none;}
*, *:before, *:after {box-sizing:inherit;}
a{color:#000; text-decoration:none; outline:none;}
a:hover{color:#000; text-decoration:underline; outline:none;}

html,body{
	position:relative;
	background-color:#F2F5FB;
}
body{
	overflow:hidden;
	overflow-y:auto;
	font:100%/1.5 Tahoma,Helvetica,Arial,"Microsoft YaHei",STXihei,SimSun,sans-serif;
	color:#000;
	background-image:url('../images/top_bg.jpg');
	background-repeat:no-repeat;
  background-position:center top;
	background-size:100%;
}

/* 自适应框架（设计图宽度） */
body{
	max-width:19.2rem;
	margin:0 auto;
}
body *{
	max-width:19.2rem;
}

header,main,footer{position:relative; z-index:10; width:100%; margin:0 auto; overflow:hidden; clear:both;}
main{z-index:100; overflow:initial; display:block;}
footer{padding:0.2rem 0; background-color:#136BD8;}

/* 头子 */
.top{margin:0 auto; width:14rem; height:100%; padding:0.5rem; display:flex; justify-content:space-between; align-items:center;}
.top img{height:1.45rem;}

/* 导航 */
.nav{padding:0.1rem; background-color:#175DD5;}
.nav dl{margin:0 auto; width:14rem; display:flex; justify-content:space-between; gap:0.2rem; align-items:center; color:#fff; font-size:var(--font-size-nav);}
.nav dt{display:flex; justify-content:space-between; gap:0.1rem;}
.nav dt a{color:#fff;}
.nav dt a:hover{color:#ff0; text-decoration:none;}
.nav dt a:not(:first-child):before{ content:'|'; margin-right:1ch;}
.nav span{color:#E1E9F4; font-size:var(--font-size-q); padding:0 0.15rem; border-radius:0.3rem; background-color:rgba(156,191,247,.3);}

/* 搜索 */
.so{display:flex; justify-content:space-between; gap:0.1rem; padding:0.05rem; box-sizing:border-box; border-radius:0.1rem; background-color:rgba(255,255,255,.8);}
.so input{color:#1562D6; font-size:var(--font-size-q); background-color:rgba(255,255,255,0);}
.so button{color:#fff; font-size:var(--font-size-q); padding:0.05rem 0.1rem; border-radius:0.08rem; background-color:rgba(21,98,214,.6);}

/* 关于 */
.about{position: relative; width: 2rem; display: flex; flex-direction: column; text-align: center; gap: 0.1rem;}
.about a{color:#fff; font-size:var(--font-size-more);}
.about dt,
.about dd{color:#fff; font-size:var(--font-size-h1); line-height:2; border-radius: 0.1rem; background-color:rgb(18,109,217,.3);}
.about dl{display: flex; flex-wrap: wrap; justify-content: center; gap:0,.1rem;}
.about dl:first-child a{width: calc(100% / 3 - 0.1rem);}
.about dl:nth-child(2) {background-color: rgba(255,255,255,.7);}
.about dl:nth-child(2) a{color:#83A8ED;}

/* 版权 */
.copyright{margin:0 auto; width:100%; color:rgba(255,255,255,.7); font-size:14px; line-height:1.8; text-align:center;}
.copyright a{color:rgba(255,255,255,.7);}

/* 移动端自适应 */
@media screen and (max-width:1024px){
  :root{
    --font-size-nav:0.3rem;
    --font-size-h1:0.3rem;
    --font-size-h2:0.3rem;
    --font-size-q:0.24rem;
    --font-size-more:0.24rem;
    --font-size-t:0.2rem;
  }

  html,body{
    overflow:hidden;
    overflow-y:auto !important;
	}
	body{
		max-width:10.24rem;
		margin:0 auto;
    background-image:url('../images/top_bg_m.jpg') !important;
	}
	body *{
		max-width:10.24rem;
	}
	main{width:94% !important;}

  .top{width:100%;}
  .top img{height:1.15rem;}
  .nav dt{flex-wrap:wrap; justify-content:flex-start;}
  .nav dt a{width: calc(100% / 4 - 0.4rem);}
  .nav dt a:not(:first-child):before{content:unset; margin-right:unset;}
  .nav span{display:none;}
  .about{display:none;}
  .so{display:none;}
}