body{
	font-size: 0.37333333333333335rem;
	background: #d3e9ff;
	/* text-align: justify; */
}
section {
	background: #FFFFFF;
	margin: 0.5333333333333rem 0.4rem;
	padding: 0.5866666666667rem 0.2666666666666667rem;
	
	box-shadow: 0 0.04rem 0.1rem 0 rgba(6,53,121,0.20);
	border-radius: 0.16rem;
	border: 5px solid #68b1ff;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}
#video-list{
	position: relative;
	display: grid;
	border-radius: 0.1066666666667rem;
    padding-top: 20px;
	grid-template-columns:1fr 1fr;
	margin-bottom: 20px !important;
}
.BoxContainer{
	border-radius: 3px;
    background-color: #e4eeff;
    box-shadow: 0 0.05rem 0.08rem 0 rgba(6, 53, 121, 0.20);
	margin-top: 15px;
	margin-right: 5px;
	display: flex;

	flex-direction: column;
}

.videoImg{
	position: relative;
	min-height: 108px !important;
	
}
.content{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding:5px !important;
	height: 100%;
	position: relative;
}


.padding5{
	padding: 0 10px !important;
}
span.date{
	position: absolute;
    z-index: 20000;
    bottom: 0.48rem;
    left: 0.48rem;
    color: #fff;
    font-size: 0.32rem;
    opacity: 0.7;
}
.bottom{
	bottom: 2px;
}

span.black{
	text-shadow: 0 0 5px #090909, 0 0 15px #000000;
}
.SlideTitle{
	position: absolute;
    z-index: 20000;
    top: 0.48rem;
    left: 0.48rem;
    color: #fff;
    font-size: 0.32rem;
    opacity: 1;
	color: #000000;
	font-size: 20px;

}
.bg-m {
	border-radius: 0.1066666666667rem;
	padding-top: 20px;
	justify-content:center;
}
.title {
	background: url(../img/buttom.png) no-repeat;
    background-size: 100% 100%;
	text-align: center;
	font-size: 0.45333333333333337rem;
	font-weight: 700;
	position: absolute;
    top: -20px;
    color: #fff;
    line-height: 1.066666666666667rem;
    width: 70%;
    left: 15%
}

.title img {
	width: 0.4rem;
	height: auto;
	display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 40px;
}

.box1{
	
	border-radius: 3px;
	width: 48%;
	background-color: #e4eeff;
	box-shadow: 0 0.05rem 0.08rem 0 rgba(6,53,121,0.20);
	display: inline-block;
	vertical-align: top;
	min-height: 180px;
	
	
	/*border: 0.2px solid #68b1ff;*/
}
.mr_5per{
	margin-right: 2%;
}
.color1{
	color: #549bfc;
}
.minH40{
	min-height: 40px;
}
.borderW{
    box-shadow: 0 0.04rem 0.1rem 0 rgba(6,53,121,0.20);
    border-radius: 0.16rem;
    border: 5px solid #68b1ff;
}
.top{
	margin-top: 21px;
}
.minH44{
min-height: 44px;
}
/* .flex{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;


} */
.h27{
	height: 27.59px;
}
.flexCenter{
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.text{
position: relative;
}
.text::before{
content:'2022-9';
color: #549bfc;
position: absolute;
top:91%;
width: 100%;
height: 100%;
padding-left:0.1333333333333333rem !important;
font-size: .32rem;
}