.main .login-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: calc(160vmax / 12.80) calc(240vmax / 12.80);
}

.main .login-content .form-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  width: calc(500vmax / 12.80);
  font-size: calc(20vmax / 12.80);
  color: #063D8C;
  margin-bottom: calc(20vmax / 12.80);
  line-height: calc(48vmax / 12.80);
  min-height: calc(48vmax / 12.80);
}

.main .login-content .form-box > text {
  width: calc(110vmax / 12.80);
  margin-right: calc(10vmax / 12.80);
  line-height: calc(30vmax / 12.80);
}

.main .login-content .form-box .form-input {
  width: calc(100% - (120vmax / 12.80));
  height: calc(48vmax / 12.80);
  background: #fff;
  border-radius: calc(8vmax / 12.80);
  font-size: calc(18vmax / 12.80);
  color: #00A2FF;
  padding: 0 calc(20vmax / 12.80);
  box-sizing: border-box;
  border: 0 solid #B8EFF3;
  box-shadow: 0 0 calc(8vmax / 12.80) 0 rgba(115, 218, 228, 1);
}

.main .login-content .form-box .select-area {
  max-height: calc(150vmax / 12.80);
  position: absolute;
  left: calc(120vmax / 12.80);
  bottom: calc(58vmax / 12.80);
  width: calc(100% - (120vmax / 12.80));
  background-color: #fff;
  padding: calc(6vmax / 12.80) calc(20vmax / 12.80);
  box-sizing: border-box;
  font-size: calc(18vmax / 12.80);
  color: #4489B9;
  z-index: 999;
  box-shadow: 0 0 calc(8vmax / 12.80) 0 rgba(115, 218, 228, 1);
  border-radius: calc(8vmax / 12.80);
  overflow-y: auto;
}

.main .login-content .form-box .select-area .item {
  padding: calc(10vmax / 12.80) 0;
  opacity: 0.7;
  text-align: center;
  border-bottom: calc(1vmax / 12.80) solid transparent;
}

.main .login-content .form-box .select-area .item:not(:last-child) {
  border-bottom: calc(1vmax / 12.80) solid #DFEDF7;
}

/*竖屏样式*/
.portrait-main .login-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: calc(160vmin / 12.80) calc(240vmin / 12.80);
}

.portrait-main .login-content .form-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  width: calc(500vmin / 12.80);
  font-size: calc(20vmin / 12.80);
  color: #063D8C;
  margin-bottom: calc(20vmin / 12.80);
  line-height: calc(48vmin / 12.80);
  min-height: calc(48vmin / 12.80);
}

.portrait-main .login-content .form-box > text {
  width: calc(110vmin / 12.80);
  margin-right: calc(10vmin / 12.80);
  line-height: calc(30vmin / 12.80);
}

.portrait-main .login-content .form-box .form-input {
  width: calc(100% - (120vmin / 12.80));
  height: calc(48vmin / 12.80);
  background: #fff;
  border-radius: calc(8vmin / 12.80);
  font-size: calc(18vmin / 12.80);
  color: #00A2FF;
  padding: 0 calc(20vmin / 12.80);
  box-sizing: border-box;
  border: 0 solid #B8EFF3;
  box-shadow: 0 0 calc(8vmin / 12.80) 0 rgba(115, 218, 228, 1);
}

.portrait-main .login-content .form-box .select-area {
  max-height: calc(150vmin / 12.80);
  position: absolute;
  left: calc(120vmin / 12.80);
  bottom: calc(58vmin / 12.80);
  width: calc(100% - (120vmin / 12.80));
  background-color: #fff;
  padding: calc(6vmin / 12.80) calc(20vmin / 12.80);
  box-sizing: border-box;
  font-size: calc(18vmin / 12.80);
  color: #4489B9;
  z-index: 999;
  box-shadow: 0 0 calc(8vmin / 12.80) 0 rgba(115, 218, 228, 1);
  border-radius: calc(8vmin / 12.80);
  overflow-y: auto;
}

.portrait-main .login-content .form-box .select-area .item {
  padding: calc(10vmax / 12.80) 0;
  opacity: 0.7;
  text-align: center;
  border-bottom: calc(1vmin / 12.80) solid transparent;
}

.portrait-main .login-content .form-box .select-area .item:not(:last-child) {
  border-bottom: calc(1vmin / 12.80) solid #DFEDF7;
}
