@charset "utf-8";.w{margin:0 auto;width:1000px;display:block;zoom:1}.w:after{display:block;font-size:0;height:0;visibility:hidden;content:"";clear:both}body{background:#f3f5f3}.banner{width:100%;height:587px;background:url(../image/banner.jpg) center top no-repeat}.subject{width:100%;height:414px;background:url(../image/subjectbg.jpg) center top no-repeat}.subject div{margin:0 auto;width:853px;display:block;zoom:1;padding-top:34px;text-align:center}.subject div:after{display:block;font-size:0;height:0;visibility:hidden;content:"";clear:both}article{width:100%;height:auto;background:url(../image/bg.jpg) center top no-repeat}.c{padding-right:0;position:relative;padding:0 11px 0 11px;padding-top:109px;margin:0 auto;width:978px;display:block;zoom:1;background:#fff}.c:after{display:block;font-size:0;height:0;visibility:hidden;content:"";clear:both}.c .title{position:absolute;top:-15px;left:-19px;padding-left:19px;width:1018px;height:109px;line-height:90px;background:url(../image/bgtitle.png) center center no-repeat;font-size:28px}.c dl{float:left;margin:0 25px 20px;width:276px;height:382px;background:#fff}.c dl:hover{padding-right:0;position:relative;box-shadow:1px 1px 1px 10px #333;box-shadow:1px 1px 10px #333}.c dl dt{width:276px;height:261px;overflow:hidden}.c dl dt img:hover{animation:bounce 1s .2s ease both;-webkit-animation:bounce 1s .2s ease both;-moz-animation:bounce 1s .2s ease both}@keyframes bounce{0%,20%,40%,50%,100%{transform:translateY(0)}10%{transform:translateY(-10px)}30%{transform:translateY(-5px)}}@-webkit-keyframes bounce{0%,20%,40%,50%,100%{-webkit-transform:translateY(0)}10%{-webkit-transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px)}}@-moz-keyframes bounce{0%,20%,40%,50%,100%{-moz-transform:translateY(0)}10%{-moz-transform:translateY(-10px)}30%{-moz-transform:translateY(-5px)}}.c dl dd{padding:0 9px 0 9px;width:258px;height:32px}.c dl .p_name a{height:38px;line-height:19px;color:#000;font-size:12px;display:block;overflow:hidden}.c dl .p_price{height:45px;line-height:45px;font-size:18px;color:#000;font-weight:bold;overflow:hidden}.c dl .p_price del{font-size:14px;color:#707070}.c dl .p_buy span{padding:5px 8px 5px 8px;border:1px dashed #75bf10;color:#f00}.c dl .p_buy a{padding:6px 8px 6px 8px;background:#000;color:#75bf10;font-weight:bold}.promo .l{float:left}.promo .r{float:right}.bounce:hover{animation:bounce 1s .2s ease both;-webkit-animation:bounce 1s .2s ease both;-moz-animation:bounce 1s .2s ease both}@keyframes bounce{0%,20%,40%,50%,100%{transform:translateY(0)}10%{transform:translateY(-10px)}30%{transform:translateY(-5px)}}@-webkit-keyframes bounce{0%,20%,40%,50%,100%{-webkit-transform:translateY(0)}10%{-webkit-transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px)}}@-moz-keyframes bounce{0%,20%,40%,50%,100%{-moz-transform:translateY(0)}10%{-moz-transform:translateY(-10px)}30%{-moz-transform:translateY(-5px)}}