page {
  /* #ifdef H5 */
  padding-top: 140upx;
  /* #endif */
  /* #ifdef APP-PLUS */
  padding-top: calc(var(--status-bar-height) + 100upx);
  /* #endif */
}

.items {
  width: 90%;
  margin: 0 auto 40upx;
  background-color: var(--c0);
  border-radius: 12upx;

}

.items-v {
  padding: 0 30upx;
  display: flex;
  font-size: var(--f28);
  color: var(--c3);
  height: 120upx;
  align-items: center;
}

.email {
  font-size: var(--f26) !important;
}

.items-v image {
  width: 44upx;
  height: 42upx;
  margin: 0 30upx 0 0;
}

.items-v-it {
  width: 90%;
  height: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--ceb);
  position: relative;
  justify-content: space-between;
}

.noborder {
  border: none;
}

.items-v-it-rt {
  position: absolute;
  right: 0;
  font-size: var(--f24);
  color: var(--c9);
  border: 1px solid var(--c9);
  padding: 4upx 12upx;
  border-radius: 4upx;
}

.rgt {
  position: absolute;
  right: -30upx;
  width: 20upx;
  height: 30upx;
}

.rte6 {
  border: 1px solid var(--ce6);
  color: var(--ce6);
}

.color36 {
  border: 1px solid var(--c036);
  color: var(--c036);
}

.rte036 {
  border: 1px solid var(--c036);
  color: var(--c036);
  border-radius: 30upx;
  padding: 6upx 20upx;
}

.footer {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20upx;
}

.footer view {
  width: 100%;
  border-radius: 12upx;
  padding: 20upx 0;
  color: #fff;
  text-align: center;
  background-color: #1373eb;
  margin-top: 40upx;
}

.login-item {
  border-radius: 20upx;
  background-color: #fff;
  width: 86%;
  margin: 0 auto;
  padding: 3%;
  margin-top: 30upx;
}

.login-v {
  display: flex;
  height: 100upx;
}

.login-v .vp-input {
  /* color: var(--c0); */
  /* caret-color: var(--c0); */
  font-size: var(--f26);
}

.login-vs {
  display: flex;
  align-items: center;
  font-size: var(--f30);
  /* color: var(--c0); */
  font-weight: 700;
  margin-right: 20upx;
}

.login-vp {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}

.login-phone {
  display: flex;
}

.login-phone .login-area {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--f30);
  /* background-color: #27417C; */
  border-radius: 60upx;
  height: 50upx;
  margin-top: 30upx;
  padding: 0 10upx;
  margin-right: 20upx;
  font-size: var(--f26);
}

.login-phone .login-area text {
  margin-right: 10upx;
}

/* .vp-input::input-placeholder{
	color:var(--c0);
} */
.vp-input {
  margin-top: 30upx;
  width: 86%;
  font-size: var(--f26);
}

.login-btns {
  margin-top: 40upx;
  padding: 0 50upx;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.login-btns view {
  width: 40%;
  height: 60upx;
  border-radius: 100upx;
  font-size: 30upx;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20upx;
}

.login-btns view:first-child {
  background: linear-gradient(0deg, #2878E0 0%, #016EF6 100%);
  color: var(--c0);
}

.login-btns view:last-child {
  border: 1px solid #666;
  color: #666;
}

.newpass_content {
  width: 580upx;
  background: #fff;
  border-radius: 12upx;
  padding: 20upx;
}

.newpss_title {
  padding: 20upx;
  font-size: 32upx;
  font-weight: 600;
  color: #333;
}

.ad-conten {
  width: 580upx;
  border-radius: 16upx;
  background-image: url(../../static/img/index_pbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 182upx;
  padding-bottom: 20upx;
}

.ad-bg {
  width: 60upx;
  height: 60upx;
  margin-top: -154upx;
  margin-right: 14upx;
  float: right;
}

.ad-title {
  width: 100%;
  text-align: center;
  font-size: 40upx;
  font-weight: 600;
}

.ad-btns {
  width: 90%;
  margin: 20rpx auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.ad-btn {
  width: 90%;
  color: #fff;
  text-align: center;
  padding: 40upx 0;
  background-image: url(../../static/img/btn_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.ad-btn view {
  margin-top: -20upx;
  font-size: 36upx;
}

.ad-info {
  width: 92%;
  margin: 20upx auto;
  height: 260upx;
  overflow: auto;
}

.es-btn {
  width: 80%;
  margin: 0 auto 20upx;
  padding: 20upx 0;
  color: #666;
  font-size: 26upx;
}

.redtext {
  font-size: 26upx;
  color: #FF0000;
  margin-left: 12upx;
}

.progress {
  width: 80%;
  margin: 20upx auto;
}

.footer2 {
  padding: 20px;
}

.logoff {
  margin-bottom: 50rpx;
  margin-top: 10px !important;
  text-align: center;
  font-size: 12px;
  color: #666;
}

.items-v-it .text {
  color: #666;
}
