@media screen and (max-width: 800px) {
	.onlineopenclassdetail_area{margin-top:10px;}
	.onlineopenclassdetail_content{height:250px;}
	.onlineopenclassdetail_video{height:250px;}
	.onlineopenclassdetail_left{width:100%;}
	.onlineopenclassdetail_right{width:100%;padding-left:0px;}
	.onlineopenclassdetail_left .title{font-size: 24px;line-height: 30px;margin-top:20px;}
	
}
@media screen and (min-width: 800px) and (max-width: 1100px){
	.onlineopenclassdetail_area{margin-top:80px;}
	.onlineopenclassdetail_content{height:753px;}
	.onlineopenclassdetail_video{height:753px;}
	.onlineopenclassdetail_left{width:calc(100% - 395px - 1px);}
	.onlineopenclassdetail_right{width:363px;padding-left:32px;border-left:1px solid #202020;}
	.onlineopenclassdetail_left .title{font-size: 36px;line-height: 42px;margin-top:40px;}
	
}
@media screen and (min-width: 1100px){
	.onlineopenclassdetail_area{margin-top:82px;}
	.onlineopenclassdetail_content{height:753px;}
	.onlineopenclassdetail_video{height:753px;}
	.onlineopenclassdetail_left{width:calc(100% - 445px - 1px);}
	.onlineopenclassdetail_right{width:413px;padding-left:32px;border-left:1px solid #202020;}
	.onlineopenclassdetail_left .title{font-size: 36px;line-height: 42px;margin-top:40px;}
	
}
.onlineopenclassdetail_area{float:left;width:100%;}
.onlineopenclassdetail_content{float:left;width:100%;background-color:black;}
.onlineopenclassdetail_video{float:left;width:100%;}

.onlineopenclassdetail_body{float:left;width:100%;}
.onlineopenclassdetail_left{float:left;}
.onlineopenclassdetail_left .title{float:left;width:calc(100% - 10px);font-weight: 700;}
.onlineopenclassdetail_left .description{float:left;width:calc(100% - 10px);font-size: 16px;line-height: 20px;font-weight: 400;margin-top:20px;}
.onlineopenclassdetail_left .date{float:left;width:calc(100% - 10px);font-size: 16px;line-height: 20px;font-weight: 500;margin-top:20px;}

.onlineopenclassdetail_right{float:left;}
.onlineopenclassdetail_right .title{float:left;width:100%;font-size: 20px;line-height: 23px;font-weight: 700;margin-top:40px;margin-bottom:9px;}
.onlineopenclassdetail_right .list{cursor:pointer;float:left;width:100%;margin-top:20px;}
.onlineopenclassdetail_right .list .picturearea{float:left;width:170px;}
.onlineopenclassdetail_right .list .picturearea .picture{float:left;width:100%;height:0px;padding-bottom:58%;border-radius: 8px;}
.onlineopenclassdetail_right .list .contentarea{float:left;width:calc(100% - 170px - 12px);margin-left:12px;}
.onlineopenclassdetail_right .list .contentarea .subtitle{float:left;width:100%;font-size: 14px;line-height: 16px;font-weight: 700;color: black;}
.onlineopenclassdetail_right .list .contentarea .subdate{float:left;width:100%;font-size: 12px;line-height: 14px;font-weight: 400;color: rgba(0, 0, 0, 0.4);margin-top:20px;}
.onlineopenclassdetail_right .backto{float:left;width:100%;font-size: 20px;line-height: 23px;font-weight: 400;margin-top:30px;margin-bottom:89px;}
.onlineopenclassdetail_right .backto a{color:black;}