/* 
*登录与注册css样式 
*/

/* 电脑屏 */
@media screen and (min-width: 1200px) {
	#wrap .cont {
		background: #4583C0 url('../img/tumor.jpg') no-repeat;
		background-size: contain;
		height: 100vh;
		min-width: 1400px;
		min-height: 700px;
	}
	#wrap .cont .box {
		width: 1100px;
		margin: 0 auto;
		padding: 50px 0;
		display: flex;
	}
	#wrap .cont .box .banner {
		height: 500px;
		padding: 40px 40px;
		background: #fff;
		margin-left: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#wrap .cont .box .banner .logo {
		display: block;
		width: 200px;
		margin-right: 20px;
	}
	#wrap .cont .box .banner .t {
		width: 340px;
		text-align: right;
		margin-top: 40px;
		font-size: 14px;
    	color: #456fff;
	}
	#wrap .cont .box .banner .iphone {
		width: 340px;
		height: 46px;
		font-size: 16px;
		text-indent: 1em;
		margin-top: 20px;
		border: 1px solid #dedfe0;
		letter-spacing: 1px;
	}
	#wrap .cont .box .banner .ver {
		width: 340px;
		height: 46px;
		margin-top: 15px;
		border: 1px solid #dedfe0;
		display: flex;
	}
	#wrap .cont .box .banner .ver input {
		height: 100%;
		width: 220px;
		font-size: 16px;
		text-indent: 1em;
		border: none;
		letter-spacing: 1px;
	}
	#wrap .cont .box .banner .ver span {
		flex: 1;
		line-height: 36px;
		height: 36px;
		margin: 5px;
		border-left: 1px solid #dedfe0;
		cursor: pointer;
		user-select: none;
		color: #456fff;
		text-align: center;
		font-size: 15px;

	}
	#wrap .cont .box .banner .but {
		width: 340px;
		height: 48px;
		margin-top: 20px;
		text-align: center;
		line-height: 48px;
		font-size: 17px;
		color: #fff;
		cursor: pointer;
		background-color: #456fff;
		background-image: -webkit-linear-gradient(left, #418eff, #4566ff);
		background-image: -o-linear-gradient(left, #418eff, #4566ff);
		background-image: linear-gradient(to right, #418eff, #4566ff);
		user-select: none;
	}
	#wrap .cont .box .banner .but:hover{
		background: #4566ff;
	}
	#wrap .cont .box .banner .pro {
		width: 340px;
		line-height: 1.8;
		margin-top: 15px;
	    font-size: 13px;
	    color: #999;
	    text-align: justify;
	}
	#wrap .foot {
		background: #F7F7F7;
		text-align: center;
		font-size: 12px;
		padding: 80px 0 20px;
		
	}
	#wrap .foot p {
		line-height: 2;
	}
}


/* 手机屏 */
@media screen and (max-width: 1200px) {
	#wrap .cont .box .banner {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 40px 20px 0 20px;
	}
	#wrap .cont .box .banner .logo {
		display: block;
		width: 200px;
		margin-right: 20px;
	}
	#wrap .cont .box .banner .t {
		width: 100%;
		text-align: right;
		margin-top: 40px;
		font-size: 14px;
		color: #456fff;
	}
	#wrap .cont .box .banner .iphone {
		width: 100%;
		height: 46px;
		font-size: 16px;
		text-indent: 1em;
		margin-top: 20px;
		border: 1px solid #dedfe0;
		letter-spacing: 1px;
	}
	#wrap .cont .box .banner .ver {
		width: 100%;
		height: 46px;
		margin-top: 15px;
		border: 1px solid #dedfe0;
		display: flex;
	}
	#wrap .cont .box .banner .ver input {
		height: 100%;
		font-size: 16px;
		text-indent: 1em;
		border: none;
		letter-spacing: 1px;
		flex: 1;
	}
	#wrap .cont .box .banner .ver span {
		line-height: 36px;
		height: 36px;
		margin: 5px;
		border-left: 1px solid #dedfe0;
		cursor: pointer;
		user-select: none;
		color: #456fff;
		text-align: center;
		font-size: 13px;
		width: 100px;
	}
	#wrap .cont .box .banner .but {
		width: 100%;
		height: 48px;
		margin-top: 20px;
		text-align: center;
		line-height: 48px;
		font-size: 17px;
		color: #fff;
		cursor: pointer;
		background-color: #456fff;
		background-image: -webkit-linear-gradient(left, #418eff, #4566ff);
		background-image: -o-linear-gradient(left, #418eff, #4566ff);
		background-image: linear-gradient(to right, #418eff, #4566ff);
		user-select: none;
	}
	#wrap .cont .box .banner .but:hover{
		background: #4566ff;
	}
	#wrap .cont .box .banner .pro {
		width: 100%;
		line-height: 1.8;
		margin-top: 15px;
	    font-size: 13px;
	    color: #999;
	    text-align: justify;
	}
	#wrap .foot {
		display: none;
	}
}