.show {
  display: block!important;
}
.hide {
  display: none!important;
}
.none-dom {
  visibility: hidden;
}
body {
  background: #f9f9f9;
}
.mod-1120 {
  padding: 0 40px;
  width: 1120px;
}
.sso-1200 {
  width: 1200px;
  margin: 0 auto;
}
.sso-700 {
  width: 700px;
  margin: 0 auto;
}
.sso_logo {
  height: 95px;
}
.sso_logo a {
  display: block;
  margin: 25px 0 0 25px;
  width: 120px;
}
.sso_logo a img {
  width: 120px;
  height: 55px;
}
.sso-login {
  width: 100%;
  min-width: 1200px;
  height: 600px;
  overflow: hidden;
  position: relative;
}
.sso-login .sso-banner {
  width: 1920px;
  height: 600px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  z-index: 2;
}
.sso-login .sso-content {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
  height: 600px;
}
.sso-login .sso-content .sso-form {
  width: 334px;
  height: 452px;
  padding: 38px 38px 0 38px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -245px;
  z-index: 3;
  background: #fff;
}
.sso-login .sso-content .sso-form .title-tab .tab-login {
  width: 165px;
  height: 40px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.sso-login .sso-content .sso-form .title-tab .tab-login .tab-login-span {
  font-size: 18px;
  color: #6c6c6c;
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
  line-height: 25px;
}
.sso-login .sso-content .sso-form .title-tab .tab-login.active .tab-login-span {
  color: #e4002c;
  border-bottom: 2px solid #e4002c;
}
.sso-login .sso-content .sso-form .title-tab .tab-login:last-child:before {
  content: '';
  width: 1px;
  height: 24px;
  border-left: 2px solid #dcdcdc;
  position: absolute;
  top: 0;
  left: 0;
}
.register-form {
  background: #fff;
  padding: 50px 180px;
}
.register-form .sso-register-title h1 {
  font-size: 24px;
  color: #343434;
  text-align: center;
  margin-bottom: 25px;
}
.register-form .sso-register-title a {
  font-size: 14px;
  color: #a2a2a2;
}
.register-form .sso-register-title a:hover {
  color: #e4002c;
}
.register-form .sso-weixin-register .weixin-icon {
  margin: 0 auto;
  width: 96px;
  height: 96px;
  border-radius: 50px;
  overflow: hidden;
}
.register-form .sso-weixin-register .weixin-icon img {
  width: 96px;
  height: 96px;
}
.register-form .sso-weixin-register .weixin-name {
  font-size: 16px;
  color: #6c6c6c;
  text-align: center;
}
.mt-15 {
  margin-top: 15px;
}
.mb-15 {
  margin-bottom: 15px;
}
.sso-login-input {
  width: 290px;
  height: 20px;
  border: 1px solid #e8e8e8;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 20px;
}
.sso-login-input.focus {
  border: 1px solid #e4002c;
}
.login-sms-input {
  width: 170px;
}
.login-sms-btn {
  width: 112px;
  border: 1px solid #e8e8e8;
  height: 40px;
  margin-left: 5px;
  outline: none;
}
.login-sms-btn.u-btn-orange {
  background: #fff;
  color: #6c6c6c;
}
.error-tips-content {
  padding: 6px 0;
  height: 18px;
  font-size: 14px;
  color: #e4002c;
}
.error-tips-content .error {
  cursor: context-menu;
}
.error-tips-content i {
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.sso-login-btn {
  width: 332px;
  height: 42px;
  text-align: center;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.remember-register {
  font-size: 14px;
  color: #a3a3a3;
  margin-top: 15px;
}
.sso-checkbox {
  position: relative;
}
.sso-checkbox .sso-lr-label.active .cbb-iconfont {
  display: block;
}
.sso-checkbox .iconfont-checkbox {
  border: 1px solid #dcdcdc;
  width: 17px;
  height: 17px;
  line-height: 17px;
  display: inline-block;
  padding: 1px 0 0 1px;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
  vertical-align: middle;
}
.sso-checkbox .cbb-iconfont {
  font-size: 15px;
  color: #8b8b8b;
  display: none;
}
.sso-checkbox .sso-lr-checkbox {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sso-register-login a:hover {
  color: #e4002c;
}
.sso-register-clause {
  font-size: 14px;
  color: #a2a2a2;
  margin-top: 10px;
}
.sso-register-clause .agreement:hover {
  color: #e4002c;
}
.other-login .other-hd {
  margin: 30px 0 20px 0;
  border-bottom: 2px solid #e8e8e8;
  position: relative;
}
.other-login .other-hd .other-title {
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -53px;
  font-size: 14px;
  color: #a2a2a2;
  background: #fff;
  padding: 0 10px;
}
.other-login .weixin-weibo {
  width: 85px;
  margin: 0 auto;
  text-align: center;
}
.other-login .weixin-weibo .ww-link {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.other-login .weixin-weibo .ww-link.login-weixin {
  background: url(../../images/sso/sso_weixin.png) no-repeat;
}
.other-login .weixin-weibo .ww-link.login-weixin:hover {
  background: url(../../images/sso/sso_weixin_hover.png) no-repeat;
}
.other-login .weixin-weibo .ww-link.login-weibo {
  background: url(../../images/sso/sso_weibo.png) no-repeat;
}
#notice {
  color: #e4002c;
  text-align: center;
  margin: 10px 0;
}
.geetest_holder {
  width: 332px!important;
}
.clause-div {
  font-size: 14px;
  color: #e4002c;
  margin-top: 10px;
}
.clause-div i {
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.word_tip {
  font-size: 14px;
  color: #bbbbbb;
  position: absolute;
  left: 20px;
  line-height: 20px;
}
.sso-sms-login {
  position: relative;
}
.sso-sms-login .word_tip {
  top: 10px;
}
.J-span-IE {
  position: relative;
}
.J-span-IE .word_tip {
  top: 10px;
}
.error-empty {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 30px;
  height: 20px;
  background: url(../../images/sso/error_empty.png) center no-repeat #fff;
  background-size: 20px;
  cursor: pointer;
}
.error-empty.error-empty-short {
  right: 135px;
}
.ui-dialog-grid .ui-dialog-close {
  display: none;
}
.img-captcha {
  position: absolute;
  top: 0;
  right: 0;
  width: 112px;
  height: 40px;
}
.img-captcha.register-img-captcha {
  right: 7px;
}
.img-captcha img {
  width: 112px;
  height: 40px;
}
.img-captcha .makecode {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 112px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, 0, endColorstr=#4C000000, 0);
}
.img-captcha:hover .makecode {
  display: block;
}
