.zkdiv{
    transition: all .3s ease;
}
.zkdiv img {
    transition: all .3s ease;
}
 .zkdiv:hover img{
    transform: scale(1.1); /* 鼠标悬停时放大10% */
}
 .zkdiv:hover{
     transform: translateY(-3px);
 }
 .fddiv {
  transition: transform 0.3s ease; /* 平滑的过渡效果 */
  transform-origin: center; /* 设置变形的中心点为中心 */
}
 
.fddiv:hover {
  transform: scale(1.03); /* 鼠标悬停时放大10% */
}

.widget-box-1-icon-sm {
	position: absolute;
	right: 3px;
	top: 5px;
	font-size: 2rem;
	opacity: .05
}
.widget-box-1-icon-sm-txt {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 1rem;
	opacity: .1
}
.avatar-xxxl {
	height: 7rem;
	width: 7rem
}
/*.fddiv img {*/
/*    transition: all .3s ease;*/
/*}*/
/* .fddiv:hover img{*/
/*    transform: translateY(-3px);*/
/*}*/
@media (min-width:2000px) {
	.col-xxxl {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%
	}

	.row-cols-xxxl-auto>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-xxxl-1>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-xxxl-2>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-xxxl-3>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.row-cols-xxxl-4>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-xxxl-5>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-xxxl-6>* {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xxxl-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.col-xxxl-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xxxl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xxxl-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%
	}

	.col-xxxl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xxxl-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xxxl-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%
	}

	.col-xxxl-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xxxl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xxxl-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%
	}

	.col-xxxl-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xxxl-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xxxl-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%
	}

	.offset-xxxl-0 {
		margin-left: 0
	}

	.offset-xxxl-1 {
		margin-left: 8.33333333%
	}

	.offset-xxxl-2 {
		margin-left: 16.66666667%
	}

	.offset-xxxl-3 {
		margin-left: 25%
	}

	.offset-xxxl-4 {
		margin-left: 33.33333333%
	}

	.offset-xxxl-5 {
		margin-left: 41.66666667%
	}

	.offset-xxxl-6 {
		margin-left: 50%
	}

	.offset-xxxl-7 {
		margin-left: 58.33333333%
	}

	.offset-xxxl-8 {
		margin-left: 66.66666667%
	}

	.offset-xxxl-9 {
		margin-left: 75%
	}

	.offset-xxxl-10 {
		margin-left: 83.33333333%
	}

	.offset-xxxl-11 {
		margin-left: 91.66666667%
	}

	.g-xxxl-0,.gx-xxxl-0 {
		--bs-gutter-x: 0
	}

	.g-xxxl-0,.gy-xxxl-0 {
		--bs-gutter-y: 0
	}

	.g-xxxl-1,.gx-xxxl-1 {
		--bs-gutter-x: 0.25rem
	}

	.g-xxxl-1,.gy-xxxl-1 {
		--bs-gutter-y: 0.25rem
	}

	.g-xxxl-2,.gx-xxxl-2 {
		--bs-gutter-x: 0.5rem
	}

	.g-xxxl-2,.gy-xxxl-2 {
		--bs-gutter-y: 0.5rem
	}

	.g-xxxl-3,.gx-xxxl-3 {
		--bs-gutter-x: 1rem
	}

	.g-xxxl-3,.gy-xxxl-3 {
		--bs-gutter-y: 1rem
	}

	.g-xxxl-4,.gx-xxxl-4 {
		--bs-gutter-x: 1.5rem
	}

	.g-xxxl-4,.gy-xxxl-4 {
		--bs-gutter-y: 1.5rem
	}

	.g-xxxl-5,.gx-xxxl-5 {
		--bs-gutter-x: 3rem
	}

	.g-xxxl-5,.gy-xxxl-5 {
		--bs-gutter-y: 3rem
	}
}