//变量
$font-size: 20px;

// elementui样式
.login-box .input-box {
  margin-top: 2px;
}

.login-box .el-checkbox:last-of-type {
  margin-right: -42%;
}

.login-box .el-divider__text,
.el-link {
  font-size: $font-size;
}

.login-box .el-link.el-link--primary {
  font-size: 28px;
}

.login-box .el-checkbox__input.is-checked+.el-checkbox__label {
  font-size: 28px;
}



.login-box .el-input--prefix .el-input__inner {
  margin: 0 0 0 -14%;
  width: 80%;
  // height: 75px;
  height: 35px;
  color: #999999;
  background: #f1f1f1;
  // font-size: 28px;
  font-size: 15px;
  // padding: 0 0 0 29%;
  text-align: center;
}

.login-box .el-input__prefix {
  left: -85px;
  color: #4cb8f6;
  font-size: 28px;
}

.login-box .el-input__icon {
  // margin: 12% 0 0 2rem;
  margin: 1% 0 0 3rem;
  font-size: $font-size;
}

.login-box .el-input .el-input__clear {
  font-size: $font-size;
  // margin: 50% 0 0 0;
  // margin: 12% 1.8rem 0 0;
  margin: 2% 1.6rem 0 0;
  color: #4cb8f6;
}

.login-box .el-form-item {
  margin-bottom: 0;
}


.login-box .el-form-item__error {
  font-size: 25px;
  z-index: 100;
}

.login-box .el-button--primary {
  // width: 500px;
  width: 220px;
  // height: 80px;
  height: 45px;
  background: -webkit-linear-gradient(right, #58acf5, #3acbf7, #3acbf7);
  border-color: #fff;
  font-size: $font-size;
  border-radius: 50px;
  margin: 20px 0 0 -40px;
}


// 页面样式
body {
  margin: 0 auto;
}

.login-box {
  position: relative;
}

.login-box img {
  background-size: cover;
  width: 100%;
}

.piece {
  // position: fixed;
  // top: 39%;
  // left: 15%;

  margin: -11rem 0 0 0;
}

.piece .title {
  margin: 0 0 0 1%;
}

.title .title-text {
  // font-size: 40px;
  font-size: 18px;
  font-weight: 900;
  color: #4fb9f7;
}

.login {
  // margin-top: 45px;
  margin-top: 15px;
}

.login-box .box {
  // margin: .3rem 0 0 1.8rem;
  margin: .1rem 0 0 1.5rem;
  width: 55%;
  display: flex;
  justify-content: center;
}

.account {
  margin-bottom: 1px;
}

.inline {
  width: 18px;
  margin: 0 auto;
  margin-top: 0.5px;
  display: flex;
  justify-content: space-between;
}

.btn {
  margin-top: 1px;
}

// 密码框样式
.login-box .paswd_box_imgA,
.login-box .paswd_box_imgB {
  width: .5rem;
  height: .5rem;
}

.login-box .paswd_box_imgA {
  position: absolute;
  left: 2.1rem;
  top: 9.65rem;
  z-index: 100;
}

.login-box .paswd_box_imgB {
  position: absolute;
  right: 2rem;
  // top: 9.8rem;
  top: 9.65rem;
  z-index: 100;
}

.login-box .paswd_ipt {
  margin: .25rem 0 0 .15rem;
  width: 69%;
  color: #999999;
  height: .9rem;
  background: #f1f1f1;
  border-radius: 45px;
  border: 1px solid rgb(202, 199, 199); // 去除未选中状态边框
  outline: none; // 去除选中状态边框
  text-align: center;
  position: relative;
  // font-size: 28px;
  font-size: 15px;
  text-align: center;
}

// 记住密码自动登录
.login-box .automate {
  // width: 86%;
  width: 100%;
}

.login-box .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  width: .3rem;
  height: .3rem;
  margin: -.1rem 0 0 0;
}

.login-box .el-checkbox__input.is-checked .el-checkbox__inner::after {
  width: .15rem;
  height: .16rem;
  margin: -1px 0 0 -3px;
}

.login-box .automate_text {
  // font-size: 28px;
  font-size: 15px;
  line-height: 1;
}

.login-box .el-checkbox__label {
  margin: 2px -128px 0 0;
  color: #eb6e6e;
}

.login-box .el-checkbox__inner {
  width: .4rem;
  height: .4rem;
  margin: -.1rem 0 0 0;
}

input::-webkit-input-placeholder {
  color: #c0c4cc;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18*/
  color: #c0c4cc;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18*/
  color: #c0c4cc;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18*/
  color: #c0c4cc;
}

//是否更新弹框
.login-box_div {
  display: inline-block;
}

.login-box .el-dialog__headerbtn .el-dialog__close {
  font-size: .5rem;
}

//昆虫按钮
.kunchongBtn span {
  margin: 0;
}

//病害按钮
.binghaiBtn span {
  margin: 0;
}

.login-box .el-dialog__title {
  font-size: 38px;
}

.login-box .el-dialog__body {
  font-size: 25px;
}

.login-box .el-button {
  // font-size: 30px;
  font-size: 15px;
}

//进度条弹框
.schedule_box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, .8);
}

.schedule_box_div {
  margin: 65% 0 0 5%;
}

.schedule_box_title {
  font-size: 25px;
  line-height: 1rem;
  color: #fff;
}

.login-box .el-progress {
  line-height: 5;
  width: 90%;
}

.login-box .el-progress__text {
  color: #fff;
}

//验证码
.verify_ipt {
  // margin-top: 1rem;
}
.login-box .el-input__inner {
  border-radius: 50px;
  width: 70%;
  // height: 75px;
  height: 40px;
  color: #999999;
  background: #f1f1f1;
  // font-size: 28px;
  font-size: 12px;
  margin-left: -3px;
}
.verify_text {
  font-size: 25px;
  color: #F56C6C;
  margin:  1rem 0 0 -.2rem;
}

.verify_btn {
  margin: 0 0 0 .7rem;
}