body{background:#F2F2F2;}

.erji .xqy_ruant{width:68%;}
.erji .xqy_hot{width:30.5%;}
.erji .Rel{margin-top:20px;}
.erji .Rel .xqy_ruant{background:#fff;}
.erji .Rel .xqy_hot{background:#fff;}
.erji .Rel .xqy_ruant .detail{padding:50px;}



.NavBox .navTitle{background:#fff;padding:30px;}

.NavBox .navTitle .line,
.studentList .Down .line{
    display:block;
    width:25px;
    height:5px;
    background:url(/uiFramework/commonResource/image/2022122205351336077.png) no-repeat center center;
    background-size: 100% auto;
    margin-bottom:11px;
}

.NavBox .navTitle h2,
.studentList .Down h2{font-size: 24px;color: #4A4A4A;line-height:33px;font-weight:normal;}
.studentList .Down h2{margin-bottom:10px;}



.NavBox .navTitle .summary{font-size: 18px;color: #4A4A4A;line-height: 32px;margin-top:8px;}


.studentList .Up{background:#fff;padding:18px;margin:18px 0;}

#swiperWaper #ulList .swiper-slide .box .hide{display:none;}

.studentList .Up .showData{width:86%;background:#f8f8fb url(/uiFramework/commonResource/image/2022122208073324261.png) no-repeat right center;background-size:80% auto;}
.studentList .Up .showData .box{padding:40px;height:504px;}
.studentList .Up .Right{width:12%;}

.studentList .Up .showData .pic{width:25%;float:left;}
.studentList .Up .showData .picRight{width:72%;float:right;}

.studentList .Down{background:#fff;padding:18px;}
.studentList .Down *{font-size:16px;color:#4A4A4A;line-height:32px;}
.studentList .Down strong{font-family:'Microsoft Yahei','SimHei','SimSun';}

.studentList .Up .showData .picRight .name,
.studentList .Up .showData .picRight .schoolName{
  font-size: 20px;
  color: #141517;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.studentList .Up .showData .picRight .summary{
    font-size: 16px;
    color: #141517;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
   padding-top:20px;
   margin-top:20px;
   border-top:1px dashed #9B9B9B;
}



#swiperWaper{height:509px;overflow:hidden;padding-left:12px;}
#swiperWaper .swiperWaperBox{background:#ffd044;}
#swiperWaper #ulList{}
#swiperWaper #ulList .swiper-slide{height:170px!important;cursor:pointer;}
#swiperWaper #ulList .swiper-slide .box{padding:5px;background:#ffd044;}
#swiperWaper #ulList .swiper-slide .box .pic img{width:100%;height:160px;object-fit:cover;}

#swiperWaper #ulList .swiper-slide{position:relative;}
#swiperWaper #ulList .col::before{
        content:'';
        display:block;
        width:0;
        height:0;
        border:10px solid ;
        border-color: transparent #ffd044 transparent transparent;
        top: 55px;
        left: -20px;
        position: absolute;
        z-index:5;
}

.swiperWaperRight .swiper-button-next, 
.swiperWaperRight .swiper-button-prev{position:static;left:auto;background:transparent;width:auto;height:auto;margin:0;opacity:1;margin-left:12px;}


.swiperWaperRight .swiper-button-next .sp, 
.swiperWaperRight .swiper-button-prev .sp{display:none;}




@media only screen and (max-width:1240px){
.studentList .Up .showData,
.studentList .Up .Right{width:auto;float:none;}


#swiperWaper #ulList .swiper-slide .box .pic img{height:200px;}

#swiperWaper{height:auto;padding-left:0;}
.swiperWaperRight .swiper-button-next, 
.swiperWaperRight .swiper-button-prev{margin-left:0;}
#swiperWaper #ulList .swiper-slide{width:150px;float:left;}

#swiperWaper #ulList .swiper-slide{height:auto!important;margin-right:5px;}
#swiperWaper #ulList{padding:10px;width:999999999999px;}

.swiperWaperRight .swiper-button-next, 
.swiperWaperRight .swiper-button-prev{float:left;width:46px;height:46px;background:transparent;margin-top:90px;}


#swiperWaper #ulList .col::before{border-color: transparent transparent #ffd044 transparent;left:50%;top:-20px;margin-left:-10px;}

#swiperWaper #ulList{background:transparent;}
#swiperWaper{width:calc(100% - 100px);float:left;}

.swiperWaperRight .swiper-button-next img, 
.swiperWaperRight .swiper-button-prev img{display:none;}

.swiperWaperRight .swiper-button-next .sp, 
.swiperWaperRight .swiper-button-prev .sp{display:block;}


.studentList .Up .showData .box{height:auto;}


}


@media only screen and (max-width:880px){
.studentList .Up .showData .pic{width:160px;}
.studentList .Up .showData .picRight{width:calc(100% - 180px);}


.swiperWaperRight .swiper-button-next, 
.swiperWaperRight .swiper-button-prev{width:32px;height:32px;margin-top:70px;}




#swiperWaper #ulList .swiper-slide{width:120px;}
#swiperWaper #ulList .swiper-slide .box .pic img{height:150px;}

}


@media only screen and (max-width:750px){
.studentList .Up .showData .box,
.NavBox .navTitle{padding:20px;}

.NavBox .navTitle h2, 
.studentList .Down h2{font-size:20px;}

.studentList .Up .showData .pic{width:120px;}
.studentList .Up .showData .picRight{width:calc(100% - 140px);}

.studentList .Up .showData .picRight .summary{margin-top:12px;padding-top:12px;}


.studentList .Up .showData .picRight .name, 
.studentList .Up .showData .picRight .schoolName{font-size:16px;}

.studentList .Up .showData .picRight .summary{font-size:14px;}

#swiperWaper{width:calc(100% - 65px);}

}

@media only screen and (max-width:480px){
.studentList .Up .showData .picRight .summary{margin-top:6px;padding-top:6px;}

.studentList .Up .showData .pic,
.studentList .Up .showData .picRight{float:none;width:auto;}
.studentList .Up .showData .pic{width:150px;margin:0 auto;}


.studentList .Up .showData .picRight .name{margin-top:18px;}
.studentList .Up .showData .picRight .name, 
.studentList .Up .showData .picRight .schoolName{text-align:center;}

 .studentList .Up .Right{margin-top:18px;}

}