.promotion{background-color:#fff;margin-bottom:.74rem;overflow:hidden}.promotion-item{flex-wrap:wrap;margin-right:-.4rem}.promotion-item li{background-color:#fff;border:1px solid #e8ebf2;width:calc(33.33% - .4rem);flex:0 0 calc(33.33% - .4rem);margin-right:.4rem;margin-bottom:.4rem;position:relative;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}.promotion-item-img{position:relative;padding-bottom:54%;font-size:0;line-height:0}.promotion-item-img img{position:absolute;left:0;top:0;height:100%;width:100%}.promotion-item-bottom{padding:.14rem;background:#f1f3f7;-webkit-transition:all .5s;transition:all .5s}.promotion-item-bottom-title{width:3.2rem;height:.35rem;background:#eb5f9d;line-height:.35rem;font-size:.16rem;color:#fff;padding:0 .2rem;margin-left:-.14rem;-webkit-transition:all .5s;transition:all .5s}.promotion-item-bottom-des{margin:.2rem 0;font-size:.14rem;line-height:.24rem;word-break:break-all;min-height:.48rem}.promotion-item-bottom-time{text-align:right;font-size:.14rem;color:#999}.promotion-item li a{text-decoration:none;color:inherit}.promotion-item li:hover{border:1px solid #eb5f9d}.promotion-item li:hover .promotion-item-bottom{background-color:#fff}@media screen and (max-width:1080px){.promotion-item{margin-right:0!important}.promotion-item li{flex:1!important;width:100%!important;margin:0 .2rem .2rem!important}}