.banner_box{align-items:stretch;display:flex;justify-content:space-between;margin-bottom:20px}.banner_box .index_swiper_box{height:315px;max-width:700px;overflow:hidden;width:64%}.banner_box .index_swiper_box .boxs{display:flex;height:280px}.banner_box .index_swiper_box .boxs .box{border-radius:8px 8px 0 0;overflow:hidden}.banner_box .index_swiper_box .boxs .box a{display:block;text-decoration:none}.banner_box .index_swiper_box .boxs .box a img{display:inline-block;vertical-align:top}.banner_box .index_swiper_box .tabs{display:flex;width:100%}.banner_box .index_swiper_box .tabs .tab_item{align-items:center;background-color:rgba(8,9,14,.4);border-right:1px solid hsla(0,0%,100%,.08);box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;height:35px;justify-content:center;position:relative;width:25%}.banner_box .index_swiper_box .tabs .tab_item:first-child{border-radius:0 0 0 8px}.banner_box .index_swiper_box .tabs .tab_item:last-child{border-radius:0 0 8px 0;border-right:none}.banner_box .index_swiper_box .tabs .tab_item:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik04MDAuMyA1MzkuNGMuNy0xLjMgMS44LTIuNSAyLjMtMy44IDExLjYtMjQuMiA3LjgtNTQtMTIuOC03My40TDMyMS4zIDE4LjljLTI1LjUtMjQuMi02NS44LTIzLTkwIDIuNXMtMjMgNjUuOCAyLjUgOTBsNDIwLjUgMzk3LjgtNDE4LjggNDAzLjZjLTI1LjQgMjQuNC0yNiA2NC43LTEuNyA5MCAxMi40IDEyLjkgMjkuMiAxOS42IDQ1LjggMTkuNiAxNS45IDAgMzEuOC02IDQ0LjEtMTcuOUw3ODcuOSA1NTdjLjgtLjggMS4yLTIuMSAyLjItMyAuNy0uNyAxLjMtMS4yIDIuMi0xLjggMy43LTMuOSA1LjYtOC41IDgtMTIuOG0wIDAiLz48L3N2Zz4=) no-repeat;background-size:contain;content:"";height:10px;width:10px}.banner_box .index_swiper_box .tabs .tab_item.current{background:linear-gradient(108deg,#0cacff,#55ff63);border-right:none}.banner_box .index_swiper_box .tabs .tab_item.current:before{border-color:transparent transparent #2fd4b5;border-style:solid;border-width:0 6px 6px;content:"";height:0;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:0}.banner_box .index_swiper_box .tabs .tab_item span{margin-right:5px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner_box .scroll_game{backdrop-filter:blur(15px);background-color:rgba(8,9,14,.4);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 0 30px 0 rgba(44,31,94,.29);box-sizing:border-box;height:315px;max-width:360px;overflow:hidden;padding:20px 0;width:34%}.banner_box .scroll_game .box_title{margin-bottom:30px;padding:0 20px}.banner_box .scroll_game .boxs{position:relative}.banner_box .scroll_game .boxs .scroll_list{background-color:#000;border-color:hsla(0,0%,100%,.2);border-style:solid;border-width:1px 0;display:flex;padding:10px 0;position:relative}.banner_box .scroll_game .boxs .scroll_list .list{align-items:center;background-color:#323232;display:flex;padding:10px 0}.banner_box .scroll_game .boxs .scroll_list .list li{margin-right:15px}.banner_box .scroll_game .boxs .scroll_list .list li img{border-radius:8px;display:inline-block;height:100px;vertical-align:top;width:100px}.banner_box .scroll_game .boxs .random_game{left:0;position:absolute;top:-9px;width:100%}.banner_box .scroll_game .boxs .random_game .pic{align-items:center;backdrop-filter:blur(10px);background-color:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;display:flex;height:151px;justify-content:center;margin:0 auto 20px;position:relative;text-align:center;width:151px}.banner_box .scroll_game .boxs .random_game .pic:after{backdrop-filter:blur(10px);background:linear-gradient(315deg,#000 51%,transparent 0);border-color:hsla(0,0%,100%,.2);border-style:solid;border-width:0 1px 1px 0;bottom:-9px;content:"";height:15px;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:15px}.banner_box .scroll_game .boxs .random_game .pic a{display:inline-block;text-decoration:none}.banner_box .scroll_game .boxs .random_game .pic a img{border-radius:8px}.banner_box .scroll_game .boxs .random_game .txt{font-size:16px;font-weight:600;margin-bottom:10px;padding:0 20px;text-align:center}.banner_box .scroll_game .boxs .random_game .txt a{color:#fff;text-decoration:none}.banner_box .scroll_game .boxs .random_game .txt a:hover{color:#00ff14;text-decoration:underline}.banner_box .scroll_game .boxs .random_game .btn_change{align-items:center;background:linear-gradient(108deg,#0cacff,#55ff63);border:none;border-radius:35px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:35px;justify-content:center;line-height:15px;margin:0 auto;width:50%}.banner_box .scroll_game .boxs .random_game .btn_change:hover{background:linear-gradient(108deg,#019be7,#55ff63)}.banner_box .scroll_game .boxs .random_game .btn_change:disabled .icon{animation:rotating 1s linear infinite}.banner_box .scroll_game .boxs .random_game .btn_change .icon{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNzEuMzEgNTQ5LjAyOGMtMjQuNTU4LTE1My41NzIgNTkuODAxLTMwOC43NiAyMTAuNDQyLTM2Ny40NzcgMTExLjYzNy00My41MyAyMzIuMDA1LTIyLjcxIDMxNy4yMzYgMzkuNDdsLTcyLjUyNyAxMTcuNDggMzI1LjI0NS0xLjI1NEw4MzUuNDU5IDBsLTU5LjU0NyA5Ni40MjZDNjUwLjM0IDE1LjEwNCA0NzkuMTU2LTExLjQ5MyAzMjkuMjU4IDQ2Ljk1IDEyMS41NzggMTI3LjkxIDIuMDM4IDMzNy4yOSAyNS42NCA1NDkuMDN6TTg1Mi42ODggNDY0Ljk2NmMyNC41MzYgMTUzLjU3Mi01OS43OCAzMDguNzgtMjEwLjQyMiAzNjcuNDc3LTEwMi42OTMgNDAuMDI0LTIxNS44NiAyNC45NC0zMDIuODc0LTI5LjAxOSAxNi41Ny0yNi44OTUgNjUuNTM3LTEwNi4xOTggNjUuNTM3LTEwNi4xOThMNTUuMTcgNjc2LjcwNCAyMDMuMTc2IDEwMjRsNjIuMDUzLTEwMC40ODRjMTI1LjU1MiA4MS4zMjIgMjc5LjU5MiAxMDEuOTkyIDQyOS40ODkgNDMuNTUgMjA3LjYzOC04MC45ODIgMzI3LjIyLTI5MC4zNCAzMDMuNjE4LTUwMi4wNThIODUyLjY4OHoiLz48L3N2Zz4=) no-repeat;background-size:cover;height:17px;margin-right:5px;width:17px}@media(max-width:1200px){.banner_box .index_swiper_box{max-width:none;width:57%}.banner_box .scroll_game{max-width:none;width:41%}}@media(max-width:1000px){.banner_box{display:block}.banner_box .index_swiper_box{height:auto;margin-bottom:20px;width:auto}.banner_box .index_swiper_box .boxs{height:auto}.banner_box .index_swiper_box .boxs .box a img{height:auto;width:100%}.banner_box .index_swiper_box .tabs .tab_item{height:50px}.banner_box .scroll_game{height:auto;padding-bottom:125px;width:auto}.banner_box .scroll_game .boxs .random_game .btn_change{border-radius:50px;font-size:16px;height:50px;width:90%}}@media(max-width:500px){.banner_box .index_swiper_box .boxs .box{border-radius:8px}.banner_box .index_swiper_box .tabs{display:none}}.live_box{backdrop-filter:blur(15px);background-color:rgba(8,9,14,.4);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 0 30px 0 rgba(44,31,94,.29);box-sizing:border-box;margin-bottom:20px;padding:20px}.live_box .boxs{height:335px;overflow:hidden}.live_box .boxs .swiper-wrapper .swiper-slide{align-items:center;border-top:1px dashed hsla(0,0%,100%,.1);display:flex;height:57px;margin-top:10px;padding-top:10px}.live_box .boxs .swiper-wrapper .swiper-slide:first-child{margin-top:0}.live_box .boxs .swiper-wrapper .swiper-slide .avatar{margin-right:10px}.live_box .boxs .swiper-wrapper .swiper-slide .avatar img{border-radius:50%}.live_box .boxs .swiper-wrapper .swiper-slide .text{font-size:13px;line-height:20px;width:calc(100% - 45px)}.live_box .boxs .swiper-wrapper .swiper-slide .text i{font-style:normal;font-weight:600;margin:0 3px}.live_box .boxs .swiper-wrapper .swiper-slide .text b{color:#ff8400;margin:0 3px}.task_box{backdrop-filter:blur(15px);background-color:rgba(8,9,14,.4);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 0 30px 0 rgba(44,31,94,.29);box-sizing:border-box;padding:20px}.task_box .box_title .t sub{color:#00ff14;font-weight:600;margin-left:5px}.task_box .boxs .tips{background-color:#2f3338;border-radius:3px;color:#00ff14;font-size:13px;font-weight:400;line-height:20px;margin-bottom:20px;padding:5px 8px;text-align:center}.task_box .boxs .tips .link{color:#ffca00;cursor:pointer}.task_box .boxs .mod_task_list{font-size:14px;font-weight:400}.task_box .boxs .mod_task_list .task_signin{align-items:center;border-bottom:1px dashed hsla(0,0%,100%,.1);color:#fff;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;text-decoration:none}.task_box .boxs .mod_task_list .task_signin:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.task_box .boxs .mod_task_list .task_signin:hover .text .name{color:#00ff14}.task_box .boxs .mod_task_list .task_signin.task_finish .text b{background:linear-gradient(100deg,#008f0b,#42c304)}.task_box .boxs .mod_task_list .task_signin.task_finish .text .name{color:#00ff14}.task_box .boxs .mod_task_list .task_signin.task_finish .award span{background:linear-gradient(100deg,#008f0b,#42c304)}.task_box .boxs .mod_task_list .task_signin .text{align-items:center;display:flex}.task_box .boxs .mod_task_list .task_signin .text b{background:linear-gradient(100deg,#fe7e0d,#ffaf37);border-radius:18px 18px 0 18px;font-size:13px;height:18px;line-height:19px;margin-right:5px;text-align:center;width:18px}.task_box .boxs .mod_task_list .task_signin .text .name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task_box .boxs .mod_task_list .task_signin .award span{background-color:#2f3338;border-radius:3px;font-size:12px;font-weight:300;margin-left:4px;padding:3px}.badge_box{backdrop-filter:blur(15px);background-color:rgba(8,9,14,.4);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 0 30px 0 rgba(44,31,94,.29);box-sizing:border-box;margin-bottom:20px;padding:20px}.badge_box .box_title{margin-bottom:30px}.badge_box .boxs .badge_list{align-items:center;display:flex;flex-wrap:wrap}.badge_box .boxs .badge_list .item{color:#fff;cursor:pointer;margin:0 0 20px;text-align:center;width:14.28%}.badge_box .boxs .badge_list .item:last-child{display:none}.badge_box .boxs .badge_list .item:hover .icon{transform:translateY(-7px)}.badge_box .boxs .badge_list .item:hover .name{color:#00ff14;font-weight:600}.badge_box .boxs .badge_list .item:hover .time{color:#fff}.badge_box .boxs .badge_list .item .icon{margin-bottom:3px;transition:all .3s}.badge_box .boxs .badge_list .item .shadow{background-image:radial-gradient(circle at bottom,hsla(0,0%,100%,.08),transparent);border-radius:50%;display:block;height:15px;margin:0 auto 10px;width:100px}.badge_box .boxs .badge_list .item .name{font-size:14px;font-weight:400;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge_box .boxs .badge_list .item .time{color:hsla(0,0%,100%,.5);font-size:13px;font-weight:300}@media(max-width:1000px){.badge_box .boxs .badge_list{flex-wrap:wrap}.badge_box .boxs .badge_list .item{width:25%}.badge_box .boxs .badge_list .item:last-child{display:block}}@media(max-width:600px){.badge_box .boxs .badge_list .item{width:33.333%}}@media(max-width:450px){.badge_box .boxs .badge_list .item{margin-bottom:0;margin-top:10px;width:50%}.badge_box .boxs .badge_list .item .icon{margin-bottom:0}.badge_box .boxs .badge_list .item .shadow{margin:-8px auto 6px}.badge_box .boxs .badge_list .item .name{margin-bottom:5px}}.active_box{backdrop-filter:blur(15px);background-color:rgba(8,9,14,.4);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 0 30px 0 rgba(44,31,94,.29);box-sizing:border-box;margin-bottom:20px;padding:20px}.active_box .boxs{align-items:stretch;display:flex;justify-content:space-between}.active_box .boxs .box{background-color:hsla(0,0%,100%,.05);border:1px solid transparent;border-radius:8px;box-sizing:border-box;color:#fff;display:block;margin-bottom:20px;overflow:hidden;padding:0 0 20px;text-align:center;text-decoration:none;width:calc(33.33333% - 15px)}.active_box .boxs .box:hover{background-color:#162c18;border-color:#0c8916}.active_box .boxs .box:hover .img img{transform:scale(1.1)}.active_box .boxs .box:hover h3{color:#00ff14}.active_box .boxs .box:hover .d{color:#fff}.active_box .boxs .box:hover .button_box .button{background:linear-gradient(108deg,#019be7,#55ff63)}.active_box .boxs .box .img{border-radius:0 0 12px 12px;margin-bottom:15px;overflow:hidden}.active_box .boxs .box .img img{transition:all .3s}.active_box .boxs .box h3{font-size:16px;font-weight:600;line-height:24px;margin-bottom:10px;white-space:nowrap;width:100%}.active_box .boxs .box .d,.active_box .boxs .box h3{overflow:hidden;padding:0 20px;text-overflow:ellipsis}.active_box .boxs .box .d{color:hsla(0,0%,100%,.5);display:-webkit-box;font-size:13px;font-weight:400;line-height:20px;margin-bottom:20px;-webkit-box-orient:vertical;height:40px;line-clamp:2;-webkit-line-clamp:2}.active_box .boxs .box .button_box{padding:0 20px;text-align:center}.active_box .boxs .box .button_box .button{align-items:center;background:linear-gradient(108deg,#0cacff,#55ff63);border:none;border-radius:40px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;height:40px;justify-content:center;width:100%}@media(max-width:1200px){.active_box .boxs .box .img img{height:auto;width:100%}}@media(max-width:1000px){.active_box .boxs{display:block}.active_box .boxs .box{width:auto}.active_box .boxs .box .d{height:auto;-webkit-line-clamp:none}.active_box .boxs .box .button_box .button{border-radius:40px;font-size:16px;height:40px}}.giftbag_box{backdrop-filter:blur(15px);background-color:rgba(8,9,14,.4);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 0 30px 0 rgba(44,31,94,.29);box-sizing:border-box;padding:20px}.giftbag_box .boxs{align-items:stretch;display:flex;justify-content:space-between}.giftbag_box .boxs .box{background-color:hsla(0,0%,100%,.05);border:1px solid transparent;border-radius:8px;box-sizing:border-box;color:#fff;overflow:hidden;padding:0 0 20px;text-align:center;text-decoration:none;width:calc(25% - 15px)}.giftbag_box .boxs .box:hover{border-color:#ff8400}.giftbag_box .boxs .box:hover .img img{transform:scale(1.1)}.giftbag_box .boxs .box:hover h3{color:#ff8400}.giftbag_box .boxs .box:hover h3:before{color:#fff}.giftbag_box .boxs .box:hover .button_box .button{background:linear-gradient(91deg,#ff861d,#ffb74a)}.giftbag_box .boxs .box .img{margin-bottom:10px}.giftbag_box .boxs .box .img img{object-fit:fill;transition:all .3s}.giftbag_box .boxs .box h3{align-items:center;display:flex;font-size:15px;font-weight:400;line-height:24px;margin-bottom:10px;padding:0 10px}.giftbag_box .boxs .box h3:before{background-color:#ff8400;border-radius:3px;content:"兑换";font-size:10px;height:18px;line-height:18px;margin-right:3px;padding:0 5px}.giftbag_box .boxs .box h3 span{max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.giftbag_box .boxs .box .button_box{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.giftbag_box .boxs .box .button_box .price{color:hsla(0,0%,100%,.5);font-size:13px;line-height:20px}.giftbag_box .boxs .box .button_box .price b{color:#ff8400;margin-right:3px}.giftbag_box .boxs .box .button_box .button{background:linear-gradient(91deg,#fe7e0d,#ffaf37);border:none;border-radius:25px;color:#fff;cursor:pointer;height:25px;width:80px}@media(max-width:1200px){.giftbag_box .boxs .box .img img{height:auto;width:100%}}@media(max-width:1000px){.giftbag_box .boxs{flex-wrap:wrap}.giftbag_box .boxs .box{margin-bottom:20px;width:49%}}@media(max-width:600px){.giftbag_box .boxs{display:block}.giftbag_box .boxs .box{display:block;width:auto}.giftbag_box .boxs .box h3{justify-content:center}.giftbag_box .boxs .box .button_box{display:block}.giftbag_box .boxs .box .button_box .price{margin-bottom:10px}.giftbag_box .boxs .box .button_box .button{font-size:16px;height:50px;width:100%}}