.container{
    padding:0 .4rem;
}
.item{
    margin-bottom:1rem;
    overflow:hidden;
}
.item h2.title{
    font-size:.4rem;
    color:#004098;
    text-align: center;
    margin-bottom:.83rem;
}
.item h2.title span{
    color:#FFB400;
    display: inline-block;
    margin:0 .2rem;
}
.item h2.title p{
    font-size:.28rem;
    color:#ACACAC;
    font-weight:normal;
}
.item .more{
    width:1.97rem;
    height:.58rem;
    color:#B0B0B0;
    font-size:.28rem;
    line-height:.58rem;
    text-align: center;
    display:block;
    margin:0 auto;
}



.item01{
    overflow: initial;
}
.item01 .box{
    width:100%;
    height:auto;
    color:#666;
    margin-bottom:.1rem;
}
.item01 .swiper-container {
    width: 100%;
}
.item01 .swiper-slide {
    width:100%;
    height:100%;
    border:1px solid #004098;
    padding:.73rem .5rem .63rem .28rem;
    box-sizing: border-box;
    min-height:7rem;
}
.item01 .swiper-slide h2{
    font-size:.38rem;
    margin-bottom:.64rem;
    color:#004098;
}
.item01 .swiper-slide h2 i{
    font-size:.5rem;
    position: relative;
    top:.05rem;
    margin-right:.1rem;
}
.item01 .swiper-slide p{
    font-size:.3rem;
    color:rgba(102, 102, 102, .6);
    line-height:.5rem;
    margin-bottom:.4rem;
}
.item01 .swiper-slide li{
    float:left;
    font-size:.3rem;
    color:#666;
}
.item01 .swiper-slide li a{
    color:#666;
}
.item01 .swiper-slide li::after{
    content:'/';
    color:#FFB400;
    font-weight:bold;
    margin:0 .1rem;
}
.item01 .swiper-slide li:last-child::after{
    display:none;
}
.item01 .swiper-pagination{
    width:100%;
    text-align: center;
    position: initial;
    margin-top:.4rem;
}
.item01 .swiper-pagination span{
    display: inline-block;
    margin:0 .1rem;
}
.item01 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:-.5rem;
}
.item01 .swiper-pagination-bullet-active{
    background:#FFB400;
}



.item03 ul{
    overflow: hidden;
    margin-bottom:1rem;
}
.item03 li{
    float:left;
    width:3.20rem;
    margin-bottom:.38rem;
    text-align: center;
}
.item03 li:nth-child(2n){
    float:right;
}
.item03 li img{
    width:2.9rem;
    height:2.9rem;
    background:#ccc;
    border-radius: 50%;
    margin-bottom:.42rem;
}
.item03 li .txt{
    font-size:.3rem;
    color:#004098;
    margin-bottom:.22rem;
    font-weight:bold;
}
.item03 li p{
    color:#666;
    font-size:.26rem;
    line-height:.37rem;
}
.item03 li p span{
    display:block;
}





.item02 li{
    overflow: hidden;
    margin-bottom:.2rem;
}
.item02 li img{
    width:100%;
    height:auto;
    min-height: 3.73rem;
}
.item02 li span{
    width:100%;
    height:.82rem;
    color:#666;
    text-align: center;
    line-height:.82rem;
    font-size:.3rem;
    display:block;
}



.item04 li{
    width:100%;
    padding:.64rem .42rem .69rem;
    box-sizing: border-box;
    color:#fff;
    background: #4C79B7;
    margin-bottom:.03rem;
}
.item04 li:nth-child(2){
    background:#004098;
}
.item04 li:nth-child(3){
    background:#022C65;
}
.item04 li h3{
    font-size:.44rem;
    margin-bottom:.76rem;
}
.item04 li p{
    font-size:.28rem;
    line-height:.5rem;
}




/* academy course list */
.list.course li{
    position: relative;
    margin-bottom:.8rem;
    border:0;
}
.course li .img img{
    width:100%;
    height:auto;
    margin-bottom:.2rem;
}
.course li .date{
    width:1rem;
    height:1rem;
    background:rgba(0,0,0,.8);
    position: absolute;
    right:.2rem;
    top:.2rem;
    border-radius: .1rem;
    color:#FFC845;
    font-size:.5rem;
    text-align: center;
    line-height:0.3rem;
    padding-top:.2rem;
    box-sizing: border-box;
}
.course li .date span{
    font-size:.08rem;
}
.course li h3{
    font-size:.35rem;
    margin-bottom:.2rem;
}
.course li p{
    font-size:.3rem;
    text-align: justify;
    color:#666;
    font-weight:normal;
    line-height:.4rem;
}
.course li .con{
    padding:0;
}
.course .txt{
    margin-bottom:.2rem;
    font-size:.3rem;
    font-weight:normal;
    border-bottom:1px solid #eee;
    padding-bottom:.2rem;
}
.course .txt span{
    margin-right:.3rem;
}
.course .txt i{
    margin-right:.1rem;
}
.course .teacher{
    margin-bottom:.2rem;
    height:1rem;
}
.course .teacher>*{
    line-height:1rem;
}
.course .teacher img{
    width:.8rem;
    height:.8rem;
    border-radius: 50%;
    float:left;
    margin-right:.2rem;
    position: relative;
    top:.1rem;
}
.course .teacher p span{
    display:block;
    float:right;
}
.course .handle{
    width:100%;
    height:.8rem;
    display:flex;
    margin-top:.2rem;
    box-sizing: border-box;
}
.course .handle a{
    float:left;
    text-align: center;
    line-height:.8rem;
    background:#004098;
    color:#fff;
    padding:.01rem .6rem;
    margin-right:.2rem;
    border:1px solid #004098;
}
.course .handle a:last-child{
    background:#eee;
    color:#004098;
    border:1px solid #ccc;
}




.courseDetail{
    margin:0 auto 4rem;
}
.courseDetail img{
    width:100%;
    height:auto;
    margin-bottom:.2rem;
}
.courseDetail h2{
    font-size:.4rem;
    font-weight:normal;
    margin-bottom:.4rem;
    text-align: center;
}
.courseDetail .teacher{
    font-size:.3rem;
    margin-bottom:.4rem;
    color:#666;
    display:flex;
}
.courseDetail .teacher img{
    width:.8rem;
    height:.8rem;
    border-radius: 50%;
    margin-right:.3rem;
}
.courseDetail .teacher p{
    flex:1;
}
.courseDetail .teacher p span{
    display:block;
}
.courseDetail .content{
    color:#666;
    font-size:.3rem;
    line-height:.5rem;
    text-align: justify;
}
.courseDetail .content p{
    margin-bottom:.4rem;
}
.courseDetail .handle{
    margin-bottom:.4rem;
}
.courseDetail .handle a{
    width:100%;
    height:.8rem;
    background: #004098;
    color:#fff;
    display:block;
    text-align: center;
    line-height:.8rem;
}


.mentorDetail img{
    width:100%;
    height:auto;
}
.mentorDetail .tab{
    display:flex;
    margin:.5rem 0;
}
.mentorDetail .tab li{
    flex:1;
    height:.8rem;
    line-height:.8rem;
    text-align: center;
    background:#eee;
    color:#333;
}
.mentorDetail .tab li.active{
    background:#FFB400;
}