@charset "UTF-8";

/* 所有的宽、高、行高、字体大小通通为rem单位  计算方法为设计图相应尺寸/192 */
.wrapper {
  width: 100%;
  height: auto;
  opacity: 0.01;
  background: #fbfbf6;
}

.header {
  position: relative;
}

/* 主体部分 start */
.main-section {
  width: 100%;
  height: 4.21875rem;
  position: relative;
  background: url("../img/login-bg.jpg?pcv=20210624") no-repeat center top/100% 100%;
}

.main-wrap {
  position: absolute;
  top: 0.9375rem;
  right: 1.984375rem;
  width: 1.5625rem;
  padding: 0 0.208333333333333rem 0.140625rem;
  z-index: 10;
  background: #fff;
  border-radius: 0.041666666666667rem;
}

.login-title {
  width: 100%;
  height: 0.427083333333333rem;
  line-height: 0.427083333333333rem;
  color: #686968;
  font-size: 0.125rem;
  text-align: center;
}

.login-con {
  width: 100%;
  font-size: 0.072916666666667rem;
}

.userInput {
  width: 100%;
  height: 0.260416666666667rem;
  margin-bottom: 0.109375rem;
}

.no-margin {
  margin-bottom: 0;
}

.userName, .userPsd {
  width: 1.1875rem;
  height: 0.260416666666667rem;
  line-height: 0.260416666666667rem;
  padding: 0 0.072916666666667rem 0 0.302083333333333rem;
  color: #c3c3c3;
  font-size: 0.072916666666667rem;
  border: none;
  display: block;
}

.userName {
  background: url("../img/user-name.png?pcv=20210624") no-repeat center center/100% 100%;
}

.userPsd {
  background: url("../img/user-psd.png?pcv=20210624") no-repeat center center/100% 100%;
}

input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input::-webkit-input-placeholder, input::placeholder {
  color: #c3c3c3;
}

.div-wrap {
  width: 100%;
  height: 0.270833333333333rem;
  line-height: 0.270833333333333rem;
  color: #c3c3c3;
}

.jizhu {
  height: 0.270833333333333rem;
  line-height: 0.270833333333333rem;
}

.jizhu>span {
  width: 0.072916666666667rem;
  height: 0.072916666666667rem;
  display: block;
  border: 1px solid #c3c3c3;
  border-radius: 2px;
  margin-right: 0.041666666666667rem;
  position: relative;
  cursor: pointer;
}

.jizhu>span::after, .jizhu>span:after, .jizhu>span after {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.072916666666667rem;
  height: 0.072916666666667rem;
  display: block;
  content: "";
}

.jizhu>span.active::after, .jizhu>span.active:after, .jizhu>span.active after {
  background: url("../img/icon-gou.png?pcv=20210624") no-repeat center center/0.0625rem auto;
}

.wj {
  color: #c3c3c3;
}

.login-btn {
  display: block;
  width: 100%;
  height: 0.270833333333333rem;
  margin: 0.036458333333333rem auto 0;
  color: #fff;
  line-height: 0.270833333333333rem;
  text-align: center;
  border-radius: 0.135416666666667rem;
  background: #ff6600;
}

.div-other {
  font-size: 0.072916666666667rem;
  height: 0.145833333333333rem;
  line-height: 0.145833333333333rem;
  width: 100%;
  margin-top: 0.135416666666667rem;
  color: #c3c3c3;
}

.other {}

.other>a {
  display: block;
  width: 0.135416666666667rem;
  height: 0.135416666666667rem;
  margin-right: 0.036458333333333rem;
}

.other>a.wx {
  background: url("../img/icon-wx.png?pcv=20210624") no-repeat center center/100% 100%;
}

.other>a.qq {
  background: url("../img/icon-qq.png?pcv=20210624") no-repeat center center/100% 100%;
}

.other>a.xl {
  background: url("../img/icon-xl.png?pcv=20210624") no-repeat center center/100% 100%;
}

.zhuce {
  color: #ff6600;
}