@charset "UTF-8";
*{margin:0;padding:0;}
li{list-style:none;}
a,a:link{text-decoration:none;display:block;}
a:hover,a:active{text-decoration: none;cursor: pointer;}
button,input,textarea{background:none;border:none;}
button{outline:none;}
img{display:block;}
.clear{clear:both;}/*clear float*/
.clearfix{zoom:1;}/*clear float Box*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fr{float: right;}
.fl{float: left;}


body{width: 100%;min-width: 1200px;margin:0 auto;background-color: #ffffff;font-family: -apple-system, "SF UI Text", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Zen Hei", sans-serif;}


/*===header===*/
header{width: 100%;height: 90px;background: #3cbaf0;text-align: center;}
.sysTitle{font-size: 42px;color: #ffffff;line-height: 90px;}

/*===main===*/
.loginBg{width: 1200px;height:450px;background: url("../images/loginPic.jpg") 0 0 no-repeat;margin: 85px auto 0;}
.loginContent{width: 330px;height: 355px;padding: 35px 60px 0;margin: 30px 20px 0 0;border: 1px solid #9b9a9a;box-shadow: 5px 5px 10px #c8e5f1;}

.inputArea{width: 288px;height: 54px;padding: 0 0 0 40px;border-radius: 4px;border: 1px solid #999999;box-shadow: inset 0 2px 2px #ebebeb;}
.infoInput{width: 240px;height: 54px;font-size: 20px;padding: 0 5px;outline: none;}

.userArea{background: url("../images/iconUser.png") no-repeat 9px 16px;}
.passwordArea{margin-top:30px;background: url("../images/iconPassword.png") no-repeat 9px 16px;}

.submitBtn{width: 100%;height: 54px;font-size: 20px;margin-top:30px;border-radius: 4px;color: #ffffff;background: #20a0ff;}
.errorInfo{width: 100%;height: 54px;font-size: 18px;text-align: center;line-height: 54px;color: #e8290a;margin-top: 30px;display: none;}