@font-face {font-family: "iconfont";
  src: url('../../statics/iconfont/iconfont.eot?t=1612315871411'); /* IE9 */
  src: url('../../statics/iconfont/iconfont.eot?t=1612315871411#iefix') format('embedded-opentype'), /* IE6-IE8 */
  /*url('data:application/x-font-woff2;charset=utf-8;base64,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../statics/js5tII1ThoWSfeVi/APwFVINopoMtZF5HMHFEks3LEm3bYUFe2dLii4k6HNjaU88DfSksBd9BTMCJKKdmJXNeqLUWQTszksfF/GYgHbEnKz40yAJWUCFKO21DojJh85+l1XqJXorbHcZ8vYmqT3sSk0raE6gtEnesZzal1XGcOOOQuGUrZq7yjmg3VkGKTjLNgt2sAFzgRqxjFGUYmWY+V3T5xqDYCOjjII2Xi/QQUitkLoGN1fKiWgusj9Mbmpeam89VU65ZPMU7a2bZhjtFp9y3IEBBQeDJKPgG0pYpKS49Y4hWlZWLiYAdcFBaGOt+VySOSWPFCHSXB50pNmk0AgAA') format('woff2'),*/
  url('../../statics/iconfont/iconfont.woff?t=1612315871411') format('woff'),
  url('../../statics/iconfont/iconfont.ttf?t=1612315871411') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../../statics/iconfont/iconfont.svg?t=1612315871411#iconfont') format('svg'); /* iOS 4.1- */
}

/* body {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
} */

img {
  -moz-user-drag: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

* {
  font-family: SourceHanSansCN-Regular;
}
/* 移动端 */
.login-mobile {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../../statics/images/mobile/bg.png');
  background-size: cover;
}
.login-mobile .login-header{
  display: none;
}
.login-mobile .login-border-bg{
  display: none;
}
.login-mobile .welcome{
  font-size: .48rem;
    color: #0067E1;
    font-weight: bolder;
    margin-bottom: .39rem;
}
.login-mobile .bottom-email{
  font-size: .28rem;
}
.login-mobile .bottom-email-1{
  font-size: .28rem;
}
.login-mobile .login-form .login-version {
  font-size: .28rem;
  text-align: center;
  color: #6e6e6e;
  margin-top: .35rem;
}
.login-mobile::before {
  content: '';
  display: block;
  width: 3.37rem;
  height: 2.63rem;
  background-image: url('../../statics/images/mobile/topology.png');
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.login-mobile #login-logo {
  width: 2.26rem;
  margin: .86rem 0 0 .62rem;
}
/* 移动端-表单 */
.login-mobile .login-form {
  width: 100%;
  height: 78%;
  box-shadow: 0px -.06rem .2rem 0px rgba(0, 0, 0, 0.16);
  background-color: white;
  border-top-left-radius: .4rem;
  border-top-right-radius: .4rem;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.login-mobile .login-form .login-form-wrap {
  padding: 0 .8rem;
  margin-top: .4rem;
}
.login-mobile .login-form .login-form-title {
  font-size: .48rem;
  color: #0067E1;
  font-weight: bolder;
  margin-bottom: .39rem;
}
.login-mobile .login-tabs {
  width: 100%;
  height: 1.1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .36rem;
  color: #666;
  border-bottom: 1px solid #f4f4f4;
  /* visibility: hidden; */
}
.login-mobile .login-tabs .login-tab-item {
  width: 50%;
  text-align: center;
  cursor: pointer;
}
.login-mobile .login-tabs .current-tab-item {
  font-weight: bold;
  color: #0067E1;
}
.login-mobile .login-tabs .login-tab-item + .login-tab-item {
  border-left: 1px solid #f4f4f4;
}
.login-mobile .login-form .login-logo2 {
  display: block;
  width: 43.37%;
  height: .95rem;
  margin: .8rem auto 0;
}
.login-mobile .login-form .login-message {
  display: none;
}


.login-mobile #pwd-update .prev_username {
  font-size: .28rem;
  text-align: left;
  padding-bottom: .2rem;
}
.login-mobile .loginForm .form-item,
.login-mobile #pwd-update .form-item {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}
.login-mobile .loginForm .form-item + .form-item,
.login-mobile #pwd-update .form-item + .form-item {
  margin-top: .38rem;
}
.login-mobile .loginForm .form-item .form-item_icon,
.login-mobile #pwd-update .form-item .form-item_icon {
  float: left;
  width: .4rem;
  height: .4rem;
  background-size: 100%;
  margin-top: .22rem;
}
.login-mobile .loginForm .form-item input,
.login-mobile #pwd-update .form-item input {
  line-height: .4rem; 
  font-size: .32rem;
  color: #333333;
  outline: none;
  border: none;
  padding: .22rem 0 .22rem 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #D2D6DA;
  flex: 1;
  margin-left: .2rem;
}
.login-mobile .loginForm .form-item input:focus,
.login-mobile #pwd-update .form-item input:focus,
.login-mobile .loginForm .form-item .input-focus,
.login-mobile #pwd-update .form-item .input-focus {
  border-bottom-color: #0067E1;
}
.login-mobile .loginForm .form-item .form-item_icon_user {
  background-image: url(../../statics/images/mobile/ico_user.png);
}
.login-mobile .loginForm .form-item input:focus + .form-item_icon_user,
.login-mobile .loginForm .form-item .input-focus + .form-item_icon_user {
  background-image: url(../../statics/images/mobile/ico_user_focus.png);
}
.login-mobile .loginForm .form-item .form-item_icon_pwd,
.login-mobile #pwd-update .form-item .form-item_icon_pwd {
  background-image: url(../../statics/images/mobile/ico_pwd.png);
}
.login-mobile .loginForm .form-item input:focus + .form-item_icon_pwd,
.login-mobile #pwd-update .form-item input:focus + .form-item_icon_pwd,
.login-mobile .loginForm .form-item .input-focus + .form-item_icon_pwd,
.login-mobile #pwd-update .form-item .input-focus + .form-item_icon_pwd  {
  background-image: url(../../statics/images/mobile/ico_pwd_focus.png);
}
.login-mobile .loginForm .form-item .form-item_icon_check {
  background-image: url(../../statics/images/mobile/ico_check.png);
}
.login-mobile .loginForm .form-item input:focus + .form-item_icon_check,
.login-mobile .loginForm .form-item .input-focus + .form-item_icon_check {
  background-image: url(../../statics/images/mobile/ico_check_focus.png);
}
.login-mobile .loginForm .form-item .form-item_clear,
.login-mobile #pwd-update .form-item .form-item_clear {
  width: .34rem;
  height: .34rem;
  background-image: url(../../statics/images/mobile/ico_clear.png);
  background-size: 100%;
  background-position: 0 0;
  position: absolute;
  top: .25rem;
  right: 0;
  visibility: hidden;
}
.login-mobile .loginForm .form-item .form-item-pwd_toggle,
.login-mobile #pwd-update .form-item .form-item-pwd_toggle {
  width: .5rem;
  height: .5rem;
  background-size: 100%;
  background-position: 0 0;
  position: absolute;
  top: .25rem;
  right: .6rem;
  background-image: url(../../statics/images/mobile/ico_hidden.png);
}
.login-mobile .loginForm .form-item .form-item-pwd_toggle.toggle_visiable,
.login-mobile #pwd-update .form-item .form-item-pwd_toggle.toggle_visiable {
  background-image: url(../../statics/images/mobile/ico_visiable.png);
}
.login-mobile .loginForm .form-item .form-item_clear.form-item_clear_show,
.login-mobile #pwd-update .form-item .form-item_clear.form-item_clear_show {
  visibility: visible;
  background-image: url(../../statics/images/mobile/ico_clear_active.png);
}
.login-mobile .loginForm .form-item_checkcode {
  justify-content: flex-end;
}
.login-mobile .loginForm .form-item_checkcode input {
  flex: initial;
  width: 100%;
}
.login-mobile .loginForm .form-item_checkcode .check-code {
  width: 30%;
  height: .63rem;
  position: absolute;
  top: .11rem;
  right: 0;
}
.login-mobile .loginForm .form-item_checkcode .text_msgCode {
  width: 35%;
  height: 100%;
  font-size: 14px;
  color: #0067E1;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 44px;
  box-sizing: border-box;
  text-align: right;
}
.login-mobile .loginForm .form-item_checkcode .text_msgCode_countingdown {
  color: #0067E1;
}
.login-mobile .loginForm .form-item_checkcode #text_msgCode,
.login-mobile .loginForm .form-item_checkcode #account_text_msgCode {
  cursor: pointer;
}
.login-mobile .loginForm .form-item_checkcode .text_msgCode_countingdown #text_msgCode,
.login-mobile .loginForm .form-item_checkcode .text_msgCode_countingdown #account_text_msgCode {
  cursor: default;
}
.login-mobile .loginForm .form-item_checkcode .form-item_clear,
.login-mobile #pwd-update .form-item_checkcode .form-item_clear {
  right: 36%;
}
.login-mobile .loginForm .login-btn {
  width: 87.5%;
  margin: .7rem auto 0;
  border: none;
  outline: none;
  padding: 0;
  background-image: url(../../statics/images/mobile/btn_stress.png);
  color: white;
  font-size: .32rem;
  display: block;
  height: .88rem;
  background-size: 100% 100%;
  background-color: transparent;
}
.login-mobile .loginForm .login-btn:active {
  background-image: none;
  background: linear-gradient(130deg, #0E209B 0%, #0052B4 100%);
  border-radius: 10px;
}
.login-mobile .info_text {
  width: 3rem;
  position: absolute;
  padding: .3rem 0;
  /* background-color: #fef0f0;
  border: 1px solid #fde2e2; */
  background-color: rgba(0, 0, 0, .7);
  color: white;
  /* color: #f56c6c; */
  padding: .16rem .24rem;
  font-size: .24rem;
  left: 50%;
  top: 21.8%;
  transform: translate(-50%, -50%);
  /* transform: translate(-50%, -100%) scale(0); */
  border-radius: .08rem;
  transition: opacity .4s ease-in-out;
  opacity: 0;
  text-align: center;
}
.login-mobile .login-form-wrap .sys-version{
  font-size: 0.45rem;
}
/* --==============================================-- */
/* --==============================================-- */
/* --==============================================-- */

/* PC端 */
.login-web {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../../statics/images/web/login-bg-full.png');
  background-size: cover;
}
/* 页面改版新增 */
.login-web .login-header {
  width: 100%;
  height: 70px;
  background-image: url('../../statics/images/web/login-bg-heder.png');
  background-repeat: no-repeat;
  background-size: 100% 90px;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-web .header-logo-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-web .header-logo-title .logo {
  width: 120px;
  height: 24px;
}
.login-web .header-logo-title .line {
  width: 1px;
  height: 35px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0 8px;
}
.login-web .header-logo-title .title {
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  font-style: normal;
}



/* PC端-表单 */
.login-web .login-form {
  width: 782px;
  height: 464px;
  background-color: #FFFFFF;
  box-shadow: 1px 2px 9px 0px rgba(77,82,87,0.4);
  border-radius: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -46%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-web .login-form .login-border-bg {
  width: 372px;
  height: 464px;
  background-image: url('../../statics/images/web/login-board-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.login-web .login-form .login-border-bg .login-title {
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  letter-spacing: 2px;
  text-align: center;
  font-style: normal;
  margin-top: 119px;
}

.login-web .loginForm {
  padding: 32px 48px 0;
}
.login-web .login-form .login-form-wrap {
  width: 410px;
  height: 464px;
}
.login-web .login-form .login-form-wrap .login-function-desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 50px;
  margin-top: 76px;
}
.login-web .login-form .login-form-wrap .line {
  width: 2px;
  height: 17px;
  background: #0067E1;
  border-radius: 4px;
  margin-right: 4px;
}
.login-web .login-form .login-form-wrap .desc {
  font-weight: 400;
  font-size: 18px;
  color: #014EBB;
  line-height: 27px;
  letter-spacing: 1px;
  font-style: normal;
}


.login-web #pwd-update .prev_username {
  font-size: 14px;
  text-align: left;
  padding-bottom: 10px;
}
.login-web .loginForm .form-item,
.login-web #pwd-update .form-item {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}
.login-web .loginForm .form-item + .form-item,
.login-web #pwd-update .form-item + .form-item  {
  margin-top: 20px;
}
.login-web .loginForm .form-item .form-item_icon,
.login-web #pwd-update .form-item .form-item_icon {
  float: left;
  background-size: 100%;
  font-size: 14px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 11px;
  left: 11px;
  color: #C6CAD1;
}
.login-web .loginForm .form-item input,
.login-web #pwd-update .form-item input {
  line-height: 21px; 
  font-size: 14px;
  color: #333333;
  outline: none;
  border: none;
  padding: 11px 22px 11px 46px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #D2D6DA;
  flex: 1;
}
.login-web .loginForm .form-item input:focus {
  border-bottom-color: #0067E1;
}
.login-web .loginForm .form-item .form-item_icon_user::before {
  content: "\e68d";
}
.login-web .loginForm .form-item .form-item_icon_pwd::before,
.login-web #pwd-update .form-item .form-item_icon_pwd::before {
  content: "\e68b";
}
.login-web .loginForm .form-item .form-item_icon_check::before {
  content: "\e68c";
}
.login-web .loginForm .form-item input:focus + .form-item_icon::before {
  color: #0067E1;
}
.login-web .loginForm .form-item .form-item_clear,
.login-web #pwd-update .form-item .form-item_clear {
  display: none;
}
.login-web .loginForm .form-item .form-item-pwd_toggle,
.login-web #pwd-update .form-item .form-item-pwd_toggle {
  width: 22px;
  height: 22px;
  background-size: 100%;
  background-position: 0 0;
  position: absolute;
  top: 11px;
  right: 0;
  background-image: url(../../statics/images/mobile/ico_hidden.png);
}
.login-web .loginForm .form-item .form-item-pwd_toggle.toggle_visiable,
.login-web #pwd-update .form-item .form-item-pwd_toggle.toggle_visiable {
  background-image: url(../../statics/images/mobile/ico_visiable.png);
}
.login-web .loginForm .form-item_checkcode {
  justify-content: flex-end;
}
.login-web .loginForm .form-item_checkcode input {
  flex: initial;
  width: 47%;
}
.login-web .loginForm .form-item_msgCode input {
  width: 100%;
}
.login-web .loginForm .form-item_checkcode .check-code {
  width: 30%;
  height: 40px;
  position: absolute;
  top: -3px;
  right: 0;
}
.login-web .loginForm .form-item_checkcode .text_msgCode {
  width: 35%;
  height: 100%;
  font-size: 14px;
  color: #0067E1;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 44px;
  box-sizing: border-box;
  text-align: right;
}
.login-web .loginForm .form-item_checkcode .text_msgCode:hover {
  color: #4C94E9;
}
.login-web .loginForm .form-item_checkcode .text_msgCode_countingdown {
  color: #0067E1;
}
.login-web .loginForm .form-item_checkcode .text_msgCode_countingdown:hover {
  color: #0067E1;
}
.login-web .loginForm .form-item_checkcode #text_msgCode,
.login-web .loginForm .form-item_checkcode #account_text_msgCode {
  cursor: pointer;
}
.login-web .loginForm .form-item_checkcode .text_msgCode_countingdown #text_msgCode,
.login-web .loginForm .form-item_checkcode .text_msgCode_countingdown #account_text_msgCode {
  cursor: default;
}
.login-web .loginForm .login-btn {
  margin: 20px auto 0;
  border: none;
  outline: none;
  padding: 0;
  color: white;
  font-size: 14px;
  display: block;
  height: 56px;
  border-radius: 4px;
  letter-spacing: 5px;
  cursor: pointer;
  position: relative;

  width: 210px;
  height: 34px;
  background: linear-gradient( 134deg, #0C47D8 0%, #4DA2FF 100%);
  box-shadow: 0px 4px 9px 0px rgba(122,162,211,0.5);
  border-radius: 4px;
}
.login-web .loginForm .login-btn::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.login-web .loginForm .login-btn:hover::before {
  background-color: rgba(255, 255, 255, .25);
}
.login-web .loginForm .login-btn:active::before {
  background-color: rgba(0, 0, 0, .25);
}


.login-form-wrap .version {
  margin-top: 15px;
}
.login-form-wrap .sys-version {
  font-size: 14px;
  color: #8B96A6;
  text-align: center;
  width: 100%;
  transform: scale(.75);
}
.login-form-wrap .browser-version {
  font-size: 12px;
  color: #8B96A6;
  text-align: center;
  width: 100%;
  transform: scale(.75);
}

/* 弹窗 */
.login-web .js_dialog .weui-mask,
.login-mobile .js_dialog .weui-mask{
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
}
.login-web .js_dialog .weui-dialog,
.login-mobile .js_dialog .weui-dialog {
  position: fixed;
  top: 50%;
  z-index: 5000;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  background-color: #fff;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  max-height: 90%;
  margin: 0 auto;
}
.login-web .js_dialog .weui-dialog {
  width: 320px;
  left: 16px;
  right: 16px;
  border-radius: 12px;
}
.login-mobile .js_dialog .weui-dialog {
  width: 6.4rem;
  left: .32rem;
  right: .32rem;
  border-radius: .24rem;
}
.login-web .js_dialog .weui-dialog .weui-dialog__bd,
.login-mobile .js_dialog .weui-dialog .weui-dialog__bd {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  line-height: 1.4;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: rgba(0,0,0,0.5);
  color: var(--weui-FG-1);
  font-weight: 700;
  color: rgba(0,0,0,0.9);
  color: var(--weui-FG-0);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.login-web .js_dialog .weui-dialog .weui-dialog__bd {
  padding: 0 24px;
  margin-bottom: 32px;
  font-size: 17px;
  min-height: 40px;
  padding: 32px 24px 0;
}
.login-mobile .js_dialog .weui-dialog .weui-dialog__bd {
  padding: 0 .48rem;
  margin-bottom: .64rem;
  font-size: .34rem;
  min-height: .8rem;
  padding: .64rem .48rem 0;
}
.login-web .js_dialog .weui-dialog .weui-dialog__ft,
.login-mobile .js_dialog .weui-dialog .weui-dialog__ft {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.login-web .js_dialog .weui-dialog .weui-dialog__ft {
  line-height: 56px;
  min-height: 56px;
  font-size: 17px;
}
.login-mobile .js_dialog .weui-dialog .weui-dialog__ft {
  line-height: 1.12rem;
  min-height: 1.12rem;
  font-size: .34rem;
}
.login-web .js_dialog .weui-dialog .weui-dialog__ft::after,
.login-mobile .js_dialog .weui-dialog .weui-dialog__ft::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  color: rgba(0,0,0,0.1);
  color: var(--weui-DIALOG-LINE-COLOR);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.login-web .js_dialog .weui-dialog .weui-dialog__ft::after {
  height: 1px;
  border-top: 1px solid rgba(0,0,0,0.1);
}
.login-mobile .js_dialog .weui-dialog .weui-dialog__ft::after {
  height: .01rem;
  border-top: .01rem solid rgba(0,0,0,0.1);
}
.login-web .js_dialog .weui-dialog .weui-dialog__ft .weui-dialog__btn,
.login-mobile .js_dialog .weui-dialog .weui-dialog__ft .weui-dialog__btn {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  color: #576b95;
  font-weight: 700;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  position: relative;
}

.login-web .js_dialog .weui-dialog .weui-dialog__ft .weui-dialog__btn::after,
.login-mobile .js_dialog .weui-dialog .weui-dialog__ft .weui-dialog__btn::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-left: 1px solid rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.login-web .js_dialog .weui-dialog .weui-dialog__ft .weui-dialog__btn_default,
.login-mobile .js_dialog .weui-dialog .weui-dialog__ft .weui-dialog__btn_default {
  color: rgba(0,0,0,0.9);
}

.bottom-email{
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  padding-bottom: 20px;
  font-size: 12px;
  color: #6e6e6e;
}
.bottom-email-1{
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  padding-bottom: 40px;
  font-size: 12px;
  color: #6e6e6e;
}



.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
  opacity: 0;
}

.toast {
  width:  150px;
  position: absolute;
  padding: 15px 0;
  /* background-color: #fef0f0;
  border: 1px solid #fde2e2; */
  background-color: rgba(0, 0, 0, .7);
  color: white;
  /* color: #f56c6c; */
  padding: 8px 12px;
  font-size: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* transform: translate(-50%, -100%) scale(0); */
  border-radius: 4px;
  transition: opacity .4s ease-in-out;
  opacity: 1;
  text-align: center;
  z-index: 10002;
}



.fade-enter-active, .fade-leave-active {
  transition: opacity 1s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
  opacity: 0;
}

.mask{
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 10002;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}

.bottom-email-2 {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  font-size: 14px;
  color: #6e6e6e;

}
.bottom-email-2 .link {
  color: #6e6e6e;
  text-decoration: none;
}

.form-item_checkbox {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: rgba(0, 0, 0, .85);
  margin-top: 15px;
}
.form-item_checkbox span {
  color: #0067e1;
  cursor: pointer;
  text-decoration: underline;
}

/* 弹窗样式 */
.text-content {
  background: #fff;
  width: 763px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  padding: 25px 25px 30px;

  font-size: 16px;
}
.text-content h3 {
  font-size: 18px;
  text-align: center;
  color: #464646;
  margin-bottom: 30px;
}
.text-content #close {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 1;
  right: 20px;
  cursor: pointer;
  top: 30px;
}
.xieyi {
  height: 500px;
  overflow-y: auto;

}

.text-content .xieyi h5 {
    font-size: 16px;
    color: #111010;
    margin-bottom: 30px;
    line-height: 8px;
    font-weight: 700;
}

.text-content .xieyi p{
  line-height: 30px;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 0;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.4s;
}

.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
  opacity: 0;
}

.maskxieyi {

  position: fixed;
  z-index: 998;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}

 /* 滚动条样式 */
 ::-webkit-scrollbar {
  width: 12px; /* 滚动条宽度 */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* 滚动条轨道背景 */
  border-radius: 10px; /* 轨道圆角 */
}

::-webkit-scrollbar-thumb {
  background: rgb(202,217,236); /* 滚动条滑块颜色 */
  border-radius: 10px; /* 滑块圆角 */
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(202,217,236,.7);  /* 滑块悬停颜色 */
}