@media (min-width: 1000px) {
    .topicBox {width:100%;height:auto;overflow:hidden;}

    #stu-academy .img100{width:100%;float: left;display:block;}
    #stu-academy .imgPosition12{width:12rem;position:absolute;left:0;bottom:.3rem;margin-left:50%;transform:translateX(-50%);z-index:1}
    .topicBox .oversea-topic-three{width:100%;max-width:12rem;height:auto;overflow:hidden;margin:0 auto; position:relative;}
    .topicBox .oversea-topic-three.wth100{max-width:100%;}
    .topicBox .oversea-topic-three .title{width:1.57rem;height:auto;overflow:hidden;margin:.8rem auto 0 auto;display:block}
    .topicBox .oversea-topic-three .top-left{width:1.68rem;height:auto;overflow:hidden;display:block;float:left;}
    .topicBox .oversea-topic-three .top-left .item{width:100%;float: left;height:.44rem;text-indent:.72rem;font-size:.18rem;font-weight:500;color:#333333;line-height:.44rem;background-repeat:no-repeat;background-size:.32rem .28rem;background-position:.22rem .08rem;border-radius:.06rem;margin-bottom:.08rem;cursor: pointer;}
    .topicBox .oversea-topic-three .top-left .item:nth-last-child(1){margin-bottom:0;}
    .topicBox .oversea-topic-three .top-left .item:hover{background-color:rgba(97,193,58,0.1);}
    .topicBox .oversea-topic-three .top-left .item.active{background-color:#61C13A;color:#FFF;}
    .topicBox .oversea-topic-three .top-right{width:10rem;height:auto;overflow:hidden;position:relative;float:right;display:none;opacity:0;}
    .topicBox .oversea-topic-three .top-right.active{display:block;opacity:1;transition:opacity .3s ease-out 1s;}
    .topicBox .oversea-topic-three .top-right .school_list{width:6.78rem;height:1.2rem;overflow:hidden;position:absolute;bottom:.2rem;right:.3rem;z-index:9;}
    .topicBox .oversea-topic-three .top-right .school_list .school_list_box{width:6.78rem;height:1.2rem;overflow:hidden;float:left;position:relative;}
    .topicBox .oversea-topic-three .top-right .school_list .imgList{width:13.32rem;height:1.20rem;position:absolute;left:0;top:0;}







}
@media (max-width: 999px) {
    .topicBox {width:100%;height:auto;overflow:hidden;}

    #stu-academy .img100{width:100%;float: left;display:block;}
    #stu-academy .imgPosition12{width:12rem;position:absolute;left:0;bottom:.3rem;margin-left:50%;transform:translateX(-50%);z-index:1}
    .topicBox .oversea-topic-three{width:100%;max-width:12rem;height:auto;overflow:hidden;margin:0 auto; position:relative;}
    .topicBox .oversea-topic-three.wth100{max-width:100%;}
    .topicBox .oversea-topic-three .title{width:1.57rem;height:auto;overflow:hidden;margin:.8rem auto 0 auto;display:block}
    .topicBox .oversea-topic-three .top-left{width:1.68rem;height:auto;overflow:hidden;display:block;float:left;}
    .topicBox .oversea-topic-three .top-left .item{width:100%;float: left;height:.44rem;text-indent:.72rem;font-size:.18rem;font-weight:500;color:#333333;line-height:.44rem;background-repeat:no-repeat;background-size:.32rem .28rem;background-position:.22rem .08rem;border-radius:.06rem;margin-bottom:.08rem;cursor: pointer;}
    .topicBox .oversea-topic-three .top-left .item:nth-last-child(1){margin-bottom:0;}
    .topicBox .oversea-topic-three .top-left .item:hover{background-color:rgba(97,193,58,0.1);}
    .topicBox .oversea-topic-three .top-left .item.active{background-color:#61C13A;color:#FFF;}
    .topicBox .oversea-topic-three .top-right{width:10rem;height:auto;overflow:hidden;position:relative;float:right;display:none;opacity:0;}
    .topicBox .oversea-topic-three .top-right.active{display:block;opacity:1;transition:opacity .3s ease-out 1s;}

}