.page-governance{background-color: #F6F9FC;}
.governance-banner {
    width: 100%;
    height: 3.2rem;
    display: block;
    position: relative;
    object-fit: cover;
    -webkit-object-fit: cover;
}
.common-title {
    font-size: .24rem;
    text-align: center;
    font-weight: 400;
}

.common-title::after {
    content: '';
    display: block;
    width: .59rem;
    height: 0px;
    border: 1px solid #3E5368;
    margin: .26rem auto 0;
}
/* 场景运营与解决方案 */
.solution-main{padding: .68rem 0 .5rem 0;background-color: #fff;}
.solution-main .solution-title{font-size: .32rem;font-weight: 400;padding-bottom: .24rem;border-bottom: 1px solid #D2D6DE}
.solution-main .nav{margin-top: .24rem;}
.solution-main .nav li{min-width: 1.28rem;
    line-height: .46rem;margin-right: .2rem;background-color: #F6F9FC;font-size: .16rem;padding: 0 .16rem;cursor: pointer;}
.solution-main .nav li.active{background-color: #FE9031;color: #fff;}
.solution-main .list{margin-top: .24rem;}
.solution-main .list li{height: 3.61rem;width: 100%;overflow: hidden;display: none;}
.solution-main .list li.active{display: block;}
.solution-main .list img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-object-fit: cover;}

/* 挑战 */
.challenge-main{ padding: .5rem 0 .76rem;background-color: #F6F9FC;
    border-bottom: .07rem solid #FFFFFF;
}
.challenge-main .list{margin-top: 1.12rem;}
.challenge-main .list li{width: 2.63rem;
    min-height: 2.14rem;

    background: #FFFFFF;
    opacity: 1;
    border-radius: 4px;
    text-align: center;
    padding: .39rem .16rem .32rem;
  }
.challenge-main .list img{height: .7rem;display: block;margin: 0 auto;}
.challenge-main .list .name {font-weight: 400;font-size: .2rem;margin-top: .27rem;}
.challenge-main .list .text{font-size: .16rem;margin-top: .1rem;color: #BAC2CB;font-weight: 300;}
/* 难点 */
.difficulty-main {height: 4.8rem;padding-top:.66rem ;background: url('../image/governance/governance-bg.png') center center no-repeat;background-size: cover;}
.difficulty-main .list {
    margin-top: .83rem;
}

.difficulty-main .list li {
    width: 2.63rem;
    height: 1.58rem;
    background: #FF8D29;
    border-radius: .06rem;
    text-align: center;
    padding-top: .27rem;
    color: #fff;
}
/* .difficulty-main .list li:not(last-child){
    margin-right: .46rem;
} */

.difficulty-main .list img {
    height: .58rem;
    display: block;
    margin: 0 auto;
}

.difficulty-main .list p {
    font-weight: 300;
    font-size: .24rem;
    margin-top: .14rem;
}
/* 解决办法 */
.way-main {padding-top: .85rem;padding-bottom: 2.42rem;background-color: #fff;}
.way-main .way-des{font-size: .16rem;margin-top: 1.12rem;margin-bottom:1rem ;text-align: center;}

/*更多治理场景方案  */
.more-type-main {padding: 1rem 0 .96rem 0;}
.more-type-main li{text-align: center;}
.more-type-main img{height: .8rem;display: block;margin: auto;}
.more-type-main .name{font-size: 20px;font-weight: 400;margin-top: .32rem;}
.more-type-main .text {
    font-size: 16px;
    margin-top: .16rem;
}
/* .more-type-main .text{font-size: .16rem;} */
.list-main {display: table;width: 100%;margin-top: .74rem;overflow: hidden;}
.list-main .list{display: table-row;}
.list-main li{display: table-cell;padding: .5rem 0;}
/*  */
.more-main-list{background-color: #fff;padding: 1.3rem 0 .8rem 0;}
.more-main-list ul{margin: 0 -.215rem;}
.more-main-list li{width: 33.33%;padding: 0 .215rem;margin-bottom: .44rem;}
.more-main-list .item{
width: 100%;
height: 1.42rem;background-color: #F8F9FA;padding: 0 0 0 .24rem;color: #152E4A;}
.more-main-list .item img{width: .48rem;height: auto;margin-right: .25rem;}
.more-main-list .item .name{font-size: 20px;font-weight: 400;}
.more-main-list .item .text{font-size: 16px;margin-top: .16rem;}

.more-main-list li.more{padding: 0;cursor: pointer;}
  .more-main-list .item .text,
  .more-type-main .text{font-weight: 300;}
@media (max-width:1500px) {

    .more-main-list .item .name,
    .more-type-main .name {
        font-size: 16px;
    }

    .more-main-list .item .text,
    .more-type-main .text {
        font-size: 14px;
   
    }
}
@media  (max-width:1200px) {
    .more-main-list .item .name,.more-type-main .name{
        font-size: 14px;
    }
    .more-main-list .item .text,.more-type-main .text{
        font-size: 12px;
    }
}
/* @media screen and (max-width:1200){
    .more-main-list .item .name,
        .more-type-main .name {
            font-size: 16px;
        }
    
        .more-main-list .item .text,
        .more-type-main .text {
            font-size: 14px;
        }
} */