* {
  outline: medium none !important;
}
body {
  font-size: 14px;
  font-family: '微软雅黑', Tahoma, Helvetica, Arial, "SimSun", sans-serif;
  background: #e6e6e6;
  width: 100%;
  color: #414141;
}
.header {
  height: 115px;
  margin-bottom: 35px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 10px #cecece;
  -moz-box-shadow: 0px 4px 10px #cecece;
  box-shadow: 0px 4px 10px #cecece;
}
.header .box-header {
  width: 1024px;
  margin: 0 auto;
}
.header .box-header .logo {
  float: left;
  width: 180px;
}
.header .box-header .logo #wrap {
  display: table;
  width: 180px;
  height: 115px;
  *position: relative;
  overflow: hidden;
}
.header .box-header .logo #subwrap {
  vertical-align: middle;
  display: table-cell;
  *position: absolute;
  *top: 50%;
}
.header .box-header .logo #AgentLogo {
  *position: relative;
  *top: -50%;
}
.header .box-header .logo img {
  max-height: 100px;
  max-width: 180px;
}
.header .box-header .title {
  float: left;
  height: 115px;
  line-height: 115px;
  padding-left: 40px;
  font-size: 30px;
}
.header .box-header .action {
  float: right;
  margin-right: 75px;
  height: 115px;
  line-height: 115px;
  font-size: 16px;
  color: #7d7d7d;
  font-weight: bold;
}
.header .box-header .action a {
  color: #1374ce;
  margin-right: 10px;
}
.content {
  width: 1024px;
  margin: 0 auto;
}
dl.checkradio dd input {
  margin-right: 4px;
}
dl.checkradio dd a {
  color: #1374ce;
}
dl dd.code-img {
  line-height: 40px;
  padding: 0 10px;
}
dl dd.code-img img {
  vertical-align: middle;
  cursor: pointer;
}
dl dd a.reload-code {
  display: block;
  height: 40px;
  width: 20px;
  background: url("../images/shuaxin.png") no-repeat center 15px;
  cursor: pointer;
}
dl dd.code-button {
  margin-left: 10px;
}
dl dd.dd-msg {
  color: #a5a5a5;
  font-size: 12px;
  padding: 10px 10px;
  display: none;
}
.footer {
  width: 1024px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 0;
}
button,
a {
  cursor: pointer;
}
button {
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
button.btn-code {
  width: 125px;
  height: 40px;
  border: 1px solid #d0d0d0;
  background: #f1f1f1;
  color: #323232;
}
button.submit {
  width: 210px;
  height: 40px;
  background: #f88702;
  color: #fff;
  border: 0;
  font-size: 20px;
}
button.submit:hover {
  background: #f9941d;
}
button.submit:active {
  background: #dc7700;
}
button:disabled {
  background: #ccc;
  color: #fff;
  cursor: not-allowed;
}
button:disabled:hover {
  background: #ccc;
}
button:disabled:active {
  background: #ccc;
}
input.text {
  width: 210px;
  height: 40px;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 12px;
  line-height: 40px;
  font-size: 14px;
  -webkit-box-shadow: 0 0 2px #cccccc inset;
  -moz-box-shadow: 0 0 2px #cccccc inset;
  box-shadow: 0 0 2px #cccccc inset;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
input.text.code {
  width: 85px;
}
input.text:focus {
  border-color: #2ea7e0;
  -webkit-box-shadow: 0 0 1px #2ea7e0 inset;
  -moz-box-shadow: 0 0 1px #2ea7e0 inset;
  box-shadow: 0 0 1px #2ea7e0 inset;
}
input.text.error {
  border-color: #ff0000;
}
input.text.error:focus {
  border-color: #ff0000;
  -webkit-box-shadow: 0 0 1px #ff0000 inset;
  -moz-box-shadow: 0 0 1px #ff0000 inset;
  box-shadow: 0 0 1px #ff0000 inset;
}
input:disabled {
  background: #f0f0f0;
  cursor: not-allowed;
}
.required {
  color: #ff0000;
}
.forgot-box {
  width: 100%;
  background: #fff;
  border: 1px solid #bebebe;
}
.forgot-box .step-box {
  margin: 50px auto 60px;
  width: 850px;
  height: 75px;
}
.forgot-box .step-box .line {
  width: 850px;
  height: 5px;
  position: absolute;
  margin-top: 15px;
}
.forgot-box .step-box .line .current,
.forgot-box .step-box .line .ground {
  position: relative;
  height: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 0;
}
.forgot-box .step-box .line .current {
  background: #ff7001;
  margin-top: -5px;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.forgot-box .step-box .line .ground {
  width: 100%;
  background: #e9e9e9;
}
.forgot-box .step-box .step-list .item {
  float: left;
  position: relative;
  width: 128px;
}
.forgot-box .step-box .step-list .item .step {
  width: 35px;
  height: 35px;
  margin: 0 auto;
}
.forgot-box .step-box .step-list .item .step .step-bg {
  width: 35px;
  height: 35px;
  background: #bfbfbf;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.forgot-box .step-box .step-list .item .step .step-index {
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  margin: -26px 0 0 12px;
}
.forgot-box .step-box .step-list .item .text {
  font-size: 16px;
  font-weight: bold;
  color: #bfbfbf;
  margin-top: 20px;
  text-align: center;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.forgot-box .step-box .step-list .item.first {
  margin: 0 0 0 20px;
}
.forgot-box .step-box .step-list .item.second {
  margin: 0 0 0 90px;
}
.forgot-box .step-box .step-list .item.third {
  margin: 0 0 0 90px;
}
.forgot-box .step-box .step-list .item.fourth {
  margin: 0 0 0 90px;
}
.forgot-box .step-box.first .line .current {
  width: 70px;
}
.forgot-box .step-box.first .step-list .item.first .step .step-bg {
  background: #ff7001;
}
.forgot-box .step-box.first .step-list .item.first .text {
  color: #ff7901;
  font-weight: bold;
}
.forgot-box .step-box.second .line .current {
  width: 290px;
}
.forgot-box .step-box.second .step-list .item.first .step .step-bg,
.forgot-box .step-box.second .step-list .item.second .step .step-bg {
  background: #ff7001;
}
.forgot-box .step-box.second .step-list .item.first .text,
.forgot-box .step-box.second .step-list .item.second .text {
  color: #ff7901;
  font-weight: bold;
}
.forgot-box .step-box.third .line .current {
  width: 510px;
}
.forgot-box .step-box.third .step-list .item.first .step .step-bg,
.forgot-box .step-box.third .step-list .item.second .step .step-bg,
.forgot-box .step-box.third .step-list .item.third .step .step-bg {
  background: #ff7001;
}
.forgot-box .step-box.third .step-list .item.first .text,
.forgot-box .step-box.third .step-list .item.second .text,
.forgot-box .step-box.third .step-list .item.third .text {
  color: #ff7901;
  font-weight: bold;
}
.forgot-box .step-box.fourth .line .current {
  width: 725px;
}
.forgot-box .step-box.fourth .step-list .item.first .step .step-bg,
.forgot-box .step-box.fourth .step-list .item.second .step .step-bg,
.forgot-box .step-box.fourth .step-list .item.third .step .step-bg,
.forgot-box .step-box.fourth .step-list .item.fourth .step .step-bg {
  background: #ff7001;
}
.forgot-box .step-box.fourth .step-list .item.first .text,
.forgot-box .step-box.fourth .step-list .item.second .text,
.forgot-box .step-box.fourth .step-list .item.third .text,
.forgot-box .step-box.fourth .step-list .item.fourth .text {
  color: #ff7901;
  font-weight: bold;
}
.forgot-box .step-box.fifth .line .current {
  width: 850px;
}
.forgot-box .step-box.fifth .step-list .item.first .step .step-bg,
.forgot-box .step-box.fifth .step-list .item.second .step .step-bg,
.forgot-box .step-box.fifth .step-list .item.third .step .step-bg,
.forgot-box .step-box.fifth .step-list .item.fourth .step .step-bg {
  background: #ff7001;
}
.forgot-box .step-box.fifth .step-list .item.first .text,
.forgot-box .step-box.fifth .step-list .item.second .text,
.forgot-box .step-box.fifth .step-list .item.third .text,
.forgot-box .step-box.fifth .step-list .item.fourth .text {
  color: #ff7901;
  font-weight: bold;
}
.forgot-box .step-content .step-form {
  display: none;
  width: 600px;
  margin: 0 auto;
  min-height: 360px;
}
.forgot-box .step-content .step-form dl {
  height: 60px;
}
.forgot-box .step-content .step-form dl dt,
.forgot-box .step-content .step-form dl dd {
  float: left;
  height: 40px;
}
.forgot-box .step-content .step-form dl dt {
  width: 110px;
  text-align: right;
  font-size: 16px;
  padding: 10px 15px 10px 0;
}
.forgot-box .step-content .step-form dl dd.error {
  color: #ff0000;
  font-size: 12px;
  padding: 10px;
}
.forgot-box .step-content .step-form dl.checkradio dd.error {
  padding: 0 10px;
}
.forgot-box .step-content .step-form.second {
  overflow: hidden;
}
.forgot-box .step-content .step-form.second .way-error {
  width: 515px;
  margin-top: 50px;
  height: 60px;
  background: #f8f8f8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: none;
}
.forgot-box .step-content .step-form.second .way-error .icon {
  float: left;
  width: 50px;
  height: 50px;
  background: url("../images/way-error.png") no-repeat 0 -50px;
  margin: 5px 15px 5px 5px;
}
.forgot-box .step-content .step-form.second .way-error .description {
  float: left;
  font-size: 21px;
  height: 60px;
  line-height: 60px;
}
.forgot-box .step-content .step-form.second .way-error .description a {
  color: #0069c1;
}
.forgot-box .step-content .step-form.second ul.forgot-way {
  height: 70px;
  width: 660px;
}
.forgot-box .step-content .step-form.second ul.forgot-way li {
  float: left;
  height: 70px;
  width: 275px;
  background: #f8f8f8;
  cursor: pointer;
  margin: 0 45px 45px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.forgot-box .step-content .step-form.second ul.forgot-way li .icon {
  float: left;
  width: 50px;
  height: 50px;
  background: url("../images/ico_style.png") no-repeat;
  margin: 10px 15px 0 6px;
}
.forgot-box .step-content .step-form.second ul.forgot-way li .text {
  float: left;
  width: 200px;
}
.forgot-box .step-content .step-form.second ul.forgot-way li .text .type {
  width: 100%;
  color: #333333;
  font-size: 21px;
  height: 40px;
  line-height: 40px;
  background: url("../images/ico_tuijian.png") no-repeat 95px center;
}
.forgot-box .step-content .step-form.second ul.forgot-way li .text .type-value {
  width: 100%;
  font-size: 18px;
  color: #aeaeae;
}
.forgot-box .step-content .step-form.second ul.forgot-way li.phone .icon {
  background-position: 0 -50px;
}
.forgot-box .step-content .step-form.second ul.forgot-way li.email .icon {
  background-position: 0 0;
}
.forgot-box .step-content .step-form.second ul.forgot-way li.qqemail .icon {
  background-position: 0 0;
}
.forgot-box .step-content .step-form.second ul.forgot-way li.qqemail .text .type {
  background-position: 130px center;
}
.forgot-box .step-content .step-form.third .forgot-way {
  width: 545px;
  height: 60px;
  background: #f8f8f8;
  margin: 0 auto 40px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.forgot-box .step-content .step-form.third .forgot-way .icon {
  float: left;
  width: 50px;
  height: 50px;
  background: url("../images/ico_style.png") no-repeat;
  margin: 5px 15px 0 6px;
}
.forgot-box .step-content .step-form.third .forgot-way.phone .icon {
  background-position: 0 -50px;
}
.forgot-box .step-content .step-form.third .forgot-way.email .icon {
  background-position: 0 0;
}
.forgot-box .step-content .step-form.third .forgot-way .text {
  float: left;
  color: #333333;
  font-size: 21px;
  height: 60px;
  line-height: 60px;
  margin-right: 5px;
  width: 330px;
}
.forgot-box .step-content .step-form.third .forgot-way .text span {
  font-size: 16px;
  margin-left: 5px;
}
.forgot-box .step-content .step-form.third .forgot-way .action button {
  margin: 10px 0;
}
.forgot-box .step-content .step-form .result {
  width: 460px;
  margin: 50px auto 0;
  height: 60px;
  background: #f8f8f8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.forgot-box .step-content .step-form .result .icon {
  float: left;
  width: 50px;
  height: 50px;
  background: url("../images/ico_style.png") no-repeat;
  margin: 5px 15px 5px 5px;
}
.forgot-box .step-content .step-form .result .description {
  float: left;
  display: none;
  font-size: 21px;
  height: 60px;
  line-height: 60px;
}
.forgot-box .step-content .step-form .result .description a {
  color: #0069c1;
}
.forgot-box .step-content .step-form .result.sucess {
  width: 460px;
}
.forgot-box .step-content .step-form .result.sucess .icon {
  background-position: 0 0;
}
.forgot-box .step-content .step-form .result.sucess .description.sucess-description {
  display: block;
}
.forgot-box .step-content .step-form .result.fail {
  width: 345px;
}
.forgot-box .step-content .step-form .result.fail .icon {
  background-position: 0 -50px;
}
.forgot-box .step-content .step-form .result.fail .description.fail-description {
  display: block;
}
.validcode{display:none}