html,
body {
  width: 100%;
  height: 100%;
  font-family: "微软雅黑";
}
ul li {
  list-style: none;
}
* {
  margin: 0;
  padding: 0;
}
a{
  text-decoration:none
}
input[type=button] {
  cursor: pointer;
  -webkit-appearance: none;
}
#login-page{
  height: 100%;
}
/*修改滚动条样式*/
::-webkit-scrollbar-track {
  border-radius: .1rem;
}
::-webkit-scrollbar {
  width: .5rem !important;
  height: .5rem;
}
::-webkit-scrollbar-thumb {
  border-radius: .1rem;
  background-color: #C1C1C1;
}
html::-webkit-scrollbar {
  height: 0rem !important;
}
#pc_bg::-webkit-scrollbar-track {
  border-radius: .1rem;
}
/*#pc_bg::-webkit-scrollbar {*/
/*  width: .5rem !important;*/
/*  height: .5rem !important;*/
/*}*/
#pc_bg::-webkit-scrollbar-thumb {
  border-radius: .1rem;
  background-color: #C1C1C1;
}


#pc_bg{
  display: none;
}
#mobile_bg{
  display: none;
}
@media screen and (min-height: 640px) {
  .login-box{
    top: 0;
  }
}
@media (max-width: 1370px){
  /*.login-con{*/
  /*  height: 40vh;*/
  /*  overflow-y: auto;*/
  /*}*/
  .new{
    margin-top: 1rem !important;
  }
  .newpassword-tips-pc{
    font-size: 1.2rem;
    margin: 0rem 0 1rem;
    color: #abadb3;
  }
  .otherLoginArea{
    padding: 0 3rem 1rem;
  }
  .login-logo{
    /*width: 20rem;*/
    width: 16%;
  }
  .login {
    min-width: 95rem;
  }
  .pc-line{
    height: 2.3rem;
    border-left: .2rem solid #FFFFFF;
    opacity: 0.7;
    margin-left: 1.6rem;
    margin-top: 2.5rem;
  }
  .login-name {
    font-size: 1.6rem;
  }
  .login-box{
    /*width: 26%;*/
    width: 23%;
    right: 12.5%;
    /*max-width: 48rem;*/
    min-width: 25rem;
  }
  .valiButton{
    font-size: 1.2rem;
    /*line-height: 3.5rem;*/
  }
  .valiButton-phone{
    font-size: 1.4rem;
  }
  .login-title{
    font-size: 1.8rem;
  }
  .tips-area{
    font-size: 1.2rem !important;
    min-width: 35rem;
    width: 39%;
  }
  .tips-area-h5{
    padding: 0.3rem 3.75rem 0.1rem;
    display: block;
    color: #FFFFFF;
    font-size: 1.2rem;
  }
  .newpassword-tips-h5{
    margin-top: 2rem;
    font-size:1.2rem;
    color: #ffffff;
  }
  .login-form{
    /*padding: 2rem 13%;*/
    padding: 7% 13% 10%;
  }
  .common-input{
    height: 5vh;
    min-height: 2.5rem;
    line-height: 5vh;
    /*margin: 1.5rem 0 1rem;*/
    margin: 1.5rem 0;
  }
  .login-img{
    margin-right: 1rem;
    width: 1.4rem;
  }
  .lg-input{
    font-size: 1.2rem;
  }
  .remeber-label{
    font-size: 1.2rem;
  }
  .submit{
    height: 3rem;
    margin-top: 1.6rem;
    font-size: 1.3rem;
  }
  .others{
    font-size: 1.2rem;
  }
  .others-icon{
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 auto 0.1rem;
  }
  .login-phone{
    /*padding: 2rem 3rem;*/
    padding: 7% 13% 10%;
  }
  .pcAre{
    margin-top: -7%;
  }
  .backAccount{
    font-size: 1.2rem;
    margin-top: -1rem;
  }
  .change-passWord{
    padding: 7% 13% 10%;
  }
  .change-error{
    font-size: 1.2rem;
    margin-top: -1.2rem;
  }
  .change-warn{
    font-size: 1.2rem;
    margin-top: -1.2rem;
  }
  .change-phone-error{
    font-size: 1.2rem;
    margin-top: -1.2rem;
  }
  .change-submit{
    padding: .6rem 2.7rem;
    font-size: 1.4rem;
  }
  .changeBtn{
    margin-right: 2rem
  }
  .goBack{
    font-size: 1.3rem;
  }
  .swipeColumn{
    margin-bottom: 1.5rem;
  }
  .swipeColumn div{
    font-size: 1.4rem !important;
  }
  .eye-style{
    width: 1.25rem;
  }
}
@media screen and (min-width:1370px){
  /*.login-con{*/
  /*  height: 50vh;*/
  /*  overflow-y: auto;*/
  /*}*/
  .pcAre{
    margin-top: -8%;
  }
  .new {
    margin-top: 1.3rem !important;
  }
  .newpassword-tips-pc{
    font-size: 1.4rem;
    /*margin-top: -1.2rem;*/
    color: #abadb3;
  }
  .login {
    min-width: 150rem;
  }
  .login-logo{
    /*width: 30rem;*/
    width: 16%;
  }
  .pc-line{
    height: 2.5rem;
    border-left: .2rem solid #FFFFFF;
    opacity: 0.7;
    margin-left: 1.6rem;
    margin-top: 2.5rem;
  }
  .login-name {
    /*font-size: 2.8rem;*/
    font-size: 2.6rem;
  }
  .login-box {
    top: 20vh;
    width: 20%;
    min-width: 40rem;
    right: 12.5%;
  }
  .valiButton{
    font-size: 1.4rem;
  }
  .valiButton-phone{
    font-size: 1.8rem;
  }
  .tips-area{
    font-size: 1.6rem;
    min-width: 35rem;
    width: 48%;
  }
  .login-title{
    font-size: 2.2rem;
  }
  .login-bottoms{
    font-size: 1.8rem;
  }
  .login-form{
    /*padding: 3rem 13%;*/
    padding: 7% 13% 11%;
  }
  .otherLoginArea {
    padding: 0 3rem 2rem;
  }
  .common-input{
    height: 5vh;
    line-height: 5vh;
    min-height: 3rem;
    margin: 2.1rem 0;
  }
  .login-img{
    margin-right: 1rem;
    width: 2rem;
  }
  .lg-input{
    font-size: 1.4rem;
  }
  .remeber-label{
    font-size: 1.4rem;
  }
  .submit{
    height: 5.3vh;
    margin-top: 2rem;
    font-size: 1.6rem;
  }
  .others{
    font-size: 1.4rem;
  }
  .others-icon{
    width: 3rem;
    height: 3rem;
    margin: 0 auto .5rem;
  }
  .login-phone{
    padding: 7% 13% 11%;
  }
  .backAccount{
    font-size: 1.4rem;
    margin-top: -1.2rem;
  }
  .change-passWord{
    padding: 7% 13% 8%;
  }
  .change-error{
    font-size: 1.4rem;
    margin-top: -1.8rem;
  }
  .change-warn{
    font-size: 1.4rem;
    margin-top: -1.8rem;
  }
  .change-phone-error{
    font-size: 1.4rem;
    margin-top: -1.8rem;
  }
  .change-submit{
    padding: 1.3rem 4rem;
    font-size: 1.4rem
  }
  .changeBtn{
    margin-right: 7rem
  }
  .goBack{
    font-size: 1.8rem;
  }
  .swipeColumn div{
    font-size: 1.6rem !important;
    /*height: 5vh !important;*/
    /*line-height: 5vh !important;*/
  }
  .eye-style{
    width: 1.75rem;
  }
  .warn-captcha{
    margin-bottom: 1.5rem
  }
}
.login {
  width: 100%;
  height: 100vh;
  position: relative;
  /*min-width: 95rem;*/
  min-height: 52rem;
  overflow-x: auto;
}
.login-top{
  margin-left: 7.81%;
  height: 14.8vh;
  min-height: 9rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.login-logo img{
  width: 100%;
}
.login-name {
  max-width: 30rem;
  color: #fff;
  margin-left: 2rem;
  /*margin-top: 3.5rem;*/
  margin-top: 2.2rem;
}
.tips-area{
  /*position: absolute;*/
  /*bottom: 8rem;*/
  margin-left: 7.81%;
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  font-weight: 400;
  /*line-height: 1.5rem;*/
  color: #000000;
}
.tips-area li {
  /*margin-bottom: 0.4rem;*/
  margin-bottom: .4rem;
}
.pc_center{
  height: 76vh;
  position: relative;
}
.login-box{
  background: #ffffff;
  border-radius: 1rem;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  /*background: url("../../themes/zs/images/boxBack.png");*/
}
.login-title{
  font-weight: 600;
  letter-spacing: 0.05rem;
  text-align: center;
  color: rgba(51, 51, 51, 0.98);
}
.common-input{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0 1rem;
  border-radius: .4rem;
  background: #FFFFFF;
  border: .1rem solid rgba(216, 216, 216, 0.6196078431372549);
}

.lg-input{
  width: 100%;
  height: 5vh;
  line-height: 5rem;
  min-height: 2rem;
  border: none;
  outline: none;
  background: #FFFFFF;;
  color: rgba(153, 153, 153, 0.98);
}
.swipeColumn div{
  /*width: inherit !important;*/
  box-shadow: none !important;
  border-radius: .5rem !important;
}
.sliding-block{
  height: 93% !important;
}
.action-column{
  margin-top: -.8rem;
  display: flex;
  justify-content: space-between;
}
.mobile-action-column{
  /*margin-top: -2rem;*/
  height: 2.2rem;
  display: flex;
  justify-content: space-between;
  font-size: 1.3rem;
  color: #465A84;
  position: relative;
}
.remember{
  display: flex;
  align-items: center;
}
.remember input{
  width: 1.2rem;
  height: 1.2rem;
  min-height: 1.2rem !important;
  background-color: #F0F2F5;
  -webkit-appearance: none;
  border: none;
  border-radius: .2rem;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
  margin-right: .5rem;
}
.remember input[type=checkbox]:checked {
  background: url("../images/remember.png") no-repeat center;
  background-size: cover;
}
.remeber-label {
  color: rgba(102, 102, 102, 0.98);
  cursor: pointer;
}
.forget{
  position: absolute;
  right: 0;
  color: #FFFFFF !important;
}
.forget-phone{
  position: absolute;
  right: 13%;
}
.btn-style{
  width: 100%;
}
.btn-style-mobile{
  width: 100%;
}
.submit{
  width: 100%;
  /*height: 3.5rem;*/
  background-color: #e5aa62;
  color: #FFFFFF;
  /*font-size: 1.6rem;*/
  letter-spacing: .3rem;
  border: none;
  border-radius: .4rem;
  /*margin-top: 2rem;*/
  outline: none;
  cursor: pointer;
}
.otherLoginArea{
  display: flex;
  justify-content: space-between;
}
.otherLoginAreaMobile{
  display: flex;
  justify-content: space-between;
  margin:0 auto;
  /*padding: 0 3.75rem 1rem;*/
}
.others{
  cursor: pointer;
  color: rgba(102, 102, 102, 0.98);
  text-align: center;
}
.others-icon img{
  width: 100%;
  height: 100%;
}
.login-phone{
  display: none;
  /*padding: 2rem 3rem;*/
}
.login-other{
  display: none;
  padding: 2rem 3rem;
}
.other-img{
  width: 16rem;
  height: 16rem;
  margin: 2.2rem auto 0;
}
.other-img img{
  width: 100%;
  height: 100%;
}
.valiButton{
  outline: none;
  list-style: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  position: absolute;
  right: 0;
  width: 36%;
  height: 100%;
  background-color: #DDAB6D;
  text-align: center;
  /*line-height: 3.5rem;*/
  color: #FFFFFF;
  border-radius: .5rem;
  cursor: pointer;
  margin-left: 1rem;
}
.valiButton-phone{
  outline: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  /*padding: 1.25rem;*/
  border: none;
  background-color: #5A7CEA !important;
  text-align: center;
  color: #FFFFFF !important;
  border-radius: .5rem;
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 8rem !important;
  min-height: 4.3rem;
}
.input-columns{
  padding: 0 0 0 1rem;
}
.warning{
  color: #ff0000;
  font-size: 1.2rem;
  display: none;
  margin-top: -1rem;
}
.backAccount{
  cursor: pointer;
  color: #3399EA;
  width: 8rem;
  word-break: keep-all;
  height: 1.6rem;
}
.mobileBackAccount{
  /*margin-top: -2rem;*/
  font-size: 1.3rem;
  color: #fff;
  width: 8rem;
  height: 2.2rem;
}
.login-bottom{
  text-align: center;
  width: 100%;
  font-size: 1.2rem;
  color: rgba(79, 79, 79, 0.5);
}
.login-bottoms{
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: .1rem;
  /*position: absolute;*/
  /*bottom: 1.2rem;*/
  width: 100%;
  text-align: center;
  color: #999999;
  opacity: 1;
  /*margin-bottom: 1rem;*/
  margin-bottom: 1.48vh;
}
.login-bottom-phone{
  text-align: center;
  width: 100%;
  font-size: 1.2rem;
  color: rgba(79, 79, 79, 0.5);
  /*position: absolute;*/
  /*bottom: 2rem;*/
  margin-top: 2rem;
  padding-bottom: 1.15rem;
}
/*移动端*/
#mobile_bg{
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.ft{
  margin-top: 1rem;
}
.mobile-logo{
  padding-top: 8rem;
  margin: 0 auto;
  width: 18.65rem !important;
}
.tel-form{
  padding: 2rem 3.75rem 2rem;
}
.mobile-input{
  margin: 3rem 0 1rem;
  background-color: #fff;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  border-radius: .5rem;
  position: relative;
}
.mobile-input input{
  background-color: #fff;
  width: 100%;
  border: none;
  outline: none;
  color: rgb(0,0,0);
  font-size: 1.4rem;
}
.mobile-input img{
  width: 1.75rem;
}
.other-login{
  padding: 1.3rem 3.75rem 8rem;
  display: none;
  color: #FFFFFF;
  font-size: 1.2rem;
}
.other-login-phone{
  padding: 0.3rem 3.75rem 1rem;
  display: none;
  color: #FFFFFF;
  font-size: 1.2rem;
}
.other-login .others-name{
  color: #333;
}
.other-title{
  text-align: center;
  margin: 1rem 0rem 1rem;
}
.other-title>img{
  width: 100% !important;
}
.other-login-area{
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
}
.phone-login{
  display: none;
}
.mobile-login-other{
  display: none;
  padding: 1rem 3rem;
}
/*微信端*/
#applets_bg{
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: none;
}
.center{
  padding: 20rem 3rem 1rem;
}
.applets-form{
  padding: 2rem 3.75rem 5rem;
}
.applets-phone-login{
  display: none;
}
.appletsBackAccount{
  font-size: 1.3rem;
  color: #fff;
  width: 8rem;
  height: 2.2rem;
}
.pcOther{
  position: relative;
}
.mobileOther{
  position: relative;
}
.pc-back{
  position: absolute;
  left: -2rem;
  font-size: 1.4rem;
  color: #3399EA;
  top: -1.3rem;
  cursor: pointer;
}
/*修改密码*/
.change-passWord{
  display: none;
  /*padding: 2rem 3rem;*/
}
.change-error{
  color: #f56c6c;
  line-height: 1;
  display: none;
}
.change-warn{
  color: #f56c6c;
  display: none;
  line-height: 1;
}
.changeTitle{
  color: #f56c6c !important;
}
.change-error-mobile{
  color: #f56c6c;
  margin-top: -0.8rem;
  display: none;
}
.changePass-btn{
  margin-top: 3vh;
  text-align: center;
}
.changePass-btn-phone{
  margin-top: 5vh;
  text-align: center;
}
.change-submit{
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: .1rem solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: .4rem;

}
.changeBtn{
  color: #fff;
  background-color: #e5aa62;
  border-color: #e5aa62;
  /*margin-right: 3rem*/
}
.phone-changePass{
  display: none;
  padding: 2rem 3.75rem 5rem;
  /*height: 61vh;*/
  /*overflow-y: auto;*/
}
.warn-text{
  display: none;
}
.bt{
  padding: 1.2rem 4rem !important;
}
.change-phone-error{
  color: #f56c6c;
  line-height: 1;
  display: none;
}
.change-pass{
  display: none;
}
.phone-from{
  display: none;
}
.change-mobile-pass{
  display: none;
}
.change-mobile-tel{
  display: none;
}
.change-applets-tel{
  display: none;
}
.mobile-vail{
  padding: 0 0 0 1rem
}
.applets-vail{
  padding: 0 0 0 1rem
}
.change-applets-pass{
  display: none;
}
.applets-pass-error{
  display: none;
}
.applets-newpass-error{
  display: none;
}
.applets-phone-error{

}
.applets-phone-changePass{
  display: none;
  padding: 2rem 3.75rem 5rem;
  /*height: 61vh;*/
  /*overflow-y: auto;*/
}
.applets-vail{
  padding: 0 0 0 1rem
}
.openPng,.openPng1,.openPng2,.openPng3{
  display: none;
}
.vail-style{
  padding: 0 !important;
}
.left{
  padding: 1.25rem;
  display: flex;
  align-items: center;
  width: 60%;
}
.lefts{
  display: flex;
  align-items: center;
  width: 60%;
}
.applets-tel{
  display: none;
  color: #fff;
}
.others-icons{
  width: 4.2rem;
  height: 4.2rem;
}
.others-icons>img{
  width: 100%;
  height: 100%;
}
.mobile-submit{
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #FFFFFF;
  /*height: 4.4rem;*/
  padding: 1.2rem 0;
  width: 100%;
  background-color: #5A7CEA;
  box-shadow: 0rem 0rem .5rem rgba(6, 31, 114, 0.3);
  border: none;
  border-radius: .5rem;
  outline: none;
  cursor: pointer;
}
.pcAre{
  justify-content: space-around !important;
}