.universityRookie-title img{width: 100%;}
.universityRookie-page{padding-top: 3.7%;text-align: center;}
.text-center{width:1200px!important;    margin: auto auto 120px auto;}
.universityRookie-tab .universityRookie-tabTitle{
    border-bottom: 1px solid rgba(238,238,238,1);
}
.universityRookie-tab .universityRookie-tabTitle a:nth-child(1):after{content: '';width: 100px;height: 20px;position: absolute;background: url("../../img/university/rookie/small-ball.png") no-repeat left top!important;margin-top: -52px;margin-left: 124px;}
.universityRookie-tab .universityRookie-tabTitle a:nth-child(2):after{content: '';width: 100px;height: 20px;position: absolute;background: url("../../img/university/rookie/small-ball.png") no-repeat left top!important;margin-top: -52px;margin-left: 124px;}
.universityRookie-tab .universityRookie-tabTitle a:nth-child(3):after{content: '';width: 100px;height: 20px;position: absolute;background: url("../../img/university/rookie/small-ball.png") no-repeat left top!important;margin-top: -52px;margin-left: 124px;}

.universityRookie-tab .universityRookie-tabTitle .tabTitle-item{
    display: inline-block;
    width: 13%;
    height:141px;
    padding-top: 60px;
    margin-right: 13%;
}
.universityRookie-tab .universityRookie-tabTitle .tabTitle-item:last-child{ margin-right: 0;    width: 21%;}
.universityRookie-tab .universityRookie-tabTitle .bar p:nth-child(1){
    color: #1B97E3!important;
}
.bar .cursor::after {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #439df8;
    height: 2px;
    margin: 0 auto;
    width: 40px;
    margin-left: -20px;
    margin-top: 21px;
}
.universityRookie-tab .universityRookie-tabTitle .tabTitle-item p:nth-child(1){
    font-size:20px;
    font-weight:400;
    color:#000;
    line-height:20px;
}
.universityRookie-tab .universityRookie-tabTitle .tabTitle-item p:nth-child(2){
    margin-top: 17px;
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:20px;
}
.universityRookie-tabContent{margin-top: 60px;}
.tabContent-item{display: none}
.activity{display: block}
.tabContent-item .tabContent-left,.tabContent-item .tabContent-right{display: inline-block}
.tabContent-item .tabContent-left{width: 480px;;margin-right: 90px}
.tabContent-item .tabContent-left img{width:480px;height:341px;border-radius:4px;}
.tabContent-item .tabContent-left p{
    margin-top: 23px;
    text-align: left;
    line-height: 1.8;
    color: #000;
}

.tabContent-item .tabContent-right{width: 620px;}
.tabContent-item .tabContent-right ul {
    overflow-y: scroll;
    text-align: left;
    height: 410px;
}
.tabContent-item .tabContent-right ul a{
    display: block;
    margin-bottom: 44px;
}
.tabContent-item .tabContent-right ul a:last-child{margin:0}
.tabContent-item .tabContent-right ul a li{color: #666666;margin-left: 50px;}
.tabContent-item .tabContent-right ul a li{
}
.tabContent-item .tabContent-right ul a li .time{
    float: right;
    width: 15%;
    display: inline-block;
}
.tabContent-item .tabContent-right ul a li .time span{
    color:#000;
    margin-left: 9px;
}
.tabContent-item .tabContent-right ul a li .title{
    width: 70%;
    display: inline-block;
}
.tabContent-item .tabContent-right ul a li .title span{
    width:70%;
}
.tabContent-item .tabContent-right ul a li .title img{
    width: 20px;
    float: left;
    position: relative;
    right: 30px;
}

.tabContent-item .tabContent-right ul a li .time img{width: 20px;float: left}
.tabContent-item .tabContent-right ul a li .title span{
    color:#000;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.tabContent-item .tabContent-right ul .playPause li .title span{
    color:#1B97E3;
}
.tabContent-item .tabContent-right ul .playPause li .time span{
    color:#1B97E3;
}
/*----------                     ---------- */
/*丨                                       丨*/
/*丨                Swiper                 丨*/
/*丨                                       丨*/
/*----------                     ---------- */
.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;

}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    height: 80%;
    width: 1200px;
    margin-top: auto;
}
.gallery-thumbs {
    border-bottom: 1px solid #EEEEEE;
    margin-top: 60px;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    display: inline-flex;
    padding-bottom: 30px;
    width: unset!important;
    height: 100%;
    margin-right: unset!important;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide img{width:80px;height:8px;margin: 10px 43px 0 42px}
.gallery-thumbs .swiper-slide{opacity: unset!important; cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.rookie-top .playPause .rookie-title p{color:#1B97E3;}
.rookieDown{
    height: 460px!important;
    padding-top: 60px;
    margin-bottom: 120px;
}
.rookie-top .playPause .rookie-title:after{
    content: '';
    position: absolute;
    width: 40px;
    height: 4px;
    background:rgba(27,151,227,1);
    display: block;
    bottom: -10px;
    border-radius: 15px;
    left: 66px;
}
.rookie-title:after{

}
.rookie-title p:nth-child(1){
    font-size:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: auto;
    width: 100%;
}
.rookie-title p:nth-child(2){
    color:#999999;
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: auto;
    width: 100%;
    height:20px;
}


.tabContent-left p{
    margin-top: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    width: 480px;
    text-align: left;
}
.tabContent-left img{width: 480px;height: 301px;    border-radius: 5px;}
.tabContent-right{
    width: 555px;
    min-height: 410px;
}
.tabContent-right img{width: 20px;display: inline-block;}
.tabContent-right ul{
    overflow-y: auto;
    text-align: left;
    height: 410px;
}
.tabContent-right ul li:before{
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 50px;
    background: rgba(238,238,238,1);
    margin-left: 10px;
    left: 0px;
    top: 20px;
    z-index: 10;
}
.tabContent-right ul li:last-child:before{
    display: none;
}
.tabContent-right ul .playPause{
    background: url("../../img/university/rookie/play.png") no-repeat
}
.tabContent-right ul li{
    display: block;
    position: relative;
    margin-bottom: 44px;
    z-index: 11;
    background: url("../../img/university/rookie/play-grey.png") no-repeat
}
.tabContent-right .time{
    margin-right: 30px;
    padding-left: 30px;
    background: url("../../img/university/rookie/time-grey.png") no-repeat
}
.tabContent-right .playPause .time{   background: url("../../img/university/rookie/time.png") no-repeat}
.tabContent-right ul li a{display: block;text-align: right;}
.tabContent-right ul .playPause a .title span{color:#1B97E3;}
.tabContent-right ul .playPause a .time span{color:#1B97E3;}
.tabContent-right .time,.tabContent-right .title{display: inline-block}
.tabContent-right .title span{color: #000;margin-left: 30px}
.tabContent-right .time span{color: #000}

.play{
    position: relative;
    right: 78.4%;
    background: #fff;
}
.swiper-slide-thumb-active .rookie-title p{color: #1B97E3;}
.rookie-title p{color: #000;}
.tabContent-right ul .current a .title span{color:#1B97E3;ransition: all .3s}
.tabContent-right ul .current a .time {background: url("../../img/university/rookie/time.png") no-repeat;ransition: all .3s}
.tabContent-right ul .current a{background: url("../../img/university/rookie/play.png") no-repeat;transition: all .3s}
.tabContent-right ul li a:hover .title span{color:#1B97E3;ransition: all .3s}
.tabContent-right ul li a:hover .time {background: url("../../img/university/rookie/time.png")no-repeat;ransition: all .3s}
.tabContent-right ul li a:hover{background: url("../../img/university/rookie/play.png") no-repeat;transition: all .3s}
.rookie-left{
    position: relative;
    float: left;
}
.rookie-left{
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s;
}
.rookieDown .swiper-slide .currentImg{
    opacity: 1;
    transition: opacity 0.5s;
}