锘?img_wrap{ } #img_wrap p{background-color:transparent;} #img_wrap ul li .a1 img{ width: 360px; height:212px; } #img_wrap ul li{ width: 360px; height: 252px; list-style: none; position: relative; float: left; overflow: hidden; margin: 5px; background-color:#F6F6F6; } #img_wrap ul li .a1 .divA{ position: absolute; bottom:0; left: 0; width: 360px; background: #005bac; height: 40px; } #img_wrap ul li .a1 .divA>.p1{ width: 360px; height: 25px; font-size: 14px; color: #fff; text-align:center; } #img_wrap ul li .a1 .divA>.p2{ width: 360px; height: 21px; font-size: 14px; color: #b4b4b4; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #img_wrap ul li .a1 .divA>.p3{ position: absolute; right: 0; bottom: 12px; width: 108px; height: 28px; color: #f60; } #img_wrap ul li .a1 .divA>.p3>span{ font-size: 24px; font-weight:800; } /*閬僵*/ #img_wrap ul li .a2{ position: absolute; top: 0px; left:-360PX; width: 360px; height: 212px; text-align: center; color: white; background: rgba(255,255,255,0.7); transition: all 0.2s; } #img_wrap ul li .a2 .p4{ text-align: center; position: absolute; top: 34px; left: -360px; font-size: 14px; font-weight: bold; transition: all 0.2s 0.1s ease-out ; } #img_wrap ul li .a2 .p5{ line-height:20px ; position: absolute; top: 32px; left: -360px; font-size: 12px; color: #000; padding:10px; /*transition: all 0.2s 0.2s ease-out ; */ } #img_wrap ul li .a2 .p6{ position: absolute; top: 140px; transform: scale(1.4); transition: all 0.3s 0.2s ; color: #005bac; text-align: center; width: 100%; } #img_wrap ul li .a2 .p6 span{ font-family: Arial; font-size: 36px; font-weight: 700; color: white; } #img_wrap ul li .a2 .p7{ position: absolute; bottom:-50px; left: 145px; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.5s ; }