body{
	background-image: url('../img/bg.jpg');
/*	background-repeat: no-repeat;*/
	background-size:100%;
}
@media screen and (min-width: 801px) {
	
	.section{
		width: 1000px;
	}
	.main {
		margin-top: 30px;
	/*	display: none;*/
		padding-bottom: 60px;
	}

	.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 .cbox{
		margin-top: 80px;
	}

	.main .login .login-btn{
		padding: 10px 50px;
	}

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

	}

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

	.tipcc{
		background-color: #fff;
		height: 60px;
		width: 100%;
		border-radius: 10px;
		margin-bottom: 20px;
		display: flex;
    	align-items: center;
    	padding: 0 20px;
    	box-shadow: 1px 3px 9px 0px #5a8cff;
	}
	.tipcc .item{
		display: flex;
		align-items: center;
		margin-right: 30px;
	}
	.tipcc .item img{
		width: 40px;
		height: 40px;
		margin-right: 3px;
	}
	.tipcc .item.tip1{
		margin-right: 30px;
	}
	.tipcc .item.tip1 img{
		margin-right: 0px;
	}
}

@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: 15px 0;
		align-items: center;
	}
	.main .login .left{
		padding: 10px;
	}
	.main .login .left img{
		width: 100px;
		height: 100px;
	}
	.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: 18px;
		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;
	}

	.main .btn.login-btn{
		padding: 5px 10px;
	}

	.tipcc{
		background-color: #fff;
	    border-radius: 5px;
	    margin-bottom: 20px;
		box-shadow: 1px 3px 9px 0px #5a8cff;
	}
	.tipcc .item{
		display: flex;
		align-items: center;
		font-size: 14px;
	}
	.tipcc .item img{
		width: 40px;
		height: 40px;
	}
	.tipcc .item.tip1{
		
	}
	.tipcc .item.tip1 img{
		
	}
}