.detail-s-5-content{ margin-top: 5px; width: 100%; height: auto; float: left; border-radius: 5px; /* 小卡片 */ box-shadow: 5px 5px 25px 0px rgba(3, 8, 82, 0.1); background: rgba(255, 255, 255, 0.7); } .detail-s-5-content .box{ width: 100%; heigth: auto; margin: 0px auto; } .detail-s-5-content .row{ /** * 定义宽高 */ width: 100%; height: 379px; float: left; /** * 边距 */ margin: 5px 0px; padding: 0; /** * 定义边框 */ border-radius: 15px; /* * 定义背景 */ background: none; /** ** 定位属性 */ position: relative; } /* * 内部布局样式 */ .detail-s-5-content .top{ width:100%; height: 330px; float: left; line-height: 100px; float: left; text-align: center; background: #fff; } .detail-s-5-content .top img{ width: 201px; height: 275px; vertical-align: middle; margin-top: 20px; } .detail-s-5-content .bottom{ width: 348px; height: 54px; line-height: 54px; float: left; border-radius: 0px 0px 5px 5px; backdrop-filter: blur(10px); background: rgba(38, 43, 106, 0.5); text-align: center; } .detail-s-5-content .bottom a{ color: rgb(255, 255, 255); font-family: "HarmonyOS Sans SC"; font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: 0px; text-align: center; } /** ** 内容标签样式 */ .detail-s-5-content .img{ }