body{background-color:#666;}

.login{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;}
.banner{float:left;width:30%;position:relative;background-color:#000;}
.banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background-color:rgba(0,0,0,0.0);}
.company{position:relative;z-index:1;display:table;top:50%;left:50%;transform:translate(-50%,-50%);}
.company .logo {padding:0;}
.company .logo img{margin:0 auto 20px auto;}
.address>div{font-size:15px;color:#fff;line-height:22px;display:table;margin:auto;line-height:24px;}
.address>div img{display:block;float:left;width:12px;height:12px;margin:5px 5px 0 0;}
.icon{text-align:center;padding-top:20px;}
.icon a{display:inline-block;width:30px;height:30px;background-color:#fff;border-radius:15px;}
.icon a img{width:100%;height:auto;padding:6px;}

.content{float:left;width:70%;position:relative;background:#00a3ff url(/src/img/basic/back.jpg) 50% 50% no-repeat;background-size:cover;} /*background:rgb(78,76,77);background:linear-gradient(145deg, rgba(78,76,77,1) 0%, rgba(38,29,34,1) 100%);*/
.content::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1;}
.content .form{position:absolute;width:90%;max-width:300px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#fff!important;}
.logbtn{background-color:#00b050;color:#fff!important;}
.content .form .link{float:right;padding:8px 0 0 0;}
.content .form .link a{font-size:14px;color:#fff!important;}
.content .form .link a:hover{text-decoration:underline;}
.content .form .link a img{float:right;margin-top:3px;}

.ckbx2{height:20px;line-height:20px;font-size:14px;}
.ckbx2 input{float:left;height:12px;width:12px;margin:3px 8px 0 0;}
.ckbx2 input:checked{}

.lhead{font-weight:600;text-align:center;font-size:24px;color:#fff;}
.ltitle,.ltitles{font-size:14px;color:#fff;line-height:20px;padding-bottom:5px;padding-left:10px; }.ctitles::after{content:' *';display:inline;color:#666;font-size:16px;}
.ldata{padding-bottom:14px;display:table;width:100%;}

@media (max-width:992px){/*tab*/

}



@media (max-width:768px){/*mobile*/

.login{display:block;}
.content,.banner,.company{float:none;width:100%;position:initial;transform:initial;}
.content{padding-top:30px;height:100%;}
.banner{position:relative;display:none;}
.content .form{position:absolute;}
.company .logo {padding:20px;width:100%;}
.company .logo img {width:100%;max-width:200px;margin:0 auto;}
.address,.icon{display:none;}

}