.main_bj {
    background: #F5F7FA;
}

.box01 {
    padding-top: .64rem;
}

.box01 .tit {
    margin-bottom: .5rem;
}

.box02 {
    margin-top: .68rem;
    padding-bottom: .62rem;
}

.box02 .tabTit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .43rem;
}

.box02 .tabTit dl {
    width: 4.27rem;
    height: 2.18rem;
    background: #FFFFFF;
    border-radius: .24rem;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
}

.box02 .tabTit dl dt, .box02 .tabTit dl dd {
    font-size: .3rem;
    font-family: AlibabaPuHuiTiM;
    color: #040404;
    line-height: .42rem;
    text-align: center;
    transition: all .5s;
}
.box02 .tabTit dl dt{
    margin-top: .32rem;
    position: relative;
    padding-bottom: .06rem;
}
.box02 .tabTit dl dt::after{
    content: '';
    display: block;
    width: .27rem;
    height: .04rem;
    background: rgba(55, 206, 205, 1);
    margin: 0px auto;
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
}

.box02 .tabTit dl dd {
    color: rgba(4, 4, 4, .5);
    margin-top: .35rem;
}
.box02 .tabTit dl.active{
    width: 5.78rem;
    height: 2.62rem;
    background: rgba(236, 243, 251, 1);
}
.box02 .tabTit dl.active dt, .box02 .tabTit dl.active dd {
    font-size: .36rem;
    line-height: .5rem;
    padding-bottom: .08rem;
}
.box02 .tabTit dl.active dd{
    color: rgba(45, 173, 194, 1);
    margin-top: .42rem;
}

.box02 .tabCont{
    margin-top: .2rem;
}
.box02 .tabCont .cont{
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .45rem;
    background: rgba(236, 243, 251, 1);
    border-radius: .24rem;
    display: none;
    transition: all .5s;
    opacity: 0;
}
.box02 .tabCont .cont.active{
    display: flex;
    opacity: 1;
}
.box02 .tabCont .cont ul{
    width: calc(100% / 2 - .38rem);
    margin-bottom: .47rem;
}   
.box02 .tabCont .cont ul li:first-child{
    font-size: .22rem;
    font-family: AlibabaPuHuiTiM;
    color: #040404;
    line-height: .3rem;
    position: relative;
}
.box02 .tabCont .cont ul li:first-child::after{
    content: '\2022';
    display: block;
    color: rgba(16, 206, 208, 1);
    position: absolute;
    left: -.2rem;
    top: 0px;
}
.box02 .tabCont .cont ul li{
    font-size: .22rem;
    font-family: AlibabaPuHuiTiM;
    color: rgba(4, 4, 4, .6);
    line-height: .38rem;
    margin-top: .14rem;
}


@media screen and (max-width:767px) {

    .box01{
        padding-top: .2rem;
    }
    .box01 .tit{
        margin-bottom:.3rem
    }

    .box02{
        margin-top: .3rem;
    }
    .box02 .tabTit{
        margin-top: .1rem;
    }
    .box02 .tabTit dl{
        width: 30%;
    }
    .box02 .tabTit dl.active{
        width: 35%;
    }
    .box02 .tabTit dl dt, .box02 .tabTit dl dd{
        font-size: .24rem;
    }
    .box02 .tabTit dl.active dt, .box02 .tabTit dl.active dd{
        font-size: .24rem;
    }
    .box02 .tabCont .cont dl{
        width: 100%;
    }
}