[data-v-e4bdb3d2]{margin:0;padding:0;box-sizing:border-box}li[data-v-e4bdb3d2]{list-style:none}.box[data-v-e4bdb3d2]{background:linear-gradient(180deg,#161523,#1b1929 100px)}.box header[data-v-e4bdb3d2]{padding:20px;width:100%;height:100px;line-height:60px}.box header #title-box[data-v-e4bdb3d2]{width:200px;margin:0 auto;position:relative}.box header #title-box[data-v-e4bdb3d2]:before{position:absolute;left:-450px;top:30px;content:"";width:400px;height:5px;background:linear-gradient(90deg,#1b1929,#c270ea)}.box header #title-box[data-v-e4bdb3d2]:after{position:absolute;right:-450px;top:30px;content:"";width:400px;height:5px;background:linear-gradient(270deg,#1b1929,#c270ea)}.box header .extension-title[data-v-e4bdb3d2]{font-size:30px;font-weight:700;color:#fff}.box .content-box .history-box .listArr[data-v-e4bdb3d2]{padding:10px 20px 10px;display:flex;flex-wrap:wrap;width:1320px;margin:0 auto}.box .content-box .history-box .listArr .items-list[data-v-e4bdb3d2]{padding:0;margin:0;width:120px;height:120px;margin:10px 20px}.box .content-box .history-box .listArr .items-list .list-box[data-v-e4bdb3d2]{width:95%;height:95%;perspective:1000;transition:all .2s;transform-style:preserve-3d;background:url(../../static/img/welfare-bg.9cda879b.png) no-repeat;background-size:100% 100%;background-position:50%}.box .content-box .history-box .listArr .items-list:hover .list-box[data-v-e4bdb3d2]{transform:rotateY(180deg)}.box .content-box .noRecord[data-v-e4bdb3d2]{height:250px;display:flex;justify-content:center;align-items:center}.box .content-box .noRecord p[data-v-e4bdb3d2]{font-size:30px;font-weight:700;color:#393852}.box .content-box .flip-box[data-v-e4bdb3d2]{width:100%;height:100%;position:relative;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.box .content-box .flip-box .back-box[data-v-e4bdb3d2],.box .content-box .flip-box .front[data-v-e4bdb3d2]{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;margin:0 auto;line-height:250px;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.box .content-box .flip-box .front[data-v-e4bdb3d2]{z-index:2}.box .content-box .flip-box .front img[data-v-e4bdb3d2]{pointer-events:none;width:150px;z-index:4}.box .content-box .flip-box .front[data-v-e4bdb3d2]:before{content:"";width:1px;height:1px;position:absolute;left:53px;top:53px;border-radius:50%;z-index:3}.box .content-box .flip-box .front.legendary[data-v-e4bdb3d2]:before{background-color:rgba(226,206,39,.6);box-shadow:0 0 30px 50px rgba(226,206,39,.6)}.box .content-box .flip-box .front.historic[data-v-e4bdb3d2]:before{background-color:rgba(230,41,63,.6);box-shadow:0 0 30px 50px rgba(230,41,63,.6)}.box .content-box .flip-box .front.excellent[data-v-e4bdb3d2]:before{background-color:rgba(194,64,199,.6);box-shadow:0 0 30px 50px rgba(194,64,199,.6)}.box .content-box .flip-box .front.good[data-v-e4bdb3d2]:before{background-color:rgba(45,105,196,.6);box-shadow:0 0 30px 50px rgba(45,105,196,.6)}.box .content-box .flip-box .back-box[data-v-e4bdb3d2]{transform:rotateY(-180deg);position:relative}.box .content-box .flip-box .back-box img[data-v-e4bdb3d2]{border-radius:50%;width:70px;height:70px;-o-object-fit:cover;object-fit:cover}.box .content-box .flip-box .back-box i[data-v-e4bdb3d2]{border-radius:50%;background-color:#4e6796;width:75px;height:75px;margin:0 auto;line-height:75px;font-size:30px}.box .content-box .flip-box .back-box .user-level[data-v-e4bdb3d2]{position:absolute;bottom:21px;font-size:14px;font-weight:600;line-height:14px;background-image:linear-gradient(90deg,#7289ae 40%,#fff 69%,#7289ae 72%);background-clip:text;-webkit-background-clip:text;color:transparent}.box.m header #title-box[data-v-e4bdb3d2]:before{position:absolute;left:-100px;top:30px;content:"";width:100px;height:5px;background:linear-gradient(90deg,#1b1929,#c270ea)}.box.m header #title-box[data-v-e4bdb3d2]:after{position:absolute;right:-100px;top:30px;content:"";width:100px;height:5px;background:linear-gradient(270deg,#1b1929,#c270ea)}.box.m .content-box .history-box .listArr[data-v-e4bdb3d2]{width:100%}.box.m .content-box .history-box .listArr .items-list[data-v-e4bdb3d2]{width:60px;height:60px;margin:5px 10px}.box.m .content-box .history-box .listArr .items-list .front[data-v-e4bdb3d2]:before{content:"";width:1px;height:1px;position:absolute;left:32px;top:29px;border-radius:50%;z-index:3}.box.m .content-box .history-box .listArr .items-list .front.legendary[data-v-e4bdb3d2]:before{background-color:rgba(226,206,39,.6);box-shadow:0 0 20px 22px rgba(226,206,39,.6)}.box.m .content-box .history-box .listArr .items-list .front.historic[data-v-e4bdb3d2]:before{background-color:rgba(230,41,63,.6);box-shadow:0 0 20px 22px rgba(230,41,63,.6)}.box.m .content-box .history-box .listArr .items-list .front.excellent[data-v-e4bdb3d2]:before{background-color:rgba(194,64,199,.6);box-shadow:0 0 20px 22px rgba(194,64,199,.6)}.box.m .content-box .history-box .listArr .items-list .front.good[data-v-e4bdb3d2]:before{background-color:rgba(45,105,196,.6);box-shadow:0 0 20px 22px rgba(45,105,196,.6)}.box.m .content-box .history-box .listArr .items-list .list-box .front img[data-v-e4bdb3d2]{width:50px}.box.m .content-box .history-box .listArr .items-list .list-box .back-box[data-v-e4bdb3d2]:before{left:0;top:0;width:100%;height:100%}.box.m .content-box .history-box .listArr .items-list .list-box .back-box img[data-v-e4bdb3d2]{width:35px;height:35px}.box.m .content-box .history-box .listArr .items-list .list-box .back-box i[data-v-e4bdb3d2]{width:35px;height:35px;line-height:35px;font-size:10px}.box.m .content-box .history-box .listArr .items-list .list-box .back-box .user-level[data-v-e4bdb3d2]{bottom:7px;font-size:12px}.m .case-container .carousel-wrap{width:360px}.middle-line{position:absolute;left:50%;transform:translateX(-2px);height:140px;width:2px;z-index:3}.middle-line img{width:100%;height:100%}.carousel{display:flex;height:140px;padding:5px 0;position:absolute;z-index:1;left:0;top:0}.carousel-item{width:116px;margin:2px;height:136px;text-align:center}.shelf-item{height:136px;border-radius:2px;overflow:hidden;background-position:50%;background-size:100% 100%;background-repeat:no-repeat;font-size:14px;transition:all .3s}.shelf-item:hover{transform:translate3d(0,-5px,0)}.shelf-item:hover.good{box-shadow:0 2px 5px 1px rgba(90,115,221,.5)}.shelf-item:hover.historic{box-shadow:0 2px 5px 1px rgba(230,41,63,.5)}.shelf-item:hover.excellent{box-shadow:0 2px 5px 1px rgba(194,64,199,.5)}.shelf-item:hover.legendary{box-shadow:0 2px 5px 1px rgba(226,206,39,.5)}.shelf-item .shelf-image{width:116px;height:96px;overflow:hidden;text-align:center}.shelf-item .shelf-image img{height:100%}.shelf-item.good{background-image:url(/images/case/blue-item-border.png)}.shelf-item.good .item-name{color:#5a73dd}.shelf-item.historic{background-image:url(/images/case/red-item-border.png)}.shelf-item.historic .item-name{color:#e6293f}.shelf-item.excellent{background-image:url(/images/case/purple-item-border.png)}.shelf-item.excellent .item-name{color:#c240c7}.shelf-item.legendary{background-image:url(/images/case/yellow-item-border.png)}.shelf-item.legendary .item-name{color:#e2ce27}.shelf-item .shelf-item-name{text-align:center;font-size:12px}.shelf-item .shelf-item-name p{overflow:hidden;word-break:keep-all;white-space:nowrap;padding:0 8px;box-sizing:border-box;text-overflow:ellipsis}