html {
  min-height: 800px; }

html, body, #app, .pass-main-body, #app > div {
  width: 100%;
  height: 100%; }

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

a {
  color: inherit; }

img {
  vertical-align: middle; }

.pass-main-body {
  box-sizing: border-box;
  position: relative;
  background-size: cover; }

.shequ-bg {
  background: url("//cdn.shijue.me/images/login/bg@2x.jpg") no-repeat, #f36478;
  background: url("//cdn.shijue.me/images/login/bg@2x.jpg") no-repeat, -o-linear-gradient(top, #f36478, #f36478);
  background: url("//cdn.shijue.me/images/login/bg@2x.jpg") no-repeat, -webkit-gradient(linear, 0 0, 0 bottom, from(#f36478), to(#f36478)); }

.gzs-bg {
  padding-top: 50px;
  background: url("//cdn.shijue.me/images/login/gzs-login-bg.png") no-repeat, #f36478;
  background: url("//cdn.shijue.me/images/login/gzs-login-bg.png") no-repeat, -o-linear-gradient(top, #f36478, #f36478);
  background: url("//cdn.shijue.me/images/login/gzs-login-bg.png") no-repeat, -webkit-gradient(linear, 0 0, 0 bottom, from(#f36478), to(#f36478)); }

.gzs-bg2 {
  padding-top: 100px;
  background: url("//cdn.shijue.me/images/login/gzs-login-bg.png") no-repeat, #f36478;
  background: url("//cdn.shijue.me/images/login/gzs-login-bg.png") no-repeat, -o-linear-gradient(top, #f36478, #f36478);
  background: url("//cdn.shijue.me/images/login/gzs-login-bg.png") no-repeat, -webkit-gradient(linear, 0 0, 0 bottom, from(#f36478), to(#f36478)); }

.pass-header-wrap {
  max-width: 1200px;
  margin: 0 auto; }

.login-passcard-nav {
  padding-top: 30px;
  color: #ffffff;
  line-height: 24px;
  font-size: 24px; }
  .login-passcard-nav .login-vcg-logo {
    width: 240px;
    height: 40px;
    margin-right: 10px;
    padding-right: 10px;
    background-size: 240px 40px;
    display: inline-block;
    vertical-align: middle;
    zoom: 1; }
    .login-passcard-nav .login-vcg-logo svg {
      width: 240px;
      height: 40px; }

.login-logo {
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding: 20px 0 30px; }
  .login-logo .vcg-logo {
    line-height: 37px; }
    .login-logo .vcg-logo svg {
      width: 149px;
      height: 31px;
      vertical-align: middle; }
  .login-logo .description {
    margin-top: 20px; }

.login_text {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
  font-weight: 500;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 2px solid #fff;
  line-height: 1; }

.login-imgsource {
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  margin-top: 20px;
  font-weight: 500; }

.footer p {
  font-size: 12px;
  color: #999999;
  text-align: center;
  margin-bottom: 8px; }

.login-footer {
  margin-top: 32px; }
  .login-footer p {
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 0; }
    .login-footer p .link-beian:hover {
      color: #6293e2;
      text-decoration: none; }
    .login-footer p:first-child {
      margin-bottom: 8px; }

@media screen and (max-width: 1600px) {
  .pass-main-body {
    min-height: 900px;
    background-size: cover; } }

.icon-l {
  width: 53px;
  height: 53px; }

.login-div-box {
  width: 400px;
  height: 500px;
  text-align: center;
  margin: 0 auto;
  border-radius: 4px;
  overflow: hidden; }

.login-box {
  min-height: 500px;
  background: #ffffff;
  position: relative;
  margin: 0 auto;
  padding: 30px 32px;
  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); }

.login-switch {
  width: 53px;
  height: 53px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer; }

.module-l-static .l-static, .module-l-static .static-l {
  display: block; }

.module-l-static .l-quick, .module-l-static .quick-l {
  display: none; }

.l-tab-covers {
  font-size: 16px;
  border-bottom: 1px solid #eeeeee;
  text-align: left; }
  .l-tab-covers .l-tab-list {
    color: #999999;
    display: inline-block;
    margin-right: 30px;
    border-bottom: 2px solid transparent;
    padding-bottom: 20px;
    margin-bottom: -1px;
    cursor: pointer; }
    .l-tab-covers .l-tab-list:hover, .l-tab-covers .l-tab-list.current {
      color: #282828;
      border-bottom: 2px solid #282828;
      font-weight: 500; }

.static-module-covers {
  background: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: 45px;
  padding-bottom: 8px; }
  .static-module-covers.error-cmp {
    margin-top: 65px; }

.pass-login-covers {
  position: relative; }

.hide {
  display: none; }

.error-tips {
  position: absolute;
  top: -54px; }
  .error-tips .ipt-default-current {
    height: 42px; }

.ipt-default-current {
  width: 100%; }

.ipt-tips-default, .email, .password, .country-phone-covers {
  margin-bottom: 20px; }

.ipt-tips-default {
  width: 336px;
  padding: 0 20px 0 45px;
  border: 1px solid #d46f16;
  border-radius: 4px;
  background: #ffe6e5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ODI3ODIwZi0xYTJhLTRmYjQtYmVhNy01NjIwYWNiNjI3MjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDgzNkQ5QkVBNjYxMTFFNkE2MDBCMjNCNTQ3RjA0RkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDgzNkQ5QkRBNjYxMTFFNkE2MDBCMjNCNTQ3RjA0RkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjODE5ZmZiMi1jZGRjLTQxM2YtOWU3OC04MWZhYWYwYjBhYmIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4MjdkMDE4Yi1lMDExLTExNzktYTM3Mi1jZTE3MDc1NTM5OTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz79mXCKAAAA8klEQVR42mL8FmnJgAa0gDgFiD2BWBEqdg+IdwDxHCC+hqyYEckANiDuA+JMIGZiwA7+AfFsIC4E4u8gARYkzVuB2IUBPwAZnA7EqlAX/oLZ1E+EZmTgBHUt2ERtqKmkggyQXiZogDGTYQBITwrIAA8G8oEHKBCVkEU4lx3Dq+N7lBUyV4mJgTLwiwWaSDRw2EAIPGSCpjBywR6QAXOB+C8ZmkF65oAMuALEM8kwAKTnCiwQQWl7Dwma90H1wDPNLyD2BuKp0AzDgCczgWz2gepByXUggRwg1gPiiUB8E4h/A/FXIL4KFdOHJuHvME0AAQYAWGExT4jc9WsAAAAASUVORK5CYII=) no-repeat 20px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

input, textarea, select, button {
  font-family: inherit;
  font-size: 14px;
  border: 0;
  outline: none; }

.text-style {
  height: 42px;
  padding-left: 20px;
  padding-right: 20px;
  color: #666666;
  font-size: 14px;
  border: 1px solid #dddddd;
  background: #f4f4f4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.code {
  margin-bottom: 20px;
  position: relative; }
  .code .ipt-code {
    width: 90px;
    height: 42px;
    margin-right: 10px;
    padding-right: 20px; }
  .code img {
    vertical-align: middle;
    margin-top: -5px; }
  .code .code-wrong, .code .code-right {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px; }
  .code .code-wrong {
    background-color: #f4523b; }

.login {
  margin-bottom: 20px; }

.btn-default-main {
  color: #fff;
  background: #f36478;
  border: 1px solid #f36478;
  border-radius: 4px;
  cursor: pointer;
  text-align: center; }

.btn-disabled {
  color: #bbbbbb;
  background: #eeeeee;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  text-align: center;
  cursor: default;
  pointer-events: none; }

.btn-current-big {
  width: 100%;
  height: 42px;
  font-size: 16px; }

.btn-default-main, .btn-default-secondary {
  height: 42px; }

.loadding-btn {
  cursor: default; }

.agree-container {
  margin-bottom: 15px; }
  .agree-container .agree {
    display: none; }
    .agree-container .agree:checked + label:after {
      opacity: 1; }
  .agree-container .private {
    display: inline-block;
    vertical-align: text-bottom;
    text-decoration: underline; }
  .agree-container .xieyi {
    display: inline-block;
    vertical-align: text-bottom;
    text-decoration: underline; }
  .agree-container .and_text {
    display: inline-block;
    color: #999999;
    vertical-align: text-bottom; }

.auto-login {
  line-height: 14px;
  text-align: left; }
  .auto-login input {
    vertical-align: middle;
    opacity: 0;
    margin-right: 8px; }
  .auto-login:after {
    content: "";
    display: table;
    clear: both; }

.login-links {
  color: #999999;
  float: right; }

.third-login-box {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -87px; }
  .third-login-box.disanfang {
    left: 32px;
    right: 32px;
    margin-left: 0; }

.third-account {
  text-align: center;
  margin-bottom: 25px;
  color: #999999;
  position: relative;
  border-top: 1px solid #eee; }
  .third-account .text_upper {
    position: absolute;
    top: -15px;
    left: calc(50% - 12px);
    left: -moz-calc(50% - 12px);
    padding: 5px;
    background: #fff; }

.account-login {
  text-align: center; }
  .account-login a {
    display: inline-block; }
  .account-login .weibo-login, .account-login .wechat-login, .account-login .qq-login {
    width: 42px;
    height: 42px;
    background-color: #dddddd;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    cursor: pointer; }
  .account-login .wechat-login {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAASCAYAAAC0EpUuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNDMkQ0MTQ0QzgwQjExRTZCMkQzRTVEM0NFNTA4NjkyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNDMkQ0MTQ1QzgwQjExRTZCMkQzRTVEM0NFNTA4NjkyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0MyRDQxNDJDODBCMTFFNkIyRDNFNUQzQ0U1MDg2OTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0MyRDQxNDNDODBCMTFFNkIyRDNFNUQzQ0U1MDg2OTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YKgGGAAABbklEQVR42pTUzytEURTA8es1lMY0qylZjMVYSJLYKhslkrIiZWHDCht/ghiWCmUh2UnNatQoGyULWdnIRpHya6FEMmM836t7c3rN+3XqU/fXO9373nlXua6rhCTmcIQnlPGAQ8yYeRVGdkbx6AbHPYajJh3Htxst9LqpsKRZvJsHqpjGLH5EoiUM4sX0v9ARlHRTPHwrJp/FeIsZK4qxfb+kCaXUkPqPLNZRj4wY38EF+lHCJSpI4kN5wxw5ShxgASemKmxcYVFWhveYfrGFQsganbxNJ3XY7KkKjnOkMWYP57OuHcd/a8nc5/nS3siL9icy2BBjXaY6bKzaneYDdtok2g2YRI8YG0Cn6E/YMqjDco1dvmHPjRmOeE8F0y6jatqNeFXx4s4RnRFsI2c+TK+p4VLMpLvyT0gF/M/FiCfXZZVSUa4ypHEWkvAGOe/VFyaBeVx7kulLpoKVWvdpHM3oRqupHH1jrdn5XwEGAFDs0/JCOyHkAAAAAElFTkSuQmCC); }
    .account-login .wechat-login:hover {
      background-color: #58bc46; }
  .account-login .weibo-login {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGODJFMTY0QzgwQjExRTZBOUQ3QTg4RjcxMTNFRUE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGODJFMTY1QzgwQjExRTZBOUQ3QTg4RjcxMTNFRUE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0Y4MkUxNjJDODBCMTFFNkE5RDdBODhGNzExM0VFQTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0Y4MkUxNjNDODBCMTFFNkE5RDdBODhGNzExM0VFQTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Dofm1AAABsUlEQVR42pTUOyxDYRTA8WqLNAbPGIRIMIioMCAkXoPFJIqEBYPEZjATowWRIF0NJEgYPCKIWgxio4lgYUBKPAfxquv/cW59rlbSk/za795z7+n3rM0wDFuUsuDHK+6wgQYzb7dFH284wgR8qMQKhr+y//SkBqOYQqElZ0cqYpEJn/Ed7ZGGtGX8jm3LM514xjU8SMINdqzFSnBh/I19yauedqAFTil2JrkZPOrF3Lg3woea/EPLvTHp2Ye871XPOWWiM7CKxAgLkST0yMYDPHJdDL9Z0ItMaT9iGus4xjPi4UYTmuFAAC4synuTuFRdrdKGMY80GUI1+tCt3VMqtKkJoFZfB/UxLsk12Q4OLFrm61K2h/lij5a7kAUKFdyURI3cbNEeVj1ZkvaAVrDU8oPp+kkJyBxcyXcZZhEnpyFf7idrC+LW2me4Ni/ssgAqGuX7HE/IRTnyEMSC5FPQrxUcVAcudKXtoRe0woUROQXv2EO9tlcPtKEOWU+a2YhBr2xgNaddKEKOnI42zOFNCp2gMdx/QMxX1Z9IkKHXoUCGm4ZbnGIXy7JHg+FOwKcAAwDXZNEX+6175QAAAABJRU5ErkJggg==);
    margin-right: 45px; }
    .account-login .weibo-login:hover {
      background-color: #e90e24; }

.l-phone-div {
  margin-bottom: 20px;
  position: relative; }

.country-phone-covers {
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #f4f4f4;
  padding-left: 10px; }
  .country-phone-covers:after {
    content: "";
    display: table;
    clear: both; }

.select-common {
  font-size: 18px;
  width: 64px;
  color: #3f3f3f;
  overflow: hidden;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("https://cdn.shijue.me/images/landing/zhuce_2.png") no-repeat scroll right center transparent;
  padding-right: 20px; }

.ipt-area-current {
  font-size: 18px;
  width: calc(100% - 64px);
  width: -moz-calc(100% - 64px);
  border-radius: 0 4px 4px 0;
  border: 0; }

.l-sms-code {
  margin-bottom: 20px; }

.js-ipt-h {
  display: none; }

.ipt-short-current {
  width: 116px; }

.sms-cd-btn {
  height: 42px;
  padding: 0 14px;
  margin-left: 5px; }

.n-receive-cd {
  color: #282828;
  float: right;
  line-height: 42px;
  cursor: pointer;
  font-size: 12px;
  display: none; }

.module-l-quick .l-static, .module-l-quick .static-l {
  display: none; }

.module-l-quick .l-quick, .module-l-quick .quick-l {
  display: block; }

.l-title-covers {
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
  text-align: left; }
  .l-title-covers .l-title-h2 {
    font-size: 16px;
    color: #282828;
    font-weight: 500; }

.er-cd-covers {
  text-align: center;
  color: #999999;
  font-size: 12px; }
  .er-cd-covers .qrcode_container {
    width: 202px;
    height: 202px;
    margin: 45px auto 0; }
  .er-cd-covers .tip {
    font-weight: 400;
    color: #757575;
    margin-top: 18px;
    line-height: 1.4; }

.wx_login_links {
  color: #999999;
  text-align: center;
  margin-top: 56px; }

/*zhu ce begin*/
.login-div-box._register_box {
  height: auto; }

.registerBody .wx_company {
  float: left;
  color: #7e7e7e;
  padding-left: 5px; }
  .registerBody .wx_company label {
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 4px;
    border: solid 1px #c4c6ca;
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-bottom;
    cursor: pointer; }
    .registerBody .wx_company label:after {
      content: '';
      width: 15px;
      height: 15px;
      position: absolute;
      top: 0;
      left: 0;
      background: url("https://cdn.shijue.me/images/landing/right.svg") no-repeat center center;
      opacity: 0; }
  .registerBody .wx_company .userType {
    display: none; }
    .registerBody .wx_company .userType:checked + label:after {
      opacity: 1; }

.registerBody .nickname {
  margin-bottom: 20px; }

.registerBody .password {
  position: relative; }
  .registerBody .password .ipt-default-current {
    padding-right: 47px; }
  .registerBody .password ._reg_password_yan {
    width: 45px;
    height: 100%;
    position: absolute;
    right: 0px;
    background-image: url(https://cdn.shijue.me/images/landing/icon_open.svg);
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px; }
    .registerBody .password ._reg_password_yan._close {
      background-image: url("https://cdn.shijue.me/images/landing/icon_close.svg"); }

.registerBody ._reg_code_cmp {
  position: relative; }
  .registerBody ._reg_code_cmp ._reg_code_btn {
    text-align: center;
    top: 0;
    right: 0;
    position: absolute;
    width: 90px;
    height: 100%;
    font-size: 12px;
    font-weight: 400;
    color: white;
    line-height: 42px;
    background-color: #f36478;
    cursor: pointer; }
    .registerBody ._reg_code_cmp ._reg_code_btn.disabled {
      pointer-events: none;
      color: #bbbbbb;
      background: #eeeeee;
      border: 1px solid #dddddd; }

._reg_login {
  text-decoration: underline; }

._reg_title {
  height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #444444;
  line-height: 25px; }

.static-module-covers._regeser {
  margin-top: 30px; }

._reg_phone {
  margin-bottom: 20px; }
  ._reg_phone .country-phone-covers {
    margin-bottom: 0; }

.form_error {
  border: 1px solid #f75234; }

.form-tip._red {
  text-align: left;
  color: #f75234;
  padding: 10px 0;
  display: block;
  font-size: 12px; }

#sliderCode {
  margin-bottom: 20px; }
  #sliderCode * {
    box-sizing: content-box; }

/*zhu ce end*/
.bottom-tip {
  margin-top: 50px;
  text-align: center;
  color: #ffffff; }
  .bottom-tip .tip-1 {
    font-size: 16px; }
    .bottom-tip .tip-1 img {
      width: 78px;
      height: 13px;
      display: inline-block; }
  .bottom-tip .tip-2 {
    font-size: 12px;
    margin-top: 10px; }

.gzs-wrapper {
  position: relative;
  width: 812px;
  height: 696px;
  margin: 0 auto;
  background: url("//cdn.shijue.me/images/login/gzs-red-bg.png") no-repeat;
  background-size: cover; }

.login-wrapper {
  background-color: #ffffff;
  position: absolute;
  right: 55px;
  bottom: 64px;
  height: 584px;
  width: 400px;
  border-radius: 0 4px 4px 0; }

@media screen and (max-width: 768px) {
  .pass-main-body {
    padding: 0 0 20px 0;
    height: auto;
    min-height: 100%;
    background-size: cover;
    background-color: #ffffff; }
  .login-vcg-logo img {
    height: 40px; }
  .login-div-box {
    width: 100%; }
  .red-title-bar {
    font-weight: bold;
    height: 190px;
    width: 100%;
    max-width: 750px;
    background: url(/n/master/images/ac1437ecef0b7982a2e40b666bf437ee.png) no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    padding-top: 65px; }
  .login-wrapper2 {
    width: 94%;
    position: relative;
    top: -30px;
    box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); }
  .login-box {
    box-shadow: none; }
  .bottom-tip {
    margin-top: 20px;
    text-align: center;
    color: #727272; }
    .bottom-tip .tip-1 {
      font-size: 12px; }
      .bottom-tip .tip-1 img {
        width: 78px;
        height: 13px;
        display: inline-block; }
    .bottom-tip .tip-2 {
      font-size: 12px;
      margin-top: 10px; }
  .gzs-wrapper {
    width: 100%;
    height: 696px;
    margin: 0 auto;
    border-radius: 4px;
    background: #ffffff; }
  .login-wrapper {
    background-color: #ffffff;
    position: relative;
    top: -30px;
    right: -3%;
    bottom: auto;
    width: 94%;
    border-radius: 4px;
    box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);
    height: auto; }
  .login-div-box {
    max-width: 400px;
    height: 440px;
    text-align: center;
    margin: 0 auto;
    border-radius: 4px;
    overflow: hidden; } }

.gzs-wrapper2 {
  position: relative;
  width: 812px;
  height: 696px;
  margin: 0 auto;
  background: url("//cdn.shijue.me/images/login/gzs-red-bg-2.png") no-repeat;
  background-size: cover; }

.gzs-left {
  position: absolute;
  top: 64px;
  left: 55px;
  width: 302px;
  padding-top: 10px; }

.gzs-left-item {
  text-align: center;
  font-size: 28px;
  color: #ffffff; }

.login-wrapper2 {
  background-color: #ffffff;
  min-height: 347px;
  max-width: 400px;
  border-radius: 4px; }

.login-title {
  padding-top: 36px;
  height: 84px;
  width: 400px;
  color: #F46778;
  font-size: 22px;
  text-align: center; }

.msg_window .msg {
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  color: #fff;
  border-radius: 0px 0px 2px 2px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  top: -50px;
  width: 548px !important;
  position: fixed;
  background: #0099e5;
  background-clip: padding-box;
  overflow: hidden;
  border-top: none;
  padding: 8px 10px 10px;
  font-weight: bold;
  z-index: 99999;
  transition: top 0.6s ease-out;
  -webkit-transition: top 0.6s ease-out;
  -ms-transition: top 0.6s ease-out;
  -moz-transition: top 0.6s ease-out;
  -o-transition: top 0.6s ease-out;
  left: calc(50% - 274px); }

.msg_window .msg .inside {
  min-height: 18px;
  line-height: 16px;
  overflow: hidden;
  padding: 0px 22px 0px 22px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEM5QzJFMzE0QjhEMTFFMTlBQjY4Q0FBNzUwNTZGQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEM5QzJFMzI0QjhEMTFFMTlBQjY4Q0FBNzUwNTZGQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QzlDMkUyRjRCOEQxMUUxOUFCNjhDQUE3NTA1NkZCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QzlDMkUzMDRCOEQxMUUxOUFCNjhDQUE3NTA1NkZCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnsOhGwAAADYSURBVHjarFNbDcMwDEymASiEQsgYdAgaCKUwBmNQCIWSMRiFMUgZeE50kTIvbrWHpfuI7ZzfxgghookR6F2SbjKasLFn3OG8MDxjADx0BJ++9TnC6DaCOPjEFxIoEzrxIaU9C11X/OuaSUZGVrl2JRPKPUGURUn5qjUOPQkGTF4YPYhDK4PKh454r8KeGjSYbVkLE2mdLwug2NJ46VBF/FTyxBLBjTF+QTDmv3KMGFFsrHIUPnmMtiwSWM8oZ1aiXhgPRp6Mtfb0n1XeOSa3e0y/nPNTgAEA6RKMp4Hu6KoAAAAASUVORK5CYII=) left center no-repeat; }

.msg_window .msg.warning {
  background-color: #0099e5;
  background-clip: padding-box; }

.msg_window .msg.warning .inside {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEM5QzJFMzE0QjhEMTFFMTlBQjY4Q0FBNzUwNTZGQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEM5QzJFMzI0QjhEMTFFMTlBQjY4Q0FBNzUwNTZGQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QzlDMkUyRjRCOEQxMUUxOUFCNjhDQUE3NTA1NkZCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QzlDMkUzMDRCOEQxMUUxOUFCNjhDQUE3NTA1NkZCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnsOhGwAAADYSURBVHjarFNbDcMwDEymASiEQsgYdAgaCKUwBmNQCIWSMRiFMUgZeE50kTIvbrWHpfuI7ZzfxgghookR6F2SbjKasLFn3OG8MDxjADx0BJ++9TnC6DaCOPjEFxIoEzrxIaU9C11X/OuaSUZGVrl2JRPKPUGURUn5qjUOPQkGTF4YPYhDK4PKh454r8KeGjSYbVkLE2mdLwug2NJ46VBF/FTyxBLBjTF+QTDmv3KMGFFsrHIUPnmMtiwSWM8oZ1aiXhgPRp6Mtfb0n1XeOSa3e0y/nPNTgAEA6RKMp4Hu6KoAAAAASUVORK5CYII=) left center no-repeat; }

.msg_window .msg.error {
  background-color: #e64545;
  background-clip: padding-box; }

.msg_window .msg.error .inside {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODNBN0Q5M0U0QjhFMTFFMTlBQjY4Q0FBNzUwNTZGQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkY0Qzc5MDQ0QjhFMTFFMTlBQjY4Q0FBNzUwNTZGQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4M0E3RDkzQzRCOEUxMUUxOUFCNjhDQUE3NTA1NkZCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4M0E3RDkzRDRCOEUxMUUxOUFCNjhDQUE3NTA1NkZCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiGfsmkAAADUSURBVHjapFMLEcMgDIUqmIRKYA6YgiKhUuqkszAFMAW1UAetgyxwj7sdJWy9vrt3QD6EkESpAkQ0Mj0dEWWjksDKnrnAeGY6pgUdZASbvua8QWkaQQxstnyJhmKBzUNrvedUeMmRVpY/Ib/x4pOz1vecM5WRi3/wlZdQCgLDufJc8QLo45/4jveW+aqk/Bb2GdHHdjjs6jyST+uCVdgfcolwZ8OjNyi+IDCHRkdKHTgk30YZp68qTFIZW41kUaGIwPJQbaSrrfzPMJmfw3RlnD8CDAANPnHyp/gWpwAAAABJRU5ErkJggg==) left center no-repeat; }

.msg_window .msg.success {
  background-color: #2fac42;
  background-clip: padding-box; }

.msg_window .msg.success .inside {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODNBN0Q5MzY0QjhFMTFFMTlBQjY4Q0FBNzUwNTZGQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODNBN0Q5Mzc0QjhFMTFFMTlBQjY4Q0FBNzUwNTZGQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4M0E3RDkzNDRCOEUxMUUxOUFCNjhDQUE3NTA1NkZCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4M0E3RDkzNTRCOEUxMUUxOUFCNjhDQUE3NTA1NkZCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po8vFNcAAAC6SURBVHjarFOLDcUgCGSEjtARHMERHMHNOkJH6AgdwREcgYfJ0VDrp0kfCTEB7tADiSpj5ih+8NNKLFLPJLmKnyjexIO4hwfEGDVrC5yRdIMmDjX5RoJg8YUmVmq03r6ZR51N94TTARMJ4mwvwBmghFjR5CAEw0tw1ptCWFYCb4p31aIHRs5bAmVNZlS+B24RhEZH7oHrJ9xEHF27IrhEfIzRjmwgLF+r/WmR/rLKk8/kpp/py3f+CTAATicQYMy3KnUAAAAASUVORK5CYII=) left center no-repeat; }

.msg_window .msg .close {
  padding: 0;
  margin: 0;
  color: rgba(0, 0, 0, 0.3);
  font-weight: normal;
  display: none; }

.msg_window .msg .close_x {
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 5px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAwCAYAAAALiLqjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQlJREFUeNrsVlEKgzAMbUdFryDezzP4mR9Fj6Gn1K+sz5lNRNaCdTBIoFDT5r0m0fosM5s77WFuNiVQgh8QWGupKAqapuntwxw+rIXiXcwplmUxdV0DbAXEHL4ow5f8bfR9bzZgyrKMnHNCRG3bBuODG44kMrqui4qNanJZlsaf/lNX50xVVWlKhIbmeU7HDOAbxzEYb0O3Kd4WaegwDIT9TdOszfYkZp5nupSBnBh9EJ8nevsvZ6BXhRIogRIogRJsuoj9X41PdBFjLaUuApjddBGn1kUAZ68s2CsKlufUuoj34+90ER8zgC9GFwU37MEhV/blwtplAgE70UX8KoDqIiVQgpA9BRgALdlGYQO9bdEAAAAASUVORK5CYII=) center top no-repeat;
  -webkit-transition-duration: 0s;
  -webkit-transition-timing: ease-out;
  -o-transition-duration: 0s;
  -o-transition-timing: ease-out;
  -moz-transition-duration: 0s;
  -moz-transition-timing: ease-out;
  -ms-transition-duration: 0s;
  -ms-transition-timing: ease-out;
  transition-duration: 0s;
  transition-timing: ease-out; }

.msg_window .msg .close_x:hover {
  background-position: center bottom; }

@media only screen and (max-width: 679px) {
  .msg_window .msg {
    width: 300px !important;
    left: calc(50% - 150px); } }

.main_body {
  background: #f4f4f4;
  min-height: 100%; }
  .main_body img {
    vertical-align: middle; }
  .main_body .inline_block {
    display: inline-block;
    vertical-align: middle; }

#sliderCode > ._nc {
  height: auto; }

.top_left_logo {
  max-width: 1440px;
  margin: 0 auto;
  padding: 50px 176px 0; }

.find_password_title_container {
  position: relative;
  padding-top: 28px;
  color: #444; }
  .find_password_title_container .find_password_title {
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    line-height: 37px; }
  .find_password_title_container .find_password_tip {
    position: absolute;
    top: 0;
    right: 227px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px; }
    .find_password_title_container .find_password_tip .redirect_login {
      color: #F36478; }

.find_password_box_container {
  margin-top: 37px;
  background: #fff; }
  .find_password_box_container .find_password_box {
    width: 320px;
    margin: 0 auto;
    padding: 20px 0; }
    .find_password_box_container .find_password_box .success_tip {
      font-size: 16px;
      color: #444;
      margin: 44px 0 68px;
      text-align: center; }
    .find_password_box_container .find_password_box .code-area-current {
      width: 221px;
      border-radius: 3px 0 0 3px; }
    .find_password_box_container .find_password_box .input_box_container {
      margin-top: 20px; }
    .find_password_box_container .find_password_box .input_box {
      position: relative; }
    .find_password_box_container .find_password_box .phone-area-code-ipt {
      position: absolute;
      top: 1px;
      left: 1px;
      width: 50px;
      height: 40px;
      padding: 10px 0px 10px 12px;
      border-radius: 3px 0 0 3px;
      color: #757575;
      font-size: 12px;
      background: #f4f4f4;
      cursor: pointer; }
      .find_password_box_container .find_password_box .phone-area-code-ipt .inside_code_box {
        border-right: 1px solid #cbcbcb;
        height: 100%;
        line-height: 22px; }
        .find_password_box_container .find_password_box .phone-area-code-ipt .inside_code_box.phoneFocus {
          border-right-color: transparent; }
        .find_password_box_container .find_password_box .phone-area-code-ipt .inside_code_box .arrow {
          position: absolute;
          top: 20px;
          right: 7px;
          border: 3px solid transparent;
          border-top-color: #757575; }
    .find_password_box_container .find_password_box .btn_nomarl {
      display: inline-block;
      width: 100%;
      height: 42px;
      line-height: 42px;
      background: #F36478;
      border-radius: 3px;
      color: #fff;
      text-align: center;
      border: 0;
      cursor: pointer;
      outline: 0; }
      .find_password_box_container .find_password_box .btn_nomarl.btn_sendCode {
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
        border-radius: 0 3px 3px 0; }
      .find_password_box_container .find_password_box .btn_nomarl.btn_disabled {
        background: #757575; }

.bottom_description {
  text-align: center;
  margin-top: 32px; }
  .bottom_description p {
    font-size: 14px;
    font-weight: 400;
    color: #757575; }
    .bottom_description p .link-beian:hover {
      color: #6293e2;
      text-decoration: none; }

@media screen and (max-width: 768px) {
  .top_left_logo, .find_password_tip {
    display: none; } }

.other-header {
  width: 100%;
  height: 240px;
  background: url(/n/master/images/9f433cee85412bc8079276a9ea3e6d02.jpg) no-repeat;
  background-size: cover;
  box-sizing: border-box;
  padding-top: 184px; }
  .other-header .title {
    font-size: 28px;
    color: #F46778;
    width: 145px;
    margin: 0 auto;
    text-align: center; }

@charset "UTF-8";
/*! Hint.css - v2.4.1 - 2016-11-08
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour */
/*-------------------------------------*	HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
 * HINT.css is a tooltip library made in pure CSS.
 *
 * Source: https://github.com/chinchang/hint.css
 * Demo: http://kushagragour.in/lab/hint/
 *
 * Release under The MIT License
 *
 */
/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 *
 * Classes added:
 * 	1) hint
 */
[class*="hint--"] {
  position: relative;
  display: inline-block;
  /**
       * tooltip arrow
       */
  /**
       * tooltip body
       */ }

[class*="hint--"]:before, [class*="hint--"]:after {
  position: absolute;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transition: 0.3s ease;
  transition-delay: 0ms; }

[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
  visibility: visible;
  opacity: 1; }

[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
  transition-delay: 100ms; }

[class*="hint--"]:before {
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001; }

[class*="hint--"]:after {
  background: #383838;
  color: white;
  padding: 8px 10px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 12px;
  white-space: nowrap; }

[class*="hint--"][aria-label]:after {
  content: attr(aria-label); }

[class*="hint--"][data-hint]:after {
  content: attr(data-hint); }

[aria-label='']:before, [aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
  display: none !important; }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top-left:before {
  border-top-color: #383838; }

.hint--top-right:before {
  border-top-color: #383838; }

.hint--top:before {
  border-top-color: #383838; }

.hint--bottom-left:before {
  border-bottom-color: #383838; }

.hint--bottom-right:before {
  border-bottom-color: #383838; }

.hint--bottom:before {
  border-bottom-color: #383838; }

.hint--left:before {
  border-left-color: #383838; }

.hint--right:before {
  border-right-color: #383838; }

/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -11px; }

.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%; }

.hint--top:before {
  left: calc(50% - 6px); }

.hint--top:after {
  -ms-transform: translateX(-50%);
      transform: translateX(-50%); }

.hint--top:hover:before {
  -ms-transform: translateY(-8px);
      transform: translateY(-8px); }

.hint--top:hover:after {
  -ms-transform: translateX(-50%) translateY(-8px);
      transform: translateX(-50%) translateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -11px; }

.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%; }

.hint--bottom:before {
  left: calc(50% - 6px); }

.hint--bottom:after {
  -ms-transform: translateX(-50%);
      transform: translateX(-50%); }

.hint--bottom:hover:before {
  -ms-transform: translateY(8px);
      transform: translateY(8px); }

.hint--bottom:hover:after {
  -ms-transform: translateX(-50%) translateY(8px);
      transform: translateX(-50%) translateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -11px;
  margin-bottom: -6px; }

.hint--right:after {
  margin-bottom: -14px; }

.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%; }

.hint--right:hover:before {
  -ms-transform: translateX(8px);
      transform: translateX(8px); }

.hint--right:hover:after {
  -ms-transform: translateX(8px);
      transform: translateX(8px); }

/**
 * left tooltip
 */
.hint--left:before {
  margin-right: -11px;
  margin-bottom: -6px; }

.hint--left:after {
  margin-bottom: -14px; }

.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%; }

.hint--left:hover:before {
  -ms-transform: translateX(-8px);
      transform: translateX(-8px); }

.hint--left:hover:after {
  -ms-transform: translateX(-8px);
      transform: translateX(-8px); }

/**
 * top-left tooltip
 */
.hint--top-left:before {
  margin-bottom: -11px; }

.hint--top-left:before, .hint--top-left:after {
  bottom: 100%;
  left: 50%; }

.hint--top-left:before {
  left: calc(50% - 6px); }

.hint--top-left:after {
  -ms-transform: translateX(-100%);
      transform: translateX(-100%); }

.hint--top-left:after {
  margin-left: 12px; }

.hint--top-left:hover:before {
  -ms-transform: translateY(-8px);
      transform: translateY(-8px); }

.hint--top-left:hover:after {
  -ms-transform: translateX(-100%) translateY(-8px);
      transform: translateX(-100%) translateY(-8px); }

/**
 * top-right tooltip
 */
.hint--top-right:before {
  margin-bottom: -11px; }

.hint--top-right:before, .hint--top-right:after {
  bottom: 100%;
  left: 50%; }

.hint--top-right:before {
  left: calc(50% - 6px); }

.hint--top-right:after {
  -ms-transform: translateX(0);
      transform: translateX(0); }

.hint--top-right:after {
  margin-left: -12px; }

.hint--top-right:hover:before {
  -ms-transform: translateY(-8px);
      transform: translateY(-8px); }

.hint--top-right:hover:after {
  -ms-transform: translateY(-8px);
      transform: translateY(-8px); }

/**
 * bottom-left tooltip
 */
.hint--bottom-left:before {
  margin-top: -11px; }

.hint--bottom-left:before, .hint--bottom-left:after {
  top: 100%;
  left: 50%; }

.hint--bottom-left:before {
  left: calc(50% - 6px); }

.hint--bottom-left:after {
  -ms-transform: translateX(-100%);
      transform: translateX(-100%); }

.hint--bottom-left:after {
  margin-left: 12px; }

.hint--bottom-left:hover:before {
  -ms-transform: translateY(8px);
      transform: translateY(8px); }

.hint--bottom-left:hover:after {
  -ms-transform: translateX(-100%) translateY(8px);
      transform: translateX(-100%) translateY(8px); }

/**
 * bottom-right tooltip
 */
.hint--bottom-right:before {
  margin-top: -11px; }

.hint--bottom-right:before, .hint--bottom-right:after {
  top: 100%;
  left: 50%; }

.hint--bottom-right:before {
  left: calc(50% - 6px); }

.hint--bottom-right:after {
  -ms-transform: translateX(0);
      transform: translateX(0); }

.hint--bottom-right:after {
  margin-left: -12px; }

.hint--bottom-right:hover:before {
  -ms-transform: translateY(8px);
      transform: translateY(8px); }

.hint--bottom-right:hover:after {
  -ms-transform: translateY(8px);
      transform: translateY(8px); }

/**
 * source: hint-sizes.scss
 *
 * Defines width restricted tooltips that can span
 * across multiple lines.
 *
 * Classes added:
 * 	1) hint--small
 * 	2) hint--medium
 * 	3) hint--large
 *
 */
.hint--small:after,
.hint--medium:after,
.hint--large:after {
  white-space: normal;
  line-height: 1.4em;
  word-wrap: break-word; }

.hint--small:after {
  width: 80px; }

.hint--medium:after {
  width: 150px; }

.hint--large:after {
  width: 300px; }

/**
 * source: hint-theme.scss
 *
 * Defines basic theme for tooltips.
 *
 */
[class*="hint--"] {
  /**
       * tooltip body
       */ }

[class*="hint--"]:after {
  text-shadow: 0 -1px 0px black;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 *
 * Classes added:
 * 	1) hint--error
 * 	2) hint--warning
 * 	3) hint--info
 * 	4) hint--success
 *
 */
/**
 * Error
 */
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0px #592726; }

.hint--error.hint--top-left:before {
  border-top-color: #b34e4d; }

.hint--error.hint--top-right:before {
  border-top-color: #b34e4d; }

.hint--error.hint--top:before {
  border-top-color: #b34e4d; }

.hint--error.hint--bottom-left:before {
  border-bottom-color: #b34e4d; }

.hint--error.hint--bottom-right:before {
  border-bottom-color: #b34e4d; }

.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d; }

.hint--error.hint--left:before {
  border-left-color: #b34e4d; }

.hint--error.hint--right:before {
  border-right-color: #b34e4d; }

/**
 * Warning
 */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0px #6c5328; }

.hint--warning.hint--top-left:before {
  border-top-color: #c09854; }

.hint--warning.hint--top-right:before {
  border-top-color: #c09854; }

.hint--warning.hint--top:before {
  border-top-color: #c09854; }

.hint--warning.hint--bottom-left:before {
  border-bottom-color: #c09854; }

.hint--warning.hint--bottom-right:before {
  border-bottom-color: #c09854; }

.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854; }

.hint--warning.hint--left:before {
  border-left-color: #c09854; }

.hint--warning.hint--right:before {
  border-right-color: #c09854; }

/**
 * Info
 */
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0px #1a3c4d; }

.hint--info.hint--top-left:before {
  border-top-color: #3986ac; }

.hint--info.hint--top-right:before {
  border-top-color: #3986ac; }

.hint--info.hint--top:before {
  border-top-color: #3986ac; }

.hint--info.hint--bottom-left:before {
  border-bottom-color: #3986ac; }

.hint--info.hint--bottom-right:before {
  border-bottom-color: #3986ac; }

.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac; }

.hint--info.hint--left:before {
  border-left-color: #3986ac; }

.hint--info.hint--right:before {
  border-right-color: #3986ac; }

/**
 * Success
 */
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0px #1a321a; }

.hint--success.hint--top-left:before {
  border-top-color: #458746; }

.hint--success.hint--top-right:before {
  border-top-color: #458746; }

.hint--success.hint--top:before {
  border-top-color: #458746; }

.hint--success.hint--bottom-left:before {
  border-bottom-color: #458746; }

.hint--success.hint--bottom-right:before {
  border-bottom-color: #458746; }

.hint--success.hint--bottom:before {
  border-bottom-color: #458746; }

.hint--success.hint--left:before {
  border-left-color: #458746; }

.hint--success.hint--right:before {
  border-right-color: #458746; }

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 * 	1) hint--always
 *
 */
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible; }

.hint--always.hint--top:before {
  -ms-transform: translateY(-8px);
      transform: translateY(-8px); }

.hint--always.hint--top:after {
  -ms-transform: translateX(-50%) translateY(-8px);
      transform: translateX(-50%) translateY(-8px); }

.hint--always.hint--top-left:before {
  -ms-transform: translateY(-8px);
      transform: translateY(-8px); }

.hint--always.hint--top-left:after {
  -ms-transform: translateX(-100%) translateY(-8px);
      transform: translateX(-100%) translateY(-8px); }

.hint--always.hint--top-right:before {
  -ms-transform: translateY(-8px);
      transform: translateY(-8px); }

.hint--always.hint--top-right:after {
  -ms-transform: translateY(-8px);
      transform: translateY(-8px); }

.hint--always.hint--bottom:before {
  -ms-transform: translateY(8px);
      transform: translateY(8px); }

.hint--always.hint--bottom:after {
  -ms-transform: translateX(-50%) translateY(8px);
      transform: translateX(-50%) translateY(8px); }

.hint--always.hint--bottom-left:before {
  -ms-transform: translateY(8px);
      transform: translateY(8px); }

.hint--always.hint--bottom-left:after {
  -ms-transform: translateX(-100%) translateY(8px);
      transform: translateX(-100%) translateY(8px); }

.hint--always.hint--bottom-right:before {
  -ms-transform: translateY(8px);
      transform: translateY(8px); }

.hint--always.hint--bottom-right:after {
  -ms-transform: translateY(8px);
      transform: translateY(8px); }

.hint--always.hint--left:before {
  -ms-transform: translateX(-8px);
      transform: translateX(-8px); }

.hint--always.hint--left:after {
  -ms-transform: translateX(-8px);
      transform: translateX(-8px); }

.hint--always.hint--right:before {
  -ms-transform: translateX(8px);
      transform: translateX(8px); }

.hint--always.hint--right:after {
  -ms-transform: translateX(8px);
      transform: translateX(8px); }

/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 *
 * Classes added:
 * 	1) hint--rounded
 *
 */
.hint--rounded:after {
  border-radius: 4px; }

/**
 * source: hint-effects.scss
 *
 * Defines various transition effects for the tooltips.
 *
 * Classes added:
 * 	1) hint--no-animate
 * 	2) hint--bounce
 *
 */
.hint--no-animate:before, .hint--no-animate:after {
  transition-duration: 0ms; }

.hint--bounce:before, .hint--bounce:after {
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); }

@keyframes heart_animation {
  0% {
    opacity: 0;
    -ms-transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% {
    -ms-transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% {
    opacity: 0.5;
    -ms-transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% {
    -ms-transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% {
    -ms-transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% {
    -ms-transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.32% {
    -ms-transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% {
    opacity: 1;
    -ms-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% {
    -ms-transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% {
    -ms-transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% {
    -ms-transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% {
    -ms-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% {
    -ms-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% {
    -ms-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

html {
  background: #f7f8fa;
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 131.25%;
  /*10 ÷ 16 × 100% = 62.5%*/ }
  html.pxLightbox {
    overflow: hidden !important;
    height: 100%; }
  html.dialog_pxLightbox {
    overflow: hidden !important;
    height: 100%; }
  @media only screen and (max-width: 1379px) {
    html {
      font-size: 112.5%;
      /*10 ÷ 16 × 100% = 62.5%*/ } }
  @media only screen and (max-width: 1179px) {
    html {
      font-size: 93.75%;
      /*10 ÷ 16 × 100% = 62.5%*/ } }
  @media only screen and (max-width: 679px) {
    html {
      font-size: 75%;
      /*10 ÷ 16 × 100% = 62.5%*/ } }
  html.windows, html.windows body {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", "Microsoft YaHei", Arial, sans-serif; }

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 0.57143rem;
  background-color: transparent !important; }
  body ul {
    margin: 0;
    padding: 0; }
    body ul li {
      list-style: none; }

* {
  box-sizing: border-box; }

a {
  text-decoration: none;
  outline: 0; }

input, select, textarea {
  font-family: inherit;
  font-weight: inherit;
  outline-style: none;
  outline-width: 0;
  line-height: normal; }

.flexbox {
  display: -ms-flexbox;
  display: flex; }

.flex {
  -ms-flex: 1 1;
      flex: 1 1; }

.left {
  float: left; }

.right {
  float: right; }

.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden; }

.hidden {
  display: none !important; }

.vHidden {
  visibility: hidden; }

.px_topnav__link_text {
  transition: opacity 0.2s ease-out, color 0.2s ease-out; }

.webuploader-container input {
  display: none; }

/*解决mac本下面chrome中下拉框一直是圆角的问题*/
select.select-common {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.scroll_to_top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 999; }

.scroll_to_top:hover svg path {
  fill: #f36478; }

.scroll_to_top.display {
  display: block; }

@media only screen and (max-width: 679px) {
  .instructions_contest .weibo, .instructions_contest .weixin {
    float: none; }
  .instructions_contest .mobile_show {
    display: block !important; }
  .scroll_to_top {
    width: 30px;
    right: 15px; }
  .scroll_to_top svg {
    width: 30px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (min-device-width: 320px) and (max-device-width: 568px) {
  * {
    -webkit-overflow-scrolling: touch; } }