.header {
    /* width: 100vw; */
    height: 80px;
    /* background-color: linear-gradient(180deg,#fff,#eef0f5); */
	background-color: #fff;
    box-shadow: 0 2px 30px 0 #bfbfbf;
	position: sticky;
	top: 0;
	z-index: 9;
}
.header-content {
	/* max-width: 1200px; */
    width: 1200px;
}
.header .logo img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
}

.nav-box {
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    border-radius: 4px;
    margin-right: .1rem;
}
.nav-box.actived {
    background-color: #3F71F4;
    color: #fff!important;
}
.nav-box.actived a {
    color: #fff;
}
.login-box {
    height: 40px;
    padding: 0 18px;
    line-height: 40px;
    border-radius: 4px;
}
.login-box.clicked{
    background-color: #3F71F4;
    color: #fff;
}
.login-box.clicked a{
	color: #fff;
}
.register {
    margin-left: 20px;
}

.body{
	z-index: 1;
}
.body-content {
	/* max-width: 1200px; */
    width: 1200px;
    min-height: calc(100vh - 540px);
    margin: 30px 0;
}

.footer {
    background-color: #f2f5f8;
    width: 100vw;
    height: 400px;
}
.footer-content {
	/* max-width: 1200px; */
    width: 1200px;
}
.footer-content .right .contact {
    margin: 30px 0 50px;
}
.footer-content .edition span:last-child {
    margin-left: 10px;
}
.footer-content .code img {
    width: 180px;
    height: 180px;
    margin-bottom: 30px;
}
.footer-content .code:nth-child(n+2) {
	margin-left: 50px;
}
/*.footer-content .code:last-child {*/
/*    margin-left: 50px;*/
/*}*/
@media screen and ( min-width: 320px){html{font-size:50px}}

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

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

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

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

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

@media screen and ( min-width: 424px){html{font-size:66.25px}}

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

@media screen and ( min-width: 540px){html{font-size:84.375px}}

@media screen and ( min-width: 640px){html{font-size:100px}}
@media screen and (max-width: 1200px){
	.header-content,.footer-content,.body-content{
		width: 100%;
		padding-left: .1rem;
		padding-right: .1rem;
	}
	.body-content *{
		max-width: 100%;
		height: auto!important;
	}
}
@media screen and (min-width: 768px){
	.nav-select{
		display: none;
	}
}
@media screen and (max-width: 767px) {
	/* .header{
		font-size: .23rem;
	} */
	.nav{
		display: none;
	}
	.nav-select{
		flex: 1;
		margin-left: .2rem;
		color: #3F71F4;
		position: relative;
	}
	.nav-select .iconfont{
		color: #333;
		margin-left: .1rem;
	}
	.selector{
		position: absolute;
		top: 40px;
		left: -0.1rem;
		background-color: #fff;
		box-shadow: 0 8px 24px rgb(81 87 103 / 16%);
		border: 1px solid #ebebeb;
		border-radius: 4px;
		padding: 0.1rem;
	}
	.selector-hidden{
		display: none;
	}
	.selector li{
		height: .6rem;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	.selector li.blue a{
		color: #3F71F4;
	}
	.header .register{
		margin-left: 0;
	}
	/* .footer{
		height: 6rem;
	} */
	.footer .code img{
		width: 1rem;
		height: 1rem;
	}
	.footer-content .code:nth-child(n+2) {
	    margin-left: .1rem;
	}
}
@media screen and (max-width: 425px){
	.logo-name{
		display: none;
	}
}
@media screen and (max-width: 365px){
	.login-box{
		padding: 0 10px;
	}
}