锘?img_wrap{ } #img_wrap ul li .a1 img{ width: 248px; margin-top:46px; height:244px; } #img_wrap ul li{ width: 248px; height: 290px; list-style: none; position: relative; float: left; overflow: hidden; margin: 5px; background-color:#F6F6F6; } #img_wrap ul li .a1 .divA{ position: absolute; top: 0; left: 0; width: 248px; padding: 10px 0px 4px 0px; background: #EBEBEB; height: 32px; } #img_wrap ul li .a1 .divA>.p1{ width: 248px; height: 25px; font-size: 14px; line-height: 25px; color: #000; text-align:center; } #img_wrap ul li .a1 .divA>.p2{ width: 248px; 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: 46px; left:-248PX; width: 248px; height: 244px; text-align: center; color: white; background: rgba(255,255,255,0.9); transition: all 0.2s; } #img_wrap ul li .a2 .p4{ text-align: center; position: absolute; top: 34px; left: -248px; color: #ffe605; font-size: 14px; font-weight: bold; padding:10px; transition: all 0.2s 0.1s ease-out ; } #img_wrap ul li .a2 .p5{ line-height:20px ; position: absolute; top: 32px; left: -248px; 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; left: 175px; transform: scale(1.4); transition: all 0.3s 0.2s ; } #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 ; }