@font-face {
  font-family: 'avantibold';
  src: ;
  /* src: ; */
}

article {
  padding-bottom: 1rem;
}

#main .section {
  margin-top: 1.48rem;
}

#main .section h2 {
  position: relative;
  z-index: 2;
  margin-bottom: 1.2rem;
}

#main .section h2 p {
  font-size: 0.85rem;
  line-height: .85rem;
  background-image: linear-gradient(to bottom, #ffddbd 50%, #fefeff 50%);
  -webkit-background-clip: text;
  color: transparent;
  position: relative;
}

#main .section h2 p::before {
  content: "";
  height: 1rem;
  background-color: #fc4d38;
  border-radius: 0.48rem;
  width: calc(100%   .56rem);
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  bottom: -.4rem;
  z-index: -1;
}

#main .section.sicon h2 p::after {
  content: "get";
  font-family: 'avantibold';
  font-size: 0.8rem;
  letter-spacing: -0.04rem;
  color: #ffffff;
  opacity: 0.3;
  position: absolute;
  right: -1.85rem;
  top: 0rem;
}

#main .section h2 em {
  width: 0.45rem;
  height: 0.45rem;
  background-image: linear-gradient(60deg,
      #ffbb57 0%,
      #ffdba8 5%,
      #fffbf9 100%);
  border-radius: 0.45rem;
  margin-right: .65rem;
}

#main .section h2 em:last-child {
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0;
  margin-left: .53rem;
  align-self: flex-end;
  position: relative;
  top: .3rem;
}

#main .section>p {
  font-size: 0.6rem;
  line-height: 0.6rem;
  letter-spacing: -0.04rem;
  color: #ffffff;
  margin-bottom: .8rem;
}

#main .section .content {
  width: 15.15rem;
  margin: 0 auto;
}

#main .section1 {
  margin-bottom: 2rem;
  margin-top: 0;
}

#main .section1 .content {
  height: 3.85rem;
  background: url(/uploads/image/zjgzimg/zhiyuan.png) no-repeat;
  background-size: 100%;
  padding-left: 1.18rem;
  padding-top: .85rem;
  box-shadow: 0rem 0rem 0.85rem 0rem rgba(214, 56, 37, 0.5);
  border-radius: 0.64rem 0rem 0.64rem 0rem;

}

#main .section1 h4 {
  font-size: 0.8rem;
  line-height: 0.8rem;
  color: #57130c;
  margin-bottom: .4rem;
}

#main .section1 p {
  font-size: 0.6rem;
  color: #57130c;
  height: 1.13rem;
}

#main .section1 p span {
  width: 2.38rem;
  height: 1.13rem;
  background-image: linear-gradient(90deg,
      #0f797e 0%,
      #847671 0%,
      #f97364 0%,
      #2c1df8 100%);
  border-radius: 0.54rem;
  font-size: 0.68rem;
  color: #ffffff;
  margin-left: .3rem;
}

#main .section2 .content {
  padding: 0.13rem;
  background: #ffffff;
  box-shadow: 0rem 0rem 0.85rem 0rem rgba(214, 56, 37, 0.5);
  margin-bottom: .4rem;
}

#main .section2 table {
  border: solid 0.04rem #ebebeb;
}

#main .section2 th {
  font-size: 0.6rem;
  line-height: 1.5rem;
  height: 1.5rem;
  background-color: #ffa046;
  color: #000000;
  border-right: .08rem solid #ebebeb;
}

#main .section2 th:first-child {
  width: 2.2rem;
}

#main .section2 th:last-child,
#main .section2 td:last-child {
  border-right: none !important;
}

#main .section2 td {
  font-size: 0.5rem;
  line-height: .8rem;
  color: #666666;
  text-align: left;
  padding: .4rem .4rem .4rem .65rem;
  border-color: #ebebeb;
}

#main .section2 td:first-child {
  color: #000000;
}

#main .section2 .guihua {
  height: 4.3rem;
  background: url(/uploads/image/zjgzimg/guihua.png) no-repeat;
  background-size: 100%;
  padding: 0;
  box-shadow: 0rem 0rem 0.85rem 0rem rgba(214, 56, 37, 0.5);
  border-radius: 0.13rem;
  padding-top: .53rem;
  position: relative;
}

#main .section2 .guihua h4 {
  width: 8.25rem;
  height: 1.1rem;
  font-size: 0.65rem;
  line-height: 1rem;
  color: #ffffff;
  padding-left: .78rem;
  margin-bottom: .35rem;
}

#main .section2 .guihua p {
  font-size: 0.55rem;
  line-height: .85rem;
  color: #57130c;
  padding-left: .78rem;
}

#main .section2 .guihua>div {
  width: 2.58rem;
  height: 2.58rem;
  background-image: linear-gradient(60deg,
      #f86f69 0%,
      #3520f2 100%);
  box-shadow: 0rem 0rem 0.85rem 0rem rgba(255, 218, 150, 0.5);
  border: solid 0.06rem #ffeed5;
  border-radius: 3rem;
  font-size: 0.64rem;
  font-weight: bold;
  line-height: 0.8rem;
  color: #ffffff;
  position: absolute;
  top: 50%;
  right: 1.27rem;
  transform: translatey(-50%);
}

#main .section3 .content,
#main .section3 .content {
  width: 14.75rem;
}

#main .section3 ul,
#main .section4 ul {
  flex-wrap: wrap;
  padding: 0 1.18rem;
  margin-bottom: 1.08rem;
}

#main .section3 ul li,
#main .section4 ul li {
  font-size: 0.55rem;
  letter-spacing: -0.03rem;
  color: #ffffff;
  width: 2.9rem;
  height: 1.13rem;
  border-radius: 0.06rem;
  border: solid 0.04rem #ffffff;
}

#main .section3 ul li:nth-child(1),
#main .section3 ul li:nth-child(2),
#main .section3 ul li:nth-child(3),
#main .section3 ul li:nth-child(4) {
  margin-bottom: .4rem;
}

#main .section3 .question {
  background:  no-repeat;
  background-size: 100%;
  width: 100%;
  height: 12.18rem;
  box-shadow: 0rem 0rem 0.85rem 0rem rgba(214, 56, 37, 0.5);
  border-radius: 0.13rem;
  position: relative;
}

#main .section3 .question .questionbtn {
  width: 4.3rem;
  height: 1.53rem;
  background-image: linear-gradient(90deg,
      #0f797e 0%,
      #847671 0%,
      #f97364 0%,
      #2c1df8 100%);
  border-radius: 0.74rem;
  font-size: 0.65rem;
  color: #ffffff;
  position: absolute;
  left: 1.13rem;
  bottom: 1.11rem;
}

#main .section4 .content {
  width: 14.75rem;
}

#main .section4 ul {
  flex-wrap: nowrap;
  margin-bottom: .7rem;
}

#main .form_box form {
  flex-wrap: wrap;
}

#main .form_box form .item {
  width: 49%;
  margin-bottom: .23rem;
}

#main .form_box form input,
#main .form_box form select {
  width: 100%;
  height: 1.53rem;
  background-color: #ffffff;
  font-size: 0.55rem;
  line-height: 1.53rem;
  padding-left: .43rem;
}

#main .form_box form input::placeholder {
  color: #a1a1a1;
}

#main .form_box form select {
  background: #ffffff url(/uploads/image/zjgzimg/arrow.png) no-repeat;
  background-size: 7%;
  background-position: 95% center;
}

#main .form_box form .item.yzm span {
  width: 50%;
  height: 1.53rem;
  background-color: #333333;
  flex-shrink: 0;
  font-size: 0.55rem;
  color: #ffffff;
}

#main .form_box form .submit {
  background-color: #fff600;
  width: 49% !important;
  height: 1.53rem !important;
  margin: 0 !important;
  font-size: 0.55rem;
  border-radius: 1rem;
  font-weight: 700;
}

#main .section4 .get>p {
  font-size: 0.8rem;
  color: #5c2928;
  position: relative;
  margin-top: 1.1rem;
  margin-bottom: .8rem;
}

#main .section4 .get>p::after,
#main .section4 .get>p::before {
  content: "";
  width: 0.9rem;
  height: 0.08rem;
  background-color: #5c2928;
  margin: 0 .65rem;
}

#main .section4 .get div>div {
  width: 4.3rem;
  height: 6.43rem;
  background-color: #ffffff;
  box-shadow: 0rem 0rem 0.85rem 0rem rgba(214, 56, 37, 0.5);
  border-radius: 0.13rem;
  padding-top: .33rem;
}

#main .section4 .get div>div img {
  width: 3.23rem;
  display: block;
  margin: 0 auto;
}

#main .section4 .get div p {
  font-size: 0.6rem;
  line-height: .8rem;
  color: #5c2928;
  text-align: center;
}

#main .section5 h2,
#main .section6 h2 {
  margin-bottom: .8rem;
}

#main .section5 .content {
  width: 14.85rem;
}

#main .section5 ul {
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

#main .section5 ul::before,
#main .section5 ul::after {
  content: "p";
  font-family: 'avantibold';
  font-size: 1.07rem;
  font-weight: bold;
  line-height: 1.3rem;
  color: rgba(255, 255, 255, .2);
  position: absolute;
  width: 1.33rem;
  height: 1.33rem;
  background-color: #ff7f46;
  border-radius: 1.4rem;
  text-align: center;
  left: 50%;
  transform: translatex(-50%);
  top: 3.68rem;
  z-index: 3;
}

#main .section5 ul::after {
  content: "k";
  top: 8.05rem;
}

#main .section5 li {
  width: 7.38rem;
  height: 4.3rem;
  background-color: #ffffff;
  box-shadow: 0rem 0rem 0.85rem 0rem rgba(214, 56, 37, 0.5);
  border-radius: 0.13rem;
  margin-bottom: .08rem;
  padding-top: .83rem;
  padding-left: .95rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

#main .section5 li::before {
  content: "";
  width: 3.1rem;
  height: 3.1rem;
  background-image: linear-gradient(0deg,
      #ffbb57 0%,
      #ffdba8 5%,
      #fffbf9 100%);
  position: absolute;
  left: -1.55rem;
  top: -1.55rem;
  border-radius: 3.1rem;
  z-index: -1;
}

#main .section5 li:nth-child(5),
#main .section5 li:nth-child(6) {
  margin-bottom: 0;
}

#main .section5 li b {
  font-size: 0.8rem;
  line-height: 0.8rem;
  font-weight: normal;
  color: #333333;
  margin-bottom: .3rem;
  display: block;
}

#main .section5 li p {
  font-size: 0.6rem;
  line-height: .8rem;
  color: #808080;
}

#main .section5 .xiaobai {
  margin-top: .85rem;
}

#main .section5 .xiaobai img {
  width: 100%;
}

#main .section6.sicon h2 p::after {
  content: "pick";
}

#main .section6 .content {
  overflow: hidden;
}
#main .section6 .txt ul{
  flex-direction: column;
  align-items: flex-start;
}
#main .section6 .txt li {
  font-size: 0.55rem;
  color: #57130c;
  height: 1.2rem;
  background-color: #ffffff;
  border-radius: 0.59rem;
  flex-shrink: 0;
  margin-bottom: .4rem;
}
#main .section6 .txt li:nth-child(1){
  width: 9.4rem;
  margin-left: .57rem;
}
#main .section6 .txt li:nth-child(2){
  width: 13.1rem;
  margin-left: 1.4rem;
}
#main .section6 .txt li:nth-child(3){
  width: 9.85rem;
  margin-left: .65rem;
}
#main .section6 .txt li:last-child {
  width: 6.53rem;
  margin-left:6.3rem;

}



#main .section6 .txt p:last-child {
  font-size: 0.65rem;
  color: #57130c;
  background: none;
  margin-top: .3rem;
}

#main .section6 .fit {
  position: relative;
  margin-top: 1rem;
}

#main .section6 .fit div {
  position: absolute;
  width: 4.3rem;
  height: 1.3rem;
  background-color: #ffee30;
  border-radius: 0.06rem;
  font-size: 0.6rem;
  color: #040404;
  bottom: .68rem;
  left: 1.25rem;
}