@charset "utf-8";
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}













@media screen and (max-width: 1400px) {
	main {
		width: 100%;
		padding: 0 20px;
	}

	.gonggao div:first-child {
		width: 16%;
	}

	.card1 a {
		width: calc(16.6666% - 8.5px);
	}

	footer .lianxi {
		padding: 30px 20px;
		justify-content: space-between;
	}

	footer .link {
		margin: 0 !important;
	}
}

@media screen and (max-width: 1024px) {
	header>div nav {
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		background: #191D30;
		z-index: 100;
		display: none;
	}

	header>div nav.active {
		display: block;
	}

	header>div nav ul {
		flex-direction: column;
		gap: 30px;
		padding: 30px 0;
	}

	.menu-toggle {
		display: block;
		color: #fff;
		font-size: 24px;
		cursor: pointer;
	}

	.banners {
		min-height: 750px;
	}

	.banner-list>img {
		min-height: 750px;
	}

	.banner-item {
		width: 55%;
		left: 5%;
	}

	.banner-item p {
		font-size: 40px;
	}

	.item1 {
		flex-wrap: wrap;
	}

	.login-inner {
		width: 35%;
		height: 420px;
		right: 5%;
	}

	.chongzhi {
		flex-wrap: wrap;
	}

	.chongzhi div {
		width: 50%;
		margin-bottom: 30px;
	}

	.chongzhi div:nth-child(2) {
		border-right: none;
	}

	.gonggao div:first-child {
		width: 24%;
	}

	.steps {
		gap: 50px 0;
	}

	.steps li {
		gap: 0;
	}

	.tese-list h3 {
		font-size: 21px;
	}

	.card1 a {
		width: calc(25% - 8px);
	}

	.pay {
		grid-template-columns: repeat(2, 1fr);
	}

	.card2, .brand {
		grid-template-columns: repeat(4, 1fr);
	}

	footer .lianxi {
		flex-direction: column;
	}

	footer .link {
		margin: 40px 0 30px !important;
	}
}

@media screen and (max-width: 768px) {
	.login-inner {
		width: 60%;
		height: 420px;
		right: 5%;
	}

	.gonggao div:first-child {
		width: 36%;
	}

	.tese-list div {
		padding: 0 25px 18px;
	}

	.tese-list h3 {
		font-size: 17px;
	}

	.tese-list p {
		font-size: 12px;
	}

	.card1 a {
		width: calc(33.3333% - 6.5px);
	}

	.card2 {
		grid-template-columns: repeat(2, 1fr);
	}

	.brand {
		grid-template-columns: repeat(2, 1fr);
	}

	footer .beian {
		flex-direction: column;
	}
}

@media screen and (max-width: 480px) {
	.banner-item p {
		font-size: 24px;
	}

	.item2 img {
		width: 65%;
	}

	.login-inner {
		width: 90%;
	}

	.chongzhi div {
		width: 100%;
	}

	.gonggao div:first-child {
		width: 85%;
	}

	.steps {
		flex-direction: column;
	}

	.steps li {
		margin: 0 auto;
	}

	.tese-list div {
		width: 100%;
		padding: 0 4px 4px;
	}

	.tese-list div img {
		width: 100%;
	}

	.tese-list div h3 {
		font-size: 12px;
	}

	.tese-list div p {
		font-size: 8px;
	}

	.card1 a {
		width: calc(50% - 5px);
	}

	.pay {
		grid-template-columns: repeat(1, 1fr);
	}

	.tabs {
		gap: 8px;
	}

	.tabs div {
		padding: 0 10px;
	}

	.tab p {
		font-size: 15px;
	}

	.card2, .brand {
		grid-template-columns: repeat(2, 1fr);
	}

	footer .link {
		height: 100% !important;
		flex-direction: column;
		gap: 30px;
		margin: 50px 0 !important;
	}
}