*{background-repeat:no-repeat}.BigMaskBox{bottom:0;width:100vw;height:100vh;z-index:6;background-color:#000;display:table}.BigMaskBox,.picMsg{top:0;left:0;position:fixed}.picMsg{font-size:2rem;z-index:4;color:#f0f8ff;font-weight:700}.picName{padding:20px;padding-bottom:0;font-size:1.5rem;margin:2px;z-index:4}.picEventName{font-size:1.2rem;z-index:4}.left,.right{margin:0 10px;z-index:9}.left:active{-webkit-transform:rotate(180deg) scale(1.3);transform:rotate(180deg) scale(1.3)}.left:active,.right:active{-webkit-transition:all .5s ease;transition:all .5s ease}.right:active{-webkit-transform:scale(1.3);transform:scale(1.3)}.left:active .picMsg{display:table-cell}.left{-webkit-transform:rotate(180deg);transform:rotate(180deg);left:0}.left,.right{width:50px;height:100px;position:fixed;background-image:url(../img/direction_icon.db79d5e6.svg);z-index:7;top:45vh;cursor:pointer}.back,.right{right:0}.back{width:100px;height:100px;background-image:url(../img/close.87697b13.svg);margin:20px;position:fixed;z-index:7;top:0;cursor:pointer;-webkit-animation:popIn .5s;animation:popIn .5s;-webkit-transition:all .3s ease;transition:all .3s ease}.back:active{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-transition:all .5s ease;transition:all .5s ease}@media screen and (orientation:landscape){.picIndex{display:block;position:fixed;font-size:2rem;left:20px;bottom:20px;color:#959595;z-index:8}.picDetail{width:100vw;height:100vh;overflow:hidden;z-index:3;display:table-cell;vertical-align:middle}.bigPic{max-height:100vh;max-width:100vw;z-index:3;-webkit-animation:popIn .5s;animation:popIn .5s;-webkit-transition:all .3s ease;transition:all .3s ease}.story{width:500px;height:500px;position:absolute;top:10vh;left:10vw;color:#f0f8ff;background-color:rgba(0,0,0,.568);text-indent:3rem;font-size:1.5rem;font-weight:500;padding:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}}@media only screen and (orientation:portrait){.picIndex{display:block;position:fixed;font-size:1.2rem;bottom:3vh;color:#959595;z-index:8;left:0;right:0;margin-left:auto;margin-right:auto}.picDetail{width:100vw;height:100vh;overflow:hidden;z-index:3;display:table-cell;vertical-align:middle}.story{display:none}.bigPic{width:100vw;z-index:3;-webkit-animation:popIn .5s;animation:popIn .5s;-webkit-transition:all .3s ease;transition:all .3s ease;vertical-align:middle;display:table-cell}.picMsg{position:fixed;top:78vh;width:100%;font-size:2rem;z-index:3;color:#f0f8ff;font-weight:700}.left,.right{width:30px;height:60px;background-image:url(../img/direction_icon.db79d5e6.svg);position:fixed;right:0;z-index:7;top:80vh;cursor:pointer;margin:0 50px}.left:active{-webkit-transform:rotate(180deg) scale(1.3);transform:rotate(180deg) scale(1.3)}.left:active,.right:active{-webkit-transition:all .5s ease;transition:all .5s ease}.right:active{-webkit-transform:scale(1.3);transform:scale(1.3)}.back{width:60px;height:60px;background-image:url(../img/close.87697b13.svg);margin:20px;position:fixed;right:0;z-index:7;top:0;cursor:pointer;-webkit-animation:popIn .5s;animation:popIn .5s;-webkit-transition:all .3s ease;transition:all .3s ease}.back:active{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-transition:all .5s ease;transition:all .5s ease}}.unique:after{content:"\2737"}.battlepass:after,.unique:after{display:inline-block;font-size:16px}.battlepass:after{content:"";background-image:url(https://fhimg.forhonor.link/svg/battlepass.svg);width:16px;height:14px;background-repeat:no-repeat;background-position:50%}.event{overflow:hidden;background-size:16px}.event:after{content:"";background-image:url(https://fhimg.forhonor.link/svg/event.svg);font-size:16px;background-repeat:no-repeat;background-position:50%;width:16px;display:inline-block;height:14px}.epic{color:#c6a007}.common{color:#959595}.heroic{color:#9600ff}.legendary{color:#40b795}.rare{color:#399aff}