/*body{padding: 20px!important;background: #0bd3ff!important;}*/
@media only screen and (max-width:1200px){
	/*body{background: #000000!important;}*/
	.page{
		.footer{ padding: 3rem 5%;}
		.content {
			padding: 0 5%;
		}
		.logo{ display: flex;}
		.logo1{ display: none;}
		.iYjKLh{ display: none;}
		.pwcjD {
			max-height: 325px;
			top:0;
		}
		overflow-x: hidden;
	}
}

@media only screen and (max-width:960px) and (max-width: 1199.98px){
	/*body{background: #69247a!important;}*/

		.footer{ padding: 0 5%;}
		.content { padding: 0 5%; }
		.logo{ display: none;}
		.logo1{ display: flex;}
		.fgafis{ display: none;}
		.jLGvNl{ display: none;}
		.iYjKLh{
			display: block;
			background-image: url(../img/cd1.png);
			background-repeat: no-repeat;
			background-size: 1.5625rem 1.5625rem;
			height: 25px;
		}
		.icon-Xhao{
			background-image: url(../img/hoy.webp);
		}
		.pwcjD {
			max-height: 325px;
			top: 13.5625rem;
		}
		.pwcjD img {
			max-width: 420px;
			height: auto;
		}
		.fzJryI{ flex-direction: column;}
		.erlOl {
			max-width: 75%;
			margin-top: -20%;
			right: -32px;
		}
		.erlOl img {
			margin: 0px 0px 0px auto;
			max-width: 100%;
		}
	.dqzZgJ{ max-width:65%;font-size:0px }
	.eKrauN {  flex-direction: column;flex-wrap: wrap}
	.bmiZSK { width: 100%; margin: auto; margin-bottom: 0.9375rem;}
	.dvQIOX,.edklVf{ width: 100%; margin: auto;  margin-bottom: 0.9375rem;}
	.cxWFtE{ width: 85% ; margin-bottom: 1rem; margin: auto;}
	.eVYFGN{ width: calc(90% - 4rem); margin: auto; margin-top: 1rem; position: relative;}
	.jfkszJ { padding-bottom: 2.4375rem;}
	.gNiWu{ width: 100%; margin: auto;  margin-bottom: 0.9375rem;}
	.shouji{width: 90%;
		margin: 0 auto;
		justify-content: center;
		margin-top: 10px;}

	.gcPTit{ flex-direction: column;}
		.flc{ flex-direction: row;}
		.flcc{ flex-direction: column;}
		.shoucc{ width: calc(90% - 4rem); margin: auto; margin-top: 1rem; position: relative;}
		.shoucc h2{ max-width: 60%;}
		.fAXBgl{ width: 90%; margin: auto; margin-bottom: 1rem;}
		.earSfv{ max-width: 18.75rem;}
		.tpbg2 { margin: auto; max-width: 90%;}
		.last{ width: 25%; text-align: right;}
		.name { width: 35%;}

		.price { width: 20%;}

		.change { width: 20%; text-align: right; }

		.volune { display: none;width: 25%; text-align: right; }
		.disnone{ display: none;}
		.dis960{ display: block;}
		.modal-content{ width: 40%; margin: 25% auto;}
		.navbar_a {
			position: absolute;
			top: 117%;

			right: 0;
			background: #000;
			border: 1px solid #ffffff;
			text-align: left;
			border-radius: 5px;
			clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
			transition: .2s linear;
			display: flex;
			flex-direction: column;
			padding: 2rem;
			min-width: 12.5rem;
		}
		.navbar_a.active {
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		}
		.navbar_a a{
			color: #fff;
			font-size: 1.5rem;
			padding: 0.625rem;
		}


}
@media only screen and (max-width:768px) and (max-width: 959.98px){
	/*body{background: #4328f2!important;}*/

		.footer{ padding: 0 5%;}
		.content { padding: 0 5%; }
		.logo{ display: none;}
		.logo1{ display: flex;}
		.jLGvNl{ display: none;}
		.fgafis{ display: none;}
		.cPrHZi { justify-content: left; }
		.kFqfLy{display: none;}
		.erlOl {
			right: 0px;
		}
		.fzJryI .erlOl img {
			margin: 0px 0px 0px auto;
			max-width: 108%;
		}
	.dqzZgJ{ max-width:65%;font-size:0px }
	.eKrauN {  flex-direction: column;flex-wrap: wrap}
	.bmiZSK { width: 100%; margin: auto; margin-bottom: 0.9375rem;}
	.dvQIOX,.edklVf{ width: 100%; margin: auto;  margin-bottom: 0.9375rem;}
	.cxWFtE{ width: 85% ; margin-bottom: 1rem; margin: auto;}
	.eVYFGN{ width: calc(90% - 4rem); margin: auto; margin-top: 1rem; position: relative;}
	.jfkszJ { padding-bottom: 2.4375rem;}
	.gNiWu{ width: 100%; margin: auto;  margin-bottom: 0.9375rem;}
	.shouji{width: 90%;
		margin: 0 auto;
		justify-content: center;
		margin-top: 10px;}

	.gcPTit{ flex-direction: column;}
		.flc{ flex-direction: row;}
		.flcc{ flex-direction: column;}
		.shoucc{ width: calc(90% - 4rem); margin: auto; margin-top: 1rem; position: relative;}
		.shoucc h2{ max-width: 60%;}
		.fAXBgl{ width: 90%; margin: auto; margin-bottom: 1rem;}
		.earSfv{ max-width: 18.75rem;}
		.tpbg2 { margin: auto; max-width: 90%;}
		.last{ width: 25%; text-align: right;}
		.name { width: 35%;}

		.price { width: 20%;}

		.change { width: 20%; text-align: right; }

		.volune { display: none;width: 25%; text-align: right; }
		.disnone{ display: none;}
		.dis960{ display: block;}
		.modal-content{ width: 70%; margin: 5% auto;}
		.navbar_a {
			position: absolute;
			top: 117%;

			right: 0;
			background: #000;
			border: 1px solid #ffffff;
			text-align: left;
			border-radius: 5px;
			clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
			transition: .2s linear;
			display: flex;
			flex-direction: column;
			padding: 2rem;
			min-width: 12.5rem;
		}
		.navbar_a.active {
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		}
		.navbar_a a{
			color: #fff;
			font-size: 1.5rem;
			padding: 0.625rem;
		}

}
@media only screen and (max-width:640px) and (max-width: 767.98px){
	/*body{background: #22c268!important;}*/

		.xKNbM{ padding: 0 5%;}
		.jsJsOx1{ padding: 0 5%;}
		.fEnuvR{ display: block;}
		.dblock{ display: block !important;}
		.kmjTZD{ display: none;}
		.pwcjD {
			max-width: 60%;
		}
		.erlOl {
			height: auto;
			display: block;
			position: relative;
			z-index: 2;
			width: 100%;
			max-width: 100%;
			margin-right: 0px;
			margin-left: auto;
			margin-top: -26%;
			right: -24px;
		}
		.fzJryI .erlOl img {
			margin: 0px 0px 0px auto;
			max-width: 130%;
		}
	.dqzZgJ{ max-width:65%;font-size:0px }
	.eKrauN {  flex-direction: column;flex-wrap: wrap}
	.bmiZSK { width: 100%; margin: auto; margin-bottom: 0.9375rem;}
	.dvQIOX,.edklVf{ width: 100%; margin: auto;  margin-bottom: 0.9375rem;}
	.cxWFtE{ width: 85% ; margin-bottom: 1rem; margin: auto;}
	.eVYFGN{ width: calc(90% - 4rem); margin: auto; margin-top: 1rem; position: relative;}
	.jfkszJ { padding-bottom: 2.4375rem;}
	.gNiWu{ width: 100%; margin: auto;  margin-bottom: 0.9375rem;}
	.shouji{width: 90%;
		margin: 0 auto;
		justify-content: center;
		margin-top: 10px;}

	.gcPTit{ flex-direction: column;}
		.flc{ flex-direction: row;}
		.flcc{ flex-direction: column;}
		.shoucc{ width: calc(90% - 4rem); margin: auto; margin-top: 1rem; position: relative;}
		.shoucc h2{ max-width: 60%;}
		.fAXBgl{ width: 90%; margin: auto; margin-bottom: 1rem;}
		.earSfv{ max-width: 18.75rem;}
		.tpbg2 { margin: auto; max-width: 90%;}
		.last{ width: 25%; text-align: right;}
		.name { width: 35%;}

		.price { width: 20%;}

		.change { width: 20%; text-align: right; }

		.volune { display: none;width: 25%; text-align: right; }
		.disnone{ display: none;}
		.dis960{ display: block;}
		.modal-content{ width: 70%; margin: 5% auto;}
		.navbar_a {
			position: absolute;
			top: 117%;

			right: 0;
			background: #000;
			border: 1px solid #ffffff;
			text-align: left;
			border-radius: 5px;
			clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
			transition: .2s linear;
			display: flex;
			flex-direction: column;
			padding: 2rem;
			min-width: 12.5rem;
		}
		.navbar_a.active {
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		}
		.navbar_a a{
			color: #fff;
			font-size: 1.5rem;
			padding: 0.625rem;
		}

}
@media only screen and (max-width:450px) and (max-width: 639.98px){
	/*body{background: #e1c71c !important;}*/

		.erlOl {
			height: auto;
			display: block;
			position: relative;
			z-index: 2;
			width: 100%;
			max-width: 100%;
			margin-right: 0px;
			margin-left: auto;
			margin-top: 0%;
			right: -24px;
		}
		.pwcjD img {
			margin: 0px auto 0px 0px;
			width: 299px;
		}
		.fzJryI .erlOl img {
			margin: 0px 0px 0px auto;
			max-width: 100%;
		}
		.dqzZgJ{ max-width:65%;font-size:0px }
		.eKrauN {  flex-direction: column;flex-wrap: wrap}
		.bmiZSK { width: 100%; margin: auto; margin-bottom: 0.9375rem;}
		.dvQIOX,.edklVf{ width: 100%; margin: auto;  margin-bottom: 0.9375rem;}
		.cxWFtE{ width: 85% ; margin-bottom: 1rem; margin: auto;}
		.eVYFGN{ width: calc(90% - 4rem); margin: auto; margin-top: 1rem; position: relative;}
		.jfkszJ { padding-bottom: 2.4375rem;}
		.gNiWu{ width: 100%; margin: auto;  margin-bottom: 0.9375rem;}
	.shouji{width: 90%;
		margin: 0 auto;
		justify-content: center;
		margin-top: 10px;}

		.gcPTit{ flex-direction: column;}
		.flc{ flex-direction: row;}
		.flcc{ flex-direction: column;}
		.shoucc{ width: calc(90% - 4rem); margin: auto; margin-top: 1rem; position: relative;}
		.shoucc h2{ max-width: 60%;}
		.fAXBgl{ width: 90%; margin: auto; margin-bottom: 1rem;}
		.earSfv{ max-width: 18.75rem;}
		.tpbg2 { margin: auto; max-width: 90%;}
		.last{ width: 25%; text-align: right;}
		.name { width: 35%;}

		.price { width: 20%;}

		.change { width: 20%; text-align: right; }

		.volune { display: none;width: 25%; text-align: right; }
		.disnone{ display: none;}
		.dis960{ display: block;}
		.modal-content{ width: 70%; margin: 5% auto;}
		.navbar_a {
			position: absolute;
			top: 117%;

			right: 0;
			background: #000;
			border: 1px solid #ffffff;
			text-align: left;
			border-radius: 5px;
			clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
			transition: .2s linear;
			display: flex;
			flex-direction: column;
			padding: 2rem;
			min-width: 12.5rem;
		}
		.navbar_a.active {
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		}
		.navbar_a a{
			color: #fff;
			font-size: 1.5rem;
			padding: 0.625rem;
		}

}