*{
	margin: 0;
	padding: 0;
}
@media screen and (max-width:750px) {
	html,body{
		width: 100%;
		height: 100%;
		overflow: hidden;
		font-size: 14px;
	}
}
@media screen and (min-width:749px) {
	html,body{
		width: 100%;
		height: 100%;
		overflow: hidden;
		font-size: 16px;
	}
}
img {
	height: auto;
	width: 100%;
}
a{
	text-decoration: none;
	display: inline-block;
	color: #333333;
}
input,
textarea {
	display: block;
	width: 100%;
	border: none;
	background: none;
	outline: none;
}
select{
	background: none;
	outline: none;
	display: block;
	width: 100%;
	color: white;
	border:none;
}
button{
	background: none;
	border: none;
}
.imgPublic {
	font-size: 0;
	overflow: hidden;
}

.dFlex {
	display: flex;
}

.jStart_aStart {
	justify-content: flex-start;
	align-items: flex-start;
}

.jStart_aCenter {
	justify-content: flex-start;
	align-items: center;
}

.jStart_aEnd {
	justify-content: flex-start;
	align-items: flex-end;
}

.jAround_aStart {
	justify-content: space-around;
	align-items: flex-start;
}

.jAround_aCenter {
	justify-content: space-around;
	align-items: center;
}

.jAround_aEnd {
	justify-content: space-around;
	align-items: flex-end;
}

.jCenter_aStart {
	justify-content: center;
	align-items: flex-start;
}

.jCenter_aCenter {
	justify-content: center;
	align-items: center;
}

.jCenter_aEnd {
	justify-content: center;
	align-items: flex-end;
}

.jEnd_aStart {
	justify-content: flex-end;
	align-items: flex-start;
}

.jEnd_aCenter {
	justify-content: flex-end;
	align-items: center;
}

.jEnd_aEnd {
	justify-content: flex-end;
	align-items: flex-end;
}

.jBetween_aStart {
	justify-content: space-between;
	align-items: flex-start;
}

.jBetween_aCenter {
	justify-content: space-between;
	align-items: center;
}

.jBetween_aEnd {
	justify-content: space-between;
	align-items: flex-end;
}

.flexDirection {
	flex-direction: column;
}

.fWap {
	flex-wrap: wrap;
}

.zz {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
/* 公共头部 */
@media screen and (min-width:751px) {
	.main{
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: url(../img/pageBg.png) no-repeat;
		background-size: cover;
	}
	.mainContainer{
		width: 66.5%;
		height: 100%;
		margin: 0 auto;
		overflow: auto;
	}
	.mainContainer::-webkit-scrollbar {
	    display: none;
	}
	.header{
		width: 100%;
		margin: 0 auto;
		color: white;
		padding: 18px 0;
		justify-content: flex-end;
		align-items: center;
	}
	.phoneMenu{
		display: none;
	}
	.language{
		cursor: pointer;
		position: relative;
		margin-right: 20px;
	}
	.language .moreIcon{
		width: 10px;
		margin-left: 12px;
	}
	.language .langList{
		width: 150px;
		padding: 20px 0;
		border-radius: 10px;
		background: white;
		position: absolute;
		top:30px;
		left: -75px;
		z-index: 2;
		color: #7B7B7B;
	}
	.language .langList .langOne{
		margin-bottom: 16px;
	}
	.language .langList .langOne:last-child{
		margin: 0;
	}
	.language .langList .langIcon{
		width: 32px;
		height: 32px;
		border-radius: 50%;
		margin-right: 10px;
	}
	.quit .quitIcon{
		width: 16px;
		margin-right: 8px;
	}
	.service{
		width: 100px;
		height: 100px;
		background: #0D0D0D;
		border-radius: 8px 8px 8px 8px;
		border: 1px solid #FFFFFF;
		position: fixed;
		right: 10px;
		top: 50%;
		color: white;
		font-size: 14px;
	}
	.service .servieIcon{
		width: 20px;
		margin-bottom: 10px;
	}
	/* 左侧导航 */
	.mainMenu{
		display: inline-block;
		width: 200px;
		height: 100%;
		border-radius: 8px;
		position: relative;
		margin-right: 10px;
		background: rgba(0, 0, 0, 0.7);
	}
	.mainMenu .menus{
		width: 100%;
		height: 100%;
		padding: 16px;
		box-sizing: border-box;
	}
	.mainMenu .menus .logo{
		width: 100px;
		margin: 0 auto 14px;
	}
	.menus .menuOne{
		padding: 6px 0 6px 12px;
		box-sizing: border-box;
		width: 100%;
		border-radius: 4px;
		color: #999999;
		cursor: pointer;
		font-size: 14px;
		margin: 8px 0;
		position: relative;
	}
	.menus .secondMenu{
		width: 100%;
	}
	.menus .menuOne .menuLeft{
		width: calc(100% - 24px);
	}
	.menus .menuOne .menuLeft .menuIcon{
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}
	.menus .menuOne .more{
		width: 24px;
		height: 24px;
		display: inline-block;
	}
	.menus .actMenu{
		background: #35A4F9;
		color: white;
	}
}
@media screen and (max-width:750px) {
	.main{
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: url(../img/phoneBg.png) no-repeat;
		background-size: cover;
	}
	.service{
		display: none;
	}
	.mainContainer{
		width: 100%;
		height: 100%;
		margin: 0 auto;
		overflow: auto;
	}
	.header{
		width: 100%;
		margin: 0 auto;
		color: white;
		padding: 18px 3%;
		box-sizing: border-box;
		justify-content:space-between;
		align-items: center;
	}
	.phoneMenu{
		display: block;
		position: relative;
		width: 36px;
	}
	.phoneMenu .secondMenu{
		width: 100%;
	}
	.phoneMenu .phone_menu{
		width: 130px;
		padding:20px 0;
		position: absolute;
		top:40px;
		left: 0px;
		z-index: 2;
		background: #000;
		box-shadow: 0px 0px 13px 3px rgba(255,255,255,0.4);
		border-radius: 10px;
	}
	.phoneMenu .phone_menu a,
	.phoneMenu .phone_menu div{
		color:#999999;
		padding: 10px 20px;
		box-sizing: border-box;
		font-size: 14px;
		border-bottom: 1px solid rgba(255,255,255, 0.5);
	}
	.phoneMenu .phone_menu .secondMenu{
		width: 100%;
		padding: 0;
		border:none;
	}
	.phoneMenu .phone_menu .secondMenu a{
		padding: 5px 0;
		border-bottom: 0;
	}
	.phoneMenu .phone_menu .secondMenu a .menuIcon{
		display: none;
	}
	.phoneMenu .phone_menu .secondMenu a .menuLeft{
		width: 100%;
		text-align: center;
	}
	.phoneMenu .phone_menu .active{
		color: white;
		background: #35A4F9;
	}
	.phoneMenu .phone_menu a .menuIcon,
	.phoneMenu .phone_menu div .menuIcon{
		width: 24px;
		margin-right: 10px;
	}
	.mainMenu{
		display: none;
	}
	.header .quit{
		display: none;
	}
	.language{
		cursor: pointer;
		position: relative;
	}
	.language .moreIcon{
		width: 10px;
		margin-left: 12px;
	}
	.language .langList{
		width: 130px;
		padding: 15px 0;
		border-radius: 10px;
		background: white;
		position: absolute;
		top:30px;
		left: -75px;
		z-index: 2;
		color: #7B7B7B;
	}
	.language .langList .langOne{
		margin-bottom: 16px;
	}
	.language .langList .langOne:last-child{
		margin: 0;
	}
	.language .langList .langIcon{
		width: 32px;
		height: 32px;
		border-radius: 50%;
		margin-right: 10px;
	}
}