@charset "utf-8";
body{ font-family:Helvetica,"SourceHanSansCN-Normal","SourceHanSansCN","宋体","黑体"; margin:0; padding:0; color: #444;}
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,dt{ font-weight:normal;}
li{ list-style:none;}
a{text-decoration:none;}
a:focus, a:hover{text-decoration:none;}
img{ border: none; outline: none;}
input{ border:none; outline:none; background: none;}
input::-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder{ color:#aaa; }
input::placeholder{ color:#aaa; }
textarea::-moz-placeholder{color:#aaa; }
textarea:-ms-input-placeholder { color:#aaa; }
textarea::-webkit-input-placeholder{ color:#aaa; }

.clear{clear: both; margin: 0; padding: 0;}
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom:1;}

.body2023{
  width: 100%;
  height: 100%;
  background: url(../images/bg-body.png) no-repeat center bottom 58px;
  background-size: 100%;
}
.logo2023{
  position:absolute;
  left:5.05%;
  top: 48px;
  width: 12.8125%;
}
.logo2023 img{
  max-width: 100%;
  height: auto;
}
.pageTitle2023{
  position:absolute;
  right: 0;
  top: 0;
  width: 14.583%;
  height: 206px;
  background-image: url(../images/bg-right.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding-top:70px;
  font-size: 20px;
  color: #5ba5d9;
  padding-right: 40px;
  background-size: 100% auto;
  text-align: right;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#body{
  width:50%;
  height: auto;
  /* height: 518px; */
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.footer{
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/footerbg.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  font-size: 16px;
}
.main2023 h2{
  font-size: 36px;
  color:#5ba5d9;
  text-align: center;
  margin-bottom: 58px;
}
.main2023 .mainContent2023{
  width: 100%;
  padding: 60px 0;
  border-radius: 8px;
  box-shadow: 0 3px 15px rgba(91,168,216,.32);
  background: rgba(255,255,255,.6);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:border-box;
}
.loginlist{
  width: 62.5%;
  margin: 0 auto;
}
.loginlist li{
  margin-bottom: 35px;
  line-height: 54px;
}
.loginlist li span.login-left{
  display: inline-block;
  width: 16%;
  font-size: 18px;
  color: #89878d;
}
.loginlist li input{
  width: 79.2%;
  height:54px;
  line-height: 54px;
  padding-left: 20px;
  border: 1px solid #cacace;
  border-radius: 10px;
  font-size: 20px;
  color: #242426;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.loginlist li input#pwd{
  /*background-image:url(../images/bg-password.png);*/
  background-repeat: no-repeat;
  background-position: center right 15px;
}
.loginlist li input#verify{
  width: 49.6%;
  margin-right: 16px;
}
.loginlist li img#verifyImg{
  width:24.4%;
  height: 54px;
  border: 1px solid #cacace;
  border-radius: 10px;
  vertical-align: bottom;
}
.btn2023{
  display: block;
  width:229px;
  height: 52px;
  margin: 0 auto;
}
.mainContent2023 h3{
  text-align: center;
  margin-top: 24px;
  color: #89878d;
  font-size:16px;
}
.mainContent2023 h3 a{
  color: #5ba5d9;
  text-decoration: underline;
}
.validatebox-invalid{
  background-position: right 10px center;
}
.window-proxy-mask, .window-mask{
  background: rgba(0,0,0,.1);
}
.messager-button{
  padding-bottom: 10px;
}
a.l-btn{
  height: 30px;
  padding-right: 0;
}
a.l-btn,a.l-btn span.l-btn-left{
  background-image:none;
}
a.l-btn span.l-btn-left{
  padding: 0;
  line-height: 30px;
  height: 30px;

}
a.l-btn span span.l-btn-text{
  line-height: 30px;
  height: 30px;
  background: #5ba5d9;
  color: #fff;
  padding: 0 12px;
  border-radius: 5px;
}
@media screen and (max-width:1280px) {
  .pageTitle2023{ width: 16.583%;background-size: 100% auto;padding-top: 68px; padding-right: 30px;}
  .main2023 h2{ font-size: 28px; margin-bottom: 38px;}
  .main2023 .mainContent2023{ padding: 45px 0 40px;}
  .loginlist li{ line-height: 48px; margin-bottom: 20px;}
  .loginlist li span.login-left{ font-size: 16px;}
  .loginlist li input{ line-height: 48px; height: 48px; font-size: 16px;}
  .btn2023{ margin-top: 40px; width:180px; height: 42px;}
  .btn2023 img{ width: 100%; height: auto;}
  .loginlist li img#verifyImg{ height: 48px;}
  .mainContent2023 h3{ margin-top: 14px;}
}