.recently-items.m[data-v-97ef7e88]{padding:0}.recently-items.m .items-list[data-v-97ef7e88]{height:160px}.recently-items.m .items-list .scroll-bar .history-item[data-v-97ef7e88]{height:160px;width:125px}.recently-items.m .items-list .scroll-bar .history-item .item-normal[data-v-97ef7e88]{padding-top:0}.recently-items.m .items-list .scroll-bar .history-item .item-normal .prize_img-box[data-v-97ef7e88]{width:80%}.recently-items[data-v-97ef7e88]{overflow:hidden;background:#1b1929}.recently-items .items-list[data-v-97ef7e88]{height:162px}.recently-items .items-list .scroll-bar[data-v-97ef7e88]{float:left;white-space:nowrap;overflow:hidden;display:flex;align-items:center;background-color:#000}.recently-items .items-list .scroll-bar .list-complete-item[data-v-97ef7e88]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;transition:all .6s ease;background-color:#1b1929;margin-left:2px;position:relative}.recently-items .items-list .scroll-bar .list-complete-item.start[data-v-97ef7e88]{width:90px}.recently-items .items-list .scroll-bar .list-complete-leave-to[data-v-97ef7e88]{opacity:0}.recently-items .items-list .scroll-bar .history-item[data-v-97ef7e88]{width:162px;height:162px;overflow:hidden;background-size:cover;background-repeat:no-repeat;float:left;position:relative;cursor:pointer}.recently-items .items-list .scroll-bar .history-item.legendary[data-v-97ef7e88]{background:linear-gradient(180deg,#3b301e,#0c0e1d);box-shadow:inset 0 -2px 0 #806d1a}.recently-items .items-list .scroll-bar .history-item.legendary .second-name[data-v-97ef7e88]{color:#e2ce27}.recently-items .items-list .scroll-bar .history-item.historic[data-v-97ef7e88]{background:linear-gradient(180deg,#37112b,#0c0e1d);box-shadow:inset 0 -2px 0 #801a58}.recently-items .items-list .scroll-bar .history-item.historic .second-name[data-v-97ef7e88]{color:#e6293f}.recently-items .items-list .scroll-bar .history-item.excellent[data-v-97ef7e88]{background:linear-gradient(180deg,#1a1542,#0c0e1d);box-shadow:inset 0 -2px 0 #4529b3}.recently-items .items-list .scroll-bar .history-item.excellent .second-name[data-v-97ef7e88]{color:#c240c7}.recently-items .items-list .scroll-bar .history-item.good[data-v-97ef7e88]{background:linear-gradient(180deg,#172b42,#0c0e1d);box-shadow:inset 0 -2px 0 #296eb3}.recently-items .items-list .scroll-bar .history-item.good .second-name[data-v-97ef7e88]{color:#5a73dd}.recently-items .items-list .scroll-bar .history-item .box-icon[data-v-97ef7e88]{display:inline-block;width:25px;height:25px;position:absolute;left:2px;top:2px;background-position:50%;background-repeat:no-repeat}.recently-items .items-list .scroll-bar .history-item .box-icon.box-icon-unpack[data-v-97ef7e88]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAACjSURBVCiRpZLLDcMgEETfWO6A1JD04B7SNj3gGkwNm0MA4Q224mROSMzbvxjIzALwAAKQACSt3icHVFXYaxdILgtABjZJq5ndgVv31yvKzIKkXIy4jC1TFygVf5CZPU+MoVTSgL7KHva9ZQdsvrJpAFbDUt7LQc+H8FeaL3g/VvdX5on3NH+DJUXKmi4oA3GGdm51v6Oz7KEkKYMb2EmQHVT1ArbwUlbqgcTKAAAAAElFTkSuQmCC)}.recently-items .items-list .scroll-bar .history-item .box-icon.box-icon-battle[data-v-97ef7e88]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAACmSURBVCiRhZLBDcQgDARnUTrgagg9pH+lB9IDNfge8UnEcMQ/8A5eLZaZZeDgrirpYlJmtgPFj2cK/eKCFQRABAd4BgEkSQ2oCzhCVVLTy8sVaEwyUK96gXMfnILoLxzTfoRjZrsLWgCHtBUuCtAknWZ2AHli+wFGaysYoCa3Fr/jflU6J7arpGu2AM2BHh5q66z+ppYuJHyXCX22frwLo7XYB/h8AT+TazJSbzveAAAAAElFTkSuQmCC)}.recently-items .items-list .scroll-bar .history-item .item-normal[data-v-97ef7e88]{padding-top:15px;box-sizing:border-box;opacity:1;transition:opacity .3s}.recently-items .items-list .scroll-bar .history-item .item-normal .prize_img-box[data-v-97ef7e88]{display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0 auto;width:90%;height:90px;margin-bottom:5px}.recently-items .items-list .scroll-bar .history-item .item-normal .prize_img-box img[data-v-97ef7e88]{width:100%;height:auto}.recently-items .items-list .scroll-bar .history-item .item-normal .item-name[data-v-97ef7e88]{position:absolute;left:0;width:100%;text-align:left;padding:0 12px;color:#fff}.recently-items .items-list .scroll-bar .history-item .item-normal .item-name .case-name[data-v-97ef7e88]{padding-bottom:8px}.recently-items .items-list .scroll-bar .history-item .item-normal .item-name .case-name[data-v-97ef7e88],.recently-items .items-list .scroll-bar .history-item .item-normal .item-name .second-name[data-v-97ef7e88]{padding:0 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recently-items .items-list .scroll-bar .history-item .item-active[data-v-97ef7e88]{opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;z-index:3;transition:opacity .3s;display:flex;align-items:center;justify-content:center}.recently-items .items-list .scroll-bar .history-item .item-active img[data-v-97ef7e88]{width:auto;max-height:90px}.recently-items .items-list .scroll-bar .history-item .item-cover[data-v-97ef7e88]{opacity:0;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.4);left:0;top:0;z-index:4;padding:0 10px;transition:opacity .3s;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.recently-items .items-list .scroll-bar .history-item .item-cover .user-avatar-box[data-v-97ef7e88]{width:50px;height:50px;border-radius:50%;margin-bottom:20px;display:inline-block;display:flex;justify-content:center;align-items:center;position:relative}.recently-items .items-list .scroll-bar .history-item .item-cover .user-avatar-box .battle-avatar-frame[data-v-97ef7e88]{width:80px;height:80px;position:absolute;left:-15px;top:-15px}.recently-items .items-list .scroll-bar .history-item .item-cover .user-avatar-box .user-avatar-img[data-v-97ef7e88]{width:100%;height:100%;border-radius:50%}.recently-items .items-list .scroll-bar .history-item .item-cover .user-avatar-box i[data-v-97ef7e88]{width:50px;height:50px;border-radius:80%;display:flex;justify-content:center;align-items:center;background-color:#313f68}.recently-items .items-list .scroll-bar .history-item .item-cover .user-avatar-box .user-level[data-v-97ef7e88]{position:absolute;bottom:-6px;font-size:14px;font-weight:600;background-image:linear-gradient(90deg,#7289ae 20%,#fff 50%,#7289ae 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.recently-items .items-list .scroll-bar .history-item .item-cover .user-name[data-v-97ef7e88]{-moz-user-select:text;-webkit-user-select:text;width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recently-items .items-list .scroll-bar .history-item:hover .item-active[data-v-97ef7e88],.recently-items .items-list .scroll-bar .history-item:hover .item-cover[data-v-97ef7e88]{opacity:1}.recently-items .items-list .scroll-bar .history-item:hover .item-normal[data-v-97ef7e88]{opacity:0}