/** { margin: 0; padding: 0; }
a { text-decoration: none; }*/
#wrap { width: 1200px; height: 574px; margin: 20px auto; }
#wrap ul li .a1 img { width: 560px; height: 400px; }
#wrap ul li { width: 560px; height: 400px; list-style: none; position: relative; float: left; overflow: hidden; margin: 0 20px 40px; }
#wrap ul li .a1 .divA { position: absolute; bottom: 0; left: 0; width: 520px; height: 46px; padding: 10px 20px; background: #fafafa; }
#wrap ul li .a1 .divA > .p1 { width: 312px; height: 25px; font-size: 18px; line-height: 25px; color: #666; }
#wrap ul li .a1 .divA > .p2 { width: 312px; height: 21px; font-size: 14px; color: #b4b4b4; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#wrap ul li .a1 .divA > .p3 { position: absolute; right: 0; bottom: 12px; width: 108px; height: 28px; color: #f60; }
#wrap ul li .a1 .divA > .p3 > span { font-size: 24px; font-weight: 800; }
/*遮罩*/
#wrap ul li .a2 { position: absolute; top: 0; left: -560PX; width: 560px; height: 400px; text-align: center; color: white; background: rgba(0,0,0,0.5); transition: all 0.2s; }
#wrap ul li .a2 .p4 { width: 560px; text-align: center; position: absolute; top: 34px; left: -560px; color: #ffe605; font-size: 24px; font-weight: bold; transition: all 0.2s 0.1s ease-out; }
#wrap ul li .a2 .p5 { width: 500px; text-align: left; line-height: 20px; position: absolute; top: 65px; left: -560px; margin: 30px; font-size: 14px; color: white; transition: all 0.2s 0.2s ease-out; }
#wrap ul li .a2 .p6 { position: absolute; top: 140px; left: 225px; transform: scale(1.4); transition: all 0.3s 0.2s; }
#wrap ul li .a2 .p6 span { font-family: Arial; font-size: 36px; font-weight: 700; color: white; }
#wrap ul li .a2 .p7 { position: absolute; bottom: -50px; left: 195px; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.5s; }