/* 合作 */
.BC_service .PCscreen{
    height: 545px;
}

.BC_service .serviceNav button,
.BC_service .serviceNav button.active{
    background: transparent;
}

.BC_service .serviceNav button.nav-link{
    color: #727272;
    padding: 10px 0;
    text-align: left;
}

.BC_service .serviceNav button.nav-link h4{
    margin-bottom: 0;
}

.BC_service .serviceNav button.nav-link.active{
    color: #59C3E1; 
    animation-name: mainService;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}

.BC_service .PCscreen .tab-content{
    width: 520px;
}


.BC_cooperation header img.PCimg,
.BC_cooperation header img.MobImg{
    width: 100%;
}

.flowStep button.nav-link{
    position: relative;
    text-align: left;
    border: none;
    background: transparent;
    color: #727272;
    padding: .75em 0;
    transition: all .3s;
    margin-top: .75em;
}

.flowStep p.flowStepInn{
    display: none;
    transition: all .3s;
    margin-bottom: 1em;
}

.flowStep button.nav-link.active+p{
    display: block;
    transition: all .3s;
    margin-bottom: 1em;
}


.flowStep button.nav-link span.stepNum{
    background: #EBF7FF;
    width: 40px;
    height: 40px;
    padding: 5px;
    line-height: 30px;
    border-radius: 100%;
    color: #727272;
    text-align: center;
    position: absolute;
    left: -50px;
    top: 7px;
}

@keyframes mainService {
    0% {
        color: #59C3E1;
    }
    50% {
        color: #727272;
    }
    100% {
        color: #59C3E1;
    }
}

.flowStep button.nav-link.active span.stepNum{
    background: #59C3E1;
    color: #fff;
    transition: all .3s;
}

.BC_cooperation .BC_tit{
    background: rgb(89,195,225);
    background: -moz-linear-gradient(90deg, rgba(89,195,225,0) 0%, rgba(89,195,225,1) 50%, rgba(89,195,225,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(89,195,225,0) 0%, rgba(89,195,225,1) 50%, rgba(89,195,225,0) 100%);
    background: linear-gradient(90deg, rgba(89,195,225,0) 0%, rgba(89,195,225,1) 50%, rgba(89,195,225,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#59c3e1",endColorstr="#59c3e1",GradientType=1);
    
}

.BC_cooperation .BC_tit h4.letUsHelp{
    padding: 48px 0;
}

.BC_cooperation .BC_service li p{
    max-width: 520px;
    line-height: 1.75em;
}

.BC_cooperation .fiveTips img{
    width: 420px;
}

@media screen and (max-width: 767px) {
    .BC_cooperation .fiveTips img{
        width: 100%;
    }
}

.fiveTips .f__inner{
    bottom: 0;
    padding: 0 20px 0px 20px;
}

.BC_cooperation .apply_inn{
    width: 780px;
    margin: 0 -390px;
    z-index: 2;
    top: 50%;
    left: 50%;
}

.BC_cooperation .apply_inn ul li{
    position: relative;
    padding-left: 20px;
    line-height: 2rem;
    font-size: 20px;
    font-weight: bold;
}

.BC_cooperation .apply_inn ul li::before{
    position: absolute;
    background: url('../../frontend/images/cooperation/check\ circle_.svg') center center no-repeat;
    width: 30px;
    height: 30px;
    content: '';
    left: -20px;
    top: 0px; 
}

.BC_cooperation .apply .goWme{
    padding: 12px 24px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .BC_cooperation .apply_inn{
        width: 70%;
        margin: 0 -35%;
        z-index: 2;
        top: 31%;
        left: 50%;
    }

    .BC_cooperation .apply_inn ul li{
        position: relative;
        padding-left: 20px;
        line-height: 2rem;
        font-size: 16px;
        font-weight: bold;
    }
    .BC_cooperation .apply_inn ul li::before{
        width: 30px;
        height: 30px;
        content: '';
        left: -12px;
        top:0px;
    }
}


.cooperationTable table{
    border-color: #59C3E1;
}

.cooperationTable table td{
    font-weight: 600;
    padding: 20px;
}

.cooperationTable .tb-1 table td{
    word-break: keep-all;
}

@media screen and (max-width: 768px) {
    .cooperationTable td{
        font-size: 16px;
        padding: 10px !important;
    }

    .fSize26{
        font-size: 22px !important;
    }

    #teacher_flow .modal-dialog-centered,
    #expert_flow .modal-dialog-centered{
        min-height: calc(120% - 15rem);
        align-items: center;
    }
    .BC_cooperation .table-responsive table td,
    #expertLv .table-responsive table td,
    #expertPrice .table-responsive table td,
    #teacher_flow .table-responsive table td,
    #expert_flow .table-responsive table td{
        min-width: 235px;
    }

    .flowStep button.nav-link.mobStepBtn1{
        left: 0px;
    }
    .flowStep button.nav-link.mobStepBtn2{
        left: 70px;
    }
    .flowStep button.nav-link.mobStepBtn3{
        left: 140px;
    }
    .flowStep button.nav-link.mobStepBtn4{
        left: 210px;
    }
    .flowStep button.nav-link.mobStepBtn5{
        left: 280px;
    }
    .flowStep button.nav-link{
        position: absolute;
    }
    .flowStep button.nav-link.active+p{
        margin-top: 6em;
    }

    .T-flow.flowStep button.nav-link.mobStepBtn1{
        left: 0px;
    }
    .T-flow.flowStep button.nav-link.mobStepBtn2{
        left: 55px;
    }
    .T-flow.flowStep button.nav-link.mobStepBtn3{
        left: 110px;
    }
    .T-flow.flowStep button.nav-link.mobStepBtn4{
        left: 170px;
    }
    .T-flow.flowStep button.nav-link.mobStepBtn5{
        left: 225px;
    }
    .T-flow.flowStep button.nav-link.mobStepBtn6{
        left: 280px;
    }


    .flowStep button.nav-link span.stepNum{
        left: auto;
        top: auto;
        position: inherit;
        width: 45px;
        height: 45px;
        line-height: 35px;
        font-size: 24px;
        display: inline-block;
    }

    .flowStep .modal-dialog-centered{
        align-items: inherit;
    }
}