.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}.reward-wrap.m[data-v-fb5b6bda]{height:430px}.reward-wrap.m .gift-background[data-v-fb5b6bda]{background:url(../../static/img/case-bg-m.2be8768a.png) no-repeat 50%;background-size:100% 141px;height:141px}.reward-wrap.m .reward-gird[data-v-fb5b6bda]{height:800px}.reward-wrap.m .reward-gird .section-title[data-v-fb5b6bda]{padding-top:40px}.reward-wrap.m .reward-gird .main-gift-box[data-v-fb5b6bda]{top:-80px}.reward-wrap.m .reward-gird .reward-content[data-v-fb5b6bda]{top:16%}.reward-wrap.m .reward-gird .reward-content .reward-detail-wrap[data-v-fb5b6bda]{width:200px}.reward-wrap.m .reward-gird .number-bar[data-v-fb5b6bda]{bottom:180px}.reward-wrap.m .reward-gird .btn-bar[data-v-fb5b6bda]{bottom:82px}.reward-wrap[data-v-fb5b6bda]{text-align:center;position:relative;height:947px;overflow:hidden;background:#0c0d1c}.gift-background[data-v-fb5b6bda]{max-width:1385px;width:95%;height:263px;background:url(../../static/img/case-bg.a9313cf4.png) no-repeat 50%;background-size:100% 263px;position:relative;z-index:2;margin:0 auto}.reward-gird[data-v-fb5b6bda]{position:absolute;top:0;left:0;right:0;height:100%;z-index:3;width:100%;overflow:hidden}.reward-gird[data-v-fb5b6bda]:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent);z-index:2;opacity:.1;transition:opacity 1s}.reward-gird .section-title[data-v-fb5b6bda]{border-bottom:0;padding-top:40px;transition:opacity .5s;font-size:21px;font-weight:900;letter-spacing:3px;display:flex;justify-content:center;align-items:center;color:#c6c4d8;margin:0;overflow-x:hidden;z-index:3}.reward-gird .section-title-arrow-left[data-v-fb5b6bda],.reward-gird .section-title-arrow-right[data-v-fb5b6bda]{display:inline-block;border-top:2px solid transparent;border-bottom:2px solid transparent;position:relative}.reward-gird .section-title-arrow-left[data-v-fb5b6bda]{border-left:4px solid #ff4700}.reward-gird .section-title-arrow-left[data-v-fb5b6bda]:before{content:"";position:absolute;box-shadow:0 0 10px 2px rgba(255,71,0,.9);box-sizing:border-box;left:-3px}.reward-gird .section-title-arrow-left[data-v-fb5b6bda]:after{content:"";position:absolute;top:-1px;width:44px;height:2px;opacity:.19;right:4px;background:linear-gradient(270deg,#ff4700,rgba(227,66,5,0));box-sizing:border-box}.reward-gird .section-title-text[data-v-fb5b6bda]{min-height:27px;margin:0 20px;display:inline-block;position:relative;text-align:center;z-index:3}.reward-gird .section-title-arrow-right[data-v-fb5b6bda]{border-right:4px solid #ff4700}.reward-gird .section-title-arrow-right[data-v-fb5b6bda]:before{content:"";position:absolute;box-shadow:0 0 10px 2px rgba(255,71,0,.9);left:3px;box-sizing:border-box}.reward-gird .section-title-arrow-right[data-v-fb5b6bda]:after{content:"";position:absolute;top:-1px;width:44px;height:2px;opacity:.19;left:4px;background:linear-gradient(90deg,#ff4700,rgba(227,66,5,0));box-sizing:border-box}.reward-gird .main-gift-box[data-v-fb5b6bda]{position:absolute;top:0;height:100%;left:-5000px;right:-5000px}.reward-gird .main-gift-box[data-v-fb5b6bda]:after{content:"";display:table;clear:both}.reward-gird .main-gift-box .main-content[data-v-fb5b6bda]{z-index:1;position:relative}.reward-gird .main-gift-box .block-a[data-v-fb5b6bda]{min-width:300px;width:3.71%;max-width:430px;display:inline-block;position:relative;margin-left:-3px}.reward-gird .main-gift-box .block-a[data-v-fb5b6bda]:before{content:"";float:left;padding-top:115.36%}.reward-gird .main-gift-box .block-a>svg[data-v-fb5b6bda]{position:absolute;left:0;top:0}.reward-gird .main-gift-box .block-a ._1NGRq10hg0N-TnWMHMlIVt[data-v-fb5b6bda]{left:0;opacity:1;transition:opacity .3s ease-in}.reward-gird .main-gift-box .block-a ._3rRKFnhbzId6o9mpLoXwxB[data-v-fb5b6bda]{width:87%;transition:transform 1.8s ease-out .25s,opacity 1.8s ease-out .25s}.reward-gird .main-gift-box .block-a ._3cx0rhUtSBmKvGmB1SGlUR[data-v-fb5b6bda]{right:0;margin:auto;z-index:2;opacity:0;transform:scale(.9);visibility:hidden}.reward-gird .main-gift-box .content-area[data-v-fb5b6bda]{z-index:1}.reward-gird .main-gift-box .reward[data-v-fb5b6bda]{position:absolute;top:-30%;left:-30%;width:160%;height:160%}.reward-gird .main-gift-box .reward[data-v-fb5b6bda]:before{content:"";position:absolute;width:50%;left:25%;top:32%;height:36%;box-shadow:0 0 220px 10px rgba(214,111,26,.4);z-index:-1;transition:opacity .5s}.reward-gird .reward-content[data-v-fb5b6bda]{position:absolute;top:15%;left:0;right:0}.reward-gird .reward-content .reward-text[data-v-fb5b6bda]{font-size:15px;font-weight:700;letter-spacing:0;line-height:22.5px;color:#fff;text-align:center;position:absolute;top:277px;left:50%;transform:translateX(-50%)}.reward-gird .reward-content .reward-detail-wrap[data-v-fb5b6bda]{width:240px;max-width:400px;max-height:300px;margin:auto;display:inline-block;position:absolute;left:0;right:0;z-index:2;visibility:visible;transition:visibility 0s .75s;box-sizing:border-box}.reward-gird .reward-content .reward-detail-wrap[data-v-fb5b6bda]:after{content:"";display:block;margin-top:100%}.reward-gird .reward-content .reward-detail-wrap .reward-detail[data-v-fb5b6bda]{position:absolute;top:0;left:0;right:0;width:100%;height:100%;margin:auto;opacity:1;transform:translateZ(0);transition:width .5s ease-in-out,min-width .5s ease-in-out,top .35s ease-in-out,opacity 0s .6s}.reward-gird .reward-content .reward-detail-wrap .reward-price[data-v-fb5b6bda]{min-width:70px;padding:0 10px;height:40px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAoCAYAAABD0IyuAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAATZSURBVGiB5ZhbbFRVFIb/tfeZ6RQohGKl2FYookQmXrANlwgM8qgvxJg+GBEDqBFsCSa+mM70zEyNDyQl0ITEIgTUaKwx+qIPoiBQUzCtQrRoDGqxQymilUJK53L2Xj5wkdrLzBnb7o5+TzN7rz/nP3/OzDp7EbLkVPOSciuZyteaOGERW0JqVkm2pNSsBLNKsEdKzY5gZ1pKsyLWSnCetLR2BthnebR2BF9K9XO+5dFqiuRpeXlapS6xSkgGbsdvAApneLnnwrVrzpqZx+e7gVkzfRy77qOofyp3Xv88e3YBnzkDFBfP4u9b9tYyqyCUd7G9u/Ok2/sT2YTS9lbFHMT11Gy0E8W9KzbWAwBk8igAcqt3HUxbc8UML+E2tzoTEMkogILQlpKn3WpdBdP2eoUnP2mVuL2IKXjFxnoiGRWC94dr5j7iRusqGE++LE1w0uPOnlmK/bVRIhllTh2K1sy/O1NdxsF8+87S2VryjOzsmaXYXxsFAKXjBzPVZBRMy96HCxSpO7I1NikQVgSEudHqkicyKk9XwAyameeU/Xtnhll7IAohIgr8vl09b1m68rTBnNy/bG7cSeWPjTvDrN0UJaIjQLLVri6cPlrpqMF8vW9xkSV1TrTmTFEKUQBgmrJ9tLoRg+lqXp5PXmveGPsyjih69gggIsT6uWhN6aMj1o20cTGpy3OqL7tg0cqGCCAiivXH9gvl9w9XM2wwHQcq7pTaKRhfe2bpWNkQAQBYiWPD7Q8JpqN5eaEjrdxuzRkjIgCmh2tK1g3ZufVLR/Mir46r+RPmyzAdKxsiRCLMzG+GNpcMOjIMCiYe993lEHsn1p5ZuLArQiTCQvIhe3PpghvrN4M59fbSUqFFoRl7ZuHCTREAYKk/vbEmgGujBFaYZ8jXpIBIhAkot6vnPA4AghnkTVkL0gn/64R2doVBIgzQB3Z18RLRtq/yHic1uadxE4W9sysM8BeAOJHVaPP/gKjc0Paj5RH9po1MBuytZXUArQb0UkEETnqcM6ZNmSaytXQ1WNcBFLQbe74SAFBZ1d5HEp2GvRmDevcEmPkQgHftxnP1wC3vMQ88dSKmhe415s4gzLoOAGCJF2+sDfrz9fniP1lMyQn2ZRTqLQsBFNCK1tg7YjcfjEHB+KtOJ4VP/jzx9szgP7otcP1p2R7Zfe7wrXtD2rW/qrXXUk73hLkziUAIwOU+S9QN3RoG//r2X5Wwroy7MYP4W7Z9DuZAv/Iu3LEjNvDP/RFf8Iq84pfU+HozxuljL4XAHJAkHtu+u7NnuJoRgymrah3gpNM5bu4MoS/uCQA6xCSagrtin4xUN+qR4KEN31x0lPh97O2ZQ0oEAYD46suj1aU9Kz34zPGzPssz5DeYk3z0RpCZA4B3ud3Ye3m00rTBEIH/TFhdY+fODPrD9QFoHRIQdXZj5/F09Rmdrlds/PKKZJmzLfz8d68GBDufEei9UGMskokm47HDfU+euCAU9WVvzxxEqhYAPNMKtmSqcTWPSQ2oWB55c6qL93TUB5k5QORZ88prP/yRqc5VMJXPt6cGvM459/YM0bpvFbMKAtRQt+vs4fSCv3E9wausau9LMnKjhSsnCOBKd4KDbqVZjTYr17Wfh29yT/1OtzQdBGOVR3oWNjV1X3Wr/wvWZ7yNPTunrQAAAABJRU5ErkJggg==) no-repeat 50%;background-size:100% 100%;position:absolute;right:-50px;top:70px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;letter-spacing:0;line-height:22.5px;color:#fff;text-align:center;z-index:10}.reward-gird .reward-content .reward-detail-wrap .reward-currency[data-v-fb5b6bda]{position:absolute;top:-91px;left:0;right:0;margin:auto;width:155px;height:179px;transform:translateX(83%) scale(1);opacity:1;transition:all .2s ease-in}.reward-gird .reward-content .reward-detail-wrap .reward-currency .r-c-l[data-v-fb5b6bda]{transform:rotate(-1deg);position:absolute;right:0;top:0;width:0;height:0;border-top:70px solid transparent;border-bottom:61px solid transparent;border-left:116px solid #251e35}.reward-gird .reward-content .reward-detail-wrap .reward-currency .r-c-r[data-v-fb5b6bda]{position:absolute;right:-25px;top:-23px;width:155px;height:179px;background:url(/images/reward-detail-bg.svg) no-repeat 50%;-webkit-animation:_13XKWF45FvWz6d_-_zLg_c .75s ease;animation:_13XKWF45FvWz6d_-_zLg_c .75s ease;-webkit-animation-iteration-count:1;animation-iteration-count:1}.reward-gird .reward-content .reward-detail-wrap .reward-currency .r-c-text[data-v-fb5b6bda]{position:absolute;top:0;right:-87px;width:200px;text-align:left;height:133px;line-height:139px;padding-right:15px;font-size:16px;letter-spacing:1.3px;font-weight:900;font-style:italic;color:#e76b13;-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(transparent,transparent),linear-gradient(90deg,#dfa61c 10%,#e71351 90%) no-repeat;-webkit-background-clip:text}.reward-gird .reward-content .reward-detail-wrap .reward-bg[data-v-fb5b6bda]{width:100%;height:100%;margin:auto;position:relative;transition:all .2s linear;cursor:pointer}.reward-gird .reward-content .reward-detail-wrap .reward-bg[data-v-fb5b6bda]:hover{transform:scale(1.05)}.reward-gird .reward-content .reward-detail-wrap .reward-bg .case-image[data-v-fb5b6bda]{height:226px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:transparent}.reward-gird .reward-content .reward-detail-wrap .reward-bg .case-image .box-bg[data-v-fb5b6bda]{width:100%}.reward-gird .reward-content .reward-detail-wrap .reward-bg .case-image .goods-image-box[data-v-fb5b6bda]{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .5s;display:flex;justify-content:center;align-items:center}.reward-gird .reward-content .reward-detail-wrap .reward-bg .case-image .goods-image-box .box-img[data-v-fb5b6bda]{width:90%;-o-object-fit:cover;object-fit:cover}@media (max-width:960px){.reward-gird .reward-content .reward-detail-wrap .reward-bg .case-image .goods-image-box[data-v-fb5b6bda]{height:70px}}.reward-gird .reward-content .reward-detail-wrap .reward-bg .case-image .box-default-img[data-v-fb5b6bda]{width:100%;margin:0 auto}.reward-gird .boxName[data-v-fb5b6bda]{width:100%;text-align:center;font-size:25px;position:absolute;bottom:250px}.reward-gird .reward-btn[data-v-fb5b6bda]{display:flex;align-items:center;justify-content:center;width:100%;position:absolute;top:500px}.reward-gird .number-bar[data-v-fb5b6bda]{z-index:5}.reward-gird .number-bar .number[data-v-fb5b6bda]{background:#16182e;margin:auto;position:relative;height:40px;width:160px;-webkit-filter:drop-shadow(0 10px 16px rgba(0,0,0,.23));filter:drop-shadow(0 10px 16px rgba(0,0,0,.23));z-index:50}.reward-gird .number-bar .number[data-v-fb5b6bda]:after,.reward-gird .number-bar .number[data-v-fb5b6bda]:before{position:absolute;content:"";width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;z-index:-1;top:0}.reward-gird .number-bar .number[data-v-fb5b6bda]:before{border-right:16px solid #16182e;left:-16px}.reward-gird .number-bar .number[data-v-fb5b6bda]:after{border-left:16px solid #16182e;right:-16px}.reward-gird .number-bar .number .num-input[data-v-fb5b6bda]{display:none}.reward-gird .number-bar .number .num-label[data-v-fb5b6bda]{width:33%;z-index:0;display:block;height:40px;margin:0 0;cursor:pointer;text-align:center;line-height:40px;float:left}.reward-gird .number-bar .number .num-val[data-v-fb5b6bda]{position:relative;display:inline-block;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;color:#948cc7;font-size:14px;font-weight:900;transition:all .14s ease}.reward-gird .number-bar .number .num-input:first-child:checked~label:first-of-type .num-val[data-v-fb5b6bda],.reward-gird .number-bar .number .num-input:nth-child(2):checked~label:nth-of-type(2) .num-val[data-v-fb5b6bda],.reward-gird .number-bar .number .num-input:nth-child(3):checked~label:nth-of-type(3) .num-val[data-v-fb5b6bda],.reward-gird .number-bar .number .num-input:nth-child(4):checked~label:nth-of-type(4) .num-val[data-v-fb5b6bda]{transform:scale(1.1);color:#fff}.reward-gird .number-bar .number .cover[data-v-fb5b6bda]{width:33%;height:40px;position:absolute;top:0;float:left;transition:transform .4s ease,margin .4s ease}.reward-gird .number-bar .number .cover[data-v-fb5b6bda]:after,.reward-gird .number-bar .number .cover[data-v-fb5b6bda]:before{content:"";position:absolute;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;z-index:-1}.reward-gird .number-bar .number .cover[data-v-fb5b6bda]:before{border-right:12px solid #1f213c;left:-12px}.reward-gird .number-bar .number .cover[data-v-fb5b6bda]:after{border-left:12px solid #1f213c;right:-12px}.reward-gird .number-bar .number .num-input:first-child:checked~.cover[data-v-fb5b6bda]{background:#1f213c;transform:translateX(0);margin-left:-3px}.reward-gird .number-bar .number .num-input:nth-child(2):checked~.cover[data-v-fb5b6bda]{background:#1f213c;transform:translateX(100%);margin-left:0}.reward-gird .number-bar .number .num-input:nth-child(3):checked~.cover[data-v-fb5b6bda]{background:#1f213c;transform:translateX(200%);margin-left:3px}.reward-gird .number-bar .number .num-input:nth-child(4):checked~.cover[data-v-fb5b6bda]{background:#1f213c;transform:translateX(300%);margin-left:3px}.reward-gird .btn-bar-new[data-v-fb5b6bda]{width:100px;height:40px;background:#5951e8;position:relative;z-index:5;right:0;cursor:pointer;margin-left:50px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;letter-spacing:0;line-height:15.69px;color:#fff}.reward-gird .btn-bar-new[data-v-fb5b6bda]:after,.reward-gird .btn-bar-new[data-v-fb5b6bda]:before{content:"";position:absolute;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;z-index:-1}.reward-gird .btn-bar-new[data-v-fb5b6bda]:before{border-right:12px solid #5951e8;left:-12px}.reward-gird .btn-bar-new[data-v-fb5b6bda]:after{border-left:12px solid #5951e8;right:-12px}.reward-gird .btn-bar[data-v-fb5b6bda]{left:0;right:0;z-index:5}.reward-gird .btn-bar.btn-disabled[data-v-fb5b6bda]{cursor:not-allowed;pointer-events:none}.reward-gird .btn-bar .get-btn[data-v-fb5b6bda]{min-width:100px;height:68px;margin:11px 22px;position:relative;white-space:nowrap;display:inline-block;padding:0 76px;text-align:center;cursor:pointer}.reward-gird .btn-bar .get-btn:hover .btn-left[data-v-fb5b6bda]{left:-10px}.reward-gird .btn-bar .get-btn:hover .btn-right[data-v-fb5b6bda]{right:-10px}.reward-gird .btn-bar .btn-left[data-v-fb5b6bda]{width:136px;height:100%;position:absolute;left:0;top:0;transition:left .125s ease-in}.reward-gird .btn-bar .btn-text[data-v-fb5b6bda]{font-size:16px;font-weight:900;line-height:68px;position:relative;letter-spacing:2.3px}.reward-gird .btn-bar .btn-text .btn-label[data-v-fb5b6bda]{transition:.1s;opacity:1}.reward-gird .btn-bar .btn-text .btn-trans[data-v-fb5b6bda]{position:absolute;opacity:0;left:50%;transform:translateX(-50%);transition:opacity 25ms}.reward-gird .btn-bar .btn-right[data-v-fb5b6bda]{width:136px;height:100%;position:absolute;right:0;top:0;transition:right .125s ease-in}.reward-gird .btn-tips[data-v-fb5b6bda]{position:absolute;bottom:10px;left:0;right:0;z-index:5;font-size:18px;color:#ffd600}[data-v-3868c380]{margin:0;padding:0;box-sizing:border-box}li[data-v-3868c380]{list-style:none}.box[data-v-3868c380]{background:#0c0d1c}.box header[data-v-3868c380]{padding:20px;width:100%;height:100px;line-height:60px}.box header #title-box[data-v-3868c380]{width:200px;margin:0 auto;position:relative}.box header #title-box[data-v-3868c380]:before{position:absolute;left:-450px;top:30px;content:"";width:400px;height:5px;background:linear-gradient(90deg,#1b1929,#c270ea)}.box header #title-box[data-v-3868c380]:after{position:absolute;right:-450px;top:30px;content:"";width:400px;height:5px;background:linear-gradient(270deg,#1b1929,#c270ea)}.box header .extension-title[data-v-3868c380]{font-size:30px;font-weight:700;color:#fff}.box .content-box .history-box .listArr[data-v-3868c380]{padding:10px 0 10px;display:flex;flex-wrap:wrap;width:1400px;margin:0 auto}.box .content-box .history-box .listArr .items-list[data-v-3868c380]{padding:0;margin:0;width:233px;height:145px;background:url()}.box .content-box .history-box .listArr .items-list .list-box[data-v-3868c380]{width:100%;height:100%;transition:all .2s;background:url(../../static/img/extension-bg.79cabb0a.png) no-repeat;background-size:100% 100%;background-position:50%}.box .content-box .history-box .listArr .items-list:hover .back-box[data-v-3868c380]{opacity:1}.box .content-box .noRecord[data-v-3868c380]{height:250px;display:flex;justify-content:center;align-items:center}.box .content-box .noRecord p[data-v-3868c380]{font-size:30px;font-weight:700;color:#393852}.box .content-box .flip-box[data-v-3868c380]{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-3868c380],.box .content-box .flip-box .front[data-v-3868c380]{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-3868c380]{z-index:2}.box .content-box .flip-box .front img[data-v-3868c380]{pointer-events:none;width:150px;z-index:4}.box .content-box .flip-box .back-box[data-v-3868c380]{position:relative;transition:all .2s;opacity:0;z-index:3;width:150px;height:100%;flex-direction:column}.box .content-box .flip-box .back-box img[data-v-3868c380]{border-radius:50%;width:44px;height:44px;-o-object-fit:cover;object-fit:cover}.box .content-box .flip-box .back-box .back-name[data-v-3868c380]{font-size:14px;font-weight:400;letter-spacing:0;line-height:24px;color:#fff}.box .content-box .flip-box .back-box i[data-v-3868c380]{border-radius:50%;background-color:#4e6796;width:44px;height:44px;margin:0 auto;line-height:44px;font-size:30px}.box .content-box .flip-box .back-box .user-level[data-v-3868c380]{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-3868c380]: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-3868c380]: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-3868c380]{width:100%;padding:0 10px;box-sizing:border-box}.box.m .content-box .history-box .listArr .items-list[data-v-3868c380]{width:25%;height:15vw;margin:0}.box.m .content-box .history-box .listArr .items-list .front[data-v-3868c380]: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 .list-box .front img[data-v-3868c380]{width:50%}.box.m .content-box .history-box .listArr .items-list .list-box .back-box[data-v-3868c380]{width:100%}.box.m .content-box .history-box .listArr .items-list .list-box .back-box[data-v-3868c380]: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-3868c380]{width:35px;height:35px}.box.m .content-box .history-box .listArr .items-list .list-box .back-box i[data-v-3868c380]{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-3868c380]{bottom:7px;font-size:12px}.case-wrap.m .case-container{padding:0;background-position-y:0}.case-wrap.m .case-container .modal-wrap .modal-container .winnings-prize-list .item.good .item-name{font-size:14px}.case-wrap.m .case-container .prize-carousel{width:100%;top:325px}.case-wrap.m .case-container .case-image img{width:180px}.case-wrap.m .case-container .items-list{width:100%;padding:0 14px;box-sizing:border-box}.case-wrap.m .case-container .items-list .itme-wrap{width:calc((100% - 8px)/2)}.case-wrap.m .case-container .reward-wrap .reward-gird{transform:scale(.7);width:100%;top:-160px;margin:auto}.case-wrap.m .case-container .reward-wrap .reward-gird .reward-currency{right:-50px}.case-wrap.m .carousel-wrap,.case-wrap.m .case-items,.case-wrap.m .case-items .open-case{width:100%}.case-wrap.m .goods-style{font-size:15px}.case-wrap.m .web-text-tips .text-tips{font-size:12px;width:90%}.case-wrap.m .ani-switch{left:120px;top:305px}.case-wrap.m .audio-switch{left:10px;top:305px!important}.case-wrap.m .button-close{top:0;right:0}.case-wrap.m .contentInfo .titleText{font-size:16px}.case-wrap.m .contentInfo .cdkInput{width:200px;height:30px;font-size:16px}.case-wrap.m .contentInfo .btn-box{width:80px;height:40px}.case-wrap.m .contentInfo .btn-box .submitBtn{height:40px;width:80px;line-height:40px;left:0;top:0;font-size:16px}.case-container{width:100%;background:#0c0d1c}.case-container .modal-wrap .modal-container{transform:scale(.89)}.case-container .modal-wrap .modal-container .winnings-prize-list .item.good .item-name{font-size:16px}.case-container .modal-wrap .modal-container .winnings-prize-list .prize-price .sell-button{font-size:15px}.case-container .modal-wrap .modal-container .check-bag .check-bag-button{font-size:16px!important}.case-container .reward-wrap{height:471px}.case-container .reward-gird{height:950px;top:-110px}.case-container .reward-gird .section-title-text{font-size:26px}.case-container .reward-gird .number-bar .number .num-label span{font-size:18px}.case-container .reward-gird .btn-bar .get-btn .btn-text{font-size:20px}.case-container .reward-gird .reward-content .reward-detail-wrap .reward-currency{top:-60px;transform:scale(1.2);width:auto}.case-container .reward-gird .reward-content .reward-detail-wrap .reward-currency .r-c-text{font-size:18px}.case-container .reward-gird .reward-bg{top:45px}.case-container .reward-section{background:#0c0d1c}.case-container .reward-section .list-title{background:transparent}.case-container .count-wrap{margin-top:20px}.case-container .carousel-wrap{width:100%;position:relative;height:150px;margin:auto;overflow:hidden}.case-container .open-case{width:1200px;padding:20px;margin:0 auto}.case-container .modal{max-height:800px;overflow-y:auto}.case-container .current-case{height:302px;text-align:center}.case-container .case-title{line-height:76px;font-size:30px}.case-container .case-image{height:226px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.3);border-radius:5px;position:relative}.case-container .case-image img{width:250px}.case-container .audio-switch{top:360px!important}.case-container .ani-switch{width:100px;position:absolute;left:400px;top:400px;z-index:99}.case-container .ani-switch span{vertical-align:middle}.case-container .goods-style{font-size:16px;margin:0 0 20px}.case-container .web-text-img img{vertical-align:middle;width:50px;margin:0 4px}.case-container .web-text-tips .text-tips{margin:0 auto;text-align:center;width:520px;font-size:12px;font-weight:400;letter-spacing:0;line-height:22.5px;color:#515587;margin-bottom:10px}.case-container .lottery-turntable{height:100%}.case-container .prize-carousel{background:#000;border-radius:5px;position:absolute;width:1440px;top:455px;left:50%;transform:translateX(-50%);z-index:10}.case-container .prize-carousel .content-list{padding:15px}.case-container .middle-line{position:absolute;left:50%;transform:translateX(-2px);height:140px;width:2px;z-index:10}.case-container .middle-line img{width:100%;height:100%}.case-container .lottery-buttons{height:80px;display:flex;justify-content:center;align-items:center}.case-container .lottery-button{margin:0 40px;min-width:100px;line-height:40px;padding:0 20px;border-radius:5px;cursor:pointer}.case-container .lottery-button .text{font-size:16px}.case-container .lottery-button .price{color:#ffd600;margin-left:20px;font-size:20px}.case-container .case-items{width:100%}.case-container .case-items h5{padding-top:10px;line-height:40px;text-align:left;font-size:20px;padding-left:30px}.case-container .active-prize-wrap{padding:20px 0}.case-container .active-prize-wrap .prize-price{font-size:24px;color:#ffd600}.case-container .active-prize-wrap .sell-button{color:#7b91e9;font-weight:500;line-height:30px;width:173px;margin:0 auto}.case-container .active-prize-wrap .sell-button svg{padding:0 5px}.case-container .active-prize-wrap .confirm-buttons .button-dark:hover .sell-price{display:block}.case-container .active-prize-wrap .confirm-buttons .button-dark:hover .sell-text,.case-container .active-prize-wrap .sell-price{display:none}.case-container .active-prize-wrap .sell-price svg{margin-right:10px}.case-container .active-prize-wrap .sell-text{display:block}.case-container .active-prize-wrap .confirm-button{line-height:40px;text-align:center;margin:0 20px;font-size:16px;min-width:124px}.case-container .active-prize-wrap .button-dark{color:#7b91e9}.case-container .check-bag{margin-top:20px}.case-container .check-bag .check-bag-button{width:100px;margin:0 auto;font-size:14px;color:#5063b8;cursor:pointer}.case-container .check-bag .check-bag-button:hover{color:#5a73dd}.case-container .check-bag svg{margin-right:5px}.case-container .winnings-prize-list{padding:10px;display:flex;flex-wrap:wrap;justify-content:space-around}.case-container .winnings-prize-list li{margin-bottom:20px}.case-container .items-list{padding:30px 0 40px;display:flex;flex-wrap:wrap;width:1400px;margin:0 auto}.case-container .item-info{text-align:center;padding:0 20px;line-height:20px;margin-bottom:10px}.case-container .item-card{height:217px}.case-container .item-case-name{color:hsla(0,0%,100%,.6);padding:0 5px}.case-container .item-image{width:160px;height:150px;margin:0 auto;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.case-container .item-image img{width:90%}.case-container .item-price,.case-container .item-type{display:flex;align-items:center;position:absolute;top:4px;font-size:15px;font-weight:700;letter-spacing:0;line-height:18.75px;color:#fff;padding:2px 5px;border-radius:5px}.case-container .item-type{left:0}.case-container .item-price{right:50%;transform:translateX(50%)}.case-container .item-price svg{font-size:13px}.case-container .item-probability{font-size:13px;font-weight:400;letter-spacing:0;line-height:19.5px;color:#fff}.case-container .confirm-modal{display:inline-block}.case-container .prompt{margin-top:10px;padding:0 20px;font-size:12px;color:#aaa}.case-container .contentInfo{display:flex;justify-content:center;align-items:center;margin-top:80px;height:50px}.case-container .contentInfo .titleText{margin-right:10px;font-size:20px;color:#fff;font-weight:bolder;line-height:40px;letter-spacing:1.3px;font-weight:900;font-style:italic;background-image:linear-gradient(90deg,#dfa61c,#e47813);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.case-container .contentInfo .cdkInput{height:40px;width:500px;vertical-align:middle;font-size:20px;border:0;border-radius:8px;padding-left:5px}.case-container .contentInfo .cdkInput:focus{outline:none}.case-container .contentInfo .btn-box{overflow:hidden;width:135px;height:100px;margin-left:10px;position:relative;cursor:pointer}.case-container .contentInfo .btn-box .submitBtn{display:inline-block;height:50px;width:135px;margin:0 auto;line-height:50px;cursor:pointer;position:absolute;left:0;top:24px;font-size:16px;font-weight:900;vertical-align:middle}