/* @font-face{
  font-family:"思源黑体_Regular";
	src: url("../font/SOURCEHANSANSCN-REGULAR_0.OTF")
} */
body,html{
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  font-family: "思源黑体_Regular";
}
input,button{
  border:none;
  outline: none;
}
.LContainer{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* 顶部 */
.LHeader{
  width:100%;
  height:9.9%;
  margin-bottom:1%;
  font-size: 17px;
  color:#333;
  border-bottom:5px solid #10171c;
}
.LHeader .Logo{
  width:13%;
  height: auto;
  margin:1.6% 3.5% 0.8%;
  float: left;
}
.LHeader .Logo .logoImg{
  width:100%;
}
/* 下拉框 */
.SelectBox{
  width:4.6%;
  height:34px;
  margin-top:2%;
  float: right;
  margin-right: 3.5%;
  border:1px solid #ccc;
  border-radius: 5px;
}
.SelectBox input{
  height: 100%;
  width:80%;
  margin-left:15px; 
  background:transparent;
}
.SelectBox input:hover{
  cursor: pointer;
}
.SelectBox input::placeholder{
  color:#333;
}
.SelectBox img{
  width:0.8% !important;
  position: absolute;
  top:5.4%;
  right:4.2%;
  pointer-events: none;
}
.SelectBox ul{
  margin-top:1px;
  background: #fff;
  text-align: center;
  display:none; 
  border-radius:0 0 3px 3px;
  position: relative;
  border:1px solid #e5e5e5;
  border-top:1px solid transparent;
}

.SelectBox ul li{
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  color:#7b7a7a;
}
.SelectBox ul li:hover{
  color: #3c8ab1;
  font-weight: 600;
}
/* form 表单 */
.LCenter{
  width:100%;
  height: 83.4%;
  background:url('../img/loginImg/Lbeijing.png') no-repeat 0 50%;
  background-size:cover; 
}
.LCenter form{
  width:22%;
  margin-top:7.7%;
  float: right;
  position: relative;
  right:3.6%;
  font-size:23px;
  overflow: hidden;
}
.LCenter .formDiv,.LCenter .captcha{
  position: relative;
  width: 100%; 
  margin-bottom:11%;
  border-bottom: 2px solid #a5b3bb;
} 
.LCenter .captcha{
  border:none;
  display: flex;
}

.LCenter .captcha div{
  width:100%;
}

.explain{
  margin-top:10px;
  display: flex; 
  font-size: 12px;
  border: none !important;
  font-weight: bold;
}

.explain a{
  cursor: pointer;
  color:#10171c !important;
}

.LCenter .formDiv div,.LCenter .captcha div{
  margin-bottom:18px;
}
.LCenter .captcha div{
  padding-bottom: 18px
}
#canvas{
  margin-left: 18px;
  flex: 1;
  height: 50px;
  background:#fff;
}
.LCenter form div span{
  width:20px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1.1%;
}

.LCenter form .formDiv .username span img{
  width: 115%;
  margin-top:1%;
  vertical-align: middle;
}

.LCenter form div span img{
  width: 100%; 
  vertical-align:middle; 
}

.LCenter form input{
  width:90%;
  margin-left:5px;
  background:transparent;
  vertical-align: middle;
  color:#8b949a;
}

.LCenter form .captcha input{
  width:86%;
}

.LCenter form input::placeholder{
  color:#8b949a;
}

.LCenter form button{
  margin:1.2% 0 14%;
  width:80%;
  padding:2% 0;
  color:#fff;
  font-size:27px;
  letter-spacing:10px;
  background: url("../img/loginImg/Lbutton.png");
  background-size: 100% 100%;
}

/* 底部 */
.LFooter{
  background:#fff;
  width: 100%; 
  height: 40px; 
  color:#888;
  line-height: 40px;
  text-align: center;
  position: absolute;
  bottom: 0;
  z-index: 2;
  font-size: 14px
}

/* 找回密码弹框 */
.RetrievePass{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding:10%;
  font-size: 20px;
}

.RetrievePass>div{
  position: absolute;
  top:24%;
  left: 31%;
  width: 20%;
  border-radius: 10px;
  background: #fff;
}

.RetrievePass .RetrieveTitle{
  border-radius: 10px 10px 0  0;
  color: #fff;
  font-weight: bold;
  background-color: #415462;
  border-bottom: 1px solid #ccc;
  text-align: center;
  height:50px;
  line-height:50px;
}
.RetrievePass .RetrieveTitle img{
  float: right;
  margin:-7% 4% 0 0;
  width: 3.5%;
}
.RetrievePass .RetrieveCon{
  width: 100%;
  background-color: #fff;
  padding:7% 0;
  display:flex;
  border-radius:0  0 10px 10px;
  justify-content: space-around;
}
.RetrievePass .RetrieveCon .ReLeft img{
  width: 100%;
  margin-top: 2%;
}
.RetrievePass .RetrieveCon .ReRight{
  color: #10171d;
}
.RetrievePass .RetrieveCon .ReLeft,.RetrievePass .RetrieveCon .ReRight{
  width: 46%;
}
.RetrievePass .RetrieveCon .ReRight .RText img{
  width:19px;
  height: 19px;
  margin-top:-2%;
  vertical-align: middle;
}
.RetrievePass .RetrieveCon .ReRight .RTel{
  font-size: 18px;
  color:#3c8ab1;
  text-indent: 1.3em
}
@media screen and (max-width:1680px) and (min-width:1440px){
  /* 顶部 */
  .LHeader .Logo{
    width:14%;
    margin:1.4% 3.5% 0.8%;
  }
  .LHeader .Logo .logoImg{
    width:100%;
  }
  /* 下拉框 */
  .SelectBox img{
    top:48px;
    right:4.1%;
    pointer-events: none;
  }
  /* form表单 */
  .LCenter{
    height: 84%;
  }
  .LCenter form{
    width:25%;
    margin-top:7%;
    font-size:23px;
  }
  .LCenter .formDiv,.LCenter .captcha{
    margin-bottom:10%;
  } 
  .LCenter form div span{
    width:18px;
  }
  .LCenter .captcha div{
    padding-bottom:14px;
  }
  .LCenter .formDiv div,.LCenter .captcha div{
    margin-bottom:14px;
  }
  .LCenter form input{
    width:90%;
    margin-left:3px;
  }
  .LCenter form button{
    margin:0% 0 7%;
    font-size:25px;
  }
  /* 底部 */
  .LFooter{
    height:35px; 
    line-height:35px;
  }
  /* 找回密码弹框 */
  .RetrievePass{
    font-size: 17px;
  }
  .RetrievePass>div{
    top:25%;
    left: 31%;
    width: 21.5%;
  }
  .RetrievePass .RetrieveTitle{
    height:40px;
    line-height:40px;
  }
  .RetrievePass .RetrieveTitle img{
    margin: -6.3% 3% 0 0;
    width: 3%;
  }
  .RetrievePass .RetrieveCon .ReRight .RText img{
    width:16px;
    height: 16px;
    margin-top:-2.5%;
  }
  .RetrievePass .RetrieveCon .ReRight .RTel{
    font-size: 15px;
  }
}
@media screen and (max-width:1440px) and (min-width:1366px){
  /* 顶部 */
  .LHeader{
    font-size: 16px;
  }
  .LHeader .Logo{
    width:15%;
    margin:1.4% 3.5% 0.8%;
  }
  /* 下拉框 */
  .SelectBox{
    width:4.7%;
    height:30px;
    margin-top:2.2%;
  }
  .SelectBox input{
    margin-left:10px; 
  }
  .SelectBox img{
    top:45px;
    right:4.1%;
  }
  /* form表单 */
  .LCenter{
    height: 84%;
  }
  .LCenter form{
    width:27%;
    margin-top:130px;
    font-size:21px;
  }
  .LCenter .formDiv,.LCenter .captcha{
    margin-bottom:10%;
  } 
  .LCenter form div span{
    width:16.5px;
  }
  .LCenter .captcha div{
    padding-bottom:12px;
  }
  .LCenter .formDiv div,.LCenter .captcha div{
    margin-bottom:12px;
  }
  #canvas{
    margin-left: 18px;
    flex: 1;
    height: 43px;
    background:#fff;
  }
  .LCenter form input{
    width:90%;
    margin-left:3px;
  }
  .LCenter form button{
    margin:1.2% 0 9%;
    font-size:21px;
  }
  /* 底部 */
  .LFooter{
    height:35px; 
    line-height:35px;
  }
  /* 找回密码弹框 */
  .RetrievePass>div{
    top:24%;
    left: 31%;
    width: 27%;
  } 
  .RetrievePass .RetrieveCon .ReLeft img{
    margin-top:3%;
  }
}
@media screen and (max-width:1366px) and (min-width:1280px){
  /* 顶部 */
  .LHeader{
    font-size: 14px;
  }
  .LHeader .Logo{
    width:15%;
    margin:1.2% 3.5% 0.8%;
  }
  /* 下拉框 */
  .SelectBox{
    width:4.4%;
    height:25px;
    margin-top:2%;
  }
  .SelectBox input{
    margin-left:8px; 
  }
  .SelectBox img{
    top:38px;
    right:4.1%;
  }
  .SelectBox ul li{
    height:25px;
    line-height:25px;
  }
  /* form表单 */
  .LCenter{
    height: 83%;
  }
  .LCenter form{
    width:24%;
    margin-top:7%;
    font-size:16px;
  }
  .LCenter .formDiv,.LCenter .captcha{
    margin-bottom:10%;
  } 
  .LCenter form div span{
    width:16px;
  }
  .LCenter .formDiv div,.LCenter .captcha div{
    margin-bottom:11px;
  }
  .LCenter .captcha div{
    padding-bottom:11px;
  }
  
  #canvas{
    margin-left: 18px;
    flex: 1;
    height:41px;
    background:#fff;
  }
  .LCenter form input{
    width:90%;
    margin-left:3px;
  }
  .LCenter form button{
    margin:0% 0 8%;
    font-size:16px;
  }
  .LHref{font-size: 15px}
  /* 底部 */
  .LFooter{
    height:28px; 
    line-height:28px;
  }
  /* 找回密码弹框 */
  .RetrievePass{
    font-size: 16px;
  }
  .RetrievePass>div{
    top:24%;
    left: 31%;
    width: 23.5%;
  }
  .RetrievePass .RetrieveTitle{
    height:38px;
    line-height:38px;
  }
  .RetrievePass .RetrieveTitle img{
    margin: -6.5% 3% 0 0;
    width: 3.5%;
  }
  .RetrievePass .RetrieveCon{
    padding:6% 0;
  }
  .RetrievePass .RetrieveCon .ReRight .RText img{
    width: 14px;
    height: 14px;
    margin-top:-2%;
  }
  .RetrievePass .RetrieveCon .ReRight .RTel {
    font-size: 15px;
    text-indent: 1.3em;
  }
}
@media screen and (max-width:1280px) and (min-width:1024px){
  /* 顶部 */
  .LHeader .Logo{
    width:16%;
    margin:1% 3.5% 0.8%;
  }
  /* 下拉框 */
  .SelectBox{
    width:4.5%;
    height:25px;
    margin-top:2%;
  }
  .SelectBox input{
    margin-left:8px; 
  }
  .SelectBox img{
    top:37px;
    right:4.1%;
  }
  /* form表单 */
  .LCenter{
    height: 83%;
  }
  .LCenter form{
    width:24%;
    font-size:17px;
    margin-top:7%;
  }
  .LCenter .formDiv,.LCenter .captcha{
    margin-bottom:8%;
  } 
  #canvas{
    margin-left: 14px;
    flex: 1;
    height: 38px;
    background:#fff;
  }
  .LCenter form div span{
    width:15px;
  }
  .LCenter .captcha div{
    padding-bottom:13px;
  }
  .LCenter .formDiv div,.LCenter .captcha div{
    margin-bottom:13px;
  }
  .LCenter form input{
    width:90%;
    margin-left:3px;
  }
  .LCenter form button{
    margin:0% 0 7%;
    font-size:15px;
  }
  /* 底部 */
  .LFooter{
    height:25px; 
    line-height:25px;
  }
  /* 找回密码弹框 */
  .RetrievePass{
    font-size: 14px;
  }
  .RetrievePass>div{
    top:24%;
    left: 30%;
    width: 23.5%;
  }
  .RetrievePass .RetrieveTitle{
    height:30px;
    line-height:32px;
  }
  .RetrievePass .RetrieveTitle img{
    margin: -6% 3% 0 0;
    width: 3%;
  }
  .RetrievePass .RetrieveCon{
    padding:6% 0;
  }
  .RetrievePass .RetrieveCon .ReRight .RText img{
    width: 13px;
    height: 13px;
    margin-top:-2%;
  }

  .RetrievePass .RetrieveCon .ReRight .RTel {
    font-size: 14px;
    text-indent: 1.1em;
  }
}
@media screen and (max-width:1024px){
  /* 顶部 */
  .LHeader{
    font-size: 14px;
  }
  .LHeader .Logo{
    width:18%;
  }
  /* 下拉框 */
  .SelectBox{
    width:5.5%;
    height:25px;
    margin-top:2.6%;
  }
  .SelectBox img{
    width: 1% !important;
    top:38px;
    right:4.1%;
  }
  .SelectBox ul li{
    height:24px;
    line-height:24px;
  }
  /* form表单 */
  .LCenter{
    height: 83.2%;
  }
  .LCenter form{
    width:27%;
    margin-top:10%;
    font-size:17px;
  }
  .LCenter .formDiv,.LCenter .captcha{
    margin-bottom:10%;
  } 
  .LCenter .captcha div{
    padding-bottom:11px;
  }
  .LCenter .formDiv div,.LCenter .captcha div{
    margin-bottom:11px;
  }
  .LCenter form div span{
    width:15px;
  }
  .LCenter form input{
    width:90%;
    margin-left:3px;
  }
  .LCenter form button{
    margin:1.2% 0 9%;
    font-size:14px;
  }

  /* 底部 */
  .LFooter{
    height:30px; 
    line-height:30px;
  }
  /* 找回密码弹框 */
  .RetrievePass>div{
    top: 28%;
    left: 30%;
    width: 29%;
  }
  .RetrievePass .RetrieveTitle img{
    margin: -6% 3% 0 0;
    width: 3%;
  }
}