
/*bannner*/
.slide{
    display: flex;
    width: 100%;
    padding: 1.2rem 0;
    background-image: url('https://m.xdianbang.com/image/xindebanner.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  
  .slide .slide-logo {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.3rem;
    margin-right: 0.4rem;
  }
  
  .slide .slide-item {
    font-size: 17px;
    color: #fff;
    line-height: 24px;
  }
  
  .slide .slide-des {
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    opacity: 0.8;
  }
  
  .slide .slide-area {
    margin-top: 0.16rem;
    margin-bottom: 0.12rem;
  }
  
  .main .main-title {
    display: flex;
    margin: 1.2rem 0 0.9rem 0;
    padding: 0 0.36rem 0 0.3rem;
  }
  .main .main-title .blue-bar {
    margin-top: 0.18rem;
    margin-right: 0.34rem;
    width: 0.12rem;
    height: 1.08rem;
    background-color: #1869FF;
  }
  
  .main .main-title .main-title-content p:first-child{
    margin-bottom: 0.24rem;
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #333;
  }
  
  .main .main-title .main-title-content p:nth-child(2){
    font-size: 16px;
    line-height: 30px;
    color: #888;
  }
  
  .main .main-card {
    padding: 0 0.3rem 0 0.3rem;
    margin-bottom: 0.88rem;
  }
  
  .main .main-card .main-card-content {
    padding: 0.6rem 0.64rem  0.88rem 0.46rem;
    background-color: #F8F9FB;
  }
  
  .main .main-card .main-card-content .top-card-content {
    padding-bottom: 0.6rem;
    margin-bottom: 0.6rem;
    border-bottom: 1px solid #ECECEC;
  }
  
  .main .main-card .main-card-content .content-p_1{
    margin-bottom: 0.2rem;
    font-size: 14px;
    line-height: 20px;
    color: #888;
  }
  
  .main .main-card .main-card-content .content-p_2 {
    font-size: 16px;
    line-height: 22px;
    color: #333;
  }
  
  .main .main-des {
    padding: 0 0.36rem 0 0.3rem;
    /* margin-bottom: 0.88rem; */
    font-size: 16px;
    line-height: 36px;
    color: #555;
  }
  
  .main .card-area {
    margin-top: 0.88rem;
    padding: 0 0.3rem 0 0.3rem;
  }
  .main #checkDetail {
    margin-top: 0.1rem;
    display: flex;
    justify-content: center;
    /* padding-left: 0.3rem; */
    color: #306CDB !important;
    font-size: 14px;
    line-height: 30px;
  }
  .main .card-area .card-container {
    margin-bottom: 0.6rem;
  }
  .main .card-area .card-container .card-title {
    padding: 0.18rem 0 0.18rem 0.3rem;
    border-radius: 4px 4px 0 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #FFF;
  }
  
  .main .card-area .card-area-content {
    padding: 0.6rem 0.3rem;
    background-color: #F8F9FB;
    border-radius: 0 0 4px 4px;
  }
  
  .orange-bgc {
    background-color: #F26546;
  }
  
  .blue-bgc {
    background-color: #4885F8;
  }
  
  .green-bgc {
    background-color: #39CFF4;
  }
  .main .card-area .first-line {
    margin-bottom: 0.24rem;
  }
  .main .card-area .card-area-content-common{
    font-size:16px;
    line-height: 30px;
    color: #333;
  }
  
  .main .card-area .card-area-content-common p:first-child {
    margin-right: 0.12rem;
  }
  
  .main .main-func {
    margin: 0.6rem 0 1.58rem 0;
    padding: 0 0.28rem;
  }
  
  .main .main-func .main-func-title {
    margin-bottom: 0.6rem;
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #333;
  }
  
  .main .main-func .main-func-des_1 {
    font-size: 16px;
    line-height: 36px;
    color: #555;
  }
  
  .main .main-func .main-func-img {
    margin-top: 0.86rem;
    margin-bottom: 1.18rem;
  }
  
  .main .main-func .main-func-img .img-common {
    width: 6.94rem;
  }
  
  .main .main-func .main-func-img .img_1{
    height: auto;
  }
  .main .main-func .main-func-img .img_2{
    height: auto;
  }
  