#main{margin-bottom:2rem;}
.js_box{margin-top:1rem;padding:.5rem 0;margin-top:1rem;}
.js_box p{font-size:.4rem;width:100%;color:#1F1F1E;line-height: .7rem;font-weight:bold;}
.case_title{font-weight:bold;margin-top:.1rem;}
.case_title2{color:#8F8F8F;font-size:.2rem;font-family:'HarmonyOS_Sans_SC_Regular';}
.case_item{margin-top:3%;width:31.5%;opacity: 0;transition: opacity 0.5s ease-in;-webkit-transition: -webkit-transform .6s .1s ease-out,color .3s;
  transition: transform .6s .1s ease-out,color .3s;
  -webkit-transform: translateY(100px);transform: translateY(100px);}
.case_item_box{display: flex;flex-wrap: wrap;margin-top:1rem;justify-content:space-between;}
.case_item.visible {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.case_img{width: 100%; /* 让图片宽度填满容器 */overflow: hidden; /* 确保超出容器的内容被隐藏 */height: auto; /* 高度自动调整以保持宽高比 */object-fit: cover; /* 保持图片比例 */}
.class_box_box{width:33.3%;margin-top:.5rem;}
.class_box{display:flex;width:100%;justify-content:space-between;flex-wrap: wrap;}
.class{display:flex;justify-content:right;flex-wrap:wrap;}
.class_title{width:100%;}
.class_item{width:50%;text-align: right;font-size:.21rem;color:#8F8F8F;line-height:.4rem;}
.class_item_all{margin-left:-0.25rem;font-size:.2rem;color:#1F1F1E;}
.class_item_active{color:#1F1F1E;text-decoration:underline;}
.load_more{text-align:center;margin-top:1rem;}
.load_more span{margin-left: -1.5rem;padding-bottom:.1rem 0;float:right;}
.load_l{float:left;}


@media screen and (max-width: 750px){
.case_email input {width: 60% !important;}
.foorer_box{flex-wrap:wrap;}
}