@charset "utf-8";

/* 内页 */

/* 当前位置 */
.position{width:100%; margin:20px 0; padding-bottom:20px; border-bottom:1px solid #E5E5E5; overflow:hidden}
.position dl{overflow:hidden}
.position dt{float:left}
.position dt a{font-size:13px; color:#888; position:relative}
.position dt a:before{content:"-"; margin:0 10px; color:#888!important}
.position dt a:hover{color:var(--i_color)}
.position dt:first-child a:before{content:"您当前的位置 ："; margin:0}
.position dt:last-child a{color:var(--i_color)!important}




/* 视频详情页 */
.ny_video_art{overflow:hidden}

.video_play_box{width:69%; margin-bottom:60px}

.video_play_box .tit{margin-bottom:30px; overflow:hidden}
.video_play_box .tit h1{font-size:24px; color:#333}
.video_play_box .tit .time{font-size:14px; color:#777; margin:5px 0}

/* 视频 */
#video{width:100%; height:500px; margin:0 auto; position:relative; cursor:pointer}
#video video{width:100%; height:100%; object-fit:fill}
.VideoBtn{position:absolute; left:50%; top:50%; display:block; width:70px; height:70px; margin-left:-35px; margin-top:-35px; cursor:pointer; z-index:10}

.download{display:inline-block; float:right; margin:40px 0 0; padding:0 30px; border:1px solid #DDD}
.download a{display:block; font-size:16px; color:#444; line-height:40px; padding-left:30px; background:url(../images/download.png) no-repeat left center}



/* 相关视频 */
.xg_video_list{width:26%}

.xg_tit{margin-bottom:20px; font-size:18px; color:#333}

.xg_video_list ul{overflow:hidden}
.xg_video_list li{margin-bottom:20px}
.xg_video_list li:last-child{margin-bottom:0}
.xg_video_list li a{display:block; overflow:hidden}

.xg_video_list .img{width:36.5%; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; position:relative; overflow:hidden}
.xg_video_list .img:before{content:""; display:block; padding-bottom:56.25%}
.xg_video_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.xg_video_list .txt{width:57%; position:relative}
.xg_video_list .txt p{margin:0 0 4px; height:48px; font-size:14px; color:#4F4F4F; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.xg_video_list .txt i{font-size:12px; color:#AEAEAE}

.xg_video_list li:hover .img:after{background-size:36px!important}





/* 内页 - 走进校园 */
.school_list{margin-bottom:40px; overflow:hidden}
.school_list dt{padding:20px; margin-bottom:26px; box-sizing:border-box; border:1px solid #DDD}

.school_list dt>h2{padding-bottom:10px; margin-bottom:10px; font-size:20px; color:#333; font-weight:bold; border-bottom:1px solid #DDD}

.school_list ul{overflow:hidden}
.school_list li{float:left; width:22%; margin:0 4% 0 0; font-size:13px; color:#737373; line-height:34px; position:relative}
.school_list li:nth-child(4n){margin-right:0}
.school_list li:before{content:""; position:absolute; top:50%; left:0; margin-top:-2px; width:4px; height:4px; background:var(--i_color2); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%}
.school_list li a{display:block; padding-left:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.school_list li a:hover{color:var(--i_color2); text-decoration:underline}


/* 走进校园 - 校园首页 */
.school_home_art{overflow:hidden}

/* 校园首页 - 平台入驻 */
.school_ptrz{width:26%; border:1px solid rgba(0,0,0,.1)}
.school_ptrz .pd{padding:20px}
.school_ptrz .tit{padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #DDD}
.school_ptrz .tit h1{font-size:20px; color:#444; text-align:center}
.school_ptrz .tit a{display:block; margin:10px auto 0; text-align:center; width:100px; line-height:32px; border:2px solid var(--i_color); font-size:15px; color:var(--i_color)}
.school_ptrz .tit a:hover{background:var(--i_color); color:#FFF}

.school_ptrz dl{margin-top:16px}
.school_ptrz dt{float:left; width:33.3333%; margin:14px auto; position:relative;  text-align:center}
.school_ptrz dt>a>img{width:60px; height:60px; border:1px solid #DDD; -webkit-border-radius:16px; -moz-border-radius:16px; -o-border-radius:16px; border-radius:16px}
.school_ptrz dt p{margin-top:4px; font-size:12px; color:#727272}

.school_ptrz .show_qr{right:100px}
.school_ptrz dt:hover .show_qr{display:block}



/* 校园首页 - 视频分类栏目 */
.school_home_vbox{margin-bottom:20px; overflow:hidden}

.school_home_vbox dt{margin-bottom:35px}





/* 通知公告 新闻列表 */
.ny_news_list{margin-bottom:55px}
.ny_news_list li{width:100%; border-bottom:1px dashed #DDD; overflow:hidden}

.ny_news_list a{float:left; padding-left:15px; max-width:70%; font-size:15px; color:#484848; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ny_news_list a:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:var(--i_color2)}
.ny_news_list i{float:right; font-size:13px; color:#999}
.ny_news_list a, .ny_news_list i{line-height:35px}

.ny_news_list a, .ny_news_list i{line-height:38px!important}
.ny_news_list li:hover a{color:var(--i_color)}



/* 通知公告 新闻列表 详情页 */
.ny_news_art_cont{}

.ny_news_art_head{margin-bottom:12px; overflow:hidden}
.ny_news_art_head h1{font-size:22px; color:#000; font-weight:bold}
.ny_news_art_head p{font-size:14px; color:#999; margin-top:10px}
.ny_news_art_head i{margin-right:10px}

article, article *{font-size:15px; line-height:32px; color:#666}
article img{display:block; max-width:100%; height:initial!important}




/* 页数 */
.page-box{text-align:center; overflow:hidden; margin:40px auto 80px}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#666; font-size:13px; padding:6px 12px; margin:0 2px; box-sizing:border-box; border:1px solid #DDD}
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:var(--i_color)!important; color:#FFF!important}
.pages a:hover{background:var(--i_color); color:#FFF}
/* 上一篇 下一篇 */
.updown{margin:50px 0 60px; overflow:hidden}
.up{margin-bottom:8px; overflow:hidden}
.updown p{opacity:.5; padding:0 5px 0 22px; display:inline-block; font-size:15px; color:#000; -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); filter:grayscale(1)}
.up p{background:url(../images/up_ico.png) no-repeat left center}
.down p{background:url(../images/down_ico.png) no-repeat left center}
.updown a{font-size:15px; color:#555}
.updown a:hover{color:var(--i_color); text-decoration:underline}
.updown>div:hover p{opacity:1; color:var(--i_color); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0)}