@media screen and (max-width: 600px) {
	.onlineopenclass_area{margin-bottom:20px;}
	.onlineopenclass_content .list{width:100%;margin-top:20px;margin-left:0px;}
	.onlineopenclass_inner .titleone{font-size: 32px;line-height:40px;}
	.onlineopenclass_inner .titletwo{font-size: 32px;line-height:40px;margin-left:16px;}
	.onlineopenclass_inner .titlearea{margin-top:20px;}
	.onlineopenclass_content .list .box{width:calc(100% - 30px);padding:15px 15px 15px 15px;}
	.onlineopenclass_content .list .box .title{font-size: 24px;line-height: 28px;margin-top:16px;}
	.onlineopenclass_content .list .box .summary{font-size: 16px;line-height: 20px;height:80px;margin-top:20px;}
	
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.onlineopenclass_area{margin-bottom:100px;}
	.onlineopenclass_content .list{width:calc(50% - 15px);margin-top:30px;margin-left:30px;}
	.onlineopenclass_content .list:nth-child(2n-1){margin-left:0px;}
	.onlineopenclass_inner .titleone{font-size: 80px;line-height:100px;}
	.onlineopenclass_inner .titletwo{font-size: 80px;line-height:100px;margin-left:24px;}
	.onlineopenclass_inner .titlearea{margin-top:70px;}
	.onlineopenclass_content .list .box{width:calc(100% - 80px);padding:38px 40px 40px 40px;}
	.onlineopenclass_content .list .box .title{font-size: 30px;line-height: 35px;height:140px;margin-top:22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: keep-all;}
	.onlineopenclass_content .list .box .summary{font-size: 16px;line-height: 20px;height:80px;margin-top:29px;}
	
}
@media screen and (min-width: 1100px){
	.onlineopenclass_area{margin-bottom:100px;}
	.onlineopenclass_content .list{width:calc(33.33% - 20px);margin-top:30px;margin-left:30px;}
	.onlineopenclass_content .list:nth-child(3n-2){margin-left:0px;}
	.onlineopenclass_inner .titleone{font-size: 109px;line-height:140px;}
	.onlineopenclass_inner .titletwo{font-size: 109px;line-height:140px;margin-left:24px;}
	.onlineopenclass_inner .titlearea{margin-top:135px;}
	.onlineopenclass_content .list .box{width:calc(100% - 80px);padding:38px 40px 40px 40px;}
	.onlineopenclass_content .list .box .title{font-size: 30px;line-height: 35px;height:140px;margin-top:22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: keep-all;}
	.onlineopenclass_content .list .box .summary{font-size: 16px;line-height: 20px;height:80px;margin-top:29px;}
	
}
.onlineopenclass_area{float:left;width:100%;margin-top:0px;}
.onlineopenclass_inner{float:left;width:calc(100% - 20px);margin-left:10px;}
.onlineopenclass_inner .titlearea{float:left;width:100%;}
.onlineopenclass_inner .titleone{float:left;font-weight: 400;font-family: 'Lora';}
.onlineopenclass_inner .titletwo{float:left;font-weight: 900;}
.onlineopenclass_content{float:left;width:100%;}
.onlineopenclass_content .list{float:left;}
.onlineopenclass_content .list:nth-child(3n-2){margin-left:0px;}
.onlineopenclass_content .list .box{cursor:pointer;float:left;border-radius: 9px;}
.onlineopenclass_content .list .box .picture{float:left;width:100%;height:0px;padding-bottom:73.5%;border-radius: 8px;}
.onlineopenclass_content .list .box .title{float:left;width:100%;color:white;font-style: normal;}
.onlineopenclass_content .list .box .summary{float:left;width:100%;font-weight: 400;color: #FFFFFF;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: keep-all;}