.group > .headershort {
  border-bottom: 6px solid #4c99eb;
}
.login_box {
  position: relative;
  height: 580px;
  background: url(../../img/logginbg_group.png) no-repeat top center;
  /*background-size: auto 100%;*/
}
.mark_box {
  -webkit-background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 580px;
  z-index: 10;
}
.logo_tklogo {
  height: 66px;
  float: left;
}
.logo_tklogo li {
  float: left;
  padding: 0 20px 0 20px;
  border-left: 2px solid #e9e9e9;
}
.footer {
  text-align: center;
  width: 100%;
  color: #666666;
  background: none;
}

.login_main {
  width: 400px;
  position: absolute;
  right: 8%;
  top: 10%;
  box-shadow: 10px 10px 0 rgba(255, 255, 255, 0.5);
  max-width: 2000px;
  z-index: 100;
}

.login_usertype {
  height: 50px;
  line-height: 50px;
  width: 428px;
  -webkit-box-shadow: 0 0 15px #cccccc;
  -moz-box-shadow: 0 0 15px #cccccc;
  box-shadow: 0 0 15px #cccccc;
  position: absolute;
  bottom: -10px;
  left: -10px;
  background: #ffffff;
  font-size: 14px;
  color: #878787;
  text-align: center;
}
.login_usertype li {
  float: left;
  width: 50%;
  text-align: center;
  height: 20px;
  font-size: 18px;
  color: #636363;
}
.login_main_input {
  background: #ffffff;
  padding-bottom: 55px;
  position: relative;
}
#typelabel {
  position: absolute;
  top: 0;
  right: 0;
}
.login_logintype {
  width: 360px;
  height: 70px;
  margin: 0 0 0 20px;
  padding-top: 20px;
}

.login_logintype span {
  display: inline-block;
  width: 165px;
  height: 54px;
  color: #999;
  text-align: center;
  line-height: 54px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
.login_logintype .active {
  color: #333;
  border-bottom: 3px solid #4c99eb;
}

.login_login_group {
  height: 62px;
  vertical-align: bottom;
  padding-top: 27px;
  position: relative;
}
#user_name.placeholder {
  background: url(../../img/user_name.png) no-repeat left center;
}
#user_pwd.placeholder {
  background: url(../../img/user_pwd.png) no-repeat left center;
}
#user_phone.placeholder {
  background: url(../../img/user_phone.png) no-repeat left center;
}
#user_phone_code.placeholder {
  background: url(../../img/user_phone_code.png) no-repeat left center;
}

#mvaildCode.placeholder {
  background: url(../../img/codetip.png) no-repeat left center;
}
.login_login_group i {
  display: inline-block;
  text-align: center;
  padding-top: 5px;
  height: 34px;
  width: 34px;
  float: left;
  margin: 0 5px 0 30px;
}

.login_login_group input {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  width: 291px;
  font-size: 16px;
  float: left;
  outline: none;
  border: none;
  border-bottom: 1px solid #ccc;
  color: #333333;
  letter-spacing: 1px;
}
#user_pwd {
  letter-spacing: 2px;
}
#check_num {
  position: absolute;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  right: 40px;
  bottom: 3px;
  padding: 0 10px;
  cursor: pointer;
}
.error_msg {
  margin-top: 10px;
  font-size: 12px;
  padding-left: 68px;
  color: #f35455;
}
.login_submit {
  width: 330px;
  height: 40px;
  color: #ffffff;
  background: url(../../img/btnbg2.png) repeat-y center center;
  font-size: 16px;
  letter-spacing: 10px;
  line-height: 40px;
  text-align: center;
  margin: 10px auto 0 auto;
  padding-left: 10px;
  cursor: pointer;
}
#other_serves {
  padding: 0 35px;
  margin-top: 20px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
}
.find_password {
  float: right;
}
.find_password {
  color: #4c99eb;
}
#login_register {
  color: #4c99eb;
  text-decoration: none;
}
.login_login_group .user_checknum {
  width: 200px;
  margin: 0 10px 0 0;
}
#user_phone_code {
  width: 180px;
  font-size: 16px;
}
.getmobelcheck {
  background: #4c99eb;
}
.noegetmobelcheck {
  background: #cccccc;
}
.wait_box {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: url(../../img/mask.png);
  z-index: 999;
}
.wait_box > img {
  position: absolute;
  left: 44%;
  top: 35%;
}
.footer .energy {
  background: none !important;
}
.foot > .footer {
  color: #666;
  background: none !important;
}
.foot > .footer .footer-link {
  display: none;
}
.footer > .energy {
  display: none;
}
.login_usertype b {
  color: #4c99eb;
  cursor: pointer;
  text-decoration: underline;
}
.login_usertype i {
  font-style: normal;
}
#typelabel {
  position: absolute;
  top: 0;
  right: 0;
}
input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset !important;
}

.mask {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.activation-prompt {
  width: 868px;
  height: 381px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  color: #2b2c2e;
}

.close {
  width: 18px;
  height: 18px;
  position: fixed;
  right: 16px;
  cursor: pointer;
}

.activation-prompt h3 {
  font-size: 18px;
}

.tips {
  width: 520px;
  padding: 8px 0;
  background: rgba(246, 119, 0, 0.08);
  border-radius: 2px;
  color: #f67700;
  display: flex;
  align-items: flex-start;
  margin-top: 16px;
  font-size: 14px;
}

.tips img {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 8px;
  margin-left: 16px;
}

.form {
  width: 520px;
  /* background-color: #ccc; */
  height: 110px;
  padding-left: 52px;
  color: #515254;
  margin: 27px 0 32px;
}

.form > div {
  position: relative;
}

.form > div > img {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 55px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.form input {
  width: 340px;
  height: 34px;
  border-radius: 2px;
  border: 1px solid #ccc;
  margin-left: 16px;
  text-indent: 16px;
}

.form input:focus {
  outline: #3d82e9 1px solid;
  border: none;
}

.pwd-tip {
  color: #9fa0a1;
  font-size: 12px;
  margin: 8px 0 16px 80px;
  display: flex;
  align-items: center;
}

.pwd-tip .errmsg {
  color: #f44e46;
}

.pwd-tip img {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}

.checkdiv {
  font-size: 14px;
  display: flex;
}

.checkdiv span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-left: 16px;
  background: url('//static.tkpension.com/icon/uncheck.png') no-repeat center;
  background-size: cover;
  cursor: pointer;
}

.checkdiv span.checked {
  background: url('//static.tkpension.com/icon/check.png') no-repeat center;
  background-size: cover;
}

.checkdiv a {
  color: #3a7ce5;
}

.btns {
  margin-top: 24px;
  display: flex;
}

.btns div {
  width: 136px;
  height: 40px;
  color: #8792ad;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.btns .cancel {
  border: 1px solid #8792ad;
}

.btns .activation {
  margin-left: 48px;
  color: #fff;
  background: linear-gradient(270deg, #6fb7f5 0%, #3c81e8 100%);
  opacity: 0.6;
}

.btns .active {
  opacity: inherit;
}