.colorf19{
	color: #FF6419;
}
.toptitle{
	font-size: 24px;
	font-weight: 800;
	color: #FFFFFF;
	position: relative;
	margin-top: -283px;
	margin-bottom: 19px;
}
.topmsg{
	height: 360px;
	background: #FFFFFF;
	box-shadow: 0px 8px 35px 0px rgba(92, 92, 92, 0.13);
	border-radius: 6px;
	position: relative;
}
.topmsg .top_le{
	width: 642px;
	height: 360px;
	position: relative;
}
.topmsg .no_video{
	position: relative;
	height: 100%;
}
.topmsg .no_video .videoimg19{
	position: absolute;
    right: -46px;
    bottom: 0;
}
.topmsg .no_video .title{
	width: 261px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #EEEEEE;
	border-radius: 0px 0px 20px 20px;
	font-size: 18px;
	color: #333333;
	font-weight: 800;
	margin: auto;
}
.topmsg .no_video .title_son{
	margin-top: 15px;
	padding-left: 70px;
	box-sizing: border-box;
}
.topmsg .no_video .title_son .p3{
	border-bottom: 2px solid #FF9E05;
	display: inline-block;
	padding-bottom: 5px;
	font-size: 14px;
	color: #999999;
}

.topmsg .no_video .title_son .m_top10 span{
	font-weight: 800;
	width: 35px;
	text-align: center;
	display: inline-block;
	color: #333333;
}
.topmsg .no_video .abtn{
	width: 167px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: linear-gradient(90deg, #FF954C, #FD4A09);
	border-radius: 18px;
	font-size: 16px;
	color: white;
	display: inline-block;
	margin: 30px 0 0 11%;
}

.topmsg .no_video .abtn:hover {
	cursor: pointer;
}

.topmsg .top_ri{
	width: 558px;
	height: 360px;
}

.topmsg .top_ri .titleimg{
	height: 60px;
}
.topmsg .top_ri .zhibolist{
	padding: 0 0px 0px 28px;
	box-sizing: border-box;
	height: 280px;
	overflow: auto;
	width: 99%;
}
.topmsg .top_ri .zhibolist .son{
	position: relative;
	height: 145px;
	padding-left: 30px;
	box-sizing: border-box;
	border-left: 1px dashed #dcdcdc;
}
.topmsg .top_ri .zhibolist .son .yuan{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px solid #FF6419;
	background: white;
	position: absolute;
	left: -4px;
	top: 5px;
}
.topmsg .top_ri .zhibolist .son .zb_box{
	margin-top: 7px;
}
.topmsg .top_ri .zhibolist .son .zb_le{
	width: 197px;
	height: 111px;
	border-radius: 6px;
	overflow: hidden;
}
.topmsg .top_ri .zhibolist .son .p1{
	letter-spacing: 1px;
	color: #666666;
}
.topmsg .top_ri .zhibolist .zb_ri{
	margin-left: 10px;
	width: 265px;
	padding: 5px 0 0 0;
}
.topmsg .top_ri .zhibolist .ptitle{
	height: 44px;
	font-size: 16px;
	color: #333333;
}
.topmsg .zb_msg{
	margin-top: 25px;
}
.topmsg .zb_msg .img1{
	width: 24px;
	height: 24px;
	border-radius: 50%;
	float: left;
}
.topmsg .zb_msg .pname{
	font-size: 12px;
	color: #999999;
	margin-left: 10px;
	margin-top: 3px;
	float: left;
}

.topmsg .zb_msg .p_btn1{
	width: 90px;
	height: 27px;
	line-height: 27px;
	background: linear-gradient(90deg, #FF954C, #FD4A09);
	border-radius: 13px;
	color: #FFFFFF;
	font-size: 12px;
	float: right;
	text-align: center;
	cursor: pointer;
}
.topmsg .zb_msg .p_btn2{
	width: 90px;
	height: 27px;
	line-height: 27px;
	background: #EEEEEE;
	border-radius: 13px;
    color: #666666;
	font-size: 12px;
	float: right;
	text-align: center;
}
.titlebox{
	margin: 25px 0 15px;
}
.titlebox .p1{
	color: #333333;
	font-size: 22px;
	font-weight: 800;
	float: left;
}
.titlebox .p2{
	color: #333333;
	font-size: 18px;
	font-weight: 800;
	float: left;
}
.titlebox .rilibox{
	float: right;
	width: 105px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #B5B5B5;
	border-radius: 13px;
	color: #666666;
	font-size: 14px;
	cursor: pointer;
}



.titlebox .choose_box{
	float: right;
	position: relative;
	width: 65px;
	height: 23px;
	background: #FFFFFF;
	border-radius: 12px;
	display: flex;
}

.titlebox .choose_box .box_p{
	width: 31px;
	height: 19px;
	background: white;
	border-radius: 10px;
	margin-top: 2px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}
/*.titlebox .choose_box .box_p img{
	margin-top: -7px;
}*/
.box_pchoose{
	background: #FFDCBD!important;
}

.lately_v{
	width: 1200px;
	height: 265px;
	background: #FFFFFF;
	box-shadow: 0px 8px 21px 0px rgba(92, 92, 92, 0.13);
	border-radius: 6px;
	padding: 0 40px;
	box-sizing: border-box;
}

.lately_v  .videobox{
	/*height: 200px;*/

}
.lately_v  .videobox_top{
	position: relative;
}

.lately_v  .videobox .v_xian{
	background: #EEEEEE;
	border-bottom: 1px solid #E5E5E5;
	border-radius: 1px;
	width: 100%;
	margin-top: 30px;
}

.lately_v  .videobox .video_msg .te_phone {
    width: 100px;
    height: 120px;
    position: relative;
	background-color: #D2D2D2;
	border-radius: 10px;
}


.lately_v .te_phone .te_phone_btn{
	display: inline-block;
	width: 51px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background: #FFEEDF;
	color: #7C4407;
	font-size: 12px;
	border-radius: 12px 0px 12px 0px;
	position: absolute;
	right: -10px;
	bottom: -5px;
}
.lately_v .videobox .video_msg {
    display: flex;
    padding-top: 30px;
    padding-left: 10px;
    box-sizing: border-box;
}
.lately_v .videobox .video_msg .te_msg{
	width: 230px;
}

.lately_v .videobox .video_msg .te_msg .overflow1{
	margin-top: 8px;
}

.lately_v .videobox .video_msg .buttombtn1{
	width: 110px;
	height: 30px;
	line-height: 30px;
	background: #FFF3EC;
	border-radius: 16px 14px 16px 14px;
	color: #FF6419;
	text-align: center;
	font-size: 14px;
	float: right;
	cursor: pointer;
	margin-top: 10px;
}

.lately_v .videobox .video_msg .buttombtn2{
	width: 110px;
	height: 30px;
	line-height: 30px;
    background: #EEEEEE;
	color: #666666;
	text-align: center;
	font-size: 14px;
	float: right;
	cursor: pointer;
	border-radius: 16px 14px 16px 14px;
}

.lately_v .xianbox .xian{
	height: 3px;
	background: #8BB79D;
	position: relative;
	width: 33%;
	margin-top: 40px;
	float: left;
}
.lately_v .xianbox .xian .img1{
	position: absolute;
	top: -32px;
	left: 0;
	right: 0;
	margin: auto;

}
.lately_v .xianbox .xian .time{
	text-align: center;
	padding-top: 13px;
	position: relative;

}
.lately_v .xianbox .xian .time .p1{
	font-size: 20px;
	color: #333333;
}
.lately_v .xianbox .xian .time .s_tap1{
	width: 43px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	background: #EEEEEE;
	border-radius: 9px;
	color: #666666;
	font-size: 12px;
	position: absolute;
	right:96px;
	top: 20px;
}

.lately_v .xianbox .xian .time .s_tap2{
	width: 43px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	background: linear-gradient(90deg, #FF954C, #FD4A09);
	border-radius: 9px;
	color: white;
	font-size: 12px;
	position: absolute;
	right: 96px;
	top: 20px;
}

.all_video_box{
	width: 100%;

	background: #FFFFFF;
	box-shadow: 0px 8px 18px 0px rgba(92, 92, 92, 0.13);
	border-radius: 6px;

}
.all_video_box .box{
	height: 90px;
	width: 210px;
	line-height: 90px;
	float: left;
	margin-left: 30px;
}
.all_video_box .box span{
	color: #333333;
	font-size: 16px;
}


/* 热门课程 */
.box2 .box2hot .box{
	width: 285px;
	height: 245px;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0px 8px 18px 0px rgba(92, 92, 92, 0.13);
	float: left;
	margin-left: 18px;
	overflow: hidden;
	position: relative;
}


.box2 .box2hot{
	height: 245px;
	margin-left: -18px;
}
.box2 .box2hot .box .playimg{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 55px;
}
.box2 .box .hot_img{
	position: relative;
	overflow: hidden;
}
.box2 .box .hot_img .img100{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: transform 1s;
}

.box2 .box .hot_img .img100:hover{
	transition: transform 1s;
	transform:scale(1.1)
}

.box2 .box2hot .box .hot_img{
	width: 285px;
	height: 160px;
}
.box2 .box2hot .box .coursebox{
	height:85px;
	padding: 10px;
	box-sizing: border-box;
}
.box2 .box2hot .coursebox .img{
	width: 27px;
	height: 27px;
	border-radius: 50%;
}
.box2 .box2hot .coursebox .imgbox_ri{
	font-size: 22px;
	color: #FF6419;
	font-weight: 800;
}
.m_left-20{
	margin-left: -20px;
}


/* 弹框 */
.showbox1{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #0000008c;
	text-align: center;
	padding-top: 10%;
	display: none;
	z-index: 9999;
}

.showbox1 .publicpop{
	position: relative;
	width: 388px;
	margin: auto;
}
.showbox1 .publicpop .cha{
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 21px;
	border-radius: 50%;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	position: absolute;
	right: -37px;
	top: -12px;
	color: #ffffff;
}
.showbox1 .publicpop .pop_bottom{
	width: 388px;
	height: 300px;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
	background: #FFFFFF;
	padding-top: 20px;
}
.showbox1 .publicpop .pop_bottom .p1{
	font-size: 20px;
	color: #333333;
	font-weight: 800;
}
.showbox1 .publicpop .pop_input{
	width: 305px;
	border-top: 1px solid #EEEEEE;
	margin: 20px auto 0;
}
.showbox1 .publicpop .pop_input .p2{
	color: #FB6D00;
	font-size: 16px;
	margin: 15px auto;
}
.showbox1 .publicpop .pop_input input{
	width: 305px;
	height: 48px;
	line-height: 48px;
	background: #EEEEEE;
	border-radius: 24px;
	text-align: center;
	padding-left: 15px;
	box-sizing: border-box;
	border: none;
}
.showbox1 .publicpop .pop_input .btn{
	width: 305px;
	height: 48px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	background: linear-gradient(90deg, #FF6003 0%, #FFAE1A 100%);
	box-shadow: 0px 10px 15px 0px rgba(255, 100, 3, 0.3);
	border-radius: 24px;
	margin-top: 15px;
	font-size: 20px;
	color: #FFFFFF;
}
