:root{
    --font-size-h1:0.18rem;
    --font-size-h2:0.26rem;
    --font-size-h3:0.3rem;
    --font-size-q:0.14rem;
    --font-size-more:0.16rem;
}

* {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:#DC202B;
}
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:38.4rem;
	margin:0 auto;
}
body *{
	max-width:38.4rem;
}

header,main,footer{position:relative; z-index:10; width:100%; margin:0 auto; overflow:hidden; clear:both;}
header{
	width:100%;
	height:4rem;
	background-image:url('../images/top_bg.jpg');
	background-repeat:no-repeat;
    background-position:center top;
	background-size:100%;
	opacity:0;
}
header img{position:absolute; z-index:100;}
main{width:100%; display:block;}
footer{font-size:16px; padding:20px;}

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

    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;
	}
	header{height:3rem !important;}
	main{width:94% !important;}
}