body {
  height: 100%; }

.header-goback-btn {
  background: transparent;
  padding: 0.2rem 0; }
  .header-goback-btn i {
    color: #fff; }

.header-bg-color {
  background: #fff; }
  .header-bg-color i {
    color: #242629; }

.firstScreenLoading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  padding: 0; }
  .firstScreenLoading P {
    position: relative;
    top: 50%;
    left: 50%;
    width: 11.6rem;
    height: 8.5rem;
    margin-top: -4.25rem;
    margin-left: -5.8rem;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 1.2rem; }
  .firstScreenLoading p:before {
    content: "";
    display: block;
    width: 100%;
    height: 4rem;
    background: url("http://img.gznetapp.com/Common/loading124.gif") 50% 100%/2rem 2rem no-repeat;
    margin-bottom: 1rem; }

.help-main {
  position: relative;
  height: calc(100% - 4.8rem);
  background-size: 100%; }

.TG-service {
  padding: 5.3rem 2rem 2.6rem;
  box-sizing: border-box;
  background: url("http://img.gznetapp.com/Mproject/newDetail/img_service_bg_1500x1184.png") no-repeat;
  background-size: 100% 100%; }
  .TG-service .service-img {
    display: inline-block;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    margin-right: 1rem; }
  .TG-service .TG-name {
    display: inline-block;
    font-size: 1.7rem;
    line-height: 4.8rem;
    color: #FFFFFF;
    vertical-align: top; }
  .TG-service .TG-service-info {
    width: 100%;
    display: block;
    margin-top: 0.3rem; }
    .TG-service .TG-service-info .info-main {
      font-size: 1.4rem;
      line-height: 1.7rem;
      color: #FFFFFF;
      margin-bottom: 1.2rem; }
    .TG-service .TG-service-info .btn {
      display: flex;
      margin-top: 1rem;
      justify-content: center; }
    .TG-service .TG-service-info a {
      display: inline-block;
      width: 50%;
      margin-right: 1rem;
      font-size: 1.3rem;
      line-height: 3.2rem;
      text-align: center;
      color: #fff;
      margin-bottom: 1rem;
      border: 0.1rem solid #FFFFFF;
      -webkit-border-radius: 0.4rem;
      -moz-border-radius: 0.4rem;
      -ms-border-radius: 0.4rem;
      -o-border-radius: 0.4rem;
      border-radius: 0.4rem; }
      .TG-service .TG-service-info a i {
        color: #fff;
        margin-right: 0.5rem; }
      .TG-service .TG-service-info a:active {
        background: #999999; }
    .TG-service .TG-service-info .copy-btn {
      margin-right: 0; }
    .TG-service .TG-service-info .Qr {
      width: 100%;
      padding: 0.8rem;
      -webkit-border-radius: 0.6rem;
      -moz-border-radius: 0.6rem;
      -ms-border-radius: 0.6rem;
      -o-border-radius: 0.6rem;
      border-radius: 0.6rem;
      background: rgba(255, 255, 255, 0.2);
      box-sizing: border-box; }
      .TG-service .TG-service-info .Qr img {
        width: 6rem;
        height: 6rem;
        display: inline-block;
        vertical-align: middle; }
      .TG-service .TG-service-info .Qr p {
        font-size: 1.4rem;
        line-height: 1.7rem;
        color: #fff;
        display: inline-block;
        padding-left: 0.6rem; }
    .TG-service .TG-service-info input {
      opacity: 0;
      position: absolute;
      height: 0; }

.top-style {
  padding: 0.5rem 2rem 2.6rem; }

.problem-main {
  position: relative;
  top: -1.6rem;
  width: 100%;
  padding: 2rem 0 4.2rem 2rem;
  background: #fff;
  box-sizing: border-box; }
  .problem-main p {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #999999; }
  .problem-main .questions-main {
    width: 100%;
    position: relative;
    padding-bottom: 1.8rem; }
  .problem-main ul {
    position: relative; }
    .problem-main ul li {
      position: relative;
      margin-top: 1.8rem; }
      .problem-main ul li .ask {
        position: relative;
        font-size: 1.6rem;
        line-height: 2rem;
        color: #242629;
        font-weight: 500;
        margin-bottom: 0.6rem;
        padding-right: 4.1rem; }
        .problem-main ul li .ask .ask-icon {
          position: absolute;
          display: inline-block;
          width: 2rem;
          height: 2rem;
          background: url("http://img.gznetapp.com/Mproject/newDetail/icon_ask_80.png") no-repeat;
          background-size: 2rem 2rem;
          vertical-align: bottom;
          margin-right: 0.6rem; }
        .problem-main ul li .ask span {
          display: inline-block;
          text-align: justify;
          padding-left: 2.6rem; }
        .problem-main ul li .ask .icon-xialakuozhan {
          color: #999;
          font-size: 1rem;
          position: absolute;
          right: 2rem;
          top: 50%;
          margin-top: -1rem; }
      .problem-main ul li .no-padding {
        padding-right: 0; }
      .problem-main ul li .answer {
        position: relative;
        font-size: 1.5rem;
        line-height: 1.8rem;
        color: #666666;
        padding: 0 2rem 0 2.6rem; }
        .problem-main ul li .answer .answer-icon {
          left: 0;
          position: absolute;
          display: inline-block;
          width: 2rem;
          height: 2rem;
          background: url("http://img.gznetapp.com/Mproject/newDetail/icon_answer_80.png") no-repeat;
          background-size: 2rem 2rem;
          vertical-align: bottom;
          margin-right: 0.6rem; }
        .problem-main ul li .answer span {
          text-align: justify; }
        .problem-main ul li .answer .close-btn {
          display: block;
          text-align: center;
          color: #999;
          font-size: 1.5rem;
          line-height: 1.8rem;
          margin-top: 1rem; }
          .problem-main ul li .answer .close-btn i {
            color: #999;
            font-size: 1rem;
            margin-left: 0.4rem;
            vertical-align: text-bottom; }
    .problem-main ul li:first-of-type {
      margin-top: 1rem; }

.special-help-main .problem-main p {
  line-height: 2.3rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #242628;
  padding-bottom: 1.3rem; }

.special-help-main .problem-main ul li .ask {
  color: #646464; }

.top-module {
  padding: 5.3rem 1.2rem 1.6rem;
  background: #fffffe url("https://ss.tgnet.com/MProject/bg_page_750x489@2.png") 0 0/100% auto no-repeat; }
  .top-module .service-tip {
    min-height: 4.1rem;
    padding-left: 4.8rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .top-module .service-img {
    width: 4.1rem;
    height: 4.1rem;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-color: #fff; }
  .top-module .tip-main {
    padding: .8rem .6rem .8rem 1.1rem;
    position: relative;
    background-color: #fff;
    border-radius: .6rem;
    font-size: 1.2rem;
    line-height: 1.7rem;
    color: #646464; }
    .top-module .tip-main::before {
      content: "";
      position: absolute;
      margin: auto;
      top: 0;
      bottom: 0;
      left: -.5rem;
      display: inline-block;
      width: .5rem;
      height: .8rem;
      background: url("https://ss.tgnet.com/MProject/icon_triangle_left_white_11x16@2.png") 0 0/100% 100% no-repeat; }
  .top-module .code-img-wrap {
    display: block;
    margin: 1.2rem auto 0;
    width: 11.5rem;
    height: 11.5rem;
    background-color: #fff;
    box-shadow: 0 0.2rem 0.5rem 0.1rem rgba(208, 100, 0, 0.15);
    border-radius: .4rem; }
  .top-module .code-img {
    width: 100%;
    height: 100%; }
  .top-module .code-desc {
    font-size: 1.5rem;
    line-height: 2.1rem;
    margin-top: .6rem;
    text-align: center;
    color: #646464; }