body{
	background-image: url('../img/bg.jpg');
/*	background-repeat: no-repeat;*/
	background-size:100%;
}
@media screen and (min-width: 801px) {
	

	.main {
		margin-top: 50px;
	/*	display: none;*/
	}

	.main .section{
		display: flex;
	/*	justify-content: center;*/
		gap: 30px;
	}
	.main .panel{
		flex: 1;
	/*	display: flex;*/
	/*	height: 430px;*/
	}
	.main .box{
		background-color: #fff;
		border-radius: 20px;
	/*	width: 250px;*/
	/*	padding: 20px;*/
		display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;

	}

	/*.main .box*/

	.main .t1{
		text-align: center;
		font-size: 22px;
	}

	.main .btn{
		border:1px solid #aaa;
		border-radius: 10px;
		font-size: 20px;
		padding: 10px 85px;
	}

	.main .btn:hover,.main .btn.checked{
		background-color: #589EFE;
		color:#fff;
		border:1px solid #fff;
	}


	.main .login{
	/*	padding: 100px 50px;*/
	}

	.main .download{
		display: flex;
	    flex-direction: column;
	    gap: 30px;
	}

	.main .down{
		flex:1;
		padding: 30px 0;
	}

	.main .login .t1{
		padding: 30px 0;
	}
	.main .down .t1{
		padding: 15px 0;
	}

	.main .login .spec-box{
		display: flex;
		font-size: 16px;
		margin-top: 25px;
		color:#666;
	}

	.main .login .spec-box .sitem{
		padding: 5px 10px

	}

	.footer{
		position: fixed;
	    bottom: 0;
	    width: 100%;
	}
}

@media screen and (max-width: 800px) {
	

	.main{
		text-align: center;
		padding: 0 20px;
		margin-top: 10px;
	}
	.main .box{
		background-color: #fff;
		border-radius: 10px;
	}
	.main .login{
		display: flex;
		border-radius: 10px;
		margin-bottom: 20px;
		padding: 20px 0;
		align-items: center;
	}
	.main .login .left{
		padding: 10px;
	}
	.main .login .cbox{
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 10px;
	}
	.main .login .cbox .t1{
		font-size: 22px;
		
	}

	.main .login .spec-box .sitem{
		display: inline-block;
		color:#666;
	}

	.main .btn{
		border:1px solid #aaa;
		border-radius: 10px;
		font-size: 20px;
		padding: 5px 30px;
		margin: 20px 0;
		color: #444;
	}

	.main .download{
		display: flex;
		gap: 10px;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}
	.main .download img{
/*		width: 70px;*/
		height: 70px;
	}
	.main .download .down{
		flex: 1;
		padding: 20px 0;
		box-shadow: 1px 2px 6px #6f9de9;
	}
	.main .download .down .t1{
		padding: 15px 0;
	}

	.main .btn:hover,.main .btn.checked{
		background-color: #589EFE;
		color:#fff;
		border:1px solid #fff;
	}
}