.multi-list-wrap{height:100%;overflow:hidden;position:relative;flex-shrink:0;margin:0 10px}.multi-list-wrap ul{opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.multi-list-wrap ul.show{animation:op-ba332f0f .3s linear forwards}.multi-list-wrap ul li{flex-shrink:0;width:168px;height:120px;margin-bottom:1px;background-color:#19172d;position:relative;text-align:center}.multi-list-wrap ul li:after{content:"";height:2px;position:absolute;left:0;right:0;bottom:0}.multi-list-wrap ul li:before{content:"";height:59px;position:absolute;left:0;right:0;bottom:2px}.multi-list-wrap ul li.skin-rarity-color0:after{background-color:#fff}.multi-list-wrap ul li.skin-rarity-color1:after{background-color:#ddd}.multi-list-wrap ul li.skin-rarity-color2:after{background-color:#305f8d}.multi-list-wrap ul li.skin-rarity-color3:after{background-color:#3955e8}.multi-list-wrap ul li.skin-rarity-color4:after{background-color:#6b42b9}.multi-list-wrap ul li.skin-rarity-color5:after{background-color:#d22bce}.multi-list-wrap ul li.skin-rarity-color6:after,.multi-list-wrap ul li.skin-rarity-color7:after,.multi-list-wrap ul li.skin-rarity-color8:after{background-color:#d1273e}.multi-list-wrap ul li.skin-rarity-color-1:after,.multi-list-wrap ul li.skin-rarity-color10:after,.multi-list-wrap ul li.skin-rarity-color9:after{background-color:#f6c915}.multi-list-wrap ul li.skin-rarity-color0{--rarity-color:#fff}.multi-list-wrap ul li.skin-rarity-color1{--rarity-color:#ddd}.multi-list-wrap ul li.skin-rarity-color2{--rarity-color:#305f8d}.multi-list-wrap ul li.skin-rarity-color3{--rarity-color:#3955e8}.multi-list-wrap ul li.skin-rarity-color4{--rarity-color:#6b42b9}.multi-list-wrap ul li.skin-rarity-color5{--rarity-color:#d22bce}.multi-list-wrap ul li.skin-rarity-color6,.multi-list-wrap ul li.skin-rarity-color7,.multi-list-wrap ul li.skin-rarity-color8{--rarity-color:#d1273e}.multi-list-wrap ul li.skin-rarity-color-1,.multi-list-wrap ul li.skin-rarity-color10,.multi-list-wrap ul li.skin-rarity-color9{--rarity-color:#f6c915}.multi-list-wrap ul li.skin-rarity-color0:before{background:linear-gradient(0deg,hsla(0,0%,100%,.3),transparent)}.multi-list-wrap ul li.skin-rarity-color1:before{background:linear-gradient(0deg,hsla(0,0%,87%,.3),transparent)}.multi-list-wrap ul li.skin-rarity-color2:before{background:linear-gradient(0deg,rgba(48,95,141,.3),transparent)}.multi-list-wrap ul li.skin-rarity-color3:before{background:linear-gradient(0deg,rgba(57,85,232,.3),transparent)}.multi-list-wrap ul li.skin-rarity-color4:before{background:linear-gradient(0deg,rgba(107,66,185,.3),transparent)}.multi-list-wrap ul li.skin-rarity-color5:before{background:linear-gradient(0deg,rgba(210,43,206,.3),transparent)}.multi-list-wrap ul li.skin-rarity-color6:before,.multi-list-wrap ul li.skin-rarity-color7:before,.multi-list-wrap ul li.skin-rarity-color8:before{background:linear-gradient(0deg,rgba(209,39,62,.3),transparent)}.multi-list-wrap ul li.skin-rarity-color-1:before,.multi-list-wrap ul li.skin-rarity-color10:before,.multi-list-wrap ul li.skin-rarity-color9:before{background:linear-gradient(0deg,rgba(246,201,21,.3),transparent)}.multi-list-wrap ul li.skin-rarity-color-gold{background-image:url(/images/multi-gold-bg.3af51275.png);background-repeat:no-repeat;background-size:100% 100%;background-position:0 100%}.multi-list-wrap ul li.multiECChest:before{background:url(/images/gold-bg.cd20141e.png) no-repeat;background-size:100% 100%;height:unset;top:0;left:0;right:0;bottom:2px}.multi-list-wrap ul li .skin-img{height:90px;margin-top:8px;filter:drop-shadow(-5px 8px 5px rgba(0,0,0,.4))}.multi-list-wrap ul li .skin-img.gold{position:relative;height:118px;margin-top:0;filter:none}.multi-list-wrap ul li .exterior,.multi-list-wrap ul li .name{line-height:10px;font-size:10px;font-family:Microsoft YaHei;font-weight:400;color:#fff;position:absolute;bottom:6px;z-index:1}.multi-list-wrap ul li .name{width:120px;left:6px;text-align:left}.multi-list-wrap ul li .exterior{right:6px}.multi-list-wrap ul li .vskin-phase{width:28px;height:28px;position:absolute;right:2px;top:0}.multi-list-wrap .pbox-img-box{width:160px;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);opacity:0;animation:op-ba332f0f .35s linear .35s forwards}.multi-list-wrap .pbox-img-box.hide{animation:chest-out-ba332f0f .45s linear forwards}.multi-list-wrap .pbox-img-box img{width:100%}.multi-list-wrap .pbox-img-box img:last-child{position:absolute;top:0;left:0}@keyframes op-ba332f0f{to{opacity:1}}@keyframes chest-out-ba332f0f{0%{opacity:1}to{opacity:0}}.multiple{width:1336px;height:532px;position:relative;display:flex;align-items:center;justify-content:center;transform:translateY(-40px)}.multiple .anim-mask{height:100%}.multiple .anim-mask.show{filter:grayscale(.9) blur(20px)}.multiple .anim-mask.show:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(10,10,120,.462)}.multiple .multiple-list{display:flex;align-items:center;justify-content:center;height:100%;max-width:50px;overflow:hidden;animation:expansion-auto-b6589345 .33s linear forwards;-webkit-mask-image:linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent)}.multiple .hlist-pointer{width:200px;height:100%;padding:0 28px;box-sizing:border-box;pointer-events:none;position:absolute;z-index:2;animation:expansion-b6589345 .33s linear forwards}.multiple .hlist-pointer:before{transform:rotate(90deg);left:0}.multiple .hlist-pointer:after,.multiple .hlist-pointer:before{content:"";width:66px;height:34px;background-image:url(/images/animation-arrow.206ac4ec.png);background-size:cover;position:absolute;top:50%;margin-top:-17px}.multiple .hlist-pointer:after{right:0;transform:rotate(-90deg)}.multiple .hlist-pointer .logo{position:absolute;top:-70px;left:10px;height:30px;z-index:1;width:100px}.multiple .hlist-pointer .logo img{width:100%}.multiple .hlist-pointer .operating-box{pointer-events:all;display:flex;align-items:center;justify-content:center;position:absolute;top:-30px;right:0;transform:translateY(-100%);opacity:0;animation:op-b6589345 .1s linear 264ms forwards}.multiple .hlist-pointer .operating-box .mask,.multiple .hlist-pointer .operating-box .music{width:48px;height:48px;margin:0 7px;background:rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.05);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s}.multiple .hlist-pointer .operating-box .mask:hover,.multiple .hlist-pointer .operating-box .music:hover{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.multiple .hlist-pointer .operating-box .mask:after,.multiple .hlist-pointer .operating-box .music:after{font-family:iconfont-ui!important;font-size:inherit;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px;color:var(--color-text-hint)}.multiple .hlist-pointer .operating-box .music:after{content:""}.multiple .hlist-pointer .operating-box .music.active:after{content:"";color:var(--theme-color-primary)}.multiple .hlist-pointer .operating-box .mask:after{content:""}.multiple .hlist-pointer .operating-box .mask.active:after{content:"";color:var(--theme-color-primary)}.multiple .hlist-pointer .hint-box{min-width:362px;text-align:center;position:absolute;top:100%;left:50%;transform:translate(-50%);opacity:0;animation:op-b6589345 .1s linear 264ms forwards}.multiple .hlist-pointer .hint-box img{width:100px;margin-right:10px;margin-bottom:-10px}.multiple .hlist-pointer .hint-box .status{line-height:16px;font-size:16px;font-weight:700;color:#dbdbdb;text-shadow:0 -2px 20px hsla(0,0%,100%,.3)}.multiple .hlist-pointer .hint-box .keys{margin-top:65px;display:flex;align-items:center;justify-content:center}.multiple .hlist-pointer .hint-box .keys .item{margin-right:24px;display:flex;align-items:center;justify-content:center}.multiple .hlist-pointer .hint-box .keys .item:last-child{margin-right:0}.multiple .hlist-pointer .hint-box .keys .item .key{height:20px;padding:0 6px;background:hsla(0,0%,100%,.04);border-radius:2px;font-size:12px;font-weight:400;color:#999;display:flex;align-items:center;justify-content:center}.multiple .hlist-pointer .hint-box .keys .item span{margin-left:10px;font-size:12px;font-weight:400;color:#666}.multiple .hlist-pointer .bg-line{position:absolute;left:20px;top:32px;width:calc(100% - 40px);height:calc(100% - 68px)}.multiple .hlist-pointer .bg-line:before{left:0}.multiple .hlist-pointer .bg-line:after,.multiple .hlist-pointer .bg-line:before{content:"";width:2px;height:100%;background:linear-gradient(90deg,rgba(20,19,40,0),hsla(0,0%,100%,.08) 50%,rgba(20,19,40,0));position:absolute;top:0}.multiple .hlist-pointer .bg-line:after{right:0}.multiple .hlist-pointer .end-line{width:100px;height:1px;background:linear-gradient(180deg,transparent,#ff76e8 10%,#fd76ff 90%,transparent);position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);animation:line-width-b6589345 .33s linear forwards}.multiple .hlist-pointer .end-line:after{content:"";position:absolute;height:1px;top:0;left:10px;right:10px;box-shadow:0 0 4px rgba(217,255,100,.502)}@keyframes expansion-auto-b6589345{to{max-width:1000px}}@keyframes expansion-b6589345{to{width:100%}}@keyframes op-b6589345{to{opacity:1}}@keyframes line-width-b6589345{to{width:1200px}}@media screen and (min-width:1920px){.multiple{transform:scale(1.143)}}@media screen and (min-width:2560px){.multiple{transform:scale(1.5) translateY(-40px)}}.single{width:1336px;height:374px;position:relative;display:flex;align-items:center;transform:translateY(-80px);position:absolute}.single .anim-mask{width:100%;position:relative}.single .anim-mask.show{filter:grayscale(.9) blur(20px)}.single .anim-mask.show:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(10,10,120,.462)}.single .vlist-wrap{width:100%;background:linear-gradient(90deg,rgba(26,26,28,0),#1a1a1c 50%,rgba(26,26,28,0));-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.1) 4%,rgba(0,0,0,.9) 10%,#000 11%,#000 89%,rgba(0,0,0,.9) 90%,rgba(0,0,0,.1) 96%,transparent);overflow:hidden;position:relative;opacity:0;animation:op-64f24158 1s linear .35s forwards}.single .vlist-wrap.special{background:none}.single .vlist-wrap.special ul>li{background-color:rgba(41,47,62,.8)!important;box-shadow:none!important}.single .vlist-wrap ul{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.single .vlist-wrap ul li{flex-shrink:0;width:190px;height:204px;margin-right:1px;background-color:#19172d;position:relative;text-align:center}.single .vlist-wrap ul li:after{content:"";height:4px;position:absolute;left:0;right:0;bottom:0}.single .vlist-wrap ul li:before{content:"";height:100px;position:absolute;left:0;right:0;bottom:4px}.single .vlist-wrap ul li.skin-rarity-color0:after{background-color:#fff}.single .vlist-wrap ul li.skin-rarity-color1:after{background-color:#ddd}.single .vlist-wrap ul li.skin-rarity-color2:after{background-color:#305f8d}.single .vlist-wrap ul li.skin-rarity-color3:after{background-color:#3955e8}.single .vlist-wrap ul li.skin-rarity-color4:after{background-color:#6b42b9}.single .vlist-wrap ul li.skin-rarity-color5:after{background-color:#d22bce}.single .vlist-wrap ul li.skin-rarity-color6:after,.single .vlist-wrap ul li.skin-rarity-color7:after,.single .vlist-wrap ul li.skin-rarity-color8:after{background-color:#d1273e}.single .vlist-wrap ul li.skin-rarity-color-1:after,.single .vlist-wrap ul li.skin-rarity-color10:after,.single .vlist-wrap ul li.skin-rarity-color9:after{background-color:#f6c915}.single .vlist-wrap ul li.skin-rarity-color0{--rarity-color:#fff}.single .vlist-wrap ul li.skin-rarity-color1{--rarity-color:#ddd}.single .vlist-wrap ul li.skin-rarity-color2{--rarity-color:#305f8d}.single .vlist-wrap ul li.skin-rarity-color3{--rarity-color:#3955e8}.single .vlist-wrap ul li.skin-rarity-color4{--rarity-color:#6b42b9}.single .vlist-wrap ul li.skin-rarity-color5{--rarity-color:#d22bce}.single .vlist-wrap ul li.skin-rarity-color6,.single .vlist-wrap ul li.skin-rarity-color7,.single .vlist-wrap ul li.skin-rarity-color8{--rarity-color:#d1273e}.single .vlist-wrap ul li.skin-rarity-color-1,.single .vlist-wrap ul li.skin-rarity-color10,.single .vlist-wrap ul li.skin-rarity-color9{--rarity-color:#f6c915}.single .vlist-wrap ul li.skin-rarity-color0:before{background:linear-gradient(0deg,hsla(0,0%,100%,.3),transparent)}.single .vlist-wrap ul li.skin-rarity-color1:before{background:linear-gradient(0deg,hsla(0,0%,87%,.3),transparent)}.single .vlist-wrap ul li.skin-rarity-color2:before{background:linear-gradient(0deg,rgba(48,95,141,.3),transparent)}.single .vlist-wrap ul li.skin-rarity-color3:before{background:linear-gradient(0deg,rgba(57,85,232,.3),transparent)}.single .vlist-wrap ul li.skin-rarity-color4:before{background:linear-gradient(0deg,rgba(107,66,185,.3),transparent)}.single .vlist-wrap ul li.skin-rarity-color5:before{background:linear-gradient(0deg,rgba(210,43,206,.3),transparent)}.single .vlist-wrap ul li.skin-rarity-color6:before,.single .vlist-wrap ul li.skin-rarity-color7:before,.single .vlist-wrap ul li.skin-rarity-color8:before{background:linear-gradient(0deg,rgba(209,39,62,.3),transparent)}.single .vlist-wrap ul li.skin-rarity-color-1:before,.single .vlist-wrap ul li.skin-rarity-color10:before,.single .vlist-wrap ul li.skin-rarity-color9:before{background:linear-gradient(0deg,rgba(246,201,21,.3),transparent)}.single .vlist-wrap ul li.skin-rarity-color-gold{background-image:url(/images/single-gold-bg.f7c759f0.png);background-repeat:no-repeat;background-size:100% 100%;background-position:0 100%}.single .vlist-wrap ul li.multiECChest:before{background:url(/images/gold-bg.cd20141e.png) no-repeat;background-size:100% 100%;height:unset;top:0;left:0;right:0;bottom:4px}.single .vlist-wrap ul li .skin-img{width:175px;margin-top:20px;filter:drop-shadow(-5px 8px 5px rgba(0,0,0,.4))}.single .vlist-wrap ul li .skin-img.gold{position:relative;margin-top:0;filter:none}.single .vlist-wrap ul li .exterior,.single .vlist-wrap ul li .name{line-height:1.1em;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#fff;position:absolute;bottom:10px;z-index:1}.single .vlist-wrap ul li .name{width:120px;left:10px;text-align:left}.single .vlist-wrap ul li .exterior{right:10px}.single .vlist-wrap ul li .vskin-phase{width:28px;height:28px;position:absolute;right:2px;top:0}.single .vlist-pointer{height:140px;width:100%;box-sizing:border-box;pointer-events:none;position:absolute;top:50%;z-index:2;transform:translateY(-50%);animation:expansion-64f24158 .33s linear forwards}.single .vlist-pointer:before{transform:translate(-50%) rotate(180deg);top:0}.single .vlist-pointer:after,.single .vlist-pointer:before{content:"";width:66px;height:34px;background-image:url(/images/animation-arrow.206ac4ec.png);background-size:cover;position:absolute;left:50%}.single .vlist-pointer:after{transform:rotateX(0) translate(-50%);bottom:0}.single .vlist-pointer .logo{position:absolute;top:-40px;left:6px;height:30px;z-index:1;width:100px}.single .vlist-pointer .logo img{width:100%}.single .vlist-pointer .hint-box,.single .vlist-pointer .operating-box{animation:op-64f24158 .23s linear 264ms forwards}.single .vlist-pointer .operating-box{pointer-events:all;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;transform:translateY(-100%);opacity:0}.single .vlist-pointer .operating-box .mask,.single .vlist-pointer .operating-box .music{width:48px;height:48px;margin:0 7px;background:rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.05);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s}.single .vlist-pointer .operating-box .mask:hover,.single .vlist-pointer .operating-box .music:hover{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.single .vlist-pointer .operating-box .mask:after,.single .vlist-pointer .operating-box .music:after{font-family:iconfont-ui!important;font-size:inherit;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:24px;color:var(--color-text-hint)}.single .vlist-pointer .operating-box .music:after{content:""}.single .vlist-pointer .operating-box .music.active:after{content:"";color:var(--theme-color-primary)}.single .vlist-pointer .operating-box .mask:after{content:""}.single .vlist-pointer .operating-box .mask.active:after{content:"";color:var(--theme-color-primary)}.single .vlist-pointer .hint-box{text-align:center;position:absolute;top:100%;left:50%;transform:translate(-50%);opacity:0}.single .vlist-pointer .hint-box img{width:100px;margin-right:10px;margin-bottom:-10px}.single .vlist-pointer .hint-box .status{line-height:16px;font-size:16px;font-weight:700;color:#dbdbdb;text-shadow:0 -2px 20px hsla(0,0%,100%,.3)}.single .vlist-pointer .hint-box .keys{margin-top:115px;display:flex;align-items:center;justify-content:center}.single .vlist-pointer .hint-box .keys .item{margin-right:24px;display:flex;align-items:center;justify-content:center}.single .vlist-pointer .hint-box .keys .item:last-child{margin-right:0}.single .vlist-pointer .hint-box .keys .item .key{height:20px;padding:0 6px;background:hsla(0,0%,100%,.04);border-radius:2px;font-size:12px;font-weight:400;color:#999;display:flex;align-items:center;justify-content:center}.single .vlist-pointer .hint-box .keys .item span{margin-left:10px;font-size:12px;font-weight:400;color:#666}.single .vlist-pointer .bg-line{position:absolute;left:100px;top:5px;width:calc(100% - 200px);height:calc(100% - 10px)}.single .vlist-pointer .bg-line:before{top:0}.single .vlist-pointer .bg-line:after,.single .vlist-pointer .bg-line:before{content:"";width:100%;height:2px;background:linear-gradient(90deg,rgba(20,19,40,0),hsla(0,0%,100%,.08) 50%,rgba(20,19,40,0));position:absolute;left:0}.single .vlist-pointer .bg-line:after{bottom:0}.single .vlist-pointer .end-line{width:1px;height:40px;background:linear-gradient(180deg,transparent,#ff76e8 10%,#fd76ff 90%,transparent);position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);animation:line-height-64f24158 .33s linear forwards}.single .vlist-pointer .end-line:after{content:"";width:1px;position:absolute;left:0;top:10px;bottom:10px;box-shadow:0 0 4px rgba(217,255,100,.502)}@keyframes expansion-64f24158{to{height:100%}}@keyframes op-64f24158{to{opacity:1}}@keyframes line-height-64f24158{to{height:290px}}@media screen and (min-width:1920px){.single{transform:scale(1.329) translateY(-50px)}}@media screen and (min-width:2560px){.single{transform:scale(1.5) translateY(0)}}.min-w{min-width:1440px}.chest-animation{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;bottom:0;right:0;z-index:100;animation:show-13e0abf4 .35s linear forwards}.chest-animation canvas{width:100%;height:100%;position:absolute}@keyframes show-13e0abf4{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background-color:rgba(0,0,0,.651);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}.fall-down{animation:fall .8s ease-out forwards}@keyframes fall{0%{transform:translateY(-140px);opacity:0}to{transform:translateY(0);opacity:1}}.roulette-drop.droping-item.rarity-1,.roulette-drop.droping-item.rarity-2,.roulette-drop.droping-item.rarity-3,.roulette-drop.droping-item.rarity-4,.roulette-drop.droping-item.rarity-5,.roulette-drop.droping-item.rarity-6,.roulette-drop.droping-item.rarity-7{background-size:80%;background-position:50% 40%}.roulette-drop.droping-item.selected>img{animation:slide-down-up 4s linear infinite}@keyframes slide-down-up{0%{transform:translate3d(0,-12px,0)}50%{transform:translate3d(0,6px,0)}to{transform:translate3d(0,-12px,0)}}.slide-down{position:relative;opacity:1;transform:translateY(0)}@keyframes bounceUp{0%{transform:translateY(0)}to{transform:translateY(-160px)}}@keyframes slideDownAndFade{0%{transform:translateY(-160px);opacity:1}50%{transform:translateY(-100px);opacity:.5}to{transform:translateY(500px);opacity:0}}.slide-down.hidden{animation:bounceUp .3s ease-out,slideDownAndFade 1.3s ease-in .3s}