@media only screen and (min-width:1200px){
	html{font-size:12px!important}
}
@media only screen and (min-width:1440px){
	html{font-size:14px!important}
}
@media only screen and (min-width:1920px){
	html{font-size:16px!important;}
}
body,html{
	padding: 0;
	margin: 0;
}
a{
	text-decoration: none!important;
}
.main{
	position: relative;
}
.mainimg{
	width: 100%;
	height: auto;
}
.a{
	/* height: 3.75rem;*/
	border-radius: 0.625rem;
	display: flex;
	position: absolute;
	top: 28%;
	left: 18.75%;
	bottom: 69.8%;
	max-height: 3rem;
	right: 46.9%;
	box-shadow: 0px 3px 5px #666666;
}
.a1{
	border-right: 0!important;
	width: 80.7%;
	background-color: #434343;
	padding-left: 6%;
	display: flex;
	align-items: center;
	border-top-left-radius:  0.625rem;
	border-bottom-left-radius: 0.625rem;
	border: 0.125rem solid #ffffff;
}
.a1 img{
	margin-right: 1.25rem;width: 6.1%;
}
.a1 input{
	flex-grow: 2;
	background-color: #434343;
	height: 100%;
	line-height: 100%;
	text-align: right;
	/* border-top: 0.125rem solid #8c9197;box-sizing: border-box;
	border-bottom: 0.125rem solid #8c9197; */
	border: none!important;
	border-right: none!important;
	outline:none;  
	padding: 0 0.625rem !important;
	color: #e8e8e8;
	font-size: 1rem;
	min-width: 0.625rem!important;
}
::placeholder {
  color: #e8e8e8;
  font-size: 1rem;
}
.a2{
	border-top: 0.125rem solid #ffffff;
	border-bottom: 0.125rem solid #ffffff;
	border-right: 0.125rem solid #ffffff;
	width: 19.3%;
	background-color: #060000;
	border-top-right-radius:  0.625rem;
	border-bottom-right-radius:  0.625rem;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.a2 a{
	color: #f2ffff;
	width: 100%;
	display: block;
	text-align: center;
	
}
.eimg{
	position: absolute;
	left: 19.8%;
	top: 1.52%;
	width: 9%;
}
.e{
	display: flex;
	position: absolute;
	left:30.9%;
	top: 1.8%;
}
.e a{
	color: #a7a5a6;
	font-size: 1.125rem;
	margin-right: 3rem;
}
.e1{
	display: flex;
	position: absolute;
	left:30.9%;
	top: 3.8%;
	bottom: 94.6%;
	align-items: center;
}
.e1 a{
	color: #5c6167;
	font-size: 1.125rem;
	margin-right: 3rem;
}
#child,#child2{
	height: auto;
	min-height: 100%;
	/* overflow: hidden; */
}
#child div,#child2 div{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	cursor: pointer;
	margin: 0.1rem 0;
	/* height: 20%; */
	margin: 0.5rem 0;
}
.swiperdiv{
	position: absolute;
	left: 43.5%;
	right: 18.75%;
	top: 50%;
}
.swiper ,.swiper-wrapper,.swiper-slide{
	width: 100%;
}
.swiper-slide img {
	width: 100%;
	height: auto;
}

.login{
	position: absolute;
	left: 24%;
	right: 67.7%;
	top: 7.1%;
	bottom: 86.9%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.login a {
	color: #FFFFFF;
	border-bottom: 0.125rem solid #FFFFFF;
	font-size: 1.125rem;
}
.ysimg5{
	position: absolute;
	left: 18.75%;
	right: 18.75%;
	top: 41.4%;
	bottom: 21.1%;
}
.ysimg5 img,.ysimg6 img{
	width: 100%;
	height: auto;
}
.ysimg6{
	position: absolute;
	left: 30%;
	right: 66.5%;
	bottom: 55.7%;
	width: 3.5%;
}
.botimg1{
	position: absolute;
	left: 8.8%;
	bottom: 7.9%;
	width: 10%;
}
.botimg1 img{
	width: 100%;
	height: auto;
}
.botimg2{
	position: absolute;
	left: 29.7%;
	bottom: 10.3%;
	width: 27.2%;
}
.botimg3{
	position: absolute;
	right: 30%;
	bottom: 10.3%;
	width: 12.5%;
}
.botimg2 img,.botimg3 img{
	width: 100%;
	height: 100%;
}
.i5{
	padding-left: 18.75%;
	width: 100%;
	box-sizing: border-box;
	padding-top: 3%;
	padding-bottom: 3%;
	display: flex;
	padding-right: 18.75%;
	flex-wrap: wrap;
	align-content: center;
	background-color: #fefefe;
}
.i5 a{
	color: #565251;
	font-size: 1.125rem;
	margin-bottom: 0.2rem;
	/* margin-right: 1.5rem; */
}
.bottom{
	background-color: #fefefe;
	padding: 0  0 1.5rem 0;
	width: 100%;
	text-align: center;
	color: #7a7c7b;
}