@charset "UTF-8";


.college-sec-bk01 { padding-bottom:0px; }
.college-sec-bk01 .list { padding-bottom:0px; }
.college-sec-bk01 .list ul li { position:relative; }
.college-sec-bk01 .list ul li .bg { position:absolute; left:0.8125em; background:#f5f5f7; border:1px solid #eee; top:0.8125em; right:0.8125em; bottom:0.8125em; }
.college-sec-bk01 .list ul li .con { position:relative; z-index:2; border:none; background:none; }


.college-sec-bk02 { padding-top:2.375em; padding-bottom:0px;  }
.college-sec-bk02 .list ul li h3 { padding-bottom:2.25em; }


.college-sec-bk03 { padding-top:1.375em; padding-bottom:0px;  }
.college-sec-bk03 .list { padding-bottom:0px; }
.college-sec-bk03 .list ul li:last-child { padding-bottom:0px; }


.college-sec-bk04 { padding-top:3.25em; padding-bottom:0px; }
.college-sec-bk04 .list { padding-bottom:1.5625em; }


.college-sec-bk05 { padding-top:1.375em; padding-bottom:0px; }
.college-sec-bk05 .list { padding-bottom:0px; }


.college-sec-bk06 { padding-top:1.8125em; padding-bottom:0px; }

.college-sec-bk06 .list ul { margin:0px -1.375em; }
.college-sec-bk06 .list ul li { padding:1.375em 0px; }
.college-sec-bk06 .list ul li .con { margin:0px 1.375em; }
.college-sec-bk06 .list ul li .text { border:none; padding:0.975em 1em;}
.college-sec-bk06 .list ul li .text a { display:block; }


.college-activity-form-sec-bk01 { padding-top:2.75em; padding-bottom:3.375em;  }
.college-activity-form-sec-bk01 .pic { float:left; width:32.51%;  }
.college-activity-form-sec-bk01 .pic img { width:100%; }
.college-activity-form-sec-bk01 .form-list { float:right; width:65%; margin-top:0px; }
.college-activity-form-sec-bk01 .public-title { border-bottom:1px solid #dfe0e2; padding:0.5em 0px; margin-top:-0.5em; }
.college-activity-form-sec-bk01 .public-title .tit span { background:url(../images/four-plates-sec-bk05-ico01.jpg) no-repeat right center; padding-right:1.91667em; background-size:1.0416em 0.95833em; }
.college-activity-form-sec-bk01 .form-list { border:none;  }
.college-activity-form-sec-bk01 .form-list .form { background:none; border:none; padding:0px; }
.college-activity-form-sec-bk01 .form_tips { color:#e82633; padding:1.5em 0px 0.5em; }
.college-activity-form-sec-bk01 .form-list .form ul li { width:100%; padding-left:5.5em; }
.college-activity-form-sec-bk01 .form-list .form ul li .tit b { color:#e60012; }
.college-activity-form-sec-bk01 .form-list .form ul li .tit { width:5.5em; padding-right:0.5em; }
.college-activity-form-sec-bk01 .form-list .form ul li .inp { max-width:228px; }
.college-activity-form-sec-bk01 .form-list .form ul li.wid100 .inp { max-width:100%; }
.college-activity-form-sec-bk01 .tips { color:#959595; }
.college-activity-form-sec-bk01 .radio_bon span { margin:0px; float:left; width:24%; padding-left:30px;  }
.college-activity-form-sec-bk01 .form-list .form .ft-btn .abtn { margin-left:5.5em; }
.college-activity-form-sec-bk01 .form-list .form .ft-btn { padding:2em 0px 0px; }
.college-activity-form-sec-bk01 .form-list .form .ft-btn .btn { text-align:left; padding-top:0px; }


.college-activity-form-sec-bk02 { border-top:1px solid #e5e5e5; background:#f2f2f2; padding-top:2.25em; padding-bottom:5.3125em;  }
.college-activity-form-sec-bk02 .title { padding-left:0.75em; position:relative; }
.college-activity-form-sec-bk02 .title i  { position:absolute; left:0px; top:50%; margin-top:-0.4165em; background:url(../images/dian01.png) no-repeat center center; background-size:0.41667em 0.833em; width:0.41667em; height:0.833em; }
.college-activity-form-sec-bk02 .content { padding:1.375em 0px; }
.college-activity-form-sec-bk02 .content img { max-width:100%; height: auto!important; }


.college-lecturer-detail-sec-bk01 { padding-top:5.75em; padding-bottom:2em;  }
.college-lecturer-detail-sec-bk01 .pic-wrap { float:left; width:27.24%; }
.college-lecturer-detail-sec-bk01 .pic-wrap span { display:block; padding-bottom:147.486%; margin-top:-2em; margin-bottom:-2em; }
.college-lecturer-detail-sec-bk01 .user-infor { width:72.76%; border:1px solid #F5ECFF; padding:2em; background:#F5F5F6; }
.college-lecturer-detail-sec-bk01 .user-infor .name { color:#333; border-bottom:1px solid #D2D2D3; padding-bottom:0.75em; }
.college-lecturer-detail-sec-bk01 .user-infor .name b { padding-right:1em; }
.college-lecturer-detail-sec-bk01 .user-infor .sub-tit { padding:1.75em 0px 0px; color:#297BFD;line-height:1.875;  }
.college-lecturer-detail-sec-bk01 .user-infor .txt { line-height:1.71; margin-top:2em;  }


.college-lecturer-detail-sec-bk02 { padding-top:2.125em; }
.college-lecturer-detail-sec-bk02 ul { margin:0px -0.3125em; }
.college-lecturer-detail-sec-bk02 ul li {  width:25%; margin-top:0.625em; }
.college-lecturer-detail-sec-bk02 ul li .con { margin:0px 0.3125em; padding-top:30px; height:100%; position:relative; background:#fbf8f1;  }
.college-lecturer-detail-sec-bk02 ul li h3 { background:#f8e5bb; position:absolute; left:0px; top:0px; right:0px; width:100%; color:#f87c08; line-height:30px; height:30px; }
.college-lecturer-detail-sec-bk02 ul li .txt { padding:1em; line-height:1.2857; height:100%;}
.college-lecturer-detail-sec-bk02 ul li.bg02 .con { background:#f2f7fa; }
.college-lecturer-detail-sec-bk02 ul li.bg02  h3 { background:#dde3ef; color:#297cfe; }


.college-lecturer-detail-sec-bk03 { padding-top:2.75em; }
.college-lecturer-detail-sec-bk03 .public-title .tit { padding-left:1em; }
.college-lecturer-detail-sec-bk03 .public-title .tit i { background:#297CFE; height:1.2em; display:inline-block; position:absolute; left:0px; width:0.25em; top:50%; margin-top:-0.6em; }
.college-lecturer-detail-sec-bk03 .content {border:1px solid #e2e2e2; padding:2em; background:#f9f9f9; line-height:2; margin-top:1em; }


.college-lecturer-detail-sec-bk04 { padding-bottom:3.75em; }


.college-video-detail-wrap { padding-top:2em; padding-bottom:3em;  }
.college-video-detail-sec-bk01 { }
.college-video-detail-sec-bk01 .content { padding:2.5em 0px;  word-break:break-all;}
.college-video-detail-sec-bk01 .video { width:100%; position:relative; padding-bottom:56.178%; overflow:hidden;  }
.college-video-detail-sec-bk01 .video video { position:absolute; left:0px%; object-fit:fill; top:0px; width:100%;height:100%; bottom:0px; right:0px; }
.college-video-detail-sec-bk01 .video .play,.college-video-detail-sec-bk01 .video .play2 { width:3.375em; position:absolute; left:50%;top:50%; z-index:3; margin-top:-1.875em; height:3.75em; background:url(../images/play6.png) no-repeat center center; background-size:100% 100%; cursor:pointer; margin-left:-1.6875em; }
.college-video-detail-sec-bk01 .video .play2 { display:none;}
.college-video-detail-sec-bk01  .video .playbg { width:100%; position:absolute; z-index:2;  height:100%; top:0px; left:0px; }
.college-video-detail-sec-bk01  .video.on .play { display:none; }
.college-video-detail-sec-bk01  .video.on .playbg { display:none; }
.college-video-detail-sec-bk01 .text { margin-top:2em; }


.college-video-detail-wrap .public-title .tit { padding-left:1em; }
.college-video-detail-wrap .public-title .tit i { background:#297CFE; height:1.2em; display:inline-block; position:absolute; left:0px; width:0.25em; top:50%; margin-top:-0.6em; }



.college-video-detail-sec-bk02 { padding-top:2.25em; padding-bottom:1em;  }
.college-video-detail-sec-bk02 .list ul li { margin-top:1em; }
.college-video-detail-sec-bk02 .list ul li .con { padding-left:179px; position:relative; }
.college-video-detail-sec-bk02 .list ul li .text { border:1px solid #f1f1f1;  padding:3.375em 2.3125em 3.125em 1.875em;}
.college-video-detail-sec-bk02 .list ul li .img { position:absolute; left:0px; top:0px; width:179px; bottom:0px; height:100%; }
.college-video-detail-sec-bk02 .list ul li .name { color:#333; }
.college-video-detail-sec-bk02 .list ul li .name b { padding-right:1.33em; }
.college-video-detail-sec-bk02 .list ul li .txt { line-height:1.71; height:8.55em; overflow:hidden; max-height:8.55em; margin-top:0.7857em;  }



.college-video-detail-sec-bk03 { padding-top:2.25em; padding-bottom:1em;  }
.college-video-detail-sec-bk03 .video {  position:relative; display:none; padding-bottom:56.178%; overflow:hidden; margin-right:3em;  }
.college-video-detail-sec-bk03 .video video { position:absolute; left:0px%; object-fit:fill; top:0px; width:100%;height:100%; bottom:0px; right:0px; }
.college-video-detail-sec-bk03 .video .play,.college-video-detail-sec-bk03 .video .play2 { width:3.375em; position:absolute; left:50%;top:50%; z-index:3; margin-top:-1.875em; height:3.75em; background:url(../images/play6.png) no-repeat center center; background-size:100% 100%; cursor:pointer; margin-left:-1.6875em; }
.college-video-detail-sec-bk03 .video .play2 { display:none;}
.college-video-detail-sec-bk03  .video .playbg { width:100%; position:absolute; z-index:2;  height:100%; top:0px; left:0px; }
.college-video-detail-sec-bk03  .video.on .play { display:none; }
.college-video-detail-sec-bk03  .video.on .playbg { display:none; }
.college-video-detail-sec-bk03 .title { position:relative; cursor:pointer; padding:1.5em 30px 1.5em 16px; border-top:1px solid #e5e5e5; }
.college-video-detail-sec-bk03 .title i { width:5px; display:inline-block; height:5px; background:#297CFE; position:absolute; left:0px; top:50%; margin-top:-2.5px;}
.college-video-detail-sec-bk03 .title .jt {  width:15px; cursor:pointer; height:15px; background:none; border-left:3px solid #bdb9b8; border-top:3px solid #bdb9b8; position:absolute; right:0px; top:50%; transform:translate(0%,-50%) rotate(-135deg);-webkit-transform:translate(0%,-50%) rotate(-135deg);-ms-transform:translate(0%,-50%) rotate(-135deg);}
.college-video-detail-sec-bk03 .list ul li.on .title .jt {transform:translate(0%,-50%) rotate(45deg);-webkit-transform:translate(0%,-50%) rotate(45deg);-ms-transform:translate(0%,-50%) rotate(45deg); }
.college-video-detail-sec-bk03 .list ul li.on +li .title { border-top:none; }
.college-video-detail-sec-bk03 .list ul li.on { padding-bottom:3em; }
.college-video-detail-sec-bk03 .list ul li:first-child .title { border-top:none; }
.college-video-detail-sec-bk03 .list ul li .title span { display:block; }


.college-video-rt-list .list ul li  { position:relative; margin-top:1em; }
.college-video-rt-list .list ul li .img {position:relative; padding-bottom:56.178%; }
.college-video-rt-list .list ul li .play { position:absolute; z-index:2; left:0px; top:0px; right:0px; width:100%; height:100%; bottom:0px; background:url(../images/play3.png) no-repeat center center rgba(0,0,0,0.5); background-size:2em 2em; }
.college-video-rt-list .list ul li:hover .play { background-color:rgba(0,0,0,0);}




@media only screen and (max-width: 1600px){
	


}
@media only screen and (max-width: 1500px){

}

@media only screen and (max-width:1280px){
	

}

@media only screen and (max-width: 1280px){


}


@media only screen and (max-width: 1200px){

.college-activity-form-sec-bk01 .radio_bon span { width:33.33%; }
}

@media only screen and (max-width: 980px){

.college-sec-bk06 .list ul { margin:0px -0.5em; }
.college-sec-bk06 .list ul li { padding:0.5em 0px; }
.college-sec-bk06 .list ul li .con { margin:0px 0.5em; }


.college-video-rt-list .list ul li  { float:left; width:32.33%; margin-right:1%; }
.college-sec-bk01 .list ul li .bg { left:0.5em; top:0.5em; right:0.5em; bottom:0.5em;}

}

@media only screen and (max-width: 900px){

.college-activity-form-sec-bk01 .radio_bon span { width:50%; }

}


@media only screen and (max-width: 767px){


.college-sec-bk02 { padding-top:2em; }
.college-sec-bk02 .list ul li h3 { padding:1.5em 0px; }

.college-sec-bk04 { padding-top:2em; padding-bottom:1em; }

.college-activity-form-sec-bk01 .form-list .form .ft-btn .btn { text-align:center; }

.college-activity-form-sec-bk01 { padding-top:2em; padding-bottom:3em; }
.college-activity-form-sec-bk01 .pic { width:100%; }
.college-activity-form-sec-bk01 .form-list { width:100%; margin-top:2em; }
.college-activity-form-sec-bk01 .form-list .form ul li { padding-left:0px; }
.college-activity-form-sec-bk01 .form-list .form ul li .inp { max-width:100%; }
.college-activity-form-sec-bk01 .tips { padding-top:1em; }
.college-activity-form-sec-bk01 .form-list .form .ft-btn .abtn { margin:0px 0.64em; }


.college-activity-form-sec-bk02 { padding-top:2em; padding-bottom:2em; }
.college-activity-form-sec-bk02 .title { font-weight:bold; }


.college-lecturer-detail-sec-bk01 { padding-top:2em; padding-bottom:0px; }
.college-lecturer-detail-sec-bk01 .pic-wrap { width:100%; float:none; }
.college-lecturer-detail-sec-bk01 .pic-wrap span { margin:0px; }
.college-lecturer-detail-sec-bk01 .user-infor { width:100%; padding:1.5em; }


.college-lecturer-detail-sec-bk02 { padding-top:1.5em; }
.college-lecturer-detail-sec-bk02 ul { margin:0px -0.25em; }
.college-lecturer-detail-sec-bk02 ul li {  width:100%; }
.college-lecturer-detail-sec-bk02 ul li .con { padding-top:40px; margin:0px 0.25em; }
.college-lecturer-detail-sec-bk02 ul li h3 {  line-height:40px; height:40px; }
.college-lecturer-detail-sec-bk02 ul li .txt { padding:1em;}


.college-lecturer-detail-sec-bk03 { padding-top:2em; }
.college-lecturer-detail-sec-bk03 .content { padding:1.5em; }


.college-lecturer-detail-sec-bk04 { padding-bottom:2em; }
 

.college-video-detail-sec-bk01 .video video { display:none; }
.college-video-detail-sec-bk01 .content { padding:1.5em 0px;  }
.college-video-detail-sec-bk01 .video .play { display:none;}
.college-video-detail-sec-bk01 .video .play2 { display:inline-block;}
.college-video-detail-sec-bk01 .video .play, .college-video-detail-sec-bk01 .video .play2 { width:2em; height:2em; margin-top:-1em; margin-left:-1em; }


.college-video-detail-sec-bk02 { padding-top:2em; }
.college-video-detail-sec-bk02 .list ul li .con { padding-left:0px; }
.college-video-detail-sec-bk02 .list ul li .text { padding:2em 1em 2em 1.5em;  }
.college-video-detail-sec-bk02 .list ul li .img { position:relative; padding-bottom:143.1%; width:100%; }
.college-video-detail-sec-bk02 .list ul li .txt { height:auto; max-height:8.55em; }


.college-video-detail-sec-bk03 { padding-top:2em; }
.college-video-detail-sec-bk03 .video video { display:none; }
.college-video-detail-sec-bk03 .video .play2 { display:inline-block;}
.college-video-detail-sec-bk03 .video .play { display:none;}
.college-video-detail-sec-bk03 .video .play, .college-video-detail-sec-bk03 .video .play2  { width:2em; height:2em; margin-top:-1em; margin-left:-1em; }
.college-video-detail-sec-bk03 .video { margin-right:0px; }
.college-video-detail-sec-bk03 .title { padding-right:1.5em; }
.college-video-detail-sec-bk03 .title .jt { width:0.75em; height:0.75em; }
.college-video-detail-sec-bk03 .list ul li.on { padding-bottom:1.5em; }

.college-video-rt-list .list ul li  { width:100%; margin-right:0px; }


}


@media only screen and (max-width: 375px){

 

}