/* 学生事务--本科生 */
.xssw ul{width: 100%;justify-content: flex-start;}
.xssw ul li{margin-right: .4rem;}
.xssw ul li:nth-child(4n){margin-right: 0rem;}
.xssw ul li.empty{border-bottom: 0;margin-bottom: 0;padding: 0;height: 0;min-height: inherit;}
.xssw ul li.empty:before{display: none}
.xssw ul li{min-height: .5rem;border-bottom: 1px solid #ddd;width: 22%;font-size: .18rem;position: relative;margin-bottom: .3rem;padding: .1rem 0}
.xssw ul li:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 0;background: #286fb7;z-index: 0;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;opacity: 0;}
.xssw ul li a{position: relative;display: block;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-right: .1rem;padding-left: .48rem;z-index: 3;color: #333;font-size: .2rem;}
.xssw ul li a:after{content: "\e679";font-family: "swiper-icons" !important;position: absolute;left:0;bottom: -2px;font-size: .26rem;color: #4482d2;transition: all .8s;-webkit-transition: all .8s;}
.xssw ul li:hover:before{width: 100%;opacity: 1}
.xssw ul li:hover a{color: #fff;padding-left: .58rem;}
.xssw ul li:hover a:after{color: #fff;left: .15rem;}
@media screen and (max-width:980px) {
    .xssw ul li{width: 31%;margin-right: 3.5%;}
.xssw ul li:nth-child(3n){margin-right: 0rem;}
.xssw ul li:nth-child(4n){margin-right: 3.5%;}
}

@media screen and (max-width:640px) {
    .xssw ul li{width: 48%;margin:0 1% .3rem;}
    .xssw ul li:nth-child(3n){margin:0 1%.3rem;}
.xssw ul li:nth-child(4n){margin:0 1%.3rem;}
}
@media screen and (max-width:480px) {
    .xssw ul li{width:100%;margin:0 0 .2rem;}
    .xssw ul li:nth-child(3n){margin:0 0 .2rem;}
.xssw ul li:nth-child(4n){margin:0 0 .2rem;}
}
/* 学生事务 */
.swimglist{width: 100%; padding: 0 1.25rem;}
.swimglist li{position: relative;text-align: center;margin-bottom: .16rem;overflow: hidden;transition: all .8s;-webkit-transition: all .8s;}
.swimglist li a{font-size: .2rem;color: #fff;display: flex;width: 100%;height: 100%;position: relative;z-index: 1;justify-content: center;align-items: center;font-size: .32rem;font-weight: bold;transition: all .8s;-webkit-transition: all .8s;}
.swimglist li a::before{position: absolute;left: 0;top: 0;background: url(../images/ny/swimgbg.png) no-repeat center center;content: '';width: 100%;height: 100%;z-index: -1;transition: all 0.8s;-webkit-transition: all 0.8s;transform: translateX(-100%);}
.swimglist li a::after{position: absolute;left: 0;top: 0;background: rgba(0,0,0,.4);content: '';width: 100%;height: 100%;z-index: -1;transition: all 0.8s;-webkit-transition: all 0.8s;transition: all 0.8s;-webkit-transition: all 0.8s;transform: translateX(0);}
.swimglist li:hover a::before{opacity: 1;transform: translateX(0);}
.swimglist li:hover a::after{transform: translateX(-100%);}
/* .swimglist li:hover a{transform: translate(100%);} */
.swimglist li:nth-child(1){width: 7rem;height: 3.4rem;}
.swimglist li:nth-child(2){width: 5.15rem;height: 3.4rem;}
.swimglist li:nth-child(3){width: 3.42rem;height: 2.50rem;}
.swimglist li:nth-child(4){width: 3.44rem;height: 2.50rem;}
.swimglist li:nth-child(5){width: 5.15rem;height: 2.50rem;}

@media screen and (max-width:980px) {
    .swimglist li:nth-child(1){width: 100%;height: 3.4rem;order: 1;}
    .swimglist li:nth-child(2){width: 49%;height: 2.5rem;order: 4;}
    .swimglist li:nth-child(3){width: 49%;height: 2.50rem;order: 2;}
    .swimglist li:nth-child(4){height: 2.50rem;order: 3;width: 49%;}
    .swimglist li:nth-child(5){height: 2.50rem;width: 49%;order: 5;}
}
@media screen and (max-width:700px) {
    .swimglist{width: 100%; padding: 0;}
    .swimglist li:nth-child(1),.swimglist li:nth-child(2),.swimglist li:nth-child(3),.swimglist li:nth-child(4),.swimglist li:nth-child(5){width: 100%;height: 3rem !important;}
    .swimglist li:nth-child(2){width: 100%;height: 3.4rem;order: 4;}
    .swimglist li:nth-child(3){width: 100%;height: 2.50rem;order: 2;}
    .swimglist li:nth-child(4){width: 100%;height: 2.50rem;order: 3;}
    .swimglist li:nth-child(5){width: 100%;height: 2.50rem;order: 5;}
}



/* 校友 */
.ul-t{padding: .2rem 0 .8rem;}
.ul-timlist1{overflow:hidden;align-items: flex-start;margin-bottom: .6rem;}
.ul-timlist1 li{border-bottom:1px dashed #cccccc;width: calc(50% - .3rem);padding: .3rem;position: relative;}
.ul-timlist1 li::before{content: '';position: absolute;left: 0 ;top: 0;background: #0054c1;width: 100%;height: 100%;opacity: 0;visibility: hidden;z-index: -1;transition: all .8s;-webkit-transition: all .8s;}
.ul-timlist1 .con{display:block;overflow:hidden;}
.ul-timlist1 li:nth-child(1),.ul-timlist1 li:nth-child(2){border-top:1px dashed #cccccc;}
.ul-timlist1 .con .date{float:left;width:.98rem;min-height:.98rem;text-align:center;color:#0054c1;margin-right:.3rem;border: 1px #e0e0e0 solid;padding: .2rem 0 .1rem;transition: all .8s;-webkit-transition: all .8s;}
.ul-timlist1 .con .d1{font-size:.52rem;line-height:.4rem;font-weight: bold;margin-bottom: .1rem;}
.ul-timlist1 .con .d2{font-size:.2rem}
.ul-timlist1 .con .txt{overflow:hidden}
.ul-timlist1 .con .tit{height:.3rem;font-size:.2rem;margin-bottom:.1rem;transition:.5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #414141;font-weight: 600;line-height: .3rem;}
.ul-timlist1 .con .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#666;line-height:.26rem;font-size: .16rem;}
.ul-timlist1 li:hover::before{opacity: 1;visibility: initial;}
.ul-timlist1 li:hover .con .tit{color:#fff}
.ul-timlist1 li:hover .con .desc{color:#fff;opacity: 0.7;}
.ul-timlist1 li:hover .con .date{border: 1px #7a9cc8 solid;}
.ul-timlist1 li:hover .con .d1,.ul-timlist1 li:hover .con .d2{color:#fff;}
@media screen and (max-width:1199px) {
    .ul-timlist1 li{padding: .2rem;width: calc(50% - .2rem);}
  .ul-timlist1 .con .date{width:.9rem;padding: 0;margin-right: .2rem;}
  .ul-timlist1 .con .date .d1{margin-top:.12rem;font-size:.36rem}
  .ul-timlist1 .con .date .d2{font-size:.11rem}
  .ul-timlist1 .con .tit{margin-bottom:.06rem}
  .ul-t{padding: .2rem 0 .2rem;}
}
@media screen and (max-width:1199px) {
    .nymain{min-height: 400px !important;}
}
@media screen and (max-width:767px) {
    .ul-t{padding: 0 0 0.5rem 0;}
    .ul-timlist1 li{width: 100%;padding: .15rem;}
    .ul-timlist1 li:nth-child(2){border-top: 0;}
  .ul-timlist1 .con{padding:.2rem 0}
  .ul-timlist1 .con .date{width:.9rem;margin-right:.2rem;min-height: auto;padding: .1rem 0 .1rem;}
  .ul-timlist1 .con .date .d1{margin-top:.05rem;font-size:.2rem;line-height:.2rem}
  .ul-timlist1 .con .date .d2{font-size:.08rem}
  .ul-timlist1 .con .tit{margin-bottom:0;font-size:.18rem}
  .ul-timlist1 .con .desc{font-size:.12rem}
}

@media screen and (max-width:480px) {
    .ul-timlist1 li:nth-child(2){border-top: 0;}
}

/* 学生活动 */
.xshd li{width: 23.14%;padding:.2rem .15rem .3rem ;border-top: 3px #d4d4d4 solid;border-bottom: 1px #d4d4d4 solid;margin-bottom: .6rem;box-sizing: border-box;}
.xshd li .info .date{width: 1.2rem;}
.xshd li .info .date .d1{font-size: .32rem;color: #333;font-weight: bold;}
.xshd li .info .date .d2{justify-content: flex-start;align-items: center;color: #333;}
.xshd li .info .date .d2 span{font-size: .18rem;padding-right: .1rem;margin-right: .1rem;}
.xshd li .info .date .d2 em{font-size: .14rem;border-top: 1px #d4d4d4 solid;border-bottom:1px #d4d4d4 solid;}
.xshd li .info .name{width:calc(100% - 1.2rem);border-left: 1px #e8e8e8 solid;}
.xshd li .info .name .per{padding-left: .35rem;border-bottom: 1px #e8e8e8 solid;background-size:.17rem .2rem ;height: .3rem;line-height: .3rem;word-break: break-all;overflow: hidden;text-overflow: ellipsis;font-size: .14rem;white-space: nowrap;}
.xshd li .info .name .add{padding-left: .35rem;background-size: .18rem .17rem;height: .3rem;line-height: .3rem;word-break: break-all;overflow: hidden;text-overflow: ellipsis;font-size: .14rem;white-space: nowrap;}
.xshd li .des{font-size: .18rem;line-height: .28rem;color: #333;margin-top: .1rem;font-weight: 400;height: .56rem;transition: all .8s;-webkit-transition: all .8s;}
.xshd li:hover{border-top:3px #3869df solid ;border-bottom: 1px #3869df solid;}
.xshd li:hover .des{color: #0054c1;font-weight: 500;}
.xshd li .info .name .per{color: #333;}
.xshd li .info .name .add{color: #333;}

@media screen and (max-width:1080px) {
    .xshd li{width: 31%;}
}
@media screen and (max-width:768px) {
    .xshd li{width: 48%;}
}
@media screen and (max-width:480px) {
    .xshd li{width:100%;}
}