@charset "utf-8";

body {
  font: 12px/22px Arial, "\5B8B\4F53", sans-serif;
  background: #fff;
  color: #333;
}

.headerborder {
  border-bottom: 2px solid #eee;
  background: #fff;
}

.pageHeader h2 {
  height: 92px;
}

.pageName {
  float: left;
  height: 62px;
  padding-left: 18px;
  margin: 15px 0 15px 10px;
  border-left: 1px solid #e0dfdf;
  font: bold 32px/50px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
  color: #e4393c;
}

/* .regbg{padding:80px 0 0;background:url(http://p.htwx.net/reg/images/regbg.gif) no-repeat center 160px;} */
.regbg {
  padding: 80px 0 0;
}

.mainBox {
  width: 980px;
  margin: 0 auto;
}

.userName input,
.mailName input,
.yz_right,
.yz_wrong,
.btn_dl_qq,
.btn_dl_xinlang,
.btn_dl_renren,
.icon_codeLogin,
.btn_changyzm,
.phoneNumber input,
.captcha .text02,
.phoneBefor .text02,
.icon_right,
.htselectboxclick,
.btn_changmm {
  background: url(../images/icons_reg.gif) no-repeat;
}

.loginMainBox {
  width: 360px;
  border-radius: 5px;
  background: #eee;
  font-size: 14px;
}

.formList01 {
  width: 310px;
  margin: 0 auto;
  padding-top: 25px;
}

.formList01 li {
  height: 40px;
}

.formList01 .textBox {
  position: relative;
  height: 64px;
}

.formList01 .textBox label {
  position: absolute;
  left: 15px;
  top: 10px;
  color: #999;
  cursor: text;
}

.formList01 .text {
  height: 36px;
  width: 261px;
  padding: 0 35px 0 10px;
  box-shadow: 0 0 2px #ddd;
  border: 2px solid #fff;
  border-radius: 5px;
  font: bold 18px/36px "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  color: #333;
}

.formList01 .text02 {
  height: 36px;
  width: 125px;
  padding: 0 35px 0 10px;
  box-shadow: 0 0 2px #ddd;
  border: 2px solid #fff;
  border-radius: 5px;
  font: bold 18px/36px "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  color: #333;
}

.formList01 .text03 {
  height: 36px;
  width: 65px;
  padding: 0 10px;
  box-shadow: 0 0 2px #ddd;
  border: 2px solid #fff;
  border-radius: 5px;
  font: bold 18px/36px "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  color: #333;
}

.formList01 .text04 {
  height: 36px;
  width: 250px;
  padding: 0 10px;
  box-shadow: 0 0 2px #ddd;
  border: 2px solid #fff;
  border-radius: 5px;
  font: bold 18px/36px "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  color: #333;
}

.formList01 .textcur {
  border-color: #f60;
}

.userName input {
  background-color: #fff;
  background-position: right 0;
  color: #333;
}

.userName input.icon_cur,
.userName input:hover {
  border-color: #ddd;
  background-position: right -30px;
}

.userName .cur {
  border-color: #f66;
  background-position: right -30px;
}

.mailName input {
  background-color: #fff;
  background-position: right -120px;
}

.mailName input.icon_cur,
.mailName input:hover {
  border-color: #ddd;
  background-position: right -150px;
}

.mailName .cur {
  border-color: #f66;
  background-position: right -150px;
}

.passWord input {
  background-color: #fff;
}

.passWord input.icon_cur,
.passWord input:hover {
  border-color: #ddd;
}

.passWord .cur {
  border-color: #f66;
}

.phoneNumber input {
  background-color: #fff;
  background-position: right -190px;
}

.phoneNumber input.icon_cur,
.phoneNumber input:hover {
  border-color: #ddd;
  background-position: right -230px;
}

.captcha .text02,
.phoneBefor .text02 {
  background-color: #fff;
  background-position: right -270px;
}

.captcha input.icon_cur,
.captcha input:hover,
.phoneBefor input.icon_cur,
.phoneBefor input:hover {
  border-color: #ddd;
  background-position: right -310px;
}

.captcha .sendTime {
  margin-top: 3px;
}

.captcha input {
  float: left;
}

.captcha img {
  float: left;
  height: 38px;
  width: 112px;
  margin: 1px 10px 0;
  border-radius: 5px;
}

.captcha .reg_btnSty03 {
  width: 126px;
  height: 38px;
  margin-top: 1px;
  padding: 0;
  line-height: 36px;
}

.siderLogin {
  float: right;
  margin-top: 60px;
  font-size: 14px;
}

.icon_codeLogin {
  display: inline-block;
  padding-left: 25px;
  background-position: -34px -467px;
}

.loginMainBox .btn_login {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0;
  border: none;
  border-bottom: 1px solid #c00;
  border-radius: 5px;
  background: #e4393c;
  cursor: pointer;
  text-align: center;
  font: bold 20px/34px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
  color: #fff;
}

.loginMainBox .btn_login:hover {
  border-color: #900;
  background: #b00;
  color: #fff;
}

.regSider {
  padding: 10px 25px;
  border-top: 1px solid #d9d9d9;
  border-radius: 0 0 5px 5px;
  background: #e5e5e5;
}

.reg_btnSty02 {
  display: inline-block;
  height: 40px;
  padding: 0 20px;
  border: none;
  border-bottom: 1px solid #c00;
  border-radius: 5px;
  background: #e4393c;
  cursor: pointer;
  text-align: center;
  font: bold 20px/38px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
  color: #fff;
}

.reg_btnSty02:hover {
  border-color: #900;
  background: #b00;
  color: #fff;
}

.reg_btnSty03 {
  display: inline-block;
  height: 32px;
  padding: 0 20px;
  border-radius: 5px;
  background: #f66;
  text-align: center;
  vertical-align: middle;
  font: bold 14px/30px Arial, "\5B8B\4F53", sans-serif;
  color: #fff;
  cursor: pointer;
}

input.reg_btnSty03 {
  border: none;
  cursor: pointer;
}

.reg_btnSty03:hover {
  background: #c00;
  text-decoration: none;
  color: #fff;
}

.reg_btnSty04 {
  display: inline-block;
  height: 30px;
  padding: 0 15px;
  border-radius: 5px;
  background: #eee;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  color: #333;
}

input.reg_btnSty04 {
  border: none;
  cursor: pointer;
}

.reg_btnSty04:hover {
  background: #c00;
  text-decoration: none;
  color: #fff;
}

.yz_right {
  display: none;
  clear: both;
  height: 20px;
  padding-left: 20px;
  background-position: -34px -388px;
  vertical-align: middle;
  font-size: 12px;
  color: #1abc9c;
}

.yz_wrong {
  display: none;
  clear: both;
  height: 20px;
  padding-left: 20px;
  background-position: -34px -415px;
  vertical-align: middle;
  font-size: 12px;
  color: #e4393c;
}

.btn_dl_qq {
  width: 30px;
  height: 28px;
  border: 1px solid #eee;
  border-radius: 3px;
  background-position: center -563px;
  text-indent: -10em;
  overflow: hidden;
}

.btn_dl_xinlang {
  width: 36px;
  height: 28px;
  border: 1px solid #eee;
  border-radius: 3px;
  background-position: center -597px;
  text-indent: -10em;
  overflow: hidden;
}

.btn_dl_renren {
  width: 48px;
  height: 28px;
  border: 1px solid #eee;
  border-radius: 3px;
  background-position: center -630px;
  text-indent: -10em;
  overflow: hidden;
}

.btn_dl_qq:hover,
.btn_dl_xinlang:hover,
.btn_dl_renren:hover {
  border-color: #ccc;
  background-color: #fff;
}

.formList01 .textSty {
  font: bold 16px/34px Arial, sans-serif;
  color: #000;
}

.loginMainBox .loginNow {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background: #000;
  opacity: .7;
  filter: alpha(opacity=70);
  text-align: center;
  font: bold 20px/38px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
  color: #fff;
}

.reg_scrollimg {
  position: relative;
}

.reg_scrollimg .picList {
  position: relative;
  width: 590px;
  height: 350px;
  overflow: hidden;
}

.reg_scrollimg .picList li {
  position: absolute;
  top: 0;
  left: 590px;
  width: 590px;
  height: 350px;
}

.reg_scrollimg .picList img {
  width: 590px;
  height: 350px;
}

.reg_scrollimg .switch_num {
  position: absolute;
  bottom: -8px;
  left: 30px;
  z-index: 1;
}

.reg_scrollimg .switch_num li {
  float: left;
  width: 12px;
  height: 12px;
  margin: 0 0 0 5px;
  border-radius: 6px;
  overflow: hidden;
  text-indent: 20px;
  background: #faa;
  cursor: pointer;
}

.reg_scrollimg .switch_num li.down {
  background: #e4393c;
}

.reg_scrollimg .switch_lr a {
  display: none;
  position: absolute;
  top: 170px;
  width: 25px;
  height: 50px;
  text-indent: -100em;
  background-color: #ccc;
  overflow: hidden;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
}

.reg_scrollimg .switch_lr .prev {
  left: 0;
  background-position: 3px -162px;
}

.reg_scrollimg .switch_lr .next {
  right: 0;
  background-position: -37px -162px;
}

.reg_scrollimg .switch_lr .prev:hover,
.reg_scrollimg .switch_lr .next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn_ztk {
  position: absolute;
  top: 162px;
  left: 30px;
  width: 140px;
  height: 40px;
  border-radius: 5px;
  background: #eee;
  text-align: center;
  font: 18px/38px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
  color: #e4393c;
}

.btn_ztk:hover {
  background: #e0e0e0;
  text-decoration: none;
  color: #ff4949;
}

.regTabSty .tabMenu {
  border-bottom: 4px solid #f66;
  border-radius: 5px 5px 0 0;
}

.regTabSty .tabMenu li {
  float: left;
  width: 179px;
  height: 44px;
  text-align: center;
  background: #e5e5e5;
  font: bold 16px/44px Arial, "\5B8B\4F53", sans-serif;
}

.regTabSty .tabMenu li.tab_first {
  border-right: 1px solid #eee;
  border-radius: 5px 0 0 0;
}

.regTabSty .tabMenu li.tab_last {
  border-left: 1px solid #eee;
  border-radius: 0 5px 0 0;
}

.regTabSty .tabMenu li:hover {
  color: #e4393c;
}

.regTabSty .tabMenu li.current {
  background: #f66;
  color: #fff;
}

.phoneBefor {
  position: relative;
}

.phoneBefor img {
  float: left;
  height: 38px;
  width: 100px;
  margin: 1px 8px 0;
  border-radius: 5px;
}

.phoneBefor .reg_btnSty03 {
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  margin-top: 1px;
  padding: 0 15px;
  line-height: 36px;
}

.phoneBefor .reg_btnSty03:hover {
  background: #f44;
}

.btn_changyzm {
  float: left;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background-position: 3px -354px;
  text-indent: -10em;
}

.btn_changyzm:hover {
  background-position: -23px -354px;
  text-decoration: none;
}

.btn_changmm {
  float: right;
  width: 36px;
  height: 36px;
  overflow: hidden;
  background-position: right -800px;
  text-indent: -10em;
  cursor: pointer
}

.btn_changmm:hover,
.btn_changmm.icon_cur {
  background-position: right -836px;
  text-decoration: none;
}

.icon_right {
  display: inline-block;
  height: 44px;
  padding-left: 60px;
  background-position: 0 -672px;
  vertical-align: middle;
  font: 20px/42px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
}

.regBox01 {
  margin: 0 60px;
  padding: 25px 30px;
  background: #eee url(http://p.htwx.net/reg/images/boxbg01.jpg) no-repeat;
}

.reg_formList02 label {
  font-weight: bold;
}

.reg_formList02 .text {
  height: 30px;
  width: 250px;
  padding: 0 35px 0 10px;
  box-shadow: 0 0 2px #ddd;
  border: 1px solid #ddd;
  border-radius: 5px;
  vertical-align: middle;
  font: 14px/30px Arial, sans-serif;
  color: #666;
}

.reg_formList02 .prompt {
  position: absolute;
  left: 220px;
  top: 5px;
  color: #999;
}

.reg_formList02 .textcur {
  font: bold 16px/30px Arial, sans-serif;
  color: #333;
}

.reg_formList02 .w01 {
  width: 100px;
}

.reg_formList02 li {
  position: relative;
  margin-bottom: 20px;
}

.reg_formList02 li.line {
  padding-bottom: 20px;
  border-bottom: 1px dashed #ccc;
}

.reg_formList02 li.li01 {
  +z-index: 8;
}

.reg_formList02 li.li02 {
  +z-index: 7;
}

.reg_formList02 li.li03 {
  +z-index: 6;
}

.reg_formList02 li.li04 {
  +z-index: 5;
}

.reg_formList02 label {
  display: inline-block;
  width: 205px;
  text-align: right;
}

.sendTime {
  display: none;
  height: 32px;
  padding: 0 19px;
  border: 1px solid #fc6;
  background: #ffc;
  vertical-align: middle;
  font-size: 12px;
  line-height: 32px;
  color: #f60;
}

.htselectbox_wrapper {
  position: absolute;
  left: 208px;
  top: 0;
  width: 152px;
  border: 1px solid #dfdfdf;
  box-shadow: 1px 2px 3px #ccc;
  background: #fff;
  z-index: 2;
}

.htselectbox_wrapper li {
  width: 132px;
  margin: 0;
  padding: 3px 0 3px 20px;
  cursor: pointer;
}

.htselectbox_wrapper li.htselected {
  background-color: #eee;
}

.htselectbox_wrapper li.current {
  color: #000;
  background-color: #ccc
}

.htselectboxclick {
  display: inline-block;
  height: 34px;
  width: 130px;
  padding: 0 10px;
  box-shadow: 0 0 2px #ddd;
  border: none;
  border-radius: 5px;
  background-color: #fff;
  background-position: right -731px;
  vertical-align: middle;
  font: 14px/30px Arial, sans-serif;
  color: #666;
  cursor: pointer;
}

.selectheight .htselectbox_wrapper {
  height: 250px;
  overflow: scroll;
  overflow-x: hidden;
}

.footer {
  padding: 15px 0;
  margin-top: 80px;
  text-align: center;
}

.footer img {
  display: inline;
}

.mt30 {
  margin-top: 30px;
}

.mt50 {
  margin-top: 50px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml90 {
  margin-left: 90px;
}

.ml200 {
  margin-left: 200px;
}

.c666 {
  color: #666;
}

.f66,
a.f66 {
  color: #e4393c;
}

a.f66:hover {
  color: #c00;
}

.green {
  color: #1abc9c;
}

.tc {
  text-align: center;
}

.fb {
  font-weight: bold;
}

.none {
  display: none;
}

.underline {
  text-decoration: underline;
}


/*2016.09.26 找回密码添加*/
.mt25 {
  margin-top: 25px;
}

.pl85 {
  padding-left: 85px;
}

.pl120 {
  padding-left: 120px;
}

.yz_right {
  *vertical-align: top;
  *margin-top: 5px;
}

.fpBox01 {
  margin: 40px auto 0;
  width: 860px;
  min-height: 245px;
  background: #eee url(http://p.htwx.net/reg/images/boxbg01.jpg) no-repeat;
  font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
  font-size: 16px;
  padding-top: 50px;
}

.fpBox01.fpBox02 {
  min-height: 295px;
  padding-top: 0
}

.fpBox01.fpBox03 {
  min-height: 270px;
  padding-top: 25px
}

.fpBox01 .reg_btnSty02 {
  font-size: 16px;
  font-weight: normal
}

.icon_fpgt,
.icon_fpsj,
.icon_fpyx,
.icon_fprg,
.cunicon_gt,
.cunicon_dh,
.fp_mmqd i,
.icon_fpcg {
  background: url(../images/icons_password.png) no-repeat;
}

.icon_fpgt {
  display: inline-block;
  height: 40px;
  padding-left: 60px;
  background-position: 0 0;
  vertical-align: middle;
  font-size: 20px;
  line-height: 40px;
  font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
}

.icon_fpcg {
  display: inline-block;
  height: 37px;
  padding-left: 55px;
  background-position: 0 -390px;
  vertical-align: middle;
  font-size: 26px;
  line-height: 37px;
  font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
}

.fplist {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.fplist li {
  position: relative;
  margin-bottom: 20px;
  color: #666;
}

.fplist li input[type=button],
.fplist li input[type=submit] {
  font-weight: normal;
  font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
}

.fplist li label {
  min-width: 85px;
  display: inline-block;
  vertical-align: top;
  line-height: 38px;
}

.fplist li .prompt {
  position: absolute;
  left: 15px;
  top: 10px;
  color: #999;
  font-size: 14px;
}

.fplist li .prompt02 {
  left: 135px;
  text-align: left;
  top: 0
}

.fplist li label.label_prompt {
  top: 0;
}

.fplist li .info {
  line-height: 38px;
  width: 128px;
  background: none;
  border: none;
  font-size: 14px;
  color: #333;
}

.fplist li .text {
  height: 16px;
  line-height: 16px;
  width: 290px;
  padding: 10px;
  box-shadow: 0 0 2px #ddd;
  border: 2px solid #fff;
  border-radius: 5px;
  background: #fff;
  color: #333;
}

.fplist li .text02 {
  width: 150px;
}

.fplist li .btn_login {
  display: block;
  width: 310px;
  height: 40px;
  padding: 0;
  border: none;
  border-bottom: 1px solid #c00;
  border-radius: 5px;
  background: #e4393c;
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.fplist li .btn_login:hover {
  border-color: #900;
  background: #b00;
  color: #fff;
}

.fplist_edit {
  width: 540px;
}

.fplist_edit li label {
  width: 115px;
  text-align: right
}

.fp_cue {
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
}

.fplist_cue {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  color: #ff7171;
  font-size: 15px;
  padding-left: 30px;
}

.cunicon_gt {
  background-position: 0 -328px;
}

.cunicon_dh {
  background-position: 0 -349px;
}

.fp_tit {
  font-size: 30px;
  color: #333;
  line-height: 35px;
  font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
}

.fp_yzway {
  width: 800px;
  margin: 0 auto;
  f
}

.fp_yzway li {
  height: 97px;
  line-height: 97px;
  border-bottom: 1px dashed #cacaca;
  padding-left: 120px;
  font-size: 18px;
  color: #666;
  clear: both;
  overflow: hidden
}

.fp_yzway li.last {
  border-bottom: none
}

.fp_yzway li.icon_fpsj {
  background-position: 42px -37px;
}

.fp_yzway li.icon_fpyx {
  background-position: 35px -231px;
}

.fp_yzway li.icon_fprg {
  background-position: 34px -134px;
}

.fp_yzway li .reg_btnSty03 {
  float: right;
  width: 116px;
  height: 32px;
  margin-top: 31px;
  line-height: 32px;
  font-weight: normal;
  padding: 0;
}

.fp_manual {
  width: 566px;
  margin: 0 auto;
  text-align: left;
  padding: 25px 0;
}

.fp_manual p {
  font-size: 18px;
  margin: 0;
  padding-left: 30px;
  line-height: 30px;
}

.buyProcess {
  margin: 30px auto 0;
  width: 489px;
  font-size: 14px;
  text-align: left;
  padding: 0 5px;
  font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
}

.buyProcess span {
  display: inline-block;
  width: 159px;
  height: 35px;
  line-height: 35px;
  text-align: center
}

.buyProcessImg {
  display: block;
  margin: 0 auto;
  width: 361px;
  height: 40px;
  background: url(../../reg/images/processbg.gif) no-repeat center top
}

.buyProcessImg i {
  float: left;
  height: 40px;
  background: url(../../reg/images/processbg.gif) no-repeat 0 -40px
}

.buy02 .buyProcessImg i {
  width: 100px
}

.buy03 .buyProcessImg i {
  width: 250px
}

.buy04 .buyProcessImg i {
  width: 356px
}

.fp_yzfaile span {
  font-size: 30px;
  color: #333;
  line-height: 35px;
}

.fp_mmqd {
  display: inline-block;
  width: 97px;
  height: 36px;
  vertical-align: top;
}

.fp_mmqd i.loading {
  display: block;
  width: 97px;
  height: 10px;
  background-position: 0 -370px;
  overflow: hidden;
  float: left;
}

.fp_mmqd i.loading i {
  display: block;
  width: 0;
  height: 10px;
  background-position: 0 -380px;
  overflow: hidden;
}

.ruo i.loading i {
  width: 32px;
}

.zhong i.loading i {
  width: 64px;
}

.qiang i.loading i {
  width: 100px;
}

.fp_mmqd span {
  display: block;
  width: 31px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  text-align: center;
  float: left;
}

.fp_yzsuccess {
  font-size: 18px;
  color: #666
}

.fp_yzsuccess time {
  color: #f66
}

.fp_yzsuccess a {
  color: #f66
}

.fp_yzsuccess a:hover {
  color: #f66
}

@font-face {
  font-family: '851-CAI978';
  src: url('../fonts/851-CAI978.ttf');
}
.mainBox {
  width: 1190px;
  margin: 60px auto 150px;
  background: #fff;
  border-radius: 15px;
}
.findpwd-header {
  height: 100px;
  font-size: 30px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: rgba(51,51,51,1);
  line-height: 100px;
  border-bottom: 1px solid #DCDCDC;
}
.findpwd-content {
  width: 780px;
  margin: 0 auto;
}
.findpwd-content .progress {
  margin-top: 25px;
}
.findpwd-content .step {
  display: inline-block;
  position: relative;
  width: 32.9%;
  text-align: center;
}
.findpwd-content .step-head {
  display: inline-block;
}
.findpwd-content .step-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  background: #B6B6B6;
  color: #fff;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  z-index: 10;
  position: relative;
  border: 5px solid #fff;
  font-family: '851-CAI978';
  font-size: 18px;
  font-weight: normal;
}
.findpwd-content .complete .step-icon {
  background: #19AEB7;
}
.findpwd-content .step-line {
  vertical-align: middle;
  width: 100%;
  height: 4px;
  position: absolute;
  right: 50%;
  top: 17px;
  background: #B6B6B6;
}
.findpwd-content .complete .step-line {
  background: #19AEB7;
}
.findpwd-content .step-main {
  margin-top: 10px;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  color:rgba(182,182,182,1);
}
.findpwd-content .complete .step-main{
  color: rgba(25,174,183,1);
}
.findpwd-content .form-content {
  width: 390px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: left;
}
.findpwd-content .form-label {
  width: 85px;
  padding-right: 5px;
  text-align: right;
  display: inline-block;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: rgba(51,51,51,1);
}
.findpwd-content .form-input {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #333;
  height: 36px;
  outline: none;
  box-sizing: border-box;
  padding-left: 10px;
  border:1px solid rgb(204,204,204);
  vertical-align: middle;
}
.findpwd-content .form-input::-webkit-input-placeholder {
  color: #ccc;
}
.findpwd-content .form-input::-moz-placeholder {
  color: #ccc;
}
.findpwd-content .form-input:-ms-input-placeholder {
  color: #ccc;
}
.findpwd-content .item-error {
  height: 24px;
  padding-left: 80px;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  color: rgb(255,63,71);
}
.findpwd-content #phonenumber, .findpwd-content #password, .findpwd-content #checkPass {
  width: 300px;
}
.findpwd-content #verification, .findpwd-content #verificationMessage {
  width: 180px;
}
.findpwd-content .verification-pic, .findpwd-content .dispatch {
  margin-left: 10px;
  width: 108px;
  height: 34px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid rgb(204,204,204);
}
.findpwd-content .dispatch {
  border: 1px solid #FF3F47;
  font-size:14px;
  font-family:MicrosoftYaHei;
  color:#FF3F47;
  outline: none;
  cursor: pointer;
  background: #FFF;
}
.findpwd-content .dispatch.disabled {
  background: #D7D7D7;
  border-color: #D7D7D7;
  color: #fff;
  cursor: default;
}
.findpwd-content .submit, .findpwd-content .navBack {
  display: block;
  margin: 36px auto 0;
  width:260px;
  height:40px;
  background:rgb(255,63,71);
  border-radius:4px;
  border: none;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  color: #fff;
  outline: none;
  cursor: pointer;
}
.findpwd-content .navBack {
  margin-top: 68px;
}
.findpwd-content .info-content {
  padding: 40px 0 60px;
  text-align: center;
}
.findpwd-content .success-pic {
  display: inline-block;
}
.findpwd-content .success-message {
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: rgb(51,51,51);
  margin-top: 20px;
}
.findpwd-content .tip {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: rgb(51,51,51);
  margin-top: 30px;
}
.findpwd-content .link {
  color: #EB585B;
  text-decoration: underline;
}

@media screen and (max-width:1274px) {}

@media screen and (max-width: 1023px) {

  .mainSearch,
  .siderBar,
  .links,
  .partner,
  .topmenu li.khd,
  .topmenu .li_userNews,
  .topmenu li.weibo,
  .topmenu li.weixin,
  .sloginImg,
  .reg_scrollimg {
    display: none;
  }

  .userBar {
    margin-right: 0;
  }

  .wrap,
  .mainBox {
    width: 96%;
  }

  .onlineAdvice {
    display: none;
  }

  .regbg {
    padding-top: 20px;
    background: #fff;
  }

  .loginMainBox {
    float: none;
    margin: 0 auto;
  }

  .formList01 .text02 {
    width: 80px;
  }

  .formList01 .text03 {
    width: 60px;
  }

  .captcha .text02,
  .phoneBefor .text02 {
    width: 125px;
  }

  .phoneBefor .reg_btnSty03 {
    padding: 0 5px;
  }
}

@media screen and (max-width:767px) {
  .siteBar .topmenu {
    display: none;
  }

  .siteBar .userBar {
    display: block;
  }

  .loginMainBox {
    width: 100%;
  }

  .formList01 {
    width: 94%;
  }

  .formList01 .text {
    width: 100%;
    box-sizing: border-box;
  }

  .regTabSty .tabMenu li {
    width: 50%;
    box-sizing: border-box;
  }

  .pageHeader h2 {
    width: 120px;
    height: 50px;
    background-size: 100% auto;
    background-position: 0 8px;
  }

  .pageName {
    margin: 5px 0 5px 10px;
    height: 42px;
    line-height: 40px;
  }
}

@media screen and (max-width:480px) {
  .pageHeader h2 {
    width: 100px;
    height: 45px;
    background-position: 0 5px;
  }

  .pageName {
    font-size: 24px;
    height: 30px;
    line-height: 26px;
  }
}

@media screen and (max-width:360px) {}