@charset "utf-8";

html{
	font-size: 100px;
}
.bg{
	background: url(../images/bg.jpg) top center no-repeat;
	background-size: cover;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	display: flex;
	/*justify-content: center;*/
	align-items: center;
}

.box{height:calc(625px + 35px + 100px); width: 100vw; position: relative;}

.box-t{background: url(../images/ly_02.png) no-repeat no-repeat; height: 40px}
.box-b{height:75px; line-height:26px;  position: relative; font-size:.13rem; color: #fff;  overflow: hidden;}
.box-b span{background: #0785f1; height: 90px; display: inline-block; padding: 10px 100px 0 10px; overflow: hidden; position: relative;}
.box-b span::after{position: absolute; display: block; content: ""; width: 0; height: 0;border:40px transparent solid; border-bottom:78px #e3f0ff solid; border-right:20px #e3f0ff solid; right: 0;bottom: 0}
.box-c{width: 100vw; height:625px; display: flex;}
.img{ width: calc(100vw - 700px); overflow:hidden; position: relative;}
.img img{height:100%; min-width: 100%}
.login{ width:720px;padding-left:50px; background: #00325c;}
.line{width:275px;height:652px;background:url(../images/ly_05.png) no-repeat; position: absolute; top:13px; right:600px; z-index: 100}

.logo{text-align: center;}
.form{font-size: .13rem; color: #fff; width: 100%; display: flex; flex-direction: column; align-items:center;}
.mima{ width: 400px; display: flex; justify-content: space-between; }
.form input[type="text"],.form input[type="password"]{height: 38px; width: 400px; background: #fff; border: none; border-radius: 2px; margin-top:6px; text-indent: 40px; font-size: 14px}
.form > div{margin-top: 20px; }
.form > div p{position: relative;}
.logo{margin-top: 20px; }
.logo img{}
.btn{width: 190px; height:50px;line-height:50px; background: none; border: none; border-radius: 2px; color: #fff; font-size:18px; text-align: center; margin-right:10px; margin-top: 20px!important; cursor: pointer;}
.btn-blue{background: #0785f1}
.btn-green {
    background: #0e528b;
    text-align: center;
}
.btn:hover{background: #3ca5ff}
.info{width:80%; line-height: 24px; margin-top: 40px!important}
.username img,.password img{width:18px;position: absolute;left: 10px;transform: translate(0,-50%); top: 55%}

.error_info {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height:20px;
    line-height:20px;
    color:#c78832;
    display:none;
}
@media screen and (max-width: 1366px){
	.box{height:calc(500px + 35px + 40px);}
	.box-c{ height:500px;}
.login{width: 580px;padding-left: 50px}
.line{right: 470px; height: 527px}
.img{ width: calc(100vw - 580px); overflow:hidden; position: relative;}
.btn,.info{margin-top: 10px!important}
.logo img{width:75%;}
}