@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Jost:ital,wght@0,100..900;1,100..900&family=Lobster&display=swap";@font-face{font-family:"Jost-Black";src:url("/font/Jost-Black.ttf");font-optical-sizing:auto}@font-face{font-family:"Jost-SemiBold";src:url("/font/Jost-SemiBold.ttf");font-optical-sizing:auto}@font-face{font-family:"Jost-Bold";src:url("/font/Jost-Bold.ttf");font-optical-sizing:auto}@font-face{font-family:"Jost-Regular";src:url("/font/Jost-Regular.ttf");font-optical-sizing:auto}body{color:#fcf6f6;font-size:60px;background-color:#01017b;padding-top:0;margin-top:0;font-family:"Baloo 2",sans-serif}@media(max-width: 991px){body{font-size:6vw}}img{margin:0 auto}#footer::after{content:"";position:absolute;width:100%;height:100%;background-repeat:repeat-x;top:0;left:0;background:#160d40;background:-webkit-gradient(left top, left bottom, color-stop(0%, rgb(22, 13, 64)), color-stop(50%, rgb(22, 13, 64)), color-stop(100%, rgb(57, 44, 71)));background:linear-gradient(to bottom, rgb(22, 13, 64) 0%, rgb(22, 13, 64) 50%, rgb(57, 44, 71) 100%);border-top:3px solid #c48aff}#Modal-custom{z-index:1000}.modal{font-family:"Baloo 2",sans-serif}.modal .modal-overflow{font-family:"Baloo 2",sans-serif}.modal .btn-close{background-image:url("/img/event/fan/close.png")}.modal .modal-content{background:url("/img/event/fan/jumpbg.jpg"),#1025b4;box-shadow:inset 0 0 11px 3px rgba(255,255,255,.4588235294)}#Modal-Login .modal-window{background:rgba(0,0,0,0)}#Modal-Login .modal-content{background:url("/img/event/fan/modalbg.jpg"),#876529;background-size:cover;background-position:center}#Modal-Login .modal-content::before{box-shadow:none}#c-side-tools{-o-border-image:url("/img/event/fixed.png") 135 fill/3em/1.3em .4em .4em .1em;border-image:url("/img/event/fixed.png") 135 fill/3em/1.3em .4em .4em .1em}.middleBox{max-width:1080px;display:block;margin:0 auto;position:relative}.header-title{max-width:100%;display:flex;width:100%;left:0;max-height:108px;justify-content:center;height:108px;position:fixed;z-index:100;border-bottom:3px solid #c48aff;background:#160d40;background:-webkit-gradient(left top, left bottom, color-stop(0%, rgb(22, 13, 64)), color-stop(50%, rgb(22, 13, 64)), color-stop(100%, rgb(57, 44, 71)));background:linear-gradient(to bottom, rgb(22, 13, 64) 0%, rgb(22, 13, 64) 50%, rgb(57, 44, 71) 100%)}.header-title .middleBox{position:relative;width:100%;display:flex;justify-content:space-between;max-width:1006px}.header-title .middleBox a{align-items:center;transition:all .3s ease}.header-title .middleBox a:hover{filter:brightness(1.4)}.header-title .middleBox .logo{position:relative;top:15px;width:280px}#footer{background-color:rgba(0,0,0,0);padding-bottom:40px;position:relative;z-index:11}#footer::before{display:none}#footer-termNav{padding-bottom:12px}#main{background:none;padding-bottom:0;padding-top:0px;font-size:1em;background-position:50% 25vw;background-image:url("/img/event/fan/bg.jpg")}#main ::-webkit-scrollbar{width:20px}#main ::-webkit-scrollbar-button{background:#202553;border-radius:4px}#main ::-webkit-scrollbar-track-piece{background:#202553}#main ::-webkit-scrollbar-thumb{border-radius:10px;background-color:#7c7c7c;border:none}#main ::-webkit-scrollbar-track{box-shadow:rgba(0,0,0,0)}#main ::-webkit-scrollbar-button:single-button{background-color:#202553;display:block;border-style:solid;height:10px;width:20px;border-radius:0}#main ::-webkit-scrollbar-button:single-button:vertical:decrement{border-width:0 10px 10px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #202553 rgba(0,0,0,0)}#main ::-webkit-scrollbar-button:single-button:vertical:increment{border-width:10px 10px 0 10px;border-color:#202553 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}#main ::-webkit-scrollbar-button:vertical:single-button:increment:hover{border-color:#202553 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.howtojoin{position:relative;margin-bottom:0;z-index:5}.howtojoin .middleBox{position:relative;width:60vw;max-width:100vw}.howtojoin .role{position:absolute;pointer-events:none}.howtojoin .role.left{left:-103px;bottom:5%;animation:moving_big 1.5s ease infinite alternate}.howtojoin .role.right{right:-150px;bottom:-3%;animation:moving_big 1.5s ease infinite alternate 1s}.howtojoin .bottomTip{position:absolute}.howtojoin .swiper{padding-bottom:60px}.howtojoin .swiper-slide::after{content:""}.howtojoin .swiper-button-prev{left:0%;top:57%}.howtojoin .swiper-button-next{right:0%;top:57%}.howtojoin .stepSwiper{position:relative;margin-top:-5vw;font-weight:800;display:block;padding-bottom:4vw}.howtojoin .stepSwiper img{display:block;width:84%}.howtojoin .stepSwiper .num{color:#d7bef0;position:absolute;top:28%;text-align:center;width:100%;font-size:3vw}.howtojoin .stepSwiper .text{position:absolute;top:48%;text-align:center;width:100%;font-size:1.4vw;height:51%;display:flex;align-items:center;justify-content:center;line-height:1.3;text-transform:uppercase}.howtojoin .step-pagination{bottom:0}.howtojoin .download{position:relative;text-align:center;display:block}.howtojoin .download .text{text-align:center;font-size:.6em;font-weight:bold;text-transform:uppercase;margin-top:1em;line-height:1.2}.howtojoin .download .btn{position:relative;margin-top:.5em;display:inline-block}.howtojoin .onAir{position:relative;display:block;width:100%;margin:0em auto 0em}.howtojoin .onAir img{display:block}.howtojoin .onAir .emoji{position:absolute;background-image:url("/img/event/fan/emogi.png");right:10%;top:5%;width:11%;height:80%;background-repeat:repeat-y;background-position:0 0;animation:backgroundmove 3s linear infinite;background-size:100%}.howtojoin .onAir .btnStyle{position:absolute;bottom:0%;left:50%;transform:translateX(-50%)}@media screen and (max-width: 1200px){.howtojoin .onAir .btnStyle{width:48%;height:15vw;font-size:4.5vw;margin-bottom:2vw}.howtojoin .step{width:100%}.howtojoin .stepSwiper{margin-top:-8vw}.howtojoin .stepSwiper .num{top:32%;font-size:4vw}.howtojoin .stepSwiper .text{font-size:2vw}}#Modal-Login .logo{background-image:url(/img/logo-casinonia.png);background-position:center;background-repeat:no-repeat;background-size:100% auto;width:84%;padding-bottom:44%;margin-left:auto;margin-right:auto;filter:drop-shadow(0 0 15px #000)}#Modal-operation{color:#fff}#Modal-operation .modal-content{font-family:"Jost",sans-serif}#Modal-operation .modal-content::before{content:""}#Modal-operation .modal-window{max-width:800px}#Modal-operation .title{position:relative;text-transform:uppercase;font-weight:bold;font-size:.8em}#Modal-operation .icon{position:relative;margin:55px 0}#Modal-operation .download{position:relative;font-weight:bold;font-size:46px;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:70px}#Modal-operation .download::before{content:"";background:#fff;width:12%;height:2px;margin-right:3%}#Modal-operation .download::after{content:"";background:#fff;width:12%;height:2px;margin-left:3%}#Modal-operation .btnBox{position:relative;display:flex;height:62px;width:100%;overflow:hidden;justify-content:space-between}#Modal-operation .btnBox a{position:relative;padding:0;margin-bottom:0;width:30%;border:1px solid #959595;border-radius:7px}#mainTop{position:relative;display:block;opacity:0;transition:all .5s ease;padding-top:70px;padding-bottom:6vw}#mainTop .bg{position:relative}#mainTop .bg img{position:relative;display:block;margin:0 auto;max-width:100vw;width:100%}#mainTop .win{position:absolute;top:17%;z-index:10;left:50%;transform:translateX(-50%);width:50vw}#mainTop .win img{position:relative;animation:win_Shake 2s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite}#mainTop .gonow{margin-top:1vw}#mainTop .mainCicle{position:relative;display:flex;justify-content:center;align-items:center;margin-top:0vw}#mainTop .mainCicle .circle{position:relative}#mainTop .mainCicle .circle .box{position:relative;background-image:url("/img/event/fan/circle.png");width:14.5vw;height:14.5vw;background-repeat:no-repeat;background-position:center;background-size:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:flex-start;padding:19% 12%}#mainTop .mainCicle .circle .box .num{position:relative;color:#d7bef0;font-size:3vw;margin-bottom:.5vw}#mainTop .mainCicle .circle .box .text{position:relative;color:#016dd9;font-size:1.4vw;text-shadow:none}#mainTop .mainCicle .circle .date{position:relative}#mainTop .contentText{position:absolute;top:31vw;width:73%;font-size:1.5vw;font-weight:bold;text-align:center;left:50%;transform:translateX(-50%);line-height:1.2}#mainTop .contentText .text{position:relative;text-shadow:1px 1px 1px #160d40}#mainTop .contentText .cloud{position:relative;display:flex;justify-content:center;margin:10px 0}#mainTop .contentText .cloud a{position:relative;background-image:url("/img/event/fan/cloud.png");width:3vw;height:3vw;margin:0 .25vw;background-size:17.2vw}#mainTop .contentText .cloud .x{background-position:25%}#mainTop .contentText .cloud .ig{background-position:50%}#mainTop .contentText .cloud .tk{background-position:75%}#mainTop .contentText .cloud .ps{background-position:100%}#mainTop .date{position:relative;text-align:center;display:block;font-size:1.4vw;width:100%;bottom:0;left:0;margin:0}#mainTop .date::after{content:attr(date);position:absolute;left:0;width:100%;-webkit-text-stroke:.3vw;color:#ba40e3;z-index:-1}#mainTop.active{opacity:1}@media screen and (max-width: 1500px){#mainTop{padding-top:105px;padding-bottom:2vw}#mainTop .bg img{max-width:120vw;width:110vw;left:-5vw}#mainTop .win{top:24%;width:48vw}#mainTop .contentText{top:39vw}}@media screen and (max-width: 1200px){#mainTop{padding-top:0;padding-bottom:4vw}#mainTop .mainCicle .circle .box{width:18vw;height:18vw}#mainTop .mainCicle .circle .box .num{font-size:4vw;margin-bottom:.7vw;line-height:1}#mainTop .mainCicle .circle .box .text{font-size:1.8vw}#mainTop .mainCicle .circle .date{font-size:1.8vw}}@media screen and (max-width: 991px){#mainTop .mainCicle .circle .box{width:22vw;height:22vw}#mainTop .mainCicle .circle .box .num{font-size:5vw}#mainTop .mainCicle .circle .box .text{font-size:2.3vw}#mainTop .mainCicle .circle .date{font-size:2.5vw}}@media(max-width: 767px){#mainTop .mainCicle{flex-wrap:wrap;padding:0 10%;align-items:flex-start}#mainTop .mainCicle .circle{width:50%}#mainTop .mainCicle .circle .box{width:36vw;height:36vw}#mainTop .mainCicle .circle .box .num{font-size:8vw}#mainTop .mainCicle .circle .box .text{font-size:4vw;text-shadow:none}#mainTop .mainCicle .circle .date{font-size:4vw}#mainTop .mainCicle .circle::after{content:"";background-image:url("/img/event/fan/arrow2.png");width:16vw;height:18vw;position:absolute;background-size:100%;background-repeat:no-repeat;right:-10%;top:50%;z-index:-1}#mainTop .mainCicle .circle:nth-child(even) .box{margin-right:0;margin-left:auto}#mainTop .mainCicle .circle:nth-child(even)::after{right:auto;left:-15%;transform:rotate(124deg)}#mainTop .mainCicle .circle:last-child::after{display:none}#mainTop .mainCicle .circle:nth-child(2){margin-top:20vw}#mainTop .mainCicle .circle:nth-child(3){margin-top:-16vw}#mainTop .mainCicle .circle:nth-child(4){margin-top:4vw}}.titleStyle{position:relative;background-image:url("/img/event/fan/title.png");width:44vw;height:6vw;background-repeat:no-repeat;background-position:center;font-size:3.3vw;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fcc107;-webkit-text-stroke:1px;text-shadow:2px 2px 10px #4e2463;background-size:100%;font-weight:600;z-index:10}@media screen and (max-width: 1200px){.titleStyle{width:56vw;height:7vw;font-size:4vw}}@media(max-width: 767px){.titleStyle{width:100%;height:14vw;font-size:7vw}}.btnStyle{position:relative;background-image:url("/img/event/fan/btn.png");width:34vw;height:11.5vw;background-repeat:no-repeat;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#fcc107;font-size:3.5vw;filter:drop-shadow(2px 2px 10px black);cursor:pointer;background-size:100%;font-weight:bold;transition:all .3s ease;filter:brightness(1)}.btnStyle span{z-index:10}.btnStyle::after{content:attr(title);color:#3749af;position:absolute;-webkit-text-stroke:.5vw}.btnStyle::before{content:attr(title);color:#20e4a1;position:absolute;-webkit-text-stroke:.9vw}.btnStyle:hover{filter:brightness(1.2)}button,a.btn{background:none;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);margin:0;padding:0;cursor:pointer;font-weight:bold;transition:all .3s ease;font-family:"Baloo 2",sans-serif}button:hover,a.btn:hover{filter:brightness(1.2)}a.btnStyle{transition:all .3s ease;font-family:"Baloo 2",sans-serif}a.btnStyle:hover{filter:brightness(1.2)}input{font-family:"Baloo 2",sans-serif}#Modal-msg .modal-window,#Modal-sucess .modal-window{max-width:1080px}#Modal-msg .modal-content,#Modal-sucess .modal-content{padding:80px 20px 80px;line-height:1.2;font-family:"Jost",sans-serif}#Modal-msg .title,#Modal-sucess .title{position:relative;font-size:.8em;font-weight:bold;display:block;text-transform:uppercase;margin-bottom:.8em}#Modal-msg .js-modalMessage,#Modal-msg .js-modalMessages,#Modal-sucess .js-modalMessage,#Modal-sucess .js-modalMessages{position:relative;font-size:.6em;text-transform:uppercase;margin-bottom:0;width:100%;min-height:200px;display:flex;align-items:center;justify-content:center}#Modal-msg .btn,#Modal-sucess .btn{position:relative;display:flex;width:91%;justify-content:space-between}#Modal-msg .btn .btnStyle,#Modal-sucess .btn .btnStyle{position:relative;background-image:url("/img/event/fan/blueBtn.png");width:437px;height:127px;color:#fff;font-size:40px}#Modal-msg .btn .btnStyle.btn-cancel,#Modal-sucess .btn .btnStyle.btn-cancel{filter:grayscale(1)}#Modal-msg .tip,#Modal-sucess .tip{color:#f6ff00;font-size:25px;display:flex;margin-top:40px}#Modal-msg .tip i,#Modal-sucess .tip i{width:1.4em;height:1.4em;border-radius:99em;font-size:.7em;display:inline-flex;background:#f6ff00;color:#41291b;font-style:normal;padding-left:1px;justify-content:center;align-items:center;top:.3em;position:relative;margin-right:5px}#live{overflow:hidden}#live .disabled{filter:grayscale(1) opacity(0.8);pointer-events:none}#Modal-prize .modal-window{max-width:932px}#Modal-prize .modal-content{position:relative;background:none;box-shadow:none}#Modal-prize .modal-content .title{position:relative}#Modal-prize .modal-content .js-modalMessage{position:relative;max-height:50vh;overflow-y:scroll;overflow-x:hidden;margin-bottom:15px}#Modal-prize .modal-content .tip{position:relative;margin-top:30px}#Modal-prize .modal-content .tip img{position:relative}#Modal-prize ::-webkit-scrollbar-button{background:rgba(0,0,0,0)}#Modal-prize ::-webkit-scrollbar-track-piece{background:rgba(0,0,0,0)}#Modal-prize ::-webkit-scrollbar-thumb{background-color:#cba8ff}#Modal-prize ::-webkit-scrollbar-button:single-button{background-color:rgba(0,0,0,0)}#Modal-prize ::-webkit-scrollbar-button:single-button:vertical:decrement{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #cba8ff rgba(0,0,0,0)}#Modal-prize ::-webkit-scrollbar-button:single-button:vertical:increment{border-color:#cba8ff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}#Modal-prize ::-webkit-scrollbar-button:vertical:single-button:increment:hover{border-color:#cba8ff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.memberStyle{position:relative;background-image:url("/img/event/fan/royalBg.png");display:block;height:745px;background-size:auto 765px;background-repeat:no-repeat;background-position:center;font-weight:bold;color:#fff}.memberStyle .nickname{position:relative;padding-left:51%;padding-top:90px;font-size:34px;text-align:left}.memberStyle .nickname::before{content:attr(data);font-size:20px;position:absolute;bottom:42px;color:#d6b2b9}.memberStyle .uid{position:relative;padding-left:51%;padding-top:67px;font-size:34px;text-align:left}.memberStyle .uid::before{content:attr(data);font-size:20px;position:absolute;bottom:42px;color:#d6b2b9}.memberStyle .logout{position:absolute;background-image:url("/img/event/fan/logout.png");width:190px;height:85px;z-index:10;cursor:pointer;right:3%;top:145px;transition:all .3s ease;filter:brightness(1)}.memberStyle .logout:hover{filter:brightness(1.2)}.memberStyle .info{position:relative;display:block;padding-top:33px}.memberStyle .checkMy{position:relative;background-image:url("/img/event/fan/ckeckmy.png");width:253px;height:84px;cursor:pointer;transition:all .3s ease;filter:brightness(1)}.memberStyle .checkMy:hover{filter:brightness(1.2)}.memberStyle .line{position:relative;display:flex;width:78%;margin:50px auto;font-size:44px;align-items:center;justify-content:space-between}.memberStyle .line .name{position:relative;font-weight:600;min-width:410px;width:410px;display:flex;align-items:center}.memberStyle .line .name small{content:"";background-image:url("/img/event/fan/info.png");width:43px;height:43px;display:block;position:relative;top:-11px;left:7px;cursor:pointer;color:rgba(0,0,0,0);font-size:small}.memberStyle .line .name small:hover::after,.memberStyle .line .name small:hover::before{opacity:1;transition:all .3s ease}.memberStyle .line .name small::after{content:attr(info);font-size:20px;background:#fff;position:absolute;color:#000;word-break:keep-all;width:350px;bottom:53px;right:-20px;padding:15px 20px;border-radius:10px;box-shadow:0px 0px 11px #000;opacity:0;pointer-events:none}.memberStyle .line .name small::before{content:"";width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;bottom:38px;right:2px;z-index:5;opacity:0;pointer-events:none}.memberStyle .line .point{position:relative;background-color:#351d18;border:2px solid #140b09;width:52%;text-align:center;padding:10px 0;border-radius:12px;box-shadow:1px 1px 5px rgba(0,0,0,.6588235294) inset}.memberStyle .line .point.small{width:21%;margin-right:2%}.memberStyle .now{position:relative;background-image:url("/img/event/fan/redeem.png");width:100%;height:146px;cursor:pointer;align-items:center;justify-content:center;display:flex;background-repeat:no-repeat;background-position:center;transition:all .3s ease;filter:brightness(1)}.memberStyle .now:hover{filter:brightness(1.2)}#notice{position:relative;margin-top:0;z-index:10;padding-top:0;font-weight:500;font-family:"Jost",sans-serif;background-color:#202553}#notice .info{display:block;position:relative;z-index:10;max-width:1020px;margin:0 auto;align-items:center;font-size:18px;padding:50px 0 50px}#notice .info .title{font-size:35px;text-align:center;margin-bottom:20px;font-weight:900}#notice .info .text{line-height:1.3;max-height:36vh;overflow-y:scroll;overflow-x:hidden;position:relative;display:block;padding-right:25px}.footer{max-width:100%;display:flex;width:100%;left:0;max-height:108px;justify-content:center;height:108px;position:relative;z-index:100}.footer::after{content:"";background-image:url("/img/event/fan/bgDown.jpg");position:absolute;width:100%;height:100%}.footer .middleBox{position:relative;z-index:10;display:flex;align-items:center}.footer .middleBox a{margin:0 24px}.footer .middleBox a img{height:45px;width:auto}.footer .middleBox a.logo img{height:68px}.bottomTime,.mobileOnly{display:none}.c-top{display:none}.streamers{position:relative;margin-bottom:80px;display:block;margin-top:-2vw}.streamers .countDay{position:relative}.streamers .countDay .info{position:absolute;right:4%;left:auto;top:3%}.streamers .rank{position:relative;padding:0 3%;display:block}.streamers .rank .line{position:relative;margin:0 auto 22px;display:flex;background-repeat:no-repeat;background-size:100%;height:109px;align-items:center;background-image:url("/img/event/fan/rankStyle2.png")}.streamers .rank .line:nth-child(1){width:40%;text-align:center;padding-top:93px;padding-bottom:50px;display:block;background:none;height:auto;margin:0 auto 40px}.streamers .rank .line:nth-child(1) .num{display:none}.streamers .rank .line:nth-child(1) .name{text-align:center;width:100%;margin-top:1em;margin-bottom:.5em}.streamers .rank .line:nth-child(1)::before{content:"";background-image:url("/img/event/fan/win1.png");position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:100%;top:0;left:0;animation:shineing .5s linear infinite alternate}.streamers .rank .line:nth-child(1) .people{position:relative;border-radius:50%;overflow:hidden;width:84%;margin:0px auto;display:block}.streamers .rank .line:nth-child(1) .people img{width:100%}.streamers .rank .line:nth-child(1)::after{content:"";width:0;height:0;border-style:solid;border-width:0 12.5px 20px 12.5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fc0 rgba(0,0,0,0);position:absolute;bottom:0}.streamers .rank .line:nth-child(1) .good{margin-top:.1em;font-size:1em;width:100%;justify-content:center}.streamers .rank .line:nth-child(2),.streamers .rank .line:nth-child(3){width:32%;position:absolute;left:2%;top:45px;text-align:center;padding-top:170px;padding-bottom:0;display:block;margin:0 auto 0;background:none;height:auto}.streamers .rank .line:nth-child(2) .num,.streamers .rank .line:nth-child(3) .num{display:none}.streamers .rank .line:nth-child(2) .name,.streamers .rank .line:nth-child(3) .name{text-align:center;width:100%;margin-top:1em;margin-bottom:.5em}.streamers .rank .line:nth-child(2) .good,.streamers .rank .line:nth-child(3) .good{margin-top:.1em;font-size:1em;width:100%;justify-content:center}.streamers .rank .line:nth-child(2)::before,.streamers .rank .line:nth-child(3)::before{content:"";background-image:url("/img/event/fan/win2.png");position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:100%;top:0;left:0}.streamers .rank .line:nth-child(2) .people,.streamers .rank .line:nth-child(3) .people{position:relative;border-radius:50%;overflow:hidden;width:84%;margin:0px auto;display:block}.streamers .rank .line:nth-child(2) .people img,.streamers .rank .line:nth-child(3) .people img{width:100%}.streamers .rank .line:nth-child(3){left:auto;right:2%}.streamers .rank .line:nth-child(3)::before{background-image:url("/img/event/fan/win3.png")}.streamers .rank .line:nth-child(4),.streamers .rank .line:nth-child(5){background-image:url("/img/event/fan/rankStyle1.png");height:158px}.streamers .rank .line:nth-child(4) .people,.streamers .rank .line:nth-child(5) .people{position:relative;width:115px;border-radius:50%;overflow:hidden;border:3px solid #7c1241;display:block}.streamers .rank .line:nth-child(4) .people img,.streamers .rank .line:nth-child(5) .people img{width:100%;position:relative}.streamers .rank .line:nth-child(4) .name,.streamers .rank .line:nth-child(5) .name{width:340px}.streamers .rank .num{position:relative;text-align:center;font-weight:bold;width:90px;padding-left:30px}.streamers .rank .uid{position:relative;background-image:url("/img/event/fan/uid.png");background-repeat:no-repeat;background-size:contain;background-position:center;font-size:.5em;height:65px;display:flex;align-items:center;width:257px;padding-left:75px;font-weight:bold;justify-content:center;margin:0 auto}.streamers .rank .good{position:relative;background:linear-gradient(to bottom, #ffe204, #ff9d5c);background:-webkit-linear-gradient(to bottom, #ffe204, #ff9d5c);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.8em;width:230px;justify-content:flex-end;margin-right:22px}.streamers .rank .good::before{content:"";background-image:url("/img/event/fan/good.png");background-repeat:no-repeat;background-size:contain;display:block;width:56px;height:56px;margin-right:10px;background-position:center}.streamers .rank .name{position:relative;font-size:.5em;text-align:left;font-weight:bold;width:450px;padding-left:25px;padding-right:25px;margin-top:0;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.streamers .rank .people{display:none}@media screen and (max-width: 1500px){.streamers{width:65vw}}@media screen and (max-width: 1200px){.streamers{width:80vw}}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{pointer-events:all}.swiper-button-next,.swiper-button-prev{position:absolute;width:8vw;height:12vw;left:0;top:50%;transform:translateY(-50%);margin:0}.swiper-button-next:hover::before,.swiper-button-prev:hover::before{opacity:1}.swiper-button-next:hover::after,.swiper-button-prev:hover::after{opacity:0}.swiper-button-next{left:auto;right:0}.swiper-button-next::after,.swiper-button-next::before{transform:rotate(180deg)}.swiper .swiper-pagination-clickable .swiper-pagination-bullet{background-size:100%;width:37px;height:37px;margin:0 15px;background:url("/img/event/fan/button.png");border:0;outline:none;opacity:1;background-position:0 93%}.swiper .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position:0 5%}@media screen and (max-width: 1500px){.swiper .swiper-pagination-clickable .swiper-pagination-bullet{background-size:100%;width:2vw;height:2vw;margin:0 .6vw}}.swiper-button-next:after,.swiper-button-prev:after,.swiper-button-next:before,.swiper-button-prev:before{content:"";font-size:0;width:100%;height:100%;transition:all .3s ease;background-repeat:no-repeat;background-size:contain;background-image:url("/img/event/fan/arrow.png")}.swiper-button-next::before,.swiper-button-prev::before{opacity:0;position:absolute;background-image:url("/img/event/fan/arrowHover.png")}.prizeArea{position:relative;margin-top:-5vw}.prizeArea .titleStyle{left:50%;transform:translateX(-50%);position:absolute;top:10vw;font-size:3vw;padding-bottom:1vw}.prizeArea .titleStyle span{position:relative;z-index:10;color:#fff}.prizeArea .titleStyle::after{content:attr(title);color:#b83de1;position:absolute;-webkit-text-stroke:.7vw}.prizeArea .titleStyle::before{content:attr(title);color:#008aff;position:absolute;-webkit-text-stroke:1vw}.prizeArea .bg{position:relative;width:100%}.prizeArea .StreamBg{width:100%}.prizeArea .info{position:absolute;left:66.8%;top:10.5%;z-index:10;cursor:pointer;transition:all .3s ease}.prizeArea .info:hover{filter:brightness(1.4)}.prizeArea .number{position:absolute;top:15.2%;left:28%;width:45%;z-index:10;animation:scale_Shake .6s linear infinite alternate}.prizeArea .prize{position:absolute;top:28%;left:23%;width:54%;z-index:8}.prizeArea .bonus{z-index:9;position:absolute;top:60%;left:50%;transform:translateX(-50%);width:60%}.prizeArea .role{position:absolute;right:-6vw;top:3%;width:33vw;animation:moving_big 2s ease infinite alternate}.prizeArea .tip{position:absolute;bottom:11%;font-size:1.3vw;width:46%;left:27%;text-align:center;font-weight:bold;color:#f5f5f5;text-shadow:0px 0px 8px #012b6a}@media screen and (max-width: 1200px){.prizeArea .titleStyle{font-size:4vw}}@media(max-width: 767px){.prizeArea .titleStyle{font-size:6.2vw}}#getting-started{position:absolute;color:#5d5b5e;text-align:right;display:block;width:auto;bottom:10%;right:28.5%;LINE-HEIGHT:42px}.countDown__cont{display:flex;color:#fff;width:100%;font-size:12px;justify-content:space-between}.countDown__interval_cont{display:flex;justify-content:space-around;width:auto}.countDown__interval_basic_cont{display:flex;flex-direction:column;margin-right:5%}.countDown__interval_basic_cont_description{display:none}.countDown__digit_cont{perspective:3.2em;box-shadow:.1em .1em .1em rgba(0,0,0,.2);width:1.3em;height:1.6em;position:relative;line-height:1.6em;font-size:5em;font-weight:700;border-radius:.08em}.countDown__digit_cont:nth-child(n+1):not(:last-child){margin-right:.1em}.countDown__digit_last_placeholder,.countDown__digit_new_placeholder{position:absolute;left:0;width:100%;height:50%;text-align:center;overflow:hidden}.countDown__digit_last_placeholder{bottom:0;background:#3b3b3b;border-radius:0 0 .08em .08em}.countDown__digit_last_placeholder_inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;bottom:50%;position:absolute}.countDown__digit_new_placeholder{top:0;background:#313131;border-radius:.08em .08em 0 0}.countDown__digit_last_rotate,.countDown__digit_new_rotate{display:flex;justify-content:center;width:100%;height:50%;font-weight:700;position:absolute;top:0;overflow:hidden;animation-duration:.4s;animation-timing-function:linear;border-radius:.08em .08em 0 0;animation-fill-mode:forwards;transform-origin:100% 100%}.countDown__digit_last_rotate:after,.countDown__digit_new_rotate:after{content:""}.countDown__digit_last_rotate{animation-name:countDown_flip_1;background:#313131}.countDown__digit_new_rotate{animation-name:countDown_flip_2;background:#3b3b3b}.countDown__digit_new_rotated{transform:rotateX(180deg);width:100%;height:100%}.countDown__digit_new_rotated_inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;bottom:50%;position:absolute}.getting-started{position:absolute;right:6%;bottom:27%;width:71%}@keyframes countDown_flip_1{0%{transform:rotateX(0);z-index:1}100%{transform:rotateX(-180deg);z-index:0}}@keyframes countDown_flip_2{0%{transform:rotateX(0);z-index:0}100%{transform:rotateX(-180deg);z-index:1}}.scroll-target{scroll-margin-top:108px}.videoList{position:relative}.videoList .title{position:relative}.videoList .overTip{position:relative;text-align:center;font-size:26px;font-weight:bold;margin:20px 0;text-shadow:0 0 4px #04006b}.videoList .check{position:relative;max-width:613px;margin:0 auto 22px}.videoList .btn{background:url("/img/event/fan/redBtn.png");display:flex;background-repeat:no-repeat;background-size:contain;background-position:center;align-items:center;justify-content:center;color:#fff;cursor:pointer;filter:brightness(1);transition:all .3s ease;width:162px;position:absolute;right:16px;top:10px;font-size:30px;font-weight:bold;height:58px;margin:0}.videoList .btn:hover{filter:brightness(1.2)}.videoList .TopList{position:relative;width:96%;font-size:.45em;font-weight:bold;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:25px;margin-left:auto;margin-right:auto}.videoList .TopList .rankBox{position:relative;width:23%;background:#43597e;border-radius:20px;margin-bottom:20px;border:3px solid #202553;overflow:hidden;color:#fff;text-align:center;padding:12px}.videoList .TopList .rankBox:nth-child(1){width:100%}.videoList .TopList .rankBox:nth-child(1) .place{font-size:48px}.videoList .TopList .rankBox:nth-child(1) .place b::after{content:"st";width:5%;left:-0.5%}.videoList .TopList .rankBox:nth-child(1)::after{content:"";background:url("/img/event/fan/place1.png");width:142px;height:185px;position:absolute;top:1%;z-index:3;left:1%}.videoList .TopList .rankBox:nth-child(2),.videoList .TopList .rankBox:nth-child(3){width:48.5%}.videoList .TopList .rankBox:nth-child(2) .place,.videoList .TopList .rankBox:nth-child(3) .place{font-size:40px;padding-left:127px;text-align:left}.videoList .TopList .rankBox:nth-child(2) .place b::after,.videoList .TopList .rankBox:nth-child(3) .place b::after{content:"nd";width:38px}.videoList .TopList .rankBox:nth-child(2)::after,.videoList .TopList .rankBox:nth-child(3)::after{content:"";background:url("/img/event/fan/place2.png");width:121px;height:157px;position:absolute;top:1%;z-index:3;left:1%}.videoList .TopList .rankBox:nth-child(2) .place b::after{content:"nd"}.videoList .TopList .rankBox:nth-child(3) .place b::after{content:"rd"}.videoList .TopList .rankBox:nth-child(3)::after{background:url("/img/event/fan/place3.png")}.videoList .TopList .rankBox:nth-child(4),.videoList .TopList .rankBox:nth-child(5),.videoList .TopList .rankBox:nth-child(6){width:31.5%}.videoList .TopList .rankBox .name{padding:20px 0 10px;font-size:24px}.videoList .TopList .rankBox img{width:100%;border:2px solid #34d8cb;border-radius:3px;overflow:hidden}.videoList .TopList .rankBox .place{position:relative;color:#ffeb5c;font-size:32px;margin-bottom:8px}.videoList .TopList .rankBox .place b{position:relative}.videoList .TopList .rankBox .place b::after{content:"th";transform:scale(0.6);position:relative;top:0;display:inline-block;transform-origin:top;width:26px;left:-1%}.videoList .AllList{position:relative;width:96%;font-size:.45em;font-weight:bold;margin:0 auto}.videoList .AllList.highlight::after{opacity:.5}.videoList .AllList::after{content:"";background-color:#fff;position:absolute;width:110%;left:-5%;height:110%;top:-5%;z-index:1;opacity:0;pointer-events:none;transition:all .5s ease}.videoList .AllList .list{position:relative;padding-bottom:15px;display:flex;flex-wrap:wrap;z-index:5}.videoList .AllList .pagination{position:relative;display:flex;justify-content:center;align-items:center;z-index:5}.videoList .AllList .pagination .num{position:relative;background:url("/img/event/fan/num.png");width:88px;height:85px;color:#86f8fa;font-size:36px;background-size:100%}.videoList .AllList .pagination .num.active{background-position:0% 97%;color:#4f0810}.videoList .AllList .pagination .prev{position:relative;width:80px}.videoList .AllList .pagination .next{position:relative;width:80px}.videoList .AllList .videoBox{position:relative;width:calc((100% - 4vw)/3);margin-right:2vw;margin-bottom:2vw;height:320px;overflow:hidden}.videoList .AllList .videoBox:nth-child(3n){margin-right:0}.videoList .AllList .videoBox .box{position:relative}.videoList .AllList .videoBox .name{position:absolute;color:#fff;background:rgba(0,0,0,0);background:-webkit-gradient(left top, left bottom, color-stop(37%, rgba(0, 0, 0, 0)), color-stop(42%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.6) 100%);width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6%;z-index:6}.videoList .AllList .videoBox img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:all .3s ease}.videoList .AllList .videoBox:hover img{transform:scale(1.1)}.videoList .AllList>.tr:nth-child(1){background:#3f3f3f;background:-webkit-gradient(left top, left bottom, color-stop(0%, rgb(63, 63, 63)), color-stop(100%, rgb(45, 45, 45)));background:linear-gradient(to bottom, rgb(63, 63, 63) 0%, rgb(45, 45, 45) 100%);padding-right:20px;font-size:1.15em}.videoList .AllList .tr{position:relative;display:flex;align-items:center;padding:15px 0;font-size:1em}.videoList .AllList .tr:nth-child(odd){background-color:#383838}.videoList .AllList .tr .th{position:relative;padding:12px 0}.videoList .AllList .tr .td{position:relative}.videoList .AllList .tr .play{width:108px;height:60px;position:relative;border:1px solid #fff;display:flex;align-items:center;justify-content:center;margin:0 auto;background-color:#2d2d2d;transition:all .3s ease}.videoList .AllList .tr .play:hover{filter:brightness(1.4)}.videoList .AllList .tr div:nth-child(1){width:18%;padding-left:30px;font-size:.7em;padding-right:10px}.videoList .AllList .tr div:nth-child(2){width:20%}.videoList .AllList .tr div:nth-child(3){width:42%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.videoList .AllList .tr div:nth-child(4){width:20%;text-align:center}@media screen and (max-width: 1500px){.videoList .overTip{font-size:2vw}.videoList .AllList{font-size:2vw}.videoList .AllList .videoBox{height:18vw}.videoList .AllList .pagination .prev{width:4vw;margin-right:2vw}.videoList .AllList .pagination .num{width:6vw;height:6vw;font-size:3vw}.videoList .AllList .pagination .next{width:4vw;margin-left:2vw}}@media screen and (max-width: 1200px){.videoList .AllList .videoBox{height:20vw}}#Modal-regist .modal-window{font-family:"Jost",sans-serif;background:url("/img/event/fan/jumpbg.jpg"),#1025b4;max-width:1000px;box-shadow:inset 0 0 11px 10px rgba(255,255,255,.231372549);font-size:.45em;padding:25px 1em;border-radius:3em}#Modal-regist .title{font-size:2.2em;display:block;text-shadow:1px 1px 4px #000}#Modal-regist .term{position:relative;background-color:rgba(0,0,0,.4);padding:20px;border-radius:28px;display:block;position:relative;border-bottom:2px solid #2b76c6}#Modal-regist .term .info{position:relative;overflow:auto;max-height:140px}#Modal-regist .term .title{position:relative;text-align:center;font-size:.8em;text-transform:uppercase}#Modal-regist .term .text{position:relative;font-size:.6em;line-height:1.2;margin-top:.5em}#Modal-regist .registStyle{position:relative;text-align:left}#Modal-regist .registStyle .uid{color:#f6ff00;font-size:1.3em;text-align:center;display:block;margin-bottom:.2em}#Modal-regist .registStyle .toptip{color:#d9d9d9;display:flex;justify-content:center;font-size:.8em;text-align:center}#Modal-regist .registStyle .toptip::before{content:"⭐";margin-right:20px}#Modal-regist .registStyle .toptip::after{content:"⭐";margin-left:20px}#Modal-regist .registStyle .line{position:relative;margin-bottom:.5em}#Modal-regist .registStyle .line label{position:relative;display:block;padding:8px 0px;font-size:1.1em}#Modal-regist .registStyle .line .inputbox{position:relative;width:100%;text-align:center}#Modal-regist .registStyle .contentlist{position:relative;color:silver;margin:0 0 0;overflow:auto;padding-right:15px;max-height:200px}#Modal-regist .registStyle .contentlist>div{position:relative;display:flex;margin-top:.5em;margin-bottom:.5em;justify-content:space-between}#Modal-regist .registStyle .contentlist>div b{position:absolute;left:0}#Modal-regist .registStyle .contentlist>div>span{position:relative;display:flex;padding-left:40px;align-items:center;width:calc(100% - 90px)}#Modal-regist .registStyle .contentlist>div button{position:relative;width:45px;height:45px;background-color:#dadada;border-radius:50%;font-size:1.3em;line-height:46px}#Modal-regist .registStyle .contentlist>div button:hover{background-color:#e65050;color:#fff}#Modal-regist .registStyle .contentlist>div a{color:#07cae8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#Modal-regist .registStyle .videoLink{background-color:rgba(0,0,0,.4196078431);padding:20px;border-radius:28px;display:block;position:relative;border-bottom:2px solid #2b76c6}#Modal-regist .registStyle .inputLine{position:relative;display:flex;justify-content:space-between}#Modal-regist .registStyle .inputLine input{width:calc(100% - 220px);border-radius:20px;height:72px;top:5px;text-align:center}#Modal-regist .registStyle .inputLine .btn{background:url("/img/event/fan/blueBtn.png");display:flex;background-repeat:no-repeat;background-size:contain;background-position:center;align-items:center;justify-content:center;font-size:1.5em;color:#fff;cursor:pointer;filter:brightness(1);transition:all .3s ease;background-size:100% 100%;width:200px;font-size:1.2em;height:82px;border-radius:42px;overflow:hidden}#Modal-regist .registStyle .inputLine .btn:hover{filter:brightness(1.2)}#Modal-regist .send{background:url("/img/event/fan/redBtn.png");display:flex;height:120px;background-repeat:no-repeat;width:48%;background-size:contain;margin:18px auto;background-position:center;align-items:center;justify-content:center;font-size:1.5em;color:#fff;cursor:pointer;filter:brightness(1);transition:all .3s ease}#Modal-regist .send:hover{filter:brightness(1.2)}#Modal-regist .agree{text-align:center;margin:1em auto;cursor:pointer}#Modal-regist .agree a{color:#fff;margin-left:5px}#Modal-regist .agree input{width:0;height:0;background-color:rgba(0,0,0,0);padding:0;margin:0;position:absolute}#Modal-regist .agree label{display:flex;justify-content:center;flex-wrap:wrap;font-size:1em}#Modal-regist .agree span{display:flex;position:relative;align-items:center}#Modal-regist .agree span:before{content:"";margin-right:14px;width:28px;height:28px;border:2px solid #fff;position:relative;transition:background-color .3s,border-color .3s;background-color:rgba(0,0,0,0);cursor:pointer}#Modal-regist .agree span::after{content:"";width:10px;height:18px;border:3px solid #fff;cursor:pointer;border-left:0;border-top:0;transform:rotate(45deg);left:10px;position:absolute;top:8px;opacity:0;transition:all .3s ease}#Modal-regist .agree input[type=checkbox]:checked+span::after{opacity:1}#Modal-regist .errorTip{color:#f6ff00;text-align:left;justify-content:center;font-size:.8em;margin-top:10px}#Modal-regist .errorTip i{width:1.4em;height:1.4em;border-radius:99em;font-size:.7em;display:inline-flex;background:#f6ff00;color:blue;font-style:normal;padding-left:1px;justify-content:center;align-items:center;top:.3em;position:relative;margin-right:5px}#Modal-regist .tip{color:#cbcbcb;text-align:left;justify-content:flex-start;font-size:.8em;margin-top:10px}#Modal-regist .tip i{width:1.4em;height:1.4em;border-radius:99em;font-size:.7em;display:inline-flex;background:#cbcbcb;color:blue;font-style:normal;padding-left:1px;justify-content:center;align-items:center;top:.3em;position:relative;margin-right:5px}small.info{background-image:url(/img/event/live/info.png);width:43px;height:43px;display:block;position:relative;top:-11px;left:7px;cursor:pointer;color:rgba(0,0,0,0);font-size:small;font-weight:bold}small.info::before{content:"";width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;bottom:38px;right:2px;z-index:5;opacity:0;pointer-events:none}small.info::after{content:attr(info);font-size:20px;background:#fff;position:absolute;color:#000;word-break:keep-all;width:350px;bottom:53px;right:-20px;padding:15px 20px;border-radius:10px;box-shadow:0px 0px 11px #000;opacity:0;pointer-events:none}small.info:hover::after,small.info:hover::before{opacity:1;transition:all .3s ease}@keyframes backgroundmove{0%{background-position:0 0}100%{background-position:0 -369%}}@keyframes shineing{0%{filter:brightness(1)}100%{filter:brightness(1.15)}}@keyframes win_Shake{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.02) rotate(-2deg)}50%{transform:scale(0.98) rotate(2deg)}75%{transform:scale(1.06) rotate(-1deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes scale_Shake{0%{transform:scale(1)}100%{transform:scale(1.05)}}@keyframes moving_big{0%{transform:translateY(-10px)}100%{transform:translateY(10px)}}@keyframes moving_{0%{transform:translateY(-5px)}100%{transform:translateY(5px)}}@keyframes figure{0%{transform:translateY(5px) rotate(-6deg) scale(0.95)}100%{transform:translateY(0) rotate(0deg) scale(1)}}@keyframes scale_{0%{transform:translateX(-50%) scale(0.85)}100%{transform:translateX(-50%) scale(1)}}@keyframes handrotate_{0%{transform:rotate(0)}100%{transform:rotate(5deg)}}@keyframes rotate_{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width: 1500px){#c-side-tools{display:none}}@media(max-width: 1199px){#Modal-msg .title,#Modal-sucess .title{font-size:4vw;margin-bottom:2vw}#Modal-msg .js-modalMessage,#Modal-sucess .js-modalMessages{font-size:3.2vw;min-height:auto}#Modal-msg .modal-content,#Modal-sucess .modal-content{padding:7vw 3vw 7vw;min-height:40vw}#mainTop .bg img{width:160vw;left:-30vw;max-width:160vw}#mainTop .gonow{width:60%;height:15vw;font-size:4.5vw;margin-bottom:2vw}#mainTop .win{top:17%;width:78vw}#mainTop .contentText{top:43.5vw;font-size:2.6vw}#mainTop .contentText .cloud a{width:5vw;height:5vw;background-size:28.8vw}.header-title{height:77px;background-size:auto 100%}.header-title .middleBox{max-width:90%}.header-title .middleBox a img{max-width:58px}.header-title .middleBox .logo{position:relative;top:0;width:auto;align-items:baseline}.header-title .middleBox .logo img{max-width:200px}#main{padding-top:37px;background-position:50%;background-image:url("/img/event/fan/bgMobile.png");background-size:100%}#Modal-msg .tip{font-size:2.2vw}#Modal-msg .btn .btnStyle{width:40vw;height:11vw;background-size:contain;background-repeat:no-repeat;background-position:center;color:#fff;font-size:4vw}.howtojoin .middleBox{width:90%}.howtojoin .step{width:90%;margin:0 auto}.howtojoin .swiper-button-prev{left:0%;top:60%;width:11vw;height:16vw}.howtojoin .swiper-button-next{right:0%;top:60%;width:11vw;height:16vw}.howtojoin .role{display:none}.howtojoin .download .btn{width:40%}.prizeArea .bg{max-width:140vw;width:140vw;left:-20vw}.prizeArea .titleStyle{top:14vw}.prizeArea .number{left:12%;width:76%}.prizeArea .info{left:72.8%;width:3vw;top:9%}.prizeArea .prize{top:30%;left:12%;width:78%}.prizeArea .bonus{width:72%}.prizeArea .tip{font-size:2vw;width:70%;left:15%;bottom:7.5%}.streamers .countDay{width:90%;margin:0 auto}.streamers .countDay .info{right:0;width:4vw;background-size:contain;background-repeat:no-repeat;height:4vw}.countDown__digit_cont{width:6.5vw;height:9.5vw;line-height:9.6vw;font-size:6vw}#notice .info{width:90%}.videoList .table{width:90%}.videoList .TopList .rankBox .place{font-size:3vw}.videoList .TopList .rankBox .name{font-size:2vw}.videoList .TopList .rankBox:nth-child(1) .place{font-size:5vw}.videoList .TopList .rankBox:nth-child(1)::after{width:14vw;background-size:contain;background-repeat:no-repeat;height:17vw}.videoList .TopList .rankBox:nth-child(2) .place,.videoList .TopList .rankBox:nth-child(3) .place{padding-left:11vw;font-size:4vw}.videoList .TopList .rankBox:nth-child(2)::after,.videoList .TopList .rankBox:nth-child(3)::after{left:1%;width:11vw;background-size:contain;background-repeat:no-repeat;height:14vw}@keyframes scale_{0%{transform:translateX(-50%) scale(0.95)}100%{transform:translateX(-50%) scale(1)}}#main ::-webkit-scrollbar{width:10px}#main ::-webkit-scrollbar-button:single-button{height:5px;width:5px}#main ::-webkit-scrollbar-button:single-button:vertical:decrement{border-width:0 5px 5px 5px}#main ::-webkit-scrollbar-button:single-button:vertical:increment{border-width:5px 5px 0 5px}}@media(max-width: 991px){.modal .modal-content{background-position:center;background-size:contain}#Modal-sucess .tip{font-size:3vw;margin-top:3vw}#Modal-regist .modal-window{font-size:3vw;border-radius:4vw}#Modal-regist .registStyle .inputLine input{height:8vw;top:0}#Modal-regist .registStyle .inputLine .btn{height:8vw}#Modal-regist .title{font-size:5vw}#Modal-regist select,#Modal-regist input{font-size:3vw}#Modal-regist .send{height:13vw;margin:2vw auto 0}#Modal-regist .agree span:before{margin-right:2vw;width:4vw;height:4vw;border:1px solid #fff}#Modal-regist .agree span::after{width:1.5vw;height:2.5vw;border-width:2px;left:2%;top:.5vw}#Modal-operation .title{font-size:4vw;width:100%}#Modal-operation .icon{margin:3vw 0}#Modal-operation .icon img{width:150px}#Modal-operation .download{margin-bottom:4vw;font-size:3vw}#Modal-operation .btnBox{max-height:62px;height:7vw}#footer{overflow:visible;padding-top:0;border-top:2px solid #97642c;background:#251d20;background:-webkit-gradient(left top, left bottom, color-stop(0%, rgb(37, 29, 32)), color-stop(100%, rgb(69, 56, 50)));background:linear-gradient(to bottom, rgb(37, 29, 32) 0%, rgb(69, 56, 50) 100%)}#footer::after{display:none}#footer-logo{margin-top:-5vw}.howtojoin .step{width:100%}.howtojoin .onAir{width:100%}.howtojoin .stepSwiper .text{font-size:2.3vw}.howtojoin .stepSwiper{padding-bottom:7vw}.prizeArea .role{display:none}.streamers .rank .uid{width:25vw;background-size:100%;font-size:2.5vw;padding-left:6%;margin-right:auto;height:7vw;margin-left:auto}.streamers .rank .name{width:40%}.streamers .rank .num{padding-left:1vw;width:8vw;font-size:5vw}.streamers .rank .good{margin-right:3vw;font-size:4vw;width:15vw}.streamers .rank .good::before{width:4vw;height:4vw;margin-right:1vw}.streamers .rank .line{margin:0 auto 1vw;height:10vw}.streamers .rank .line:nth-child(1){width:40%;padding-top:8.5vw;padding-bottom:5vw;margin:0 auto 2vw}.streamers .rank .line:nth-child(1) .good{font-size:5vw;margin:1vw 0 0}.streamers .rank .line:nth-child(1) .good::before{width:5vw;height:5vw;margin-right:1vw}.streamers .rank .line:nth-child(2),.streamers .rank .line:nth-child(3){padding-top:16vw;top:3.6vw}.streamers .rank .line:nth-child(2) .good,.streamers .rank .line:nth-child(3) .good{font-size:5vw;margin:1vw 0 0}.streamers .rank .line:nth-child(2) .good::before,.streamers .rank .line:nth-child(3) .good::before{width:5vw;height:5vw;margin-right:1vw}.streamers .rank .line:nth-child(4),.streamers .rank .line:nth-child(5){height:15vw}.streamers .rank .line:nth-child(4) .people,.streamers .rank .line:nth-child(5) .people{width:11vw}.streamers .rank .line:nth-child(4) .uid,.streamers .rank .line:nth-child(5) .uid{padding-left:6%}.streamers .rank .line:nth-child(4) .name,.streamers .rank .line:nth-child(5) .name{width:27vw;padding-left:2vw;padding-right:0vw}.swiper .swiper-pagination-clickable .swiper-pagination-bullet{width:3vw;background-size:100%;height:3vw;margin:0 1vw}}@media(max-width: 767px){#Modal-operation .btnBox{display:block;height:auto;max-height:none;width:80%}#Modal-operation .btnBox a{width:100%;height:19vw;margin-bottom:5vw}#Modal-operation .download{font-size:4vw}#Modal-operation .icon img{max-width:150px;width:34vw}#Modal-operation .title{font-size:5vw}#Modal-regist .term{padding:3vw;border-radius:5vw}#Modal-regist .modal-window{padding:3vw}#Modal-regist .registStyle .videoLink{padding:3vw;border-radius:5vw}#Modal-regist .registStyle .contentlist{max-height:15vh}#Modal-regist .registStyle .contentlist>div button{width:6vw;height:6vw;font-size:4vw;line-height:1.8vw}#Modal-regist .registStyle .contentlist>div>span{width:calc(100% - 10vw);padding-left:6vw}#Modal-regist .registStyle .inputLine input{width:calc(100% - 28vw);height:calc(8vw + 3px)}#Modal-regist .registStyle .inputLine .btn{height:9vw;width:25vw}#mainTop .gonow{width:75%;height:25vw;font-size:8vw;margin-bottom:2vw}#mainTop .bg img{width:100%;left:0}#mainTop .win{top:68vw;width:98vw}#mainTop .contentText{top:0;font-size:3.4vw;width:95%;position:relative;margin-top:-81vw}#mainTop .contentText .cloud a{width:9vw;height:9vw;background-size:51.8vw;margin:0 .8vw}.videoList .title{width:100%}.videoList .overTip{font-size:3vw;margin:3vw 0}.videoList .btn{height:11.8vw;font-size:5vw;width:25vw;right:3vw;top:0}.videoList .AllList{width:100%}.videoList .table{border-radius:12px 12px 0 0;font-size:3vw}.videoList .table>.tr:nth-child(1){padding-right:3vw}.videoList .table .scroll{padding-bottom:0}.videoList .table .tr{padding:2vw 0}.videoList .table .tr .play{width:12vw;height:7vw}.videoList .table .tr .play img{width:50%}.videoList .table .tr div:nth-child(1){padding-left:3vw;width:12%;margin-right:10vw}.videoList .table .tr .th{padding:7px 3px}.videoList .TopList .rankBox{border-width:1px;border-radius:10px;padding:1.5vw;margin-bottom:3vw}.videoList .TopList .rankBox .place{margin-bottom:1.5vw;font-size:3vw}.videoList .TopList .rankBox .place b::after{width:3vw}.videoList .TopList .rankBox .name{font-size:3vw;padding:3vw 0 1vw}.videoList .TopList .rankBox img{border-width:1px}.videoList .TopList .rankBox:nth-child(1) .place{font-size:7vw}.videoList .TopList .rankBox:nth-child(1) .place b::after{width:6%}.videoList .TopList .rankBox:nth-child(1)::after{width:14vw;background-size:contain;background-repeat:no-repeat;height:17vw}.videoList .TopList .rankBox:nth-child(2) .place,.videoList .TopList .rankBox:nth-child(3) .place{padding-left:11vw;font-size:5vw}.videoList .TopList .rankBox:nth-child(2) .place b::after,.videoList .TopList .rankBox:nth-child(3) .place b::after{width:18%}.videoList .TopList .rankBox:nth-child(2)::after,.videoList .TopList .rankBox:nth-child(3)::after{left:1%;width:11vw;background-size:contain;background-repeat:no-repeat;height:14vw}.streamers{margin-bottom:5vw;width:95%}.streamers .countDay{width:95%}.streamers .countDay .info{width:5vw;height:5vw}.streamers .countDay .info::after{font-size:3.5vw;width:70vw;padding:3vw;bottom:6vw;right:-1vw;text-align:center}.streamers .countDay .info::before{border-width:2vw 2vw 0 2vw;bottom:4.5vw}.streamers .rank .line:nth-child(1)::after{border-width:0 2vw 3vw 2vw;left:50%;transform:translateX(-50%)}.howtojoin .middleBox{width:100%}.howtojoin .stepSwiper{padding-bottom:7vw}.howtojoin .onAir{width:114vw;left:-12vw;padding-bottom:11vw;margin:5vw auto 3vw}.howtojoin .onAir .btnStyle{height:24vw;font-size:9vw;width:60%;margin-bottom:0;margin-left:6vw}.howtojoin .onAir .emoji{height:68%}.howtojoin .download .btn{width:64%}.prizeArea .number{left:4%;width:90%}.prizeArea .bg{width:100%;left:0}.prizeArea .info{left:86%;width:6vw;top:9%}.prizeArea .prize{width:100%;left:0;top:28%}.prizeArea .bonus{width:100%;top:55%}.prizeArea .tip{font-size:3.2vw;width:90%;left:5%;bottom:10.5%}#footer-logo{margin-top:-48px}.swiper .swiper-pagination-clickable .swiper-pagination-bullet{width:4vw;height:4vw;margin:0 1.5vw}.modal .modal-content{padding:6vw 7vw}.header-title{height:60px;top:0}.header-title .middleBox .logo{top:5px}.header-title .middleBox a img{max-width:40px}.header-title .middleBox .logo img{max-width:170px}#main{padding-top:60px;padding-bottom:0}#notice{overflow:hidden}#notice::before{width:180vw;left:-40vw;background-position:top;top:0;z-index:10;height:12vw}#notice::after{top:9vw;width:100%;height:95%}#notice .info{padding:6vw 0 15vw}#notice .info .text{padding-right:10px}.footer{position:fixed;bottom:0;height:55px}.footer::after{background-size:auto 100%}.footer .middleBox a{margin:0 13px}.footer .middleBox a img{height:24px}.footer .middleBox a.logo img{height:40px}.bottomTime{position:fixed;background-image:url(/img/event/FortuneShake/time.png);width:100%;background-repeat:no-repeat;height:10vw;bottom:53px;z-index:107;display:flex;align-items:flex-end;font-size:3.6vw;text-align:center;background-size:auto 100%;background-position:center;padding-bottom:1px}.bottomTime::after{content:"";background-color:#8d0e2b;position:absolute;width:431px;height:9px;bottom:-8px;left:50%;transform:translateX(-50%);border-radius:20px}.bottomTime .date{display:block;width:100%}.mobileOnly{display:block}#notice{background-size:300vw;margin-top:0;padding-top:0}#notice .info{font-size:3vw;padding-bottom:70px}#notice .info .title{font-size:5vw;margin-bottom:3vw;margin-top:2vw}}/*# sourceMappingURL=fan.css.map */