.list-layout-container{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:-104px;width:100%;background:url(/promotion/list/list-layout-container.jpg) no-repeat 50%/cover;box-sizing:border-box;padding-bottom:40px}.list-layout-container .list-layout-content{width:1200px;margin-top:130px;display:flex;flex-direction:column;align-items:center}.list-layout-container .list-layout-content .list-layout-header{width:643px;height:400px;display:flex;flex-direction:column;align-items:center;color:#1e1e1e}.list-layout-container .list-layout-content .list-layout-header .title{font-size:40px;font-weight:600;line-height:56px;text-align:center;color:#fff;margin-top:48px}.list-layout-container .list-layout-content .list-layout-header .subtitle{font-size:16px;font-weight:400;line-height:24px;color:#fff}.list-layout-container .list-layout-content .list-layout-header img{position:absolute;width:1200px;height:400px;display:block}.list-layout-container .list-layout-content .list-layout-item{width:100%;flex-shrink:0;margin:16px auto;border-radius:16px;box-sizing:border-box}.PromoList{display:flex;flex-wrap:wrap;justify-content:center;width:100%;-moz-column-gap:27px;column-gap:27px}.PromoList .PromoItem{width:382px;height:348px;border-radius:16px;transition:all .2s linear;position:relative;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:27px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.PromoList .PromoItem:hover{transform:scale(1.02)}.PromoList .PromoItem:nth-last-child(-n+3){margin-bottom:0}.PromoList .PromoItem .promoImage{width:382px;height:228px;border-radius:16px 16px 0 0}.PromoList .PromoItem .btn{width:184px;height:48px;background-color:#fff;color:#1e1e1e;border-radius:40px;box-shadow:0 12px 8px 0 rgba(0,0,0,.12);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 20px;font-size:12px;font-weight:700;margin-top:auto;flex-shrink:0}.PromoList .PromoItem .newIcon{position:absolute;width:auto;max-height:36px;top:0;left:0}.PromoList .PromoItem .playNow{position:absolute;top:0;right:0;min-width:118px;height:30px;background:#27272a;border-radius:0 16px 0 60px;color:#fff;font-weight:700;font-size:12px;text-align:center;line-height:30px}.PromoList .PromoItem .detail-box{position:absolute;width:382px;height:120px;bottom:0;box-sizing:border-box;padding:8px 12px;background-color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:center;border-radius:0 0 16px 16px}.PromoList .PromoItem .detail-box .title{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#27272a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;height:48px}.PromoList .PromoItem .detail-box .description{color:#808089;font-size:12px;font-weight:400;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PromoList .PromoItem .detail-box .timeDuration{color:#1e1e1e;font-size:12px;font-weight:400;line-height:20px}.PromoList .PromoItem .detail-box .divider{display:flex;height:1px;width:100%;background:#eaeaf0;margin:8px auto}.PromoList .PromoItem .detail-box .right-icon{width:24px;height:24px;border-radius:4px 0 12px 0;position:absolute;bottom:0;right:0;background:#27272a;display:flex;justify-content:center;align-items:center}.PromoList:after{content:"";flex:1 1 calc(33.333% - 16px);max-width:calc(33.333% - 16px)}