.res-bg {
  background: url('../images/res/res-bg.jpg') no-repeat center;
  background-size: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
}
.head-box {
  border: 0px;
}
.head-box .navlist a {
  color: #fff;
}
.head-box .navlist a:hover {
  border-bottom: 2px solid #CD3333;
}
.res-box {
  margin-top: 50px;
}
.res-box .steps-box {
  width: 800px;
  margin: 0 auto;
}
.res-box .steps-box ul {
  overflow: hidden;
}
.res-box .steps-box ul li {
  text-align: center;
  float: left;
  display: inline;
}
.res-box .steps-box ul li dl dt {
  background: url('../images/res/res-steps.png') no-repeat;
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: #b5b5b5;
  margin: 0 auto;
}
.res-box .steps-box ul li dl dd {
  color: #fff;
}
.res-box .steps-box ul .active dt {
  background: url('../images/res/res-steps-active.png') no-repeat;
  color: #fff;
}
.res-box .steps-box ul .active dd {
  color: #e84c3d;
}
.res-box .steps-box .res-line {
  margin: 0 63px;
  height: 2px;
  background: #fff;
  margin-top: -72px;
}
.res-box .res-panel {
  width: 400px;
  margin: 100px auto 0;
  background: url('../images/res/res-panel-bg.png') repeat;
  padding: 20px;
  border-radius: 5px;
}
.res-box .res-panel .res-title {
  text-align: right;
}
.res-box .res-panel .res-title a {
  color: #fff;
}
.res-box .res-panel .res-title a:hover {
  color: #ea2e1c;
}
.res-box .res-panel .tips-box {
  display: block;
  border: 1px solid #ddd;
  padding: 5px;
  position: absolute;
  border-radius: 5px;
  top: -35px;
  right: 0px;
  background: #fff;
  color: #E84C3D;
}
.res-box .res-panel .tips-box .caret-ico {
  background: url('../images/caret-ico.png') no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
}
.res-box .res-panel .form-group {
  margin-left: 0px;
  margin-right: 0px;
  background: #fff;
  padding: 4px 0;
  border-radius: 5px;
  position: relative;
}
.res-box .res-panel .form-group label {
  font-weight: 500;
  color: #9fa0a0;
  cursor: pointer;
}
.res-box .res-panel .form-group .form-control {
  border: 0px;
  margin-left: -30px;
  margin-right: -30px;
  color: #9fa0a0;
  box-shadow: none;
}
.res-box .res-panel .form-group .form-control:focus {
  box-shadow: none;
  color: #333;
}
.res-box .res-panel .agreement-box {
  background: transparent;
  padding: 0;
  margin-left: -15px;
}
.res-box .res-panel .agreement-box label {
  color: #fff;
}
.res-box .res-panel .agreement-box a {
  color: #e84c3d;
}
.res-box .res-panel .agreement-box a:hover {
  text-decoration: underline;
}
.res-box .res-panel .res-btn {
  background: transparent;
  margin-left: -15px;
  margin-right: -15px;
}
.res-box .res-panel .res-btn .btn {
  background: #e84c3d;
  color: #fff;
  border: 0px;
}
.res-box .res-panel .res-btn .btn:hover {
  background: #f62510;
}
.res-box .res-panel .form-control-feedback {
  top: 4px;
}
.res-box .res-panel .code {
  top: 0px;
  width: 60px;
  z-index: 9999;
  pointer-events: auto;
}
.res-box .res-panel .code img {
  cursor: pointer;
}
.res-box .send-btn {
  width: 130px;
  color: #e84c3d;
  border-left: 1px solid #9fa0a0;
  margin-top: 6px;
  height: auto;
  line-height: inherit;
  pointer-events: inherit;
}
.res-box .send-btn:hover {
  text-decoration: underline;
}
.res-box .tips-panel {
  text-align: center;
  color: #fff;
}
.res-box .res-btn-2 {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 50px;
}
.res-box .res-btn-2 a {
  background: #e84c3d;
  color: #fff;
}
.res-box .res-btn-2 a:hover {
  background: #f62510;
}
.foot-box {
  background: transparent;
  width: 100%;
  margin-top: 60px;
}
.foot-box p {
  margin-top: 0px;
}