.containerLogin {
  width: 100%;
  padding-top: 140px;
}
.loginContent {
  width: 98%;
  max-width: 480px;
  margin: 0 auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(19, 15, 53, 0.1) 0px 20px 50px -10px;
  border-radius: 10px;
  padding-bottom: 30px;
}
.text-left {
  box-sizing: border-box;
  padding: 40px 0 30px;
  font-family: Inter Regular;
  font-weight: bold;
  font-size: 34px;
  color: #031a42;
  line-height: 42px;
  text-align: center;
}
.login-left {
  width: 100%;
  box-sizing: border-box;
  padding: 0 36px;
}
.login-right {
  width: 419px;
  height: 331px;
  float: right;
}
.form-group_name,
.form-group_pwd,
.form-group_code {
  margin-bottom: 20px;
}
.control-label {
  padding-top: 7px;
  margin-bottom: 0;
  display: block;
  width: 100%;
  margin-bottom: 14px;
  font-family: Inter Regular;
  font-weight: bold;
  font-size: 16px;
  color: #031a42;
  line-height: 19px;
  text-align: left;
  font-style: normal;
}
input::-webkit-input-placeholder {
  color: #8a99a8 !important;
  font-size: 16px;
}
.form-control {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: block;
  width: 100%;
  max-width: 400px;
  height: 44px;
  padding: 4px 20px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  line-height: 50px;
  background: #ffffff;
  border-radius: 22px;
  border: 1px solid #d0dbf7;

  font-family: Inter Regular;
  font-weight: 400;
  font-size: 14px;
  color: #586883;
  line-height: 18px;
  text-align: left;
  font-style: normal;
  transition: all 0.3s;
}
.form-control:focus,
.form-control:hover {
  border-color: #7a9fff;
  border-right-width: 1px !important;
}
.form-control:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.explain {
  min-height: 22px;
  color: #cf1269;
  font-size: 12px;
  line-height: 1.5;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  text-align: left;
  margin-top: 6px;
  display: none;
}
.has-error .form-control {
  border-color: #cf1269;
  border-right-width: 1px !important;
  outline: 0;
}
.has-error .form-control:focus {
  border-color: #cf1269;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .form-control:not([disabled]):hover {
  border-color: #cf1269;
}
.login-submit,
.regist_submit {
  margin-top: 40px;
  margin-bottom: 30px;
  width: 100%;
  max-width: 420px;
  height: 44px;
  line-height: 44px;
  cursor: pointer;
  background: #3d6eec;
  border-radius: 22px;
  font-family: Inter Regular;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}
.login-submit:hover,
.regist_submit:hover {
  opacity: 0.8;
}
.forgotPwd {
  display: block;
  color: #3d6eec;
  font-size: 16px;
  text-align: left;
}
.forgotPwd:hover {
  opacity: 0.8;
}
.registerTips {
  margin-top: 8px;
  font-family: Inter Regular;
  font-weight: 400;
  font-size: 14px;
  color: #031a42;
  line-height: 18px;
  text-align: center;
  color: #000;
}

.registerTips .gosign_register,
.registerTips .gosign {
  padding-top: 10px;
  display: block;
  width: 100%;
  font-family: Inter Regular;
  font-weight: 400;
  font-size: 14px;
  color: #3d6eec;
  line-height: 18px;
  text-align: center;
  font-style: normal;
  cursor: pointer;
}
.registerTips .gosign:hover {
  opacity: 0.8;
}
.resetTips {
  font-size: 16px;
  color: #6a7682;
  padding-left: 38px;
}
.resetTips {
  margin-bottom: 19px;
}
.forgotPwd .text-left {
  margin-bottom: 0px;
}
.forgotTips {
  width: 500px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: url(../img/forgot_tips.html) no-repeat center;
  margin-top: 30px;
  position: relative;
}
.forgotTips span {
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 60px;
}
.forgotPwd .loginContent {
  min-height: 670px;
  padding-bottom: 20px;
}
.col-md-3 {
  position: relative;
  width: 100%;
  max-width: 400px;
  user-select: none;
}

.form-group_repeatepwd .col-md-3::after,
.form-group_pwd .col-md-3::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA/5JREFUaEPtVl1oHGUUPXdmk1YLtTFEUVTMQ4WSYh8stabZXdNWiruz1mRn++CLVCkKFiv+gH+F1j+sKNjgg75UCIjg/gTc2aZUyyYzyWIt4kMRShGq9EmNkdIuxibzXd2VTSeb3e7MfCyhMPO4e8/5zj3n3m+GcIM/dIPrR9DASicYJBAkIOlAMEKSBkrDgwSkLZQkCBKQNFAaHiQgbaEkQZCApIHS8CABaQslCYIEJA2UhrtKIHvc3EZAaDgWmZQ+0QNB1pgaZIjOZDx8koi4EbRlA5mC+QoL/qACJgVH9Xj0BQ8afJdmDfNdwfx6lYDwUUqLvuyrgXR+sgTgoUUwKa+mtPAR38pcADOFyedY4JNaKQHn9ER0g78GDPMgmN9yghVFOZSMhw+70OK5JGtYLwkWHy4ByiTAzEq2YKaZMbyUlD7W4+EXm82mZ+UA0nnrbUC86cQSkbmht/uRvr6+q74SqIByx82obfPEMgKiL9Z23PLMrl2byn4E1zDF4oXVf5YvjjDzvnoehdTdSW3g62b8rZd43LyfbUyAuauhA0TnVdATQ1r4Bz9N5IzpjQILXzJjY2OH6bIK7BxKRL73nECuYN1nC2ECuH1xoQgLzAjVjdM8AZ91rO58Z/fOrb+5aST37elue27uNQL2M2PV0rGpO4NotoNCDz8e7z9bz33dBNKGeRrMW67dQPSXyjRoEz8GxiGAlbplKxPoc4bylR7fNk1Ewvk/M9PYidJWYdspBp4G89rlgpT3FQqNCp6fYPBtDuOKuhbd7rWBS45DroRAO2pRZvJTMcAeZaC7oeNEfxBw/j+hF4lZMOgegNc706xr/hKgPpXSBnLVvctbm2ziYm10iehXXYvc66mByksMjCNgnlVUSta/iceKP66zr1w+yMB+gDvdjM4yAYQFgD5dtebmw4nBzTPO/zMF60EWnAOhh0DP6lr4mKcGKsWGYXX19t5abnaNVWoyBet5FuKonwZA9EZKi7zXDFu5xsfHf+6Ixdb/43mJ3QpqsCsnADwA5p66ZZ8l8HfMiC3ONugnPRFpeAO5Ob/lNdqKJFOY2szCPnNNEM7oiWh18Uul0k0zZbtn/qpCd3TR7/39/X9Xfk/nzVMALy6kQur2pDZQbHVWWxJI581jAO+tkatQnhxOhEevJyabt4YERHVZqw9ROqVF9qxIAxlj8qzjJTSzRr3zrmbzWhPIzGrWsC4w+O7/9eMXXYv2rkgDzs9eUpQDejw84kZIrmDttYWo3ioEjOiJ6AE3OM+3kBvS9Li5Q2HMJWORaTf1tZqxvLllQeV1+qORb/x+FEovsRfB7agNGmiHq144gwS8uNWO2iCBdrjqhTNIwItb7aj9F/DdaEABKtApAAAAAElFTkSuQmCC");
  background-size: contain;
  z-index: 3;
  cursor: pointer;
}

.form-group_repeatepwd .col-md-3.active::after,
.form-group_pwd .col-md-3.active::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA5ZJREFUaEPtWF1vFGUUfs5s2y0fYiokWrlAL7yChKRZaLXsIH5iOwOB7ooB7vj4Bd5puCB65y9AvAMi7hZiZlqRYNFZKlvc1JDAFRd8JFpJgAYo0LXdeci7ZJHAzsx+qRky53Lf55zzPuc579n3HUHITUK+f0QE/m8FIwUiBZqsQNRCTRawafdIgaZL2GSASAFVwOGR8RUEe+G6CQA9AF6B4CWCXWpdINMgbgH4C8AkNK3Q0cH8pveT15oUoPGrxPAJpxvz2EZwBwm18bpNBAWBHEYbjg5t1KfqDlAuTp32/ckzr8797X5OYDfI9jrdq8NF5gQ42N6hfbH5g3V/1hOzZgKFQqH98tSDfRD3UxCdnklETmhgti0WO7Oks+sPhbszO718vlRa50JSIDd6+2IW1L56vXvB/kQiMVcLkZoIZK38G5DiEb9WEcEFLda2d+tH/Wf9Eh/7YfxNtzR/gMQqL5xqLTC+PWX2XQoiEUggY+XeBlwLwGKfhKNLFy3btmHDypmghGr99OmLi2/eu3GUxIAPfgbQzLSZ/Nkvpi+BrO18SOI4wAWem4dMxrsXJs1E4r7CkJRhO7cbgl0kV5ankMhFEN8MGcmDIkL1m1UoLCxO3c8RVFPLw+SBCLakDP1H7/weK8ctZ21J6JCI+yRwYxJbvdXov6AwajK5czgE8B2P0zqmtWNnZeIcs8dXlVg6D1DzUbcYo+hbTP1cNUxVBWw71zUL/k5yhW9LiBxOG/rOSuWzdu6U9+YrkWQsZSTfqyiRsZ1DIHf4tongSie0HsNITj+Nq0ogYzvfgUwH9rOmmenBpK1wWcvZQ/BAoM+jP7a9KVP/WmEzIzkDbvmM+ZtIJm3oHwcSyI7keum6+aB4an1RLP7iwEDfnTIB28mT7K3FT0QmUobep7Cjo/kl90rF2zX5aVpfajA58ST2GQUylvNTcBuUQ8ykzfUvVIJlrF/u+k2qpzbYoK+MpU393eebQOhbqHywwnyIFYFHY9SdJPFaKMeo2nSo/8gqVQ/1VeKf8Rjiy9xjJcJ8na6QCPWD5slJZFm/Li/K/Gf/xpMyzrYvTfOt8iuuVgt80HgFUldnlvAJyO3NPOohckRi+PY/e9RXI/T4swrdNSR6BHi52mcVAtdFMAnRfhPIxNBg/9VaK+2Fa1iBZhO3yj8i0KpKNhonUqDRyrXKL1KgVZVsNE6kQKOVa5VfpECrKtlonNAr8BAMAw5PyCMNfAAAAABJRU5ErkJggg==");
  background-size: contain;
  z-index: 3;
  cursor: pointer;
}

.sendCode {
  position: absolute;
  right: 0px;
  cursor: pointer;
  color: #4ca7a8;
  top: 0;
  display: block;
  width: 80px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
}
.sendCode.on {
  color: #6a7682;
}
.sendloading {
  position: absolute;
  right: 4px;
  top: 7px;
  display: none;
}
.loading img {
  width: 35px;
  height: 35px;
}
.submitBtn {
  position: relative;
}
.subloading {
  position: absolute;
  right: 272px;
  top: 7px;
  display: none;
}
.registerContainer .registerTips {
  margin-top: 28px;
}
.mask {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
.toast {
  position: relative;
  display: none;
}
.toast_content {
  position: fixed;
  top: 28%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: flex;
  align-items: center;
  background: rgba(40, 40, 40, 0.75);
  color: #fff;
  border-radius: 8px;
  padding: 10px 30px;
  font-size: 16px;
  line-height: 20px;
  justify-content: center;
}
.dashborad {
  background: #fff !important;
  padding-top: 32px !important;
  height: auto !important;
  padding-bottom: 200px;
}
.dashborad .loginContent {
  width: 1060px;
}
.myAccount {
  border: 2px solid #4678e2 !important;
  color: #4678e2 !important;
  display: inline-block;
  font-weight: bold;
  margin-left: 40px;
}
.getVPV {
  margin-left: 20px !important;
}
.dashTop {
  margin-top: 0px;
  display: flex;
  color: #072e4a;
  height: 54px;
  line-height: 54px;
  font-weight: bold;
}
.dashTitle {
  font-size: 36px;
  width: 80%;
  text-align: left;
}
.dashOut {
  font-size: 16px;
  width: 18%;
  text-align: right;
  cursor: pointer;
  position: relative;
}
.dashOut img {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.dashOut span {
  display: inline-block;
  margin-left: 20px;
}
.dashContent {
  width: 1050px;
  height: 300px;
  background: url(../img/centerBg.html) no-repeat center;
  background-size: cover;
  margin: 0 auto;
  margin-top: 44px;
  display: flex;
  font-size: 16px;
  color: #fff;
  padding: 38px;
}
.dashLeft {
  width: 49.5%;
  text-align: left;
}
.account_text {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 36px;
}
.account_tips {
  font-size: 16px;
  margin-bottom: 16px;
  text-decoration: underline;
  cursor: pointer;
}
.account_tips img {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.tips_bottom {
  text-decoration: none !important;
  cursor: default;
}
.dashlogo {
  display: inline-block;
  width: 81px;
  height: 17px;
  background: url(../img/centerLogo.html) no-repeat center;
  background-size: cover;
}
.dashRight {
  width: 50.5%;
  text-align: left;
}
.dashRight p {
  margin-bottom: 24px;
}
.dashRight p img {
  margin-right: 4px;
}
header .header_inner > .menu .menu-right .box .regs {
  background-color: #ec5b68 !important;
  border: 1px solid #ec5b68 !important;
}
#header.active .header_inner > .menu .menu-right .box .regs:hover {
  background-color: #e05663 !important;
  color: #ffffff;
}
header.active .header_inner > .menu .menu-right .box .regs {
  color: #fff !important;
}
.login_footer {
  background: #f5f6fa;
  margin-top: -100px;
  width: 100%;
}
.footer_content {
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  opacity: 1;
}
.footer_left {
  text-align: center;
}
.footer_left a {
  display: inline-block;
  font-size: 14px;
}
.footer_left a:nth-child(2) {
  margin-left: 10px;
}
.footer_left a:nth-child(2):hover {
  color: #6b94ed;
}
.logo {
  cursor: pointer;
}
.myAccount:hover {
  background: #fff !important;
}
.registerContainer .loginContent {
  min-height: 580px;
}
.form-control.code_form {
  background: #d9d9d9;
  caret-color: transparent;
}
.form-control.code_form:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
  cursor: not-allowed;
}
.bt_key {
  color: red;
}
.s_h_pwd_cont {
  position: absolute;
  right: 0;
  width: 60px;
  height: 50px;
  top: 0;
}
.s_h_pwd {
  display: block;
  width: 22px;
  height: 16px;
  background: url(../img/user/show_pwd.html) no-repeat center;
  background-size: cover;
  right: 20px;
  top: 18px;
  position: absolute;
  cursor: pointer;
}
.s_h_pwd.on {
  background: url(../img/user/hide_pwd.html) no-repeat center;
  background-size: cover;
  width: 20px;
  height: 10px;
  top: 21px;
}
.login_close,
.register_close {
  position: absolute;
  background: url(../img/meal/ic_close_grey.png) no-repeat center;
  width: 20px;
  height: 20px;
  right: 12px;
  top: 12px;
  cursor: pointer;
  background-position: 0 0;
}
.login_close:hover {
  background-position: 0 -20px;
}
.register_close:hover {
  background-position: 0 -20px;
}
.form-group_code {
  display: none;
}
.error_border {
  border-color: #ff0068;
  background: #fff3f8;
}
.error_border:hover {
  border-color: #cf1269;
}
.error_border:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(207, 18, 105, 0.2);
  border-color: #cf1269;
  border-right-width: 1px !important;
}