.list-item{width:calc(20% - 16px)}@media only screen and (width<=1400px){.list-item{width:calc(25% - 16px)}}@media only screen and (width<=1100px){.list-item{width:calc(33.3333% - 16px)}}@media only screen and (width<=1000px){.list-item{width:calc(50% - 16px)}}@media only screen and (width<=700px){.list-item{width:calc(50% - 16px)}}@media only screen and (width<=400px){.list-item{width:calc(100% - 16px)}}.list-item{contain:layout style paint;contain-intrinsic-size:288px 212px;content-visibility:auto;opacity:.999;background-color:#1b1f2b;border-radius:8px;margin:8px;position:relative}.list-item .skin-super{z-index:10;padding:8px;transition:all .3s;position:absolute;top:0;left:0}.list-item .skin-super .skin-super-tip{opacity:0;pointer-events:none;background-image:linear-gradient(90deg,#6e6115 50%,#fccb13);border-radius:6px;width:200px;padding:1px;transition:all .3s;position:absolute;bottom:calc(100% + 16px);left:0;transform:translateY(-12px)scale(.95)}.list-item .skin-super .skin-super-tip .skin-super-tip-content{background:linear-gradient(96deg,#ffd70052,#ffd70000),linear-gradient(#ffd7001f,#ffd7001f),#161921;border-radius:5px;flex-wrap:wrap;align-items:center;gap:4px;padding:12px;display:flex}.list-item .skin-super .skin-super-tip .skin-super-tip-sash{background-color:#64eb49;border-radius:4px;justify-content:center;align-items:center;height:20px;padding:0 8px;display:flex}.list-item .skin-super .skin-super-tip .skin-super-tip-sash .skin-super-tip-sash-text{margin-top:1px}.list-item .skin-super .skin-super-tip .skin-super-tip-sash .skin-super-tip-sash-text .G_Text-content{color:#0c0e14;font-size:14px;font-weight:700}.list-item .skin-super .skin-super-tip .skin-super-tip-icon{background-color:#fccb13;width:16px}.list-item .skin-super .skin-super-tip .skin-super-tip-title .G_Text-content{color:#fccb13;font-size:14px;font-style:normal;font-weight:700}.list-item .skin-super .skin-super-tip .skin-super-tip-desc{width:100%;margin-top:6px}.list-item .skin-super .skin-super-tip .skin-super-tip-desc .G_Text-content{white-space:nowrap;font-size:14px;font-style:normal;font-weight:600}.list-item .skin-super .skin-super-tip .skin-super-tip-arrow{position:absolute;top:100%;left:12px}.list-item .skin-super .skin-super-tip.show{cursor:pointer;opacity:1;pointer-events:all;transform:translateY(0)}.list-item .skin-super .skin-super-tip.show:hover{transform:scale(1.05)}.list-item .skin-super .skin-super-icon{cursor:pointer;background-image:url(../../img/icon/best_drop.png?v=2);background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;height:24px;transition:all .3s}.list-item .skin-super .skin-super-icon:hover+.skin-super-tip{cursor:pointer;opacity:1;pointer-events:all;transform:translateY(0)}.list-item .skin-super:hover .skin-super-tip{opacity:1;transform:translateY(0)}.list-item .skin-super:hover .skin-super-icon{transform:scale(1.1)}.list-item.hide{visibility:hidden}.list-item .item-size{width:100%;padding-top:74%}@media only screen and (width<=700px){.list-item .item-size{padding-top:64%}}.list-item .item-content{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.list-item .item-content .content-top{z-index:9;justify-content:flex-end;width:100%;padding:16px;display:flex;position:absolute;top:0;left:0}.list-item .item-content .content-top .skin-st{margin-right:auto}.list-item .item-content .content-top .skin-st .G_Text-content{color:#fccb13;font-size:12px;font-weight:600}.list-item .item-content .content-top .top-percent{border-radius:4px;margin-top:-10px;margin-right:-8px;padding:10px 8px;transition:all .3s}.list-item .item-content .content-top .top-percent .skin-st{color:#fccb13;margin-left:6px;font-size:12px;font-weight:600;display:inline-block}.list-item .item-content .content-top .top-percent .G_Text-content{color:#8892a5;font-size:12px;font-weight:600;transition:all .3s}.list-item .item-content .content-top .top-percent.mode_cougar{background:#b055ff52}.list-item .item-content .content-top .top-percent.mode_cougar .G_Text-content{color:#b055ff}.list-item .item-content .content-top .top-percent.mode_boost{background:#ff553a52}.list-item .item-content .content-top .top-percent.mode_boost .G_Text-content{color:#ff553a}.list-item .item-content .content-image{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:-8px;left:0}.list-item .item-content .content-image .image-logo{opacity:.12;width:56%;height:auto}@media only screen and (width<=700px){.list-item .item-content .content-image .image-logo{width:46%}}.list-item .item-content .content-image .image-weapon{width:66%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (width<=700px){.list-item .item-content .content-image .image-weapon{width:56%}}.list-item .item-content .content-image .image-weapon.small{width:50%}.list-item .item-content .content-bottom{flex-direction:column;width:100%;padding:16px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0}.list-item .item-content .content-bottom .bottom-weapon{margin-bottom:8px}.list-item .item-content .content-bottom .bottom-weapon .G_Text-content{color:#bfbfbf;font-size:13px;font-weight:600}.list-item .item-content .content-bottom .bottom-skin .G_Text-content{font-size:14px;font-weight:700}.list-item .item-content .content-bottom .bottom-skin .G_Text-content b{color:#ff553a;font-size:14px;font-weight:700}.list-item .item-content .content-bottom .bottom-price .G_Text-content{font-size:14px;font-weight:700}.list-item .item-content .content-bottom .bottom-price .G_Text-content:before{content:"";background-image:url(../../img/steam.svg);width:12px;height:12px;margin-right:4px;display:inline-block;transform:translateY(1.5px)}.list-item .item-content .content-hover{opacity:0;z-index:2;background:#0c0e14e6;border:1px solid #2e394f;border-radius:8px;width:100%;height:100%;padding:16px;transition:all .3s;position:absolute;top:0;left:0;overflow:auto}.list-item .item-content .content-hover table{width:100%}.list-item .item-content .content-hover table th .G_Text{margin:0 4px 8px 0}.list-item .item-content .content-hover table th .G_Text .G_Text-content{font-size:12px;font-weight:700}.list-item .item-content .content-hover table td:has(.G_Text.st){display:flex}.list-item .item-content .content-hover table td .G_Text{margin-bottom:8px}.list-item .item-content .content-hover table td .G_Text .G_Text-content{color:#8892a5;font-size:12px;font-weight:600;transition:all .3s}.list-item .item-content .content-hover table td .G_Text.__blue .G_Text-content{color:#64eb49}.list-item .item-content .content-hover table td .G_Text.st{margin-left:4px}.list-item .item-content .content-hover table td .G_Text.st .G_Text-content{color:#fccb13}.list-item .item-content .content-hover table td .G_Text.cougar .G_Text-content{color:#b055ff}.list-item .item-content:hover .content-hover{opacity:1}.list-item .item-content:hover .content-bottom,.list-item .item-content:hover .top-percent{opacity:0!important}.list-item:has(.content-hover:hover) .skin-super .skin-super-icon{transform:scale(.6)translateY(4px)}
