@import "./common/common";
@import "./common/header.css";
@import "./common/footer.css";
@import "./common/banner.css";
@import "./common/pro-header";  //导航下滑固定样式
@import "./common/successCase";
//@import "./common/linkNews";
//@import "./common/operateCard";

//帮助中心banner
.helpBanner{
  min-height: 550px;
  .bg-gradient-primary img{
    height: 550px!important;
  }
  .banner-text{
    h2{
      font-size: 4.1rem;
      margin-top: 35%;
      line-height: 6rem;
      margin-bottom: 30px;
    }
    p{
      font-size: 2.4rem;
      line-height: 5rem;
    }
  }
  .banber-box{
    float: right;
    width: 44.25rem;
    padding-top: 13rem;
  }
}

//导航
.section-subnav{
  width: 100%;
  height: 70px;
  background: #F0F2F5;
  font-size: 1.8rem;
  .navbar-productMain{
    text-align: center;
    ul{
      //display: block;
      .li-lor{
        float: left;
        width: auto;
        height: 70px;
        padding: 0 50px;
        line-height: 70px;
        .navlink{
          color: #5C5E67;
        }
        &.active{
          background: #fff;
          border-bottom: 2px solid #006eff;
          .navlink{
            color: @mainColor;
          }
        }
      }
    }

  }
}


.section-helpCenter{
  //background: #F7FAFF;
  padding:50px 0;
}

.helpCenter-card .card {
  max-width: 90%;
  box-shadow: 3px 4px 21px 0px rgba(0, 60, 153, 0.27);
  border: none;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  margin: 50px auto;
  position: relative;
  top: 0;
  transition: all .2s ease-in-out;
  transform: translateY(0);
}
.helpCenter-card .card .card-pos{
  position: absolute;
  width: 90px;
  height: 90px;
  left: 50%;
  top: -45px;
  margin-left: -45px;
  //background: #fff;
  border-radius: 50%;
}
.helpCenter-card .card .card-body {
  text-align: center;
  padding: 50px 36px 10px;
}
.helpCenter-card .card .card-body .card-title {
  font-size: 2.8rem;
  color: #006DFF;
}
.helpCenter-card .card .card-body .sub-title {
  font-size: 1.8rem;
  color: #7A7A7A;
}

.helpCenter-card .card .card-body .link-tagbox{
  margin-top: 30px;
}
.helpCenter-card .card .card-body .link-tag a{
  //width: 100%;
  display: block;
  height: 48px;
  line-height: 48px;
  background: #FFFFFF;
  border-radius: 24px;
  font-size: 2rem;
  margin-bottom: 15px;
  font-family:'PingFang SC' ;
  color: #1A1A1A !important;
  &:hover{
    color: #006DFF!important;
    box-shadow: 3px 4px 15px 0px rgba(0, 60, 153, 0.27);
  }
}
.helpCenter-card .card .card-body .link-tag a{

}
.helpCenter-card .card:hover {
  box-shadow: 0px 12px 32px 0px rgba(20, 101, 250, 0.2);
  transform: translateY(-1rem);
}

//常见问题
.section-problem{
  background: #F7F8FA;
}
.section-problem .title{
  padding: 80px 0 28px;
}
.problem-card{
  max-width: 90%;
  margin: auto;
  padding-bottom:100px;
  .problem-tit{
    .iconfont{
      font-size: 18px;
      margin: 0 5px 0 15px;
    }
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    font-size: 20px;
    color: #fff;
    background: linear-gradient(to right, #FF7D32 50%, #F7F8FA 80%);
  }
  .problem—menu{
    margin-top: 30px;
    .problem—list{
      margin-top: 15px;
      padding-left: 15px;
      line-height: 3.4rem;
      display: flex;
      .icon-lingxing{
        font-size: 14px;
        margin-right: 8px;
      }
      a {
        color: #191919;
        font-size: 1.8rem;
        padding-bottom: 5px;
        border-bottom: 1px solid transparent;

      }

      &:hover{
        .icon-lingxing{
          color:#006DFF ;
        }
        a{
          color:#006DFF ;
          border-bottom: 1px solid #006DFF;
        }

      }
    }
  }
}


@media (max-width: 992px) {
  //.section-rotate{
  //  min-height: 340px;
  //}
  .helpBanner{
    //min-height: 460px;
    //top: 40px;
    .bg-gradient-primary{
      img{
        min-height: 460px;
      }
    }
    .banner-text{
      text-align: center;
      h1{
        margin-bottom: 20px;
        font-size: 2.8rem;
        line-height: 4rem;
        //margin-top: 9rem;
      }
      p{
        font-size: 2rem;
      }
      .btn{
        margin-right: 0;
      }
    }
    .banber-box {
      float: inherit;
      width: 230px;
      margin: 0 auto;
      padding-top: 4rem;
    }

  }
}

.section-test {
  color: #fff;
  padding: 120px 0 48px;
  /* background: url(../images/index/index-test-bg.png) center center / cover no-repeat; */
  background: url(../images/index/index-test-bg.png) no-repeat;
  background-size: cover;
}
.section-test .title {
  line-height: 5rem;
  padding: 0;
}
.section-test .btn-write {
  margin-right: 16px;
  &:hover{
    background-color: #FF8A22;
    color: #fff;
    border-color: #FF8A22;
  }
}