.button-class2 {
	display: block;
	float: left;
	font-size: 15px;
	color: #333333;
	text-align: center;
	background-color: #fff;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 5px;
	border: 1px solid #000000;
}

@media (max-width:640px){
	.button-class2 {
		font-size: 14px;
		padding-bottom: 3px;
		padding-top: 3px;
		padding-right: 12px;
		padding-left: 12px;
	}
}

.img_bar {
    width: 10%;
}
.myclass-confirm_r-area {
    width: 90%;
}

/* 2020 */
.class_title div, .class_list div{ float: left; }
.class_title1{ width: 24%; }
.class_title2{ width: 32%; }
.class_title3{ width: 20%; }
.class_title4{ width: 20%; }

/* 2020.0907 */
.program_list-l{width: 70%}
.program_list-r{width: 30%}


/*
=========================================
            kj 2020.7.10
=========================================

.myclass_list>div {
  float: left;
  min-width: 15%;
}
*/
.text-light{ color: #EEE !important;}
.text-primary{ color: #38b0e4 !important;}
.text-alert{ color: red !important;}
.text-warning{ color: orange !important;}
.bg-light{ background-color: #EEE !important;}
.bg-primary{ background-color: #38b0e4 !important;}
.bg-alert{ background-color: red !important;}
.bg-warning{ background-color: orange !important;}


.red-point{
  position: relative;
}
.red-point::before{
  content: " ";
  border: 3px solid red;/*设置红色*/
  border-radius:3px;/*设置圆角*/
  position: absolute;
  z-index: 1000;
  right: 0;
  margin-right: -8px;
}