body{height:100%;width:100%;margin:0 auto;font-family:"Microsoft YaHei",SimSun,Verdana,Tohoma,Arial,sans-serif;font-size:14px;background-color:#fff;overflow:auto; -webkit-overflow-scrolling: touch;background-image: url(/images/loginbg.jpg);background-size: cover;background-attachment: fixed;}
.login{width: 500px;height:540px;position: absolute;top: 50%;margin-top: -290px;left: 50%;margin-left: -250px;}
.login .logo{width:30%;height: auto;margin: 0 auto;}
.login .logo img{width: 100%;height: 100%;}


.login .loginbox{width: 80%;height:360px;border:2px solid #39a2df;border-radius: 10px;margin:0 auto;margin-top: 20px;position: relative; }
.login .loginbox .teclin1{position: absolute;width: 111%;height: auto;top: -53px;left: -123px;}
.login .loginbox .teclin1 img{width: 100%;height: 100%;}

.login .loginbox .teclin2{position: absolute;width: 40%;height: auto;top: -40px;right:-80px;}
.login .loginbox .teclin2 img{width: 100%;height: 100%;}

.login .loginbox .teclin3{position: absolute;width: 149%;height: auto;bottom: -140px;left: -116px;}
.login .loginbox .teclin3 img{width: 100%;height: 100%;}

.login .loginbox .name{outline: none;border: none;width: 300px;height: 40px;line-height: 40px;border-radius: 4px;background-color: #fff;margin:0 auto;display: block;margin-top: 20px;padding-left: 20px;color: #666;font-size:14px;}
.login .loginbox .pass{outline: none;border: none;width: 300px;height: 40px;line-height: 40px;border-radius: 4px;background-color: #fff;margin:0 auto;display: block;margin-top: 20px;padding-left: 20px;color: #666;font-size:14px;}
.login .loginbox .bt{width: 100%;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 16px;margin-top: 20px;letter-spacing: 4px;}
.login .loginbox .js_submit{width: 300px;height:40px;line-height: 40px;background-color: #025ac3;border-radius: 20px;text-align: center;margin: 0 auto;letter-spacing: 4px;color: #fff;cursor: pointer;}
.logintip { width: 100%;   height: 30px;line-height: 19px;   margin: 10px;   font-size: 14px;   color: #fff;   text-align: center;}
.loginformbox.wxFrom{width:330px;position:absolute;    top: -100px; left: 35px;}
 .thirdlogin{text-align: center;margin-top:10px;color:#fff}
 .thirdlogin a,.thirdlogin a:hover,.thirdlogin a:active{color:#000;}
.loginlink{text-align: center;margin-top:15px;}
.loginlink i{margin:0px 10px;}
.loginlink i.wxicon{display: inline-block;width:45px;height:45px;background:url(/images/wxicon.png) no-repeat center;}
.loginlink i.xlicon{display: inline-block;width:45px;height:45px;background-position:-169px 0px;}
#login_container iframe {height: 362px!important;margin: 0 auto;display: block;width: 300px;padding: 0px;}
.impowerBox{width:200px;height:200px}
#login_container iframe {height: 350px;margin: 0 auto;display: block;width: 300px;padding: 0px;}
.impowerBox{width:200px;height:364px}
.impowerBox .qrcode {width: 140px;}
.impowerBox .title {display: none;}
.impowerBox .info {width: 140px;}
.status_icon {display: none}
.impowerBox .status {text-align: center;} 
#wx_default_tip{display: none;}
.wxFrom  .loginCon{height:350px;width:330px;    background-color: #fff;}
.closeCon{width:35px;height:35px;position:absolute;cursor:pointer; right:10px;top:10px;border-radius:50px; background:rgba(0,0,0,0.5);text-align:center;line-height:35px;color:#fff;font-size:14px}
.triangle_border_down{
    width:0;
    height:0;
    border-width:30px 30px 0;
    border-style:solid;
    border-color:#dedede transparent transparent;/*灰 透明 透明 */
    margin:40px auto;
    position:absolute;
    left:50%;
    bottom:-56px;
    margin-left:-30px;
}
.triangle_border_down span{
    display:block;
    width:0;
    height:0;
    border-width:26px 26px 0;
    border-style:solid;
    border-color:#fff transparent transparent;/*黄 透明 透明 */
    position:absolute;
    top:-29px;
    left:-26px;
 }
 .impowerBox .title {
    display: none;
}
.impowerBox .qrcode {
    width: 179px;
    margin-top: 0px;  
}


@media(max-width:768px){
	.login{  width: 100%; height: auto; position: relative;top: 5%;left: 0;margin-left: auto;margin-top: 6%;}
	.login .loginbox .name{ width:80%;}
	.login .loginbox .pass{ width:80%;}
	.login .loginbox .js_submit{ width:80%;}
}

@media(max-width:320px){
	.login{ width: 100%; height: auto; position: relative;top: 5%;left: 0;margin-left: auto;margin-top: 0;}
}

.nav {
    width: 100%;
    height: 42px;
    display: flex;
    justify-content: space-around;
    line-height: 40px;
    font-size: 15px;
    background: #46aed7;
    border-radius: 8px 8px 0 0;
}
.pwsub, .wxsub {
    width: 50%;
    height: 40px;
    text-align: center;
    cursor: pointer;
    color:#46aed7;
    font-weight: bold;
    background:#0f172a;
    
}
.pwsub{
	 border-radius: 8px 0px  0px 0px;	
}
.wxsub{
	 border-radius: 0px 8px  0px 0px;
	
	
}
.box-2{
	height: 383px;
}
.active {
    color:#0b1428!important;
    background-color:#46aed7!important;
}
.banquan {
    width: 100%;
    margin-top:100px;
    text-align: center;
    font-size: 12px;
    color: #a0a0a0;
}
.mimatip {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    
    letter-spacing: 4px;
}
.name{
	margin-top: 20px;
}

.box-1{
	height: 314px;
	background:rgba(20,40,70,0.5);
	border-radius: 0 0 10px 10px;
	padding-top: 20px;
	opacity: 0.8;
}
.box-2{
	height: 314px;
	background:rgba(20,40,70,0.5);
	border-radius: 0 0 10px 10px;
	display:flex;
	align-items: center;
	justify-content: center;
	
}

.da{
  width:220px;
  height: 220px;
  background:rgba(25,31,63,0.9);
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.xiao{
	width:180px;
	height: 180px;
	background: #fff;	
}
#login_container{
	width: 100%!important;
	height: 100%!important;
}
#login_container iframe {
	width: 100%!important;
	height: 100%!important;
    margin: 0 auto;
    display: block;
    padding: 0px;
}

.impowerBox .qrcode {
    width: 179px;
    margin-top:0px;
    margin-right:17px;
}
.title{
	display:none;
}