@charset "UTF-8";

/** created 2019.7.22  用于登录页面的样式*/
html,
body {
  height: 100%;
}

.bgimg{background: url(../temp/bg.png) center top / cover no-repeat}


[v-cloak] {
  display: none;
}

input {
  -moz-appearance: button;
  /* Firefox */
  -webkit-appearance: button;
  /* Safari 和 Chrome */
  appearance: button;
}

.col-blue {
  color: #3A8BFF;
}

.fs15 {
  font-size: 15px;
}

.clearaft:after {
  content: '';
  display: block;
  clear: both;
}

::-webkit-input-placeholder {
  color: #CAD0E6 !important;
  text-overflow: ellipsis;
}

:-moz-placeholder {
  color: #CAD0E6 !important;
  text-overflow: ellipsis;
}

::-moz-placeholder {
  color: #CAD0E6 !important;
  text-overflow: ellipsis;
}

:-ms-input-placeholder {
  color: #CAD0E6 !important;
  text-overflow: ellipsis;
}

input:-moz-placeholder,
input::-moz-placeholder {
  opacity: 1;
}

/**返回*/
.icon-back:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/login/icon-back.png") no-repeat center;
  background-size: cover;
  position: relative;
  top: 2px;
  margin-right: 6px;
}

/**密码锁*/
.icon-pwd:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-password.png") no-repeat center;
  background-size: cover;
}

/**闭眼*/
.icon-eye-close:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-eye-close.png") no-repeat center;
  background-size: cover;
  vertical-align: middle;
  cursor: pointer;
}

/**睁眼*/
.icon-eye-open:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-eye-open.png") no-repeat center;
  background-size: cover;
  vertical-align: middle;
  cursor: pointer;
}

/**手机*/
.icon-tel:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-tel.png") no-repeat center;
  background-size: cover;
  vertical-align: middle;
}

/**学校单位*/
.icon-school:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-school.png") no-repeat center;
  background-size: cover;
}

/**邮箱*/
.icon-email:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-email.png") no-repeat center;
  background-size: cover;
}

/**用户名*/
.icon-person:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-person.png") no-repeat center;
  background-size: cover;
}

/**性别*/
.icon-gender:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-gender.png") no-repeat center;
  background-size: cover;
  vertical-align: middle;
  margin-right: 11px;
}

.w_graycol {
  color: #CAD0E6;
  text-overflow: ellipsis;
}

/**职业类别*/
.icon-profession:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-profession.png") no-repeat center;
  background-size: cover;
  vertical-align: middle;
  margin-right: 11px;
}

/**国家*/
.icon-country:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-country.png") no-repeat center;
  background-size: cover;
  vertical-align: middle;
  margin-right: 11px;
}

/**学号/工号*/
.icon-card:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-card.png") no-repeat center;
  background-size: cover;
}

/**验证码icon*/
.icon-verify:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-verify.png") no-repeat center;
  background-size: cover;
}

/**向右小箭头*/
.icon-right:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url("../images/login/icon-right.png") no-repeat center;
  background-size: cover;
  margin-left: 5px;
}

/**姓名icon*/
.icon-person:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-person.png") no-repeat center;
  background-size: cover;
}

/**日期icon*/
.icon-date:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-date.png") no-repeat center;
  background-size: cover;
}

/*出生年月*/
.icon-daten:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-daten.png") no-repeat center;
  background-size: cover;
}




/*地址*/
.icon-address:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-address.png") no-repeat center;
  background-size: cover;
}


/*证件号码*/
.icon-id:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-id.png") no-repeat center;
  background-size: cover;
}




/*统一社会信用代码*/
.icon-creditcode:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-creditcode.png") no-repeat center;
  background-size: cover;
}



/*邮编*/
.icon-zipcode:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-zipcode.png") no-repeat center;
  background-size: cover;
}




/*邮箱*/
.icon-mailbox:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-mailbox.png") no-repeat center;
  background-size: cover;
}


/*邮寄地址*/
.icon-mailingaddress:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-mailingaddress.png") no-repeat center;
  background-size: cover;
}


/*抬头*/
.icon-lookup:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-lookup.png") no-repeat center;
  background-size: cover;
}


/*税号*/
.icon-dutyparagraph:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-dutyparagraph.png") no-repeat center;
  background-size: cover;
}

/*昵称*/
.icon-nickname:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/login/icon-nickname.png") no-repeat center;
  background-size: cover;
}


/*会员*/
.single-select-wrap .dropdown-toggle .filter-option {padding-left: 40px;}
.icon-member .dropdown-toggle:before{ background: url("../images/login/icon-member.png") no-repeat center !important;}

/*民族*/
.icon-nation .dropdown-toggle:before{ background: url("../images/login/icon-nation.png") no-repeat center !important;}

/*学员单位*/
.icon-studentunit .dropdown-toggle:before{ background: url("../images/login/icon-studentunit.png") no-repeat center !important;}

/*政治面貌*/
.icon-politicaloutlook .dropdown-toggle:before{ background: url("../images/login/icon-politicaloutlook.png") no-repeat center !important;}


/*专业*/
.icon-speciality .dropdown-toggle:before{ background: url("../images/login/icon-speciality.png") no-repeat center !important;}

/*最高学历*/
.icon-educationlevel .dropdown-toggle:before{ background: url("../images/login/icon-educationlevel.png") no-repeat center !important;}

/*统计岗位*/
.icon-statisticalposition .dropdown-toggle:before{ background: url("../images/login/icon-statisticalposition.png") no-repeat center !important;}


/*累计从事教育统计工作的时长*/
.icon-workinghours .dropdown-toggle:before{ background: url("../images/login/icon-workinghours.png") no-repeat center !important;}

/*专业技术职称*/
.icon-profess .dropdown-toggle:before{ background: url("../images/login/icon-profess.png") no-repeat center !important;}


/*是否为本单位在编人员*/
.icon-permanent .dropdown-toggle:before{ background: url("../images/login/icon-permanent.png") no-repeat center !important;}

/*七类人群定义*/
.icon-sevencategories .dropdown-toggle:before{ background: url("../images/login/icon-sevencategories.png") no-repeat center !important;}

/*省份*/
.icon-province .dropdown-toggle:before{ background: url("../images/login/icon-province.png") no-repeat center !important;}

/*培训对象*/
.icon-trainees .dropdown-toggle:before{ background: url("../images/login/icon-trainees.png") no-repeat center !important;}

/*学段/学科*/
.icon-stage .dropdown-toggle:before{ background: url("../images/login/icon-stage.png") no-repeat center !important;}


/*性别*/
.icon-gendern .dropdown-toggle:before{  background: url("../images/login/icon-gendern.png") no-repeat center !important;}



/**登录模块公共样式------start*/
.lg-container {
  position: relative;
  min-height: 100%;
  /*background-color: #F2F4F7;*/
  /*border-top: 1px solid #F2F4F7;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*overflow: hidden;*/
}

.mainwrap{position: relative;}
.lg-container .main {
  position: absolute;
  top: 50%;
  left: 50%;
  /*!*-webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));*!*/
  /*!*-moz-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));*!*/
  /*!*-ms-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));*!*/
  /*!*-o-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));*!*/
  /*!*transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));*!*/
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  /*margin: 0 auto;*/
}

.btn-big-blue {
  width: 360px;
  height: 48px;
  background: url("../images/login/bg-btn-def.png") no-repeat center;
  background-size: cover;
  box-shadow: 0 3px 12px 0 rgba(39, 125, 255, 0.3);
  border-radius: 24px;
  font-size: 18px;
  color: #ffffff;
  outline: none;
  margin-top: 40px;
  cursor: pointer;
  border: none;
}

.btn-big-blue:hover {
  background: url("../images/login/bg-btn-hover.png") no-repeat center;
  background-size: cover;
}

.btn-big-blue:active {
  background: url("../images/login/bg-btn-active.png") no-repeat center;
  background-size: cover;
}

.btn-big-blue.disable {
  background: url("../images/login/bg-btn-disable.png") no-repeat center;
  background-size: cover;
}

.lg-container .lg-item {
  width: 360px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 24px;
  font-size: 14px;
  color: #181E33;
  padding: 0;
  position: relative;
  /*height: 48px;*/
  /**  密码强中弱 标识*/
}

.lg-container .lg-item:before {
  position: absolute;
  top: 15px;
  left: 24px;
}

.lg-container .lg-item input {
  width: 100%;
  height: 48px;
  vertical-align: top;
  background-color: #FFFFFF;
  border: 1px solid #E3E8F0;
  outline: none;
  font-size: 14px;
  color: #181E33;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  padding: 0 24px 0 54px;
  box-sizing: border-box;
  display: block;
}

.lg-container .lg-item input:focus {
  border: 1px solid #3A8BFF;
  background-color: #ffffff;
}

.lg-container .lg-item .pd-right60 {
  padding-right: 60px;
}

.lg-container .lg-item .pos-r24 {
  position: absolute;
  top: 0;
  right: 24px;
}

.lg-container .lg-item .pwd-rule {
  font-size: 12px;
  color: #A8A8B3;
  padding-left: 24px;
  line-height: 1;
  margin-top: 6px;
  /*position: absolute;*/
}

.lg-container .lg-item .pwd-diff-list {
  padding-left: 24px;
  /*margin-top: 18px;*/
  line-height: 1;
}

.lg-container .lg-item .pwd-diff-list>a {
  display: inline-block;
  width: 40px;
  text-align: center;
  margin-right: 4px;
  padding-top: 10px;
  font-size: 12px;
  color: #A8A8B3;
}

.lg-container .lg-item .pwd-diff-list>a i {
  display: inline-block;
  width: 40px;
  height: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 4px;
  background: #E2E4EF;
}

.lg-container .lg-item .pwd-diff-list>a.diff1 {
  color: #181e33;
}

.lg-container .lg-item .pwd-diff-list>a.diff1>i {
  background: linear-gradient(90deg, #64aaff, #6494ff);
}

.lg-container .lg-item .pwd-diff-list>a.diff2 {
  color: #181e33;
}

.lg-container .lg-item .pwd-diff-list>a.diff2>i {
  background: linear-gradient(90deg, #638fff, #6077ff);
}

.lg-container .lg-item .pwd-diff-list>a.diff3 {
  color: #181e33;
}

.lg-container .lg-item .pwd-diff-list>a.diff3>i {
  background: linear-gradient(90deg, #6073ff, #5d5bff);
}

.lg-container input:focus {
  border: 1px solid #3A8BFF;
  background-color: #ffffff;
}

.lg-container .item-tel {
  margin-bottom: 24px;
  position: relative;
}

.lg-container .item-tel .tel-area {
  display: inline-block;
  width: 100px;
  height: 48px;
  line-height: 48px;
  background: #FFFFFF;
  border: 1px solid #e3e8f0;
  border-radius: 24px;
  padding-left: 24px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #646873;
  margin-right: 12px;
  cursor: pointer;
}

.lg-container .item-tel .px-tel-area {
  width: 130px;
  padding-left: 16px;
}

.lg-container .item-tel .px-tel-area:before{margin-right: 10px;vertical-align: middle;margin-top: -2px;}
.lg-container .item-tel .px-tel-area::after{vertical-align: middle;margin-top: 2px;}
.lg-container .item-tel .px-tel-area input{display: inline-block;width: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;border: none;cursor: pointer;color: #181E33;font-size: 14px;}
.lg-container .item-tel .px-tel-area input:focus{outline: none;}

.lg-container .item-tel .icon-down:after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 100%;
  background: url("../images/login/icon-down.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 20px;
  top: 0;
}

.lg-container .item-tel .icon-up:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.lg-container .item-tel .ipt-focus {
  width: 248px;
  height: 48px;
  outline: none;
  background: #ffffff;
  border: 1px solid #e3e8f0;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  font-size: 14px;
  color: #181E33;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-container .item-tel .px-ipt-focus{
  width: 218px;
}

.lg-container .item-tel .ipt-focus:focus {
  border: 1px solid #3A8BFF;
  background: #ffffff;
}

/*.lg-container .item-tel.error-tip {*/
/*margin-bottom: 40px;*/
/*}*/

.lg-container .item-tel.error-tip .err-txt {
  /*top: 48px;*/
  left: 112px;
}

.lg-container .error-tip {
  position: relative;
}

.lg-container .error-tip>input {
  border: 1px solid #FF5152 !important;
  background: #FFFFFF !important;
}

.lg-container .error-tip .err-txt {
  font-size: 12px;
  line-height: 1;
  color: #FF5152;
  padding: 6px 0 0 24px;
  /* position: absolute; */
  /*top: 48px;*/
  /* bottom: -18px; */
}

/*.lg-container .error-tip .top66{*/
/*top: 66px;*/
/*}*/

.lg-container .lg-top {
  line-height: 20px;
}

.lg-container .lg-top .back {
  position: absolute;
  top: 30px;
  left: 30px;
}

.lg-container .lg-top .service {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  color: #91A0B5;
  outline: none;
  z-index: 2;
}
.lg-bot{
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  color: #ababb3;
  font-size: 12px;
}
.ipt-focus:focus {
  border: 1px solid #3A8BFF !important;
  background: #ffffff !important;
}

.lg-title {
  color: #181E33;
  font-size: 20px;
  margin-bottom: 44px;
  margin-top: 0;
}
.w_logo{
  text-align: center;
  margin-bottom: 36px;
  margin-top: 20px;
}
.lg-titlemui{
  line-height: 26px;
  margin-bottom: 36px;
  margin-top: 20px;
}
.col-lightblue {
  color: #91A0B5;
}

.main-def-w {
  width: 540px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(175, 187, 204, 0.2);
  border-radius: 16px;
  padding: 88px 90px 92px;
}

.filter-list {
  display: none;
  width: 324px;
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  /*padding: 7px 2px;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f7f8fa;
  z-index: 2;
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 #AFBBCC;
  border-radius: 6px;
}

.filter-list.minWidth{
  width: 116px;
  left: 90px;
}

.filter-list .list-jg {
  max-height: 332px;
  overflow-y: auto;
}

.filter-list .list {
  max-height: 252px;
  overflow-y: auto;
}

.filter-list .dataSearch_bnt {
  display: inline-block;
  background: url("../images/login/icon-search.png") no-repeat center;
  background-size: cover;
  top: 9px;
}

.filter-list li {
  text-align: left;
  font-size: 14px;
  color: #181E33;
  line-height: 40px;
  height: 40px;
  padding: 0 12px;
  cursor: pointer;
  overflow: hidden;
}

.filter-list li:hover,
.filter-list li:active,
.filter-list li.current {
  background: #F7FAFC;
  color: #3A8BFF;
}

.filter-list li:hover span,
.filter-list li:active span,
.filter-list li.current span {
  color: #3A8BFF;
}

.filter-list li .fl {
  color: #181E33;
}

.filter-list li .fr {
  color: #646873;
}

.filter-list .li-search {
  padding: 9px 13px;
}

.filter-list .li-search .dataSearch {
  width: 100%;
}

.filter-list .li-search .dataSearch .dataSearch_input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.filter-list .li-search:hover {
  background: #ffffff;
}

/**美化滚动条*/
.beat-scroll::-webkit-scrollbar {
  width: 6px;
}

.beat-scroll::-webkit-scrollbar-track {
  background-color: #ffffff;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

.beat-scroll::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #E6E6E6;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

/**获取验证码-input*/
.item-getcode .ipt-code {
  padding-right: 130px !important;
}

.item-getcode .col-gray {
  color: #91A0B5;
}

.item-getcode .before-reget {
  display: none;
}

/**随机生成验证码*/
.item-code-random .ipt-code {
  width: 248px;
  height: 48px;
  outline: none;
  padding: 0 20px;
  background: #FFFFFF;
  border: 1px solid #e3e8f0;
  border-radius: 24px;
  font-size: 14px;
  color: #181E33;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.item-code-random .code-img {
  width: 95px;
  height: 37px;
  margin-top: 6px;
  margin-right: 2px;
}

/**跳过*/
.txt-skip {
  font-size: 14px;
  text-align: center;
  margin-top: 30px;
}

.txt-skip a {
  outline: none;
  color: #3A8BFF;
}

.margin-top30 {
  margin-top: 30px;
}

.margin-btm18 {
  margin-bottom: 18px;
}

.margin-btm24 {
  margin-bottom: 24px;
}

.margin-btm30 {
  margin-bottom: 30px;
}

.margin-btm32 {
  margin-bottom: 32px;
}

.margin-btm40 {
  margin-bottom: 40px;
}

.w-ipt-100 {
  width: 100%;
}

.w-ipt-80 {
  width: 80%;
}

.pd-lr-24 {
  padding: 0 24px;
}

.pd-btm100 {
  padding-bottom: 100px;
}

/**登录模块公共样式------end*/
/** 默认登录方式的样式-----start */
.default-login {
  width: 900px;
  /*height: 584px;*/
  /*overflow: hidden;*/
  box-shadow: 0 0 20px 0 rgba(175, 187, 204, 0.15);
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  position: relative;

}
.default-login:after{ content:''; display:block; clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

.default-login-min {
  width: 540px;
}

.default-login-min .default-login {
  width: 540px;
  /*height: 590px;*/
 padding-bottom:40px;
}

.default-login-min .lg-notice {
  width: 540px;
}

.default-login .left {
  width: 540px;
  height: 100%;
  padding: 68px 90px 51px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.default-login .left .line {
  margin-top: 20px;
  border-top: 1px dashed #F2F2F2;
  padding-top: 24px;
  text-align: center;
}

.default-login .right {
  height: 100%;
  width: 400px;
  padding: 155px 36px 0;
  border-left: 1px dashed #F2F2F2;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.default-login .right .ecode-box {
  border: 1px solid #F2F2F2;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding: 25px;
  margin-bottom: 20px;
}

.default-login .right .ecode-box img {
  width: 180px;
  height: 180px;
}

.default-login .right .tip {
  margin-bottom: 40px;
  font-weight: 400;
}

.default-login .item-pwd .ipt-pwd {
  padding-right: 140px;
}

.default-login .item-pwd .icon-eye {
  position: absolute;
  top: 0;
  right: 110px;
}

/** 默认登录方式的样式-----end */
/**初始化密码----------start */
.init-password {
  padding-top: 68px;
}

/**初始化密码----------end */
/**完善个人信息+初始化密码----------start */
.init-perfect-msg {
  min-height: 800px;
  overflow: auto;
}

.init-perfect-msg .main {
  width: auto;
  padding: 68px 0 92px;
}

.init-perfect-msg .lg-title {
  margin-bottom: 25px;
}

.init-perfect-msg .item {
  padding: 0 90px;
}

.init-perfect-msg .item-line {
  border-bottom: 1px dashed #F2F2F2;
  padding-bottom: 36px;
  margin-bottom: 28px;
}

.init-perfect-msg .btn-big-blue {
  display: block;
  margin: 40px auto 0;
}

.init-perfect-msg .btns-box {
  width: 360px;
  padding-top: 40px;
  margin: 0 auto;
}

.init-perfect-msg .btns-box .btn-big-blue {
  margin-top: 0;
}

/**完善个人信息+初始化密码----------end */

.btns-box {
  position: relative;
}

.btns-box .err-tip {
  font-size: 12px;
  color: #FF5152;
  margin-top: 6px;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 24px;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #F7F8FA inset !important;
}

/*登录通知提示*/
.lg-notice {
  padding: 23px 30px;
  background: #ffffff;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
  margin-top: 20px;
  box-shadow: 0 0 20px 0 rgba(175, 187, 204, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  margin-bottom: 76px;
}

.lg-notice .msg-title {
  font-size: 20px;
  color: #181E33;
}

.lg-notice p {
  font-size: 13px;
  color: #0C0015;
  text-align: center;
  line-height: 24px;
}
.lg-notice img{
  display:block;
  max-width:100%;
}
.default-login-main {
  max-width: 900px;
}

.default-login-main .lg-notice {
  width: 900px;
}

/*通知-登录并列居中*/
.loginwrap_justify{
  overflow: hidden;
  min-width: 1220px;

}
.loginwrap_justify .default-login{
  float: right;
}
.loginwrap_justify .lg-notice{
  float: left;
  width: 300px;
  position: static;
  height: 620px;
  overflow: auto;
  margin: 0;
}
/*通知上-登录下*/
.lg-container .loginwrap_top{
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 20px;
}
.loginwrap_top .lg-notice{
  position: static;
  margin-top: 0;
  margin-bottom: 20px;
}

/*手机号登录和机构登录切换*/
.login-tab-box .tab-head {
  overflow: hidden;
  margin-bottom: 40px;
}

.login-tab-box .tab-list {
  display: none;
}

.login-tab-box .tab-head .tab-t {
  float: left;
  display: inline-block;
  width: 50%;
  text-align: center;
  font-size: 20px;
  color: #C7C8D4;
  border-bottom: 2px solid #F2F2F2;
  padding-bottom: 12px;

}

.login-tab-box .tab-head .tab-t.current {
  color: #181E33;
  border-color: #3A8BFF;
}


/* 20210309 */
.main-def-w960{
  width: 960px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(175, 187, 204, 0.2);
  border-radius: 16px;
  padding: 77px 0 53px 80px;
}

.px_w360 {
  width: 360px;
}

.main-def-w960 .px_item{
  float: left;
  margin-right: 80px;
}

.main-def-w960 .px_item:nth-child(2n) {
  /*margin-right: 0px;*/
}

.px_clearf::after {
  content: "";
  display: block;
  clear: both;
}

.px_warn_icon {
  position: absolute;
  color: #ff7d7e;
  font-size: 24px;
  right: -24px;
  top: 0px;
  line-height: 48px;
}


.px_form02_box{
  position: relative;
  padding-top: 40px;
}

.px_title {
  font-size: 12px;
  color: #a8a8b3;
  padding-left: 11px;
  padding-right: 70px;
  line-height: 30px;
  background-color: #fff;
  position: absolute;
  top: -15px;
}

.icon-edit:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 16px;
  background: url(../images/login/icon-eadit.png) no-repeat center;
  background-size: cover;
}
.dropdown-toggle:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  /*background: url(../images/login/icon-default.png) no-repeat center  !important;*/
  background: url(../images/login/icon-eadit.png) no-repeat center !important;
  background-size: cover;
  position: absolute;
  top: 15px;
  left: 24px;
}
.chosen-container-single .chosen-single:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 16px;
  background: url(../images/login/icon-default.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 15px;
  left: 24px;
}

.lg-container .btn-center{margin-left:auto;display: block;margin-right:auto;}


.selectH{height: 48px;}
.selctsm{width: 31.4%}
.selctsmid{width:32.5% }

.px-mask{position: fixed;left: 0;top: 0;opacity: .2;width: 100%;height: 100%;background-color: #000;display: none;;z-index: 99;}
.px-pop{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);background-color: #fff;display: none;z-index: 100;border-radius: 10px;overflow: hidden}
.popHead{line-height:60px;height:60px;background: #FFFFFF;box-shadow: inset 0 -1px 0 0 rgba(242,242,242,0.80);left:0;top:0;width:100%;padding:0 30px;box-sizing: border-box;}
.popWord {
  padding: 26px 30px;color: #474C59;font-size: 16px;min-width: 220px;
}
.popBottom{width:100%;height:53px;background:#fff;padding-top:17px;}
.popBottom a{margin-right:30px;}
.shadowBox{box-shadow: 0 -1px 4px 0 rgba(209,209,209,0.18);}
.het72{width:100%;height:72px;}
.btnBlue{border: 1px solid #8CBCFF;border-radius: 20px;display:inline-block;width:90px;height:34px;text-align:center;line-height:34px;color: #3A8BFF;}
.btnBlue:hover{background: #EAF0FF;color:#3A8BFF;}
.btnBlue:active{background: #E4ECFF;}
.btn_92_cancel:hover{background:none}
.btn_92_cancel:active{background:none}
.btn_104{width:102px;}

.fixHeight{height: 192px;overflow-y: auto;}
.warnTxt{font-size: 16px;color: #F3B266;line-height: 28px;text-align: center;}
.warnTxt i{display: inline-block;width: 20px;height: 20px;background: url(../images/warn.png)no-repeat center/20px;vertical-align: middle;margin-right: 8px;}
.blackTxt{line-height: 28px;padding-top: 20px;text-align: center;color: #333;font-size: 16px;}
.grayTxt{line-height: 28px;padding-top: 20px;text-align: center;color: #999999;font-size: 16px;}
.blackTxt02{line-height: 28px;padding-top: 10px;text-align: center;color: #333;font-size: 16px;}

.w_smtit{max-width: 53px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.moremenu .menu{
  width: 100%;
  /* margin-right: 1%; */
  margin-bottom: 24px;
}
.moremenu .menu.half{
  width: 49%;
  margin-right: 1%;
  margin-bottom: 24px;
}
.moremenu .menu:nth-child(2n){
  margin-right: 0;
}
/* .moremenu .menu:nth-last-of-type(1){
  margin-bottom: 0;
} */
.main-def-w960 .moremenu .menu{width: 360px;margin-right: 10px; margin-bottom: 0;}
.main-def-w960 .moremenu .menu.half{width: 192px;}
.main-def-w960 .moremenu .menu:nth-last-of-type(1){margin-right: 0;}

.lg-container .main.position_left.loginwrap_justify{
  left: 25px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.lg-container .main.position_left{
  left: 235px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.lg-container .main.position_right{
  left: auto;
  right: 200px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* 两列样式 */
.lg-container .main.twoColumns{
  width: 980px;
}
.lg-container  .main.twoColumns .lg-item,.lg-container .main.twoColumns .item-tel{
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  min-height: 66px;
}
.lg-container .main.twoColumns .lg-item.colAll{
  width: 90%;
  float: none;
  clear: both;
}
.lg-container .main.twoColumns .lg-item .pwd-rule{
  /* position: absolute; */
  /* top: 46px; */
}

.main.twoColumns .px_form01_box::after,.main.twoColumns .px_form02_box::after{
  content: "";
  display: block;
  clear: both;
}

/* 2022.1.11新增 */
/* 登录右侧二维码支持切换 */
.default-login .right.tab_ewm{padding-top: 117px;}
.l_nl_top{margin-bottom: 18.5px;height: 62px;}
.l_nl_tabbox{position: relative;width: 62px;height: 62px;background-color: #CFD8E6;border-radius: 6px;}
.l_nl_tabbox img{display: block;margin-top: 7px;margin-right: 7px;}
.l_nl_tabtxt,.l_nl_hidden{position: absolute;}
.l_nl_top .l_nl_hidden{bottom: 0;left: 0;width: 0;height: 0;border:31px solid #fff;border-top-color: transparent !important;border-right-color: transparent !important;cursor: pointer;display: block;}
.l_nl_tabtxt{right: 73px;top: 4px;white-space: nowrap;background-color: #d8e8ff;height: 40px;line-height: 40px;color: #3A8BFF;border-radius: 6px;font-size: 14px;}
.l_nl_rel{position: relative;padding-left:8px;padding-right: 15px;}
.l_nl_rel::after{content: '';position: absolute;width: 0;height: 0;border: 8px solid #d8e8ff;border-top-color: transparent;border-right-color:transparent;border-bottom-color: transparent;right: -16px;top: 12px;}
.l_nl_tabtxt{display: none;}
.l_nl_tabbox:hover .l_nl_tabtxt{display: block;}
.default-login .right.tab_ewm .ecode-box{padding: 0px;border: 0px;}
/* .default-login .right.tab_ewm .ecode-box.WEIXIN_BOX{width: 220px;height: 260px;padding: 6px;box-sizing: border-box;margin: 0 auto;text-align: center;box-shadow: 0 0 30px 0 rgba(43, 51, 59, 0.16);} */
.l_nl_ewm{padding: 12px;}
.l_nl_ewm img{vertical-align: middle;display: inline-block;}
.l_nl_txt{text-align: center;color: #181E33;font-size: 16px;line-height: 26px;padding-top: 4px;}


.err-wrap{position: absolute;top: 50px;}
.lg-container .main.twoColumns .pic-item{min-height: 98px}
.lg-container .main.twoColumns .pic-item .err-wrap{top: 78px;}
.lg-container .main.twoColumns .file-item .err-wrap{top: 43px;}
.lg-container .main.twoColumns .file-item .err-wrap .err-txt{padding-left: 0}



.icon-institution .px_tree_stit:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/login/icon-institution.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 15px;
  left: 24px;
}


.icon-studentunit .px_tree_stit:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/login/icon-studentunit.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 15px;
  left: 24px;
}

.px_form02_box{}

/*日期选择器去除秒**/
.layui-laydate-second .layui-laydate-content > .layui-laydate-list {
  padding-bottom: 0px;
  overflow: hidden;
}

/* 解决时分问题 */
.layui-laydate-second .layui-laydate-content > .layui-laydate-list.laydate-time-list > li {
  width: 50%;
  -webkit-transition-duration:0s;
  transition-duration:0s;
}