.dialog-free-signup .box-content {
  padding: 0 32px 24px;
  color: #2d2d2d;
  position: relative;
}

.dialog-free-signup h5 {
  border-left: 4px solid #FB4A3E;
  margin-top: 24px;
  padding-left: 10px;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 22px;
  font-weight: 500;
}

.dialog-free-signup .special {
  position: relative;
  min-height: 94px;
  margin-bottom: 18px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
}

.dialog-free-signup .special p {
  color: #0d0d0d;
  margin-bottom: 15px;
}

.dialog-free-signup .special p i img {
  vertical-align: middle;
}

.dialog-free-signup .special h2 {
  color: #3e3d3d;
  margin-top: 15px;
}

.dialog-free-signup .product {
  position: relative;
  min-height: 94px;
  margin-bottom: 18px;
}

.dialog-free-signup .product img {
  width: 154px;
}

.dialog-free-signup .product .info {
  position: absolute;
  top: -7px;
  left: 166px;
  font-size: 22px;
  line-height: 36px;
  width: 356px;
}

.dialog-free-signup .product .info .course {
  width: 100%;
}

.dialog-free-signup .product .info .price {
  color: #aaa;
}

.dialog-free-signup .product .info .price span {
  color: #FF4C38;
}

.dialog-free-signup .mobile-info {
  margin-top: 36px;
  margin-bottom: 36px;
  font-size: 18px;
  color: #858585;
}

.dialog-free-signup .mobile-info span {
  font-size: 16px;
}

.dialog-free-signup .mobile-info a {
  font-size: 16px;
  margin-left: 16px;
  color: #FF4C38;
}

.dialog-free-signup .edit form b {
  width: 92px;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.dialog-free-signup .msg {
  font-size: 14px;
  color: #b1b1b1;
  margin-bottom: 24px;
}

.dialog-free-signup form {
  font-size: 18px;
  color: #858585;
  line-height: 44px;
  margin-bottom: 36px;
}

.dialog-free-signup form li {
  margin-bottom: 16px;
  position: relative;
}

.dialog-free-signup form b {
  width: 92px;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-weight: 500;
}

.dialog-free-signup form input {
  font-size: 16px;
  color: #404040;
  width: 206px;
  height: 44px;
  vertical-align: top;
}

.dialog-free-signup form .area_phone {
  padding-left: 76px;
}

.dialog-free-signup form .getcode {
  width: 126px;
  line-height: 44px;
  height: 44px;
  margin-left: 10px;
  color: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-size: 18px;
}

.dialog-free-signup form .tips {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 16px;
  color: #ff6767;
}

.dialog-free-signup .opt {
  text-align: center;
}

.dialog-free-signup .opt a {
  width: 160px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 36px;
  line-height: 58px;
  font-size: 18px;
  cursor: pointer;
}

.dialog-free-signup .success .title {
  height: auto;
  width: 300px;
  padding: 48px 0;
  margin: 0 auto;
  font-size: 28px;
  color: #FF4C38;
  background-repeat: no-repeat;
}

.dialog-free-signup .success .title .wechatContainer {
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.dialog-free-signup .success .title .wechatContainer .imgContainer {
  width: 136px;
  height: 136px;
}

.dialog-free-signup .success .title .wechatContainer .imgContainer img {
  width: 136px;
  height: 136px;
  object-fit: contain;
}

.dialog-free-signup .success .title .wechatContainer p {
  margin-left: 0;
  text-align: center;
}

.dialog-free-signup .success .title .wechatContainer p span {
  text-align: center;
}

.dialog-free-signup .success .title .wechatContainer p span:nth-of-type(1) {
  color: #4f4f4f;
  font-size: 16px;
}

.dialog-free-signup .success .title .wechatContainer p span:nth-of-type(2) {
  display: inline-block;
  margin-top: 10px;
}

.dialog-free-signup .success .title img {
  position: absolute;
}

.dialog-free-signup .success .title h3 {
  font-weight: normal;
  margin-left: 66px;
}

.dialog-free-signup .success .title p {
  font-size: 14px;
  color: #7c7c7c;
  margin-top: 10px;
  margin-left: 66px;
}

.dialog-free-signup .success ul {
  width: 462px;
  margin: 0 auto;
  border-top: 1px solid #e9e9e9;
  padding-bottom: 24px;
}

.dialog-free-signup .success ul li {
  position: relative;
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  color: #888888;
  margin-top: 48px;
}

.dialog-free-signup .success ul li span {
  font-size: 16px;
  color: #4f4f4f;
}

.dialog-free-signup .success ul li a {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 40px;
  line-height: 40px;
  width: 102px;
  font-size: 14px;
}

.dialog-free-signup .success ul li .wxPublicFocusText {
  display: inline-block;
  max-width: 300px;
  word-break: break-all;
}

.dialog-free-signup .fail img {
  margin-top: 50px;
  width: 142px;
}

.dialog-free-signup .fail p {
  color: #808080;
  margin-top: 32px;
  margin-bottom: 26px;
  font-size: 18px;
}

.dialog-free-signup .countdown {
  margin-left: 10px;
  font-size: 18px;
  color: #656565;
}

.dialog-free-signup .countdown em {
  color: #0db65c;
}

.dialog-free-signup .phone-area-select {
  left: 93px;
  height: 42px;
  line-height: 42px;
}

.dialog-free-signup .phone-area-select li {
  margin-bottom: 0px;
}

.dialog-free-signup .phone-area-select s {
  top: 18px;
}

.dialog-show-weixin {
  text-align: center;
  padding: 46px 0;
}

.dialog-show-weixin img {
  width: 142px;
  height: 142px;
  margin-bottom: 20px;
}

.dialog-show-weixin p {
  font-size: 13px;
  color: #6b6b6b;
}

.dialog-show-weixin .box-ok {
  margin-top: 20px;
  width: 144px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  display: inline-block;
  zoom: 1;
}

.dialog-free-signup #captcha {
  width: 320px;
  display: inline-block;
}

.dialog-free-signup {
  max-height: 650px;
  overflow-y: auto;
}

.dialog-free-signup .questionnaire {
  padding: 32px 8px 32px 8px;
}

.dialog-free-signup .questionnaire .title {
  width: 244px;
  margin: 0 auto;
}

.dialog-free-signup .questionnaire .title img {
  width: 50px;
  height: 50px;
  position: absolute;
}

.dialog-free-signup .questionnaire .title h3 {
  font-weight: 400;
  color: #ff3f29;
  line-height: 30px;
  margin-left: 60px;
  font-size: 22px;
  display: inline-block;
}

.dialog-free-signup .questionnaire .title p {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  margin-left: 60px;
  font-weight: 400;
}

.dialog-free-signup .questionnaire .content {
  margin-top: 37px;
}

.dialog-free-signup .questionnaire .content h3 {
  font-weight: 400;
  color: #333333;
  line-height: 33px;
  font-size: 24px;
  border-left: 4px solid #FF3F29;
  padding-left: 10px;
}

.dialog-free-signup .questionnaire .questionAll {
  margin-top: 32px;
}

.dialog-free-signup .questionnaire .question {
  margin-bottom: 36px;
}

.dialog-free-signup .questionnaire .topic {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.dialog-free-signup .questionnaire .option {
  line-height: 20px;
  margin-bottom: 12px;
}

.dialog-free-signup .questionnaire .label-text {
  font-size: 14px;
  color: #333333;
  font-weight: 400;
  margin-left: 10px;
}

.dialog-free-signup .questionnaire .produce-form {
  display: flex;
  justify-content: center;
}

.dialog-free-signup .questionnaire .finish-form {
  width: 252px;
  height: 54px;
  background: #ff3f29;
  border-radius: 6px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.dialog-free-signup .questionnaire .j-single-option {
  width: 17px;
  height: 17px;
  margin: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  border: none;
  outline: none
}

.dialog-free-signup .questionnaire .j-single-option:before {
  content: '';
  width: 17px;
  height: 17px;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.dialog-free-signup .questionnaire .j-single-option:checked:before {
  content: '';
  width: 17px;
  height: 17px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  background: #ff3f29;
}

.dialog-free-signup .questionnaire .j-single-option:checked:after {
  content: '';
  width: 5px;
  height: 5px;
  display: block;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 6px;
  left: 6px;
  transform: rotate(-45deg);
}

.dialog-free-signup .questionnaire .j-multi-option {
  width: 17px;
  height: 17px;
  margin: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  border: none;
  outline: none
}

.dialog-free-signup .questionnaire .j-multi-option:before {
  content: '';
  width: 17px;
  height: 17px;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}

.dialog-free-signup .questionnaire .j-multi-option:checked:before {
  content: '';
  width: 17px;
  height: 17px;
  background: #ff3f29;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}

.dialog-free-signup .questionnaire .j-multi-option:checked:after {
  content: '';
  width: 7px;
  height: 4px;
  border: 2px solid #fff;
  border-top: transparent;
  border-right: transparent;
  text-align: center;
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  transform: rotate(-45deg);
}

.dialog-free-signup .noFinish {
  display: flex;
  justify-content: center;
  color: #ff3f29;
  font-size: 16px;
}
