@import '@styles/var.scss'; .collections { .temp-item { width: 100%; margin-bottom: 20px; position: relative; } } .temp-item { width: 339px; margin-bottom: 20px; position: relative; } .tips { background-image: linear-gradient(266deg, #ffab20 0%, #ff720e 100%); border-radius: 0 6px 0 22px; width: 124px; height: 36px; font-size: 18px; line-height: 36px; color: white; text-align: center; position: absolute; right: 0; top: 0; } .temp-img { @include eject(display, block); width: 100%; height: 187px; background-color: #ccc; } .temp-img2 { width: 100%; height: 613px; } .temp-name-container { display: flex; padding-top: 20px; padding-left: 10px; padding-right: 10px; justify-content: space-between; } .temp-name { width: 500px; font-size: 26px; color: #333; font-weight: bold; // background-color: white; @include eject(display, block); @include eject(box-sizing, border-box); } .temp-film-count { color: white; font-size: 15px; background: url(../../../../../assets/images/flame.png) no-repeat center; font-family: 'DIN-Condensed, sans-serif'; background-size: 100%; height: 30px; min-width: 26px; text-align: center; line-height: 35px; } .equipment-count { color: #bbb; font-size: 26px; }