@charset "utf-8";
/*Date time 2019-10-14 11:30*/
/*reset*/
body,h1,h2,h3,p,ul,li{padding:0;margin:0;}
h1,h2,h3{font-weight:normal;}
body{font-family:"Microsoft Yahei";background-color:#fff;}
textarea{font-family:"Microsoft Yahei";}
li{list-style:none;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix{clear:both;display:block;height:1px;visibility:none;}
/*reset*/
/*login*/
.login{width:100%;height:100vh;background-image:url(../img/back.png);background-repeat:no-repeat;background-position:top left;background-size:auto 100%;position:relative;}
.login .logo{position:absolute;top:45px;left:45px;z-index:99;}
.login .pic{float:left;position:absolute;top:240px;left:200px;z-index:97;}
.login .tit{width:600px;text-align:center;position:absolute;top:240px;right:80px;z-index:99;}
.login .tit span{font-size:34px;line-height:50px;color:#1b4bb1;font-weight:bold;}
.login .tit img{max-width:100%;height:auto;display:inline-block;}
.login .txt{width:350px;margin-left:25px;position:absolute;top:360px;right:200px;z-index:99;background-color:#fff;border-radius:4px;}
.login .txt .box{width:100%;height:52px;border:1px solid #1b4bb1;border-radius:4px;box-sizing:border-box;margin-top:22px;position:relative;overflow:hidden;}
.login .txt .box input{width:100%;height:50px;line-height:50px;border:0;padding:0 10px 0 50px;box-sizing:border-box;font-size:14px;}
.login .txt .box input::-webkit-input-placeholder{color:#999;}
.login .txt .box input::-moz-input-placeholder{color:#999;}
.login .txt .box input::input-placeholder{color:#999;}
.login .txt .box img{position:absolute;top:15px;left:12px;}
.login .txt .box em{width:1px;height:20px;display:block;background:linear-gradient(rgba(255,255,255,0.0),#1b4bb1,rgba(255,255,255,0.0));
    position:absolute;left:40px;top:16px;}
.login .txt .btn{width:100%;text-align:right;font-size:14px;color:#999;margin-top:10px;}
.login .txt .btn label{vertical-align:middle;}
.login .txt .btn input{vertical-align:middle;cursor:pointer;}
.login .txt button{width:100%;height:52px;line-height:52px;text-align:center;background-color:#1b4bb1;border-radius:6px;border:0;display:block;margin-top:20px;
    font-size:16px;color:#fff;outline:none;cursor:pointer;}
.login .txt button:active{box-shadow:0 0 3px 1px #1b94b1;}
.login .bottom{width:100%;height:70px;text-align:center;position:absolute;left:0;bottom:0;z-index:3;}
.login .bottom p{font-size:14px;color:#999;line-height:30px;}
@media(max-width:768px){
    .login{background-image:none;}
    .login .logo{top:20px;left:20px;}
    .login .logo img{width:40px;}
    .login .pic{display:none;}
    .login .tit{top:100px;right:0;width:100%;padding:0 30px;box-sizing:border-box;}
    .login .tit span{font-size:28px;line-height:40px;}
    .login .txt{top:200px;right:40px;background-color:transparent;width:calc(100% - 80px);}
    .login .txt .box{height:42px;}
    .login .txt .box input{height:40px;line-height:40px;}
    .login .txt .box img{top:10px;}
    .login .txt .box em{top:11px;}
    .login .txt button{height:42px;line-height:42px;}
    .login .bottom{height:50px;}
    .login .bottom p{font-size:12px;line-height:18px;margin:0 10px;}
}
/*login end*/