.yt-bg{
	background: #fff;
	min-width: 1200px;
	min-height: 100%;
}
.yt-headed{
	width: 100%;
	min-width: 1200px;
	min-height: 400px;
	background: url(../images/ico/ytspecial/img_banner.jpg) center top;
}
.yt-content{
	width: 100%;
	min-width: 1200px;
	min-height: 1018px;
	background: url(../images/ico/ytspecial/bg-jianbian.jpg) center top;
}
.yt-warp{
	width: 1180px;
	margin:0 auto;
}
.yt-title{
	margin-top: 36px;
	width: 100%;
	font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
  text-align: center;
}
.yt-txt{
	display: inline-block;
	line-height: 56px;
	font-size: 40px;
	font-weight: 500;
	position: relative;
}
.yt-txt:after{
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 48px;
	margin:0 -24px;
	height: 6px;
	background: #1D1DFE;
  opacity: 0.4;
}
.yt-infro{
	padding-top:20px;
	font-size: 18px;
	line-height: 25px;
	color: #666;
}
.yt-introduction{
	margin-left: -40px;
	width: 1240px;
	height: 430px;
	padding:30px 40px;
	background: url(../images/ico/ytspecial/bg-infro.png) center top;
}
.yt-content-video{
	padding-bottom: 40px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F1F7FF 100%);
}
.yt-icon-type1{
	margin-right: 8px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../images/ico/ytspecial/sprite2.png) no-repeat;
}
.yt-icon_1{
	background-position: -366px 0px;
}
.yt-icon_2{
	background-position: -396px 0px;
}
.yt-icon_3{
	background-position: -186px 0px;
}
.yt-icon_4{
	background-position: -216px 0px;
}
.yt-left-ul{
	margin:60px 0 0 118px;
	float: left;
	max-width: 370px;
}
.yt-left-ul li{
	margin-bottom: 45px;
	float: left;
	width: 100%;
}
.yt-left-ul li:last-child{
	margin-bottom: 0;
}
.yt-conference-infro{
	margin-bottom: 0;
}
.yt-conference-infro .tit{
	display: inline-block;
	margin-bottom: 0;
	font-size: 20px;
	color: #2461F2;
  line-height: 30px;
  font-weight: 600;
}
.yt-conference-txt{
	margin-top: 4px;
	margin-bottom: 0;
	padding-left: 38px;
	font-size: 18px;
	color: #666;
  line-height: 25px;
}
.yt-right-ul {
	float: right;
	margin:60px 182px 0 0;
}
.tab-btn {
	margin-top: 30px;
}
.tab-btn.fixnav{
	width: 100%;
	margin:0 auto;
	padding:16px 0;
	background: #fff;
	position: fixed;
	top:0;
	left: 0;
	z-index: 10;
}
.tab-btn-w{
	width: 1180px;
	margin:0 auto;
}
.tab-btn-type2{
	width: 1180px;
	margin:0 auto;
	height: 80px;
	display: none;
}
.tab-btn .subject-a{
	float: left;
	display: inline-block;
	padding:9px 11px;
	background: #FAFAFA;
	border-radius: 8px;
	text-align: center;
	margin-right: 35px;
	font-size: 20px;
	line-height: 30px;
	color: #333;
}
.tab-btn .subject-a:last-child{
	margin-right: 0;
}
.tab-btn .subject-a.active,.tab-btn .subject-a:hover{
	color: #fff;
	background:#6481FF;
}
.subject-ul{
	margin-top: 26px;
}
.subject-ul li{
	float: left;
	width: 380px;
	height: 282px;
	background: #FFF;
	box-shadow: 0px 5px 20px 0px rgba(25, 60, 245, 0.04);
	border-radius: 4px;
	margin-right: 20px;
}
.subject-ul li:last-child{
	margin-right: 0;
}
.subject-video-btn{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}
.subject-video-btn .img{
	cursor: pointer;
}
.subject-video-btn .fc{
	display: none;
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 214px;
	background: rgba(0,0,0,.3);
	border-radius: 4px 4px 0 0;
	z-index: 2;
}
.subject-video-btn .fc .yt-icon-type2{
	 display: inline-block;
	 width: 60px;
	 height: 60px;
	 background: url(../images/ico/ytspecial/icon_play.png) no-repeat;
	 position: absolute;
	 top:77px;
	 left: 50%;
	 margin-left:-30px;
}
.subject-video-btn:hover .img .fc{
	display: inline-block;
}
.subject-video-btn img,
.subject-video-btn .img{
	position: relative;
	max-width: 100%;
	height: 214px;
}
/*.subject-video-btn .img .video-js{
	display: none;
}*/
.subject-video-btn .title{
	float: left;
	width: 100%;
	height: 68px;
	padding:20px;
}
.subject-video-btn .name{
	 float: left;
	 font-size: 20px;
	 font-weight: 600;
	 color: #333;
	 line-height: 28px;
}
.subject-video-btn .schoole-name{
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: #999;
}
.line-s{
	margin:10px 8px;
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #EEEEEE;
}
.yt-subject-warp{
	padding-top: 40px;
}
.yt-subject-title{
	margin:0;
}
.yt-subject-title .txt{
	display: inline-block;
	height: 42px;
	font-size: 30px;
	font-weight: 600;
	color: #333;
	line-height: 42px;
	position: relative;
}
.yt-subject-title .txt:after{
	content: "";
	position: absolute;
	bottom:-6px;
	left:0;
	width: 60px;
	height: 6px;
	background: linear-gradient(270deg, rgba(62, 62, 255, 0) 0%, #1D1DFE 100%);
}
.yt-subject-title .tip{
	display: inline-block;
	line-height: 28px;
	font-size: 20px;
	font-weight: 400;
	color: #666;
	position: relative;
	padding-left: 10px;
	
}
.yt-subject-title .tip:before{
	content: " ";
	width: 1px;
	height: 20px;
	background: #EEE;
	position: absolute;
	top:6px;
	left:0;
}
.subject-ul.subject-ul-type2 li{
	width: 280px;
	height: 226px;
}
.subject-ul.subject-ul-type2 .subject-video-btn .img{
	max-width: 100%;
	height: 158px;
}
.subject-ul.subject-ul-type2 li img{
	height: 158px;
}
.subject-ul.subject-ul-type2 .subject-video-btn .fc{
	height: 158px;
}
.subject-ul.subject-ul-type2 .subject-video-btn .fc .yt-icon-type2{
	top:49px;
}
/*.yt-footer{
	margin-top: 40px;
	width: 100%;
	min-height: 200px;
	background: linear-gradient(180deg, #F1F7FF 0%, #FFFFFF 100%);
}*/
.yt-footer{
	margin-top: 50px;
}
.yt-footer .ul-infro {
	float: left;
	padding: 40px 0 30px 0;
	width: 25%;
}
.ico-line{
	margin:6px 6px 0 0;
	display: inline-block;
	width: 6px;
	height: 16px;
	background: url(../images/ico/ytspecial/sprite2.png) no-repeat 0 0;
	vertical-align: -1px;
}

.infro-name{
	font-size: 20px;
	color: #333;
	line-height: 28px;
	font-weight: 500;
}
.infro-name + ul{
	margin-top: 10px;
}
.infro-name + ul li{
	float: left;
	margin-bottom: 10px;
	padding:0 80px 0 12px;
	width: 100%;
	line-height: 25px;
	color: #666;
	font-size: 18px;
}
.type2-icon1{
	background-position: -486px 0px;
}
.type2-icon2{
	background-position: -306px 0px;
}
.type2-icon3{
	background-position: -546px 0px;
}
.type2-icon4{
	background-position: -426px 0px;
}
.type2-icon5{
	background-position: -66px 0px;
}
.type2-icon6{
	background-position: -246px 0px;
}
.type2-icon7{
	background-position: -606px 0px;
}
.type2-icon8{
	background-position: -126px 0px;
}
.type2-icon9{
	background-position: -6px 0px;
}
.subject-a:hover .type2-icon1,
.tab-btn .subject-a.active .type2-icon1{
	background-position: -516px 0px;
} 
.subject-a:hover .type2-icon2,
.subject-a.active .type2-icon2{
	background-position: -336px 0px;
} 
.subject-a:hover .type2-icon3,
.subject-a.active .type2-icon3{
	background-position: -576px 0px;
} 
.subject-a:hover .type2-icon4,
.subject-a.active .type2-icon4{
	background-position: -456px 0px;
} 
.subject-a:hover .type2-icon5,
.subject-a.active .type2-icon5{
	background-position: -96px 0px;
} 
.subject-a:hover .type2-icon6,
.subject-a.active .type2-icon6{
	background-position: -276px 0px;
}
.subject-a:hover .type2-icon7,
.subject-a.active .type2-icon7{
	background-position: -636px 0px;
} 
.subject-a:hover .type2-icon8,
.subject-a.active .type2-icon8{
	background-position: -156px 0px;
} 
.tab-btn .subject-a:hover .type2-icon9,
.tab-btn .subject-a.active .type2-icon9{
	background-position: -36px 0px;
} 

/*-----------------------------------*\
    #时间线 timeline
\*-----------------------------------*/

.timeline-style2.timeline-yt .timeline-info{
	width: 100%;
}
.timeline-style2.timeline-yt .timeline-item {
    padding-bottom: 8px;
    margin-bottom: 0;
}

.timeline-style2.timeline-yt .timeline-item:last-child {
    padding-bottom: 0;
}

.timeline-style2.timeline-yt .timeline-item:before {
    content: "";
    display: block;
    position: absolute;
    left: 38px;
    top: 20px;
    bottom: -20px;
    border-width: 0;
    background-color: #61C9FA ;
    width: 1px;
    max-width: 1px;
}


.timeline-style2.timeline-yt .timeline-item:first-child:before {
    display: block;
}
.timeline-style2.timeline-yt .timeline-item:last-child:before{
	display: none;
}
.timeline-style2.timeline-yt .timeline-indicator {
    font-size: 0;
    height: 7px;
    line-height: 7px;
    width: 7px;
    background-color: #A1E1FF !important;
    border: none;
    position: absolute;
    left: 35px;
    top: 20px;
    opacity: 1;
    border-radius: 100%;
    display: inline-block;
    padding: 0;
    z-index: 1;
}
.timeline-style2.timeline-yt .timeline-item .widget-box {
    margin-left: 54px;
}
.col-ffff00{
	color: #FFFF00;
}
.opacity8{
	opacity: .8;
}
.yt-video .video-hide{
	display: none;
}

.layer-yt-warp .layui-layer.layui-layer-page{
	background: transparent;
	box-shadow:none;
	border-radius: none;
}

.layer-yt-content.layui-layer-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.layui-layer-page .layui-layer-content{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.layui-layer-page .layui-layer-wrap{
	width: 100%;
	height: 100%;
}
.yt-video,.yt-video .video-js{
	width: 100%;
	height: 100%;
}
.yt-footer-tip{
	margin:40px 0 20px 0;
	font-size: 16px;
	text-align: center;
	color: #999;
}