*{
				margin: 0;
				padding: 0;
			}
			.top{
				width: 100%;
				height: 47px;
				line-height: 47px;
				text-align: center;
				background-color: #3c7b9a;
				font-size: 20px;
				font-weight: bold;
				color:#fff;
			}
			/*当屏幕最大是900px----------------------------------*/
			@media screen and (max-width:900px){
				body{
				background: url(../images/bgbg2.png);
				background-size:cover;
			}
			.top{
				display: none;
			}
			
			.con1{
				width: 100%;
			}
			.con2{
				width: 100%;
				text-align: center;
				font-family: "微软雅黑";
				color: #fff;
				font-size: 28px;
				line-height: 130px;
			}
			.con img{display: none;} 
				input{
				display: block;
				border: 1px solid #e0e0e0;
				width: 70%;
				height: 70px;
				margin: 0 auto;
				margin-top:20px;
				outline:none;
				padding-left: 10px;
			}
			input:focus{
    			border:0;
			}
			.user{
				padding-left: 40px;
				background:url(../images/v1_30.png) no-repeat left;
				background-color: #fff;
			}
			.pwd{
				padding-left: 40px;
				background:url(../images/v1_28.png) no-repeat left;
				background-color: #fff;
			}
			.btn{
				background:url(../images/v1_2s.png) no-repeat center;
			}
			.register_submit{
				display: block;
				border: none;
				width: 70%;
				height: 75px;
				margin: 0 auto;
				margin-top:35px;
				background-color: #85d9ef;
				color: #fff;
				font-weight: bold;
				font-size: 15px;
				outline:none;
			}
			.register_submit:hover{
				background-color: #ff7700;
			}
			.di .a2{
				float: right;
				font-size: 15px;
				text-decoration:none;
				margin-right: 9%;
				margin-top: 25px;
				color: #fff;
			}
			.di a:{
				text-decoration:underline;
				color: #fff;
			}
			.di .a1{
				display: none;
			}
			.foot img{
				width:80%; 
				height: auto;
				max-width: 80%; 
				display: block;
				margin: 0 auto; 
				bottom: -20px;
				position: relative;
			} 
		}
		/*当屏幕最小是900px----------------------------------*/
		@media screen and (min-width:900px){
			body{
				background: url(../images/bgbg.jpg);
				background-size: cover;
			}
			.con{
				width: 40%;
				height: 550px;
				background-color: rgba(255,255,255,0.8);
				margin: 0 auto;
				margin-top: 5%;
				padding-top: 0.5%;
			}
			.con2{
				display: none;
			}
			.con img{width:55%; height: auto;max-width: 55%; display: block;margin: 0 auto; margin-top: 10%;margin-bottom: 8%;} 
			input{
				display: block;
				border-radius: 8px;
				border: 1px solid #e0e0e0;
				width: 70%;
				height: 46px;
				margin: 0 auto;
				margin-top:15px;
				background-color: #faffbf;
				outline:none;
				padding-left: 10px;
			}
			input:focus{
    			border:0;
			}
			.user{
				padding-left: 40px;
				background:url(../images/v1_30.png) no-repeat left;
			}
			.pwd{
				padding-left: 40px;
				background:url(../images/v1_28.png) no-repeat left;
			}
			.btn{
				background:url(../images/v1_2s.png) no-repeat center;
			}
			.register_submit{
				display: block;
				border-radius: 8px;
				border: none;
				width: 70%;
				height: 46px;
				margin: 0 auto;
				margin-top:40px;
				background-color: #1daae4;
				color: #fff;
				font-weight: bold;
				font-size: 15px;
				outline:none;
			}
			.register_submit:hover{
				background-color: #009fe1;
			}
			.di .a2{
				float: right;
				font-size: 15px;
				text-decoration:none;
				margin-right: 15%;
				margin-top: 25px;
				color: #28aee5;
			}
			.di a:hover{
				text-decoration:underline;
				color: #009fe1;
			}
			.di .a1{
				display: none;
			}
			.foot{
				display: none;
			}
		}