@charset "UTF-8";
/* 全局样式设置*/
body,
button,
input,
select,
textarea {
  font: 12px/1.5 "Microsoft Yahei", tahoma, Srial, helvetica, sans-serif;
}

body {
  background-color: #f7f8fa;
}

.clear-both {
  clear: both;
}

.input {
  padding-left: 10px;
}

.text-right {
  text-align: right;
}

.autowidth {
  margin: 0 auto;
  min-width: 980px;
  max-width: 1200px;
  padding: 0 40px;
}

.main-body * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.mobile-span {
  color: Red;
  padding-left: 20px;
  font-size: 12px;
}

/* 发送验证码button按钮*/
.send-code {
  position: absolute;
  top: 0;
  left: 255px;
  width: 145px;
  height: 50px;
  cursor: pointer;
  color: #333 !important;
  font-size: 14px;
  background: #eee;
  display: inline-block;
  border: 1px solid #ddd;
  cursor: pointer;
}

.send-code:hover {
  background: #d9d9d9;
  text-decoration: none;
}

.send-code[disabled],
.send-code[disabled]:hover {
  cursor: not-allowed;
  background: #ccc;
}

/* 页面主体样式设置*/
.getpassword {
  margin-top: 40px;
  margin-bottom: 64px;
  border: 1px solid #e5e5e5;
  height: 460px;
  background: #fff;
}

/* 找回密码title begin*/
.password-title {
  position: relative;
  padding-left: 32px;
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #ddd;
  background: url(images/password_icon_081.png) no-repeat left center;
  font-size: 24px;
  color: #333;
}

.step-box {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 80px;
}

.step-box span {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  line-height: 80px;
  background: url(images/password_icon_04.png) no-repeat left center;
  font-size: 14px;
  color: #999;
}

.step-box span:last-child {
  padding-right: 0;
}

.step-box span.active {
  background-image: url(images/password_icon_031.png);
  color: #ff2626;
}

.step-box span:before {
  display: inline-block;
  width: 24px;
  padding-left: 7.5px;
  font-weight: bold;
  color: #fff;
}

.step-box span i {
  position: absolute;
  right: 0;
  top: 34px;
  content: "";
  width: 8px;
  height: 12px;
  background: url(images/password_icon_05.png) no-repeat left center;
}

.step-box span.active i {
  background-image: url(images/password_icon_061.png);
}

.step-box .step1:before {
  content: "1";
}

.step-box .step2:before {
  content: "2";
}

.step-box .step3:before {
  content: "3";
}

.step-box .step4:before {
  content: "4";
}

/* 找回密码title end*/
.password-info {
  margin-top: 24px;
  font-size: 14px;
  color: #999;
}

.getpassword .form {
  width: 400px;
  margin: 0 auto;
  margin-top: 40px;
}

.question-item,
.question-item input {
  background-color: #f7f7f7;
  color: #999;
}

.row-item {
  margin-top: 24px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ddd;
  font-size: 14px;
}

.row-item:first-child {
  margin-top: 0;
}

.row-item span {
  position: relative;
  display: inline-block;
  width: 90px;
  text-align: left;
  color: #999;
}

.row-item span:before {
  display: inline-block;
  content: "";
  width: 15px;
}

.row-item span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  width: 1px;
  height: 20px;
  background-color: #e6e6e6;
}

.row-item .input {
  max-width: 290px;
  border: none;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  outline: none;
}

.captcha-item {
  position: relative;
  margin-top: 24px;
}

.captcha-item .row-item {
  width: 235px;
}

.captcha-item1 .row-item {
  width: 200px;
}

.captcha, .verifycode {
  width: 120px;
}

.show-captcha {
  position: absolute;
  top: 0;
  left: 250px;
  height: 50px;
  vertical-align: top;
  cursor: pointer;
}

.row-btn {
  margin-top: 40px;
}

.refresh-btn {
  position: absolute;
  top: 12px;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(images/refresh-icon.png) center no-repeat;
  background-size: cover;
  cursor: pointer;
}

/* 选择验证方式页面样式*/
.selectform {
  position: relative;
  padding-top: 64px;
}

.selectform table {
  width: 100%;
}

.selectform table td {
  width: 50%;
  text-align: center;
}

.selectform .find-icon {
  display: block;
  margin: 0 auto;
  width: 120px;
  height: 120px;
}

.selectform .find-icon {
  background-image: url(images/password_icon_02_01.png);
  background-repeat: no-repeat;
}

.selectform .email-ask .find-icon.none {
  color: #aaa;
  background-position: -120px -120px;
}

.selectform .email-ask .find-icon {
  background-position: 0px -120px;
}

.selectform .mobile .find-icon {
  background-position: 0 0;
}

.selectform .mobile .find-icon.none {
  background-position: -120px 0;
}

.selectform .face-ask .find-icon.none {
  color: #aaa;
  background-position: -240px -240px;
}

.selectform .face-ask .find-icon {
  background-position: 0px -240px;
}

.selectform .find-text {
  display: inline-block;
  margin-top: 24px;
  font-size: 16px;
  color: #666;
}

.selectform .find-text a {
  margin: 0 5px;
  color: #ff2626;
}

.interval-box {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 1px;
  height: 200px;
  background-color: #e6e6e6;
}

.interval-box span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -6px;
  height: 15px;
  line-height: 15px;
  background-color: #fff;
  color: #999;
}

/* 按钮样式*/
.submit {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #ff2626;
  color: #fff !important;
  font-size: 16px;
  text-align: center;
  border: none;
  cursor: pointer;
  border-radius: 2px;
}
.submit:hover {
  background: #f20000;
}

.send-code:focus,
.submit:focus {
  outline: none;
}

.submit[disabled] {
  cursor: not-allowed;
  background: #ccc;
  color: #fff !important;
}

.getpassword-email-ask {
  height: 545px;
}

input::-webkit-input-placeholder {
  color: #999;
}

input:-moz-placeholder {
  color: #999;
}

input::-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder {
  color: #999;
}

.input-outer-focus {
  border: 1px solid #ff2626;
}

/* 账号申诉 */
.account-appeal .form {
  width: 480px;
}

.account-appeal .row-item {
  position: relative;
  border: none;
  height: 50px;
  line-height: 50px;
}

.account-appeal .row-item span {
  text-align: right;
  color: #999;
  width: 114px;
}

.account-appeal .row-item span:after {
  display: none;
}

.account-appeal .row-item .input {
  max-width: 360px;
  width: 360px;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 2px;
}

.account-appeal .row-item .input.error-input {
  border-color: red;
}

.account-appeal .row-item .captcha {
  width: 192px;
}

.account-appeal .row-item .verifycode {
  width: 226px;
}

.account-appeal .send-code {
  right: 2px;
  left: auto;
  width: 120px;
}

.account-appeal .step1-captcha {
  left: 325px;
}

.account-appeal .show-captcha.normal-captcha {
  position: static;
}

.account-appeal .captcha-item .row-item {
  width: auto;
}

.account-appeal .password-title {
  background-image: url(images/appeal_title_icon1.png);
}

.account-appeal .row-btn {
  text-align: right;
}

.account-appeal .submit {
  width: 361px;
}

/* 申诉 step2 */
.appeal-info {
  line-height: 2em;
  color: #999;
}

.appeal-info a {
  color: #ff2626;
  text-decoration: underline;
}

.appeal-info-warn {
  height: 49px;
  line-height: 49px;
  border: 1px solid #fa961f;
  background: #fff3e5 url(images/warn_icon.png) no-repeat 16px center;
  padding-left: 47px;
  color: #fa9012;
  font-size: 14px;
  margin-top: 14px;
}

.account-appeal .getpassword {
  height: auto;
  padding-bottom: 70px;
}

.appeal-remind {
  width: 684px;
  margin: 0 auto;
  margin-top: 30px;
  padding-left: 33px;
  background: url(images/appeal_remind_icon1.png) no-repeat left top;
  line-height: 1.8em;
  color: #333;
  font-size: 14px;
}

.appeal-remind a {
  color: #ff2626;
}

.appeal-radio-item {
  display: inline-block;
  padding-left: 24px;
  margin-right: 15px;
  background: url(images/appeal_radio.png) no-repeat left center;
  cursor: pointer;
}

.appeal-radio-item.checked {
  background-image: url(images/appeal_radio_checked1.png);
}

.row-item-content {
  display: inline-block;
}

.account-appeal span.normal-span {
  position: static;
  display: inline-block;
  width: auto;
  text-align: left;
  color: #333;
}

.account-appeal span.normal-span:before {
  display: none;
}

.account-appeal span.auth-fee {
  font-weight: bold;
  color: #ff2626;
}

.necessary-symbol {
  color: red;
  font-style: normal;
}

.appeal-pay {
  display: inline-block;
  height: 26px;
  background: no-repeat center;
  vertical-align: middle;
}

.wechatpay {
  background-image: url(images/appeal_wechatpay.png);
  width: 98px;
}

.alipay {
  background-image: url(images/appeal_alipay.png);
  width: 73px;
}

/* 申诉第三步 */
.appeal-info .appeal-remind {
  width: 100%;
}

.appeal-title {
  margin-top: 30px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #edf0f3;
  font-size: 18px;
  color: #333;
}

.appeal-info-part {
  padding: 25px 0;
}

.info-title {
  margin-bottom: 20px;
  font-size: 14px;
  color: #333;
}

.evidence-item {
  position: relative;
  width: 1050px;
  height: 88px;
  border: 1px solid #ddd;
  background: #f4f7fc;
  padding: 23px 0 0 20px;
  margin-top: 20px;
}

.evidence-item:first-child {
  margin-top: 0;
}

.evidence-item span,
.evidence-item input,
.evidence-item select {
  line-height: 40px;
  height: 40px;
}

.evidence-item select {
  padding-left: 12px;
  border: 1px solid #ddd;
}

.evidence-item input {
  width: 340px;
  outline: none;
  padding-left: 20px;
  border: 1px solid #ddd;
}

.evidence-item input:focus {
  -webkit-box-shadow: 0 1px 10px 1px rgba(0, 170, 255, 0.3);
          box-shadow: 0 1px 10px 1px rgba(0, 170, 255, 0.3);
  border: 1px solid #ff2626;
}

.appeal-textarea {
  width: 1050px;
  border: 1px solid #ddd;
  outline: none;
  padding: 20px;
}

.appeal-textarea:focus {
  -webkit-box-shadow: 0 1px 10px 1px rgba(0, 170, 255, 0.3);
          box-shadow: 0 1px 10px 1px rgba(0, 170, 255, 0.3);
  border: 1px solid #ff2626;
}

.evidence-item input.input-long {
  width: 690px;
}

.evidence-item input.input-short {
  width: 214px;
}

.evidence-item select {
  width: 154px;
  outline: none;
}

.evidence-label {
  margin-left: 32px;
}

.evidence-label:first-child {
  margin-left: 0;
}

.del-evidence {
  position: absolute;
  top: 0;
  right: -50px;
  color: #999;
  font-size: 14px;
}

.del-evidence:hover {
  color: #ff2626;
}

.add-evidence {
  border: 2px dashed #ddd;
  padding-left: 60px;
  margin-top: 20px;
  width: 1050px;
  height: 54px;
  background: #f8f8f8 url(images/appeal_plus.png) no-repeat 20px center;
  line-height: 54px;
  color: #666;
  cursor: pointer;
}

.error-remind {
  position: absolute;
  left: 500px;
  top: 0;
  font-size: 14px;
  color: red;
  white-space: nowrap;
}

.captcha-box .input {
  height: 50px;
  line-height: 50px;
  border: 1px solid #ddd;
  outline: none;
}

.appeal-item {
  margin-top: 53px;
}

.appeal-item:first-child {
  margin-top: 0;
}

.success-outer {
  height: 300px;
  padding-top: 90px;
  text-align: center;
}

.success-title {
  margin: 0 auto;
  width: 365px;
  height: 40px;
  padding-left: 55px;
  background: url(images/appeal_success.png) no-repeat left center;
  color: #000030;
  font-size: 22px;
}

.success-subtitle {
  margin: 0 auto;
  margin-top: 20px;
  width: 360px;
  font-size: 14px;
  color: #666;
}

.account-appeal .row-item .text-success {
  color: green;
}

.account-appeal .row-item .text-red {
  color: red;
}

/* 微信二维码样式 */
.qrcode-title {
  font-size: 22px;
  padding: 0;
  margin: 0;
  line-height: 1.2;
  color: #333;
  margin-bottom: 10px;
}

.qrcode-logo {
  background: url(images/qrcode_logo.png) no-repeat center center;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 50%;
  margin-left: -25px;
}

.pay-fee-row {
  font-size: 16px;
}

.pay-fee {
  font-weight: bold;
  color: #ff6600;
}

/* 异步请求loading效果 */
.ny-loading-tip {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
}

.ny-loading-mask {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
  background: #000;
  width: 100%;
  height: 100%;
}

.loading-tip-head {
  height: 50px;
  line-height: 50px;
  background-color: #009FD9;
  border-radius: 2px 2px 0 0;
  padding-left: 20px;
  color: #fff;
}

.ny-loading-box {
  position: absolute;
  top: 33%;
  left: 50%;
  width: 520px;
  line-height: 100px;
  border-radius: 2px 2px 0 0;
  margin-top: -30px;
  margin-left: -210px;
  background: #fff;
  color: #666;
  font-size: 16px;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.ny-loading-box > i {
  float: left;
  width: 40px;
  height: 40px;
  margin: 10px 20px 0 20px;
  margin-top: 29px;
  margin-left: 60px;
  background: url(images/ny_loading.gif) no-repeat center center;
}

.margin-top-20 {
  margin-top: 20px;
}

.color-ff6600 {
  color: #ff2626;
}

.font-size-14 {
  font-size: 14px;
}

.account-appeal .row-item .input:focus {
  border-color: #ff2626;
}

.face-qrcode-wrapper {
  text-align: center;
  margin-top: -30px;
}

.face-qrcode-wrapper h3 {
  color: #333;
  font-size: 18px;
  font-weight: normal;
}

.face-qrcode-wrapper i {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 44px;
  background: url(./images/icon-face.png) 0 no-repeat;
  margin-right: 10px;
}

.face-qrcode-box {
  position: relative;
  margin: 40px auto 0;
  width: 248px;
  height: 248px;
  border: 1px solid #ddd;
}

.weixin-share-qrcode {
  display: block;
  position: absolute;
  width: 220px;
  height: 220px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.face-pay-tips {
  font-size: 16px;
  color: #999;
  margin-top: 25px;
}

.idcard-form-text {
  margin: 20px 0;
}

.idcard-form-wrapper input {
  width: 45px;
  height: 45px;
  border: 1px solid #ddd;
  margin: 0 6px;
  border-radius: 2px;
  padding: 5px;
  text-align: center;
  font-size: 20px;
}
.idcard-form-wrapper input:focus {
  border-color: #ff2626;
  outline: none;
}