@charset "utf-8";
/*------------------------------------------------------------
    样式初始化
------------------------------------------------------------*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
section,
blockquote,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
span,
a,
* {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 0.32rem;
	box-sizing: border-box;
	font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC",
		"Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei",
		sans-serif;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;
	display: block;
	max-width: 100%;
}
ol,
ul,
li {
	list-style: none;
}
input,
textarea,
select,
button {
	border: none;
	outline: none;
	background-color: transparent;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

input,
textarea {
	-webkit-touch-callout: default;
	-webkit-user-select: default;
	-khtml-user-select: default;
	-moz-user-select: default;
	-ms-user-select: default;
	user-select: default;
}

table {
	border-collapse: collapse;
}
html,
body {
	max-width: 100vw;
	overflow-x: hidden;
	min-height: 100vh;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.logo{
	display: flex;
	justify-content: center;
    background-color: #a72126;
}

.container{
	z-index: 5;
	line-height: 1.5;
	padding: 10px 3%;
	position: relative;
	max-width: 1440px;
	margin: 0.3rem auto 0;
}

.container .title{
	font-weight: 600;
	line-height: 1.2;
	font-size: 0.5rem;
	text-align: center;
	font-family: "宋体";
}

.container .content{
	line-height: 1.5;
	font-size: 0.28rem;
	text-indent: 0.6rem;
	font-family: "仿宋";
	padding: 0.1rem 0;
	text-align: justify;
}
.container .content.right{
	text-align: right;
}

.container .content.link{
	text-indent: 0;
}

.container .content span, .container .content a{
	font-size: 0.3rem;
	font-family: "宋体";
	color: rgb(72, 116, 203);
}

.container p{
	line-height: 1.5;
	font-size: 0.32rem;
	text-indent: 0.6rem;
	font-family: "楷体";
	padding: 0.1rem 0;
}

h3{
	font-size: 0.36rem;
	padding: 0.2rem 0;
	text-indent: 0.6rem;
}


.bottom{
	margin-top: -30%;
}

h1,
h2,
h3,
h4,
h5,
h6{
	line-height: 1.2;
}


table {
	width: 100%;
	border-collapse: collapse;
}
th, td {
	padding: 8px;
	font-size: 0.3rem;
	line-height: 1.5;
	border: 1px solid #ddd;
	text-align: center;
}
th{
	font-weight: 500;
}
td{
	font-family: "仿宋";
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
@media (max-width: 600px) {
	table, thead, tbody, th, td, tr {
		display: block;
	}
	tr {
		border: 1px solid #ddd;
	}
	th {
		top: -9999px;
		left: -9999px;
		font-weight: 500;
		position: absolute;
	}
	td {
		border: none;
		position: relative;
		padding-left: 50%;
		font-family: "仿宋";
		border-bottom: 1px solid #ddd;
	}
	td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		content: attr(data-label);
	}
}


/***** -----   媒体查询 - 字体设置   -----*****/

/* 设计稿宽度=640时, 4rem=400px, 1rem=100px, .5rem = 50px, .1rem = 10px 以此类推 */
@media screen and (max-width: 10040px) { html { font-size: 150px; } }

@media screen and (max-width: 880px) { html { font-size: 137.5px; } }

@media screen and (max-width: 840px) { html { font-size: 131.25px; } }

@media screen and (max-width: 800px) { html { font-size: 125px; } }

@media screen and (max-width: 750px) { html { font-size: 117.1875px; } }

@media screen and (max-width: 720px) { html { font-size: 112.5px; } }

@media screen and (max-width: 640px) { html { font-size: 100px; } }

@media screen and (max-width: 600px) { html { font-size: 93.75px; } }

@media screen and (max-width: 560px) { html { font-size: 87.5px; } }

@media screen and (max-width: 480px) { html { font-size: 75px; } }

@media screen and (max-width: 414px) { html { font-size: 64.6875px; } }

@media screen and (max-width: 400px) { html { font-size: 62.5px; } }

@media screen and (max-width: 384px) { html { font-size: 60px; } }

@media screen and (max-width: 375px) { html { font-size: 58.59375px; } }

@media screen and (max-width: 360px) { html { font-size: 56.25px; } }

@media screen and (max-width: 320px) { html { font-size: 50px; } }