html{background: #EDEDED;}
.main{
		width: 100%;
		display: block;
}
.logincss{width: 92%;height: 700px; margin: 0  auto;  display: block; background-color:#FFF; margin-top: 75px;border-radius: 15px;}
.left,.right{display: block;float: left;height: 700px;
border-radius: 15px 0  0 15px}

.left{background: #1A3E86;width: 58%;background-image: url("__PUBLIC__/images/bgl.png"); background-repeat: no-repeat;overflow: hidden;}
.right{width:40%;text-align: center;margin-top: 5%;}
input{;width: 400px;height: 45px;background: #F3F6F8;line-height: 45px;font-size: 18px;border: none;padding-left: 10px;outline:none;}
p{border-radius:10px; width: 400px;height: 47px; display: block;overflow: hidden;border-radius: 15px;
margin: 0 auto;margin-top: 45px; }
@media screen and (max-width: 1600px) {
	.logincss{height: 580px;}
	.left,.right{height: 580px;}
}
@media screen and (max-width: 1200px) {
	.logincss{height: 560px;}
	.left,.right{height: 560px;}
	input{width: 200px;}
	p{width: 200px;}
}
.sub:hover{background: #2863AC;}
.sub{
	cursor: pointer;
}
.sub:active{background: #2863AC;}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color : #CCC;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color : #CCC;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

   color : #CCC;

}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color : #CCC;

}

input::-ms-input-placeholder { /* Microsoft Edge */

   color : #CCC;

}
.sub{background: #2863AC;color: #fff;font-weight: bold;}