.live-recommendation{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;font-family:"ClashDisplay"}.live-recommendation .liveHeaderBox{width:100%;height:1190px;background:url("/images/Live/PC-livetopbg.png") no-repeat;background-position:center center;background-size:cover}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBox{height:345px;background:url("/images/Live/mobile-livetopbg.png") no-repeat;background-position:center center;background-size:cover}}.live-recommendation .liveHeaderBox .liveHeaderLogo{width:100%;height:80px;background:#000;padding-left:60px;cursor:pointer}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBox .liveHeaderLogo{height:40px;gap:12px;padding-left:20px}}.live-recommendation .liveHeaderBox .liveHeaderLogo .header-logo{width:100%;height:100%}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBox .liveHeaderLogo .header-logo{width:100%;height:40px;gap:12px}}.live-recommendation .liveHeaderBox .liveHeaderLogo .header-logo>a{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:#fff}.live-recommendation .liveHeaderBox .liveHeaderLogo .header-logo>a>img:first-child{margin-right:12px;width:24px;height:24px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBox .liveHeaderLogo .header-logo>a>img:first-child{width:14px;height:14px}}.live-recommendation .liveHeaderBox .liveHeaderLogo .header-logo>a>img:last-child{width:128px;height:21px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBox .liveHeaderLogo .header-logo>a>img:last-child{width:66px;height:16px}}.live-recommendation .liveHeaderBox .HeaderBox{width:100%;height:1110px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBox .HeaderBox{height:auto;margin:20px auto}}.live-recommendation .liveHeaderBox .HeaderBox .liveHeaderJoin{height:auto;font-weight:700;line-height:148px;text-transform:uppercase;font-size:120px;padding:190px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBox .HeaderBox .liveHeaderJoin{width:80%;height:auto;font-size:2.75rem;line-height:54px;margin:0 auto;padding:10px}}.live-recommendation .liveHeaderBox .HeaderBox .HeaderDown{width:26px;height:260px;position:absolute;left:145px;top:622px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBox .HeaderBox .HeaderDown{display:none}}.live-recommendation .liveHeaderBox .HeaderBox .HeaderDown img{width:100%;height:100%}.live-recommendation .liveHeaderBlack{width:1345px;height:463px;position:absolute;right:0px;top:740px;gap:17px;display:flex;flex-direction:row}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBlack{width:100%;height:240px;top:270px;z-index:1}}.live-recommendation .liveHeaderBlack .liveHeaderLeft{width:1247px;height:100%;position:relative;background:url("/images/Live/left-black.png") no-repeat;background-position:center center;background-size:100%}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBlack .liveHeaderLeft{width:100%;background:url("/images/Live/mobile-black.png") no-repeat;background-position:center center;background-size:cover}}.live-recommendation .liveHeaderBlack .liveHeaderLeft .leftcontent{display:flex;flex-direction:column;align-items:flex-start;gap:47px;position:absolute;width:954px;height:257px;left:100px;top:100px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBlack .liveHeaderLeft .leftcontent{width:100%;height:100%;padding:15px 10px 15px 43px;gap:10px;left:0px;top:25px}}.live-recommendation .liveHeaderBlack .liveHeaderLeft .leftcontent p{height:90px;font-family:"Rubik";font-weight:600;font-size:1.25rem;line-height:150%}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBlack .liveHeaderLeft .leftcontent p{height:auto;font-size:.75rem;line-height:16px;font-weight:400}}.live-recommendation .liveHeaderBlack .liveHeaderLeft .leftcontent a{display:flex;flex-direction:row;align-items:flex-start;padding:12px 20px;gap:10px;width:auto;height:48px;background:#3057d5;box-shadow:0px 1px 20px #3057d5;border-radius:33px;color:#fff}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBlack .liveHeaderLeft .leftcontent a{width:auto;height:28px;padding:7px 10px;gap:4px}}.live-recommendation .liveHeaderBlack .liveHeaderLeft .leftcontent a img{width:24px;height:24px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBlack .liveHeaderLeft .leftcontent a img{width:14px;height:14px}}.live-recommendation .liveHeaderBlack .liveHeaderLeft .leftcontent a p{height:24px;font-family:"Rubik";font-weight:700;font-size:1.25rem;line-height:24px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBlack .liveHeaderLeft .leftcontent a p{font-size:.75rem;line-height:14px}}.live-recommendation .liveHeaderBlack .liveHeaderLeft .leftcontent a:last-child{background:#ff2b6d;box-shadow:0px 1px 20px #ff2b6d}.live-recommendation .liveHeaderBlack .liveHeaderRight{width:81px;height:367px;margin-top:47px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveHeaderBlack .liveHeaderRight{display:none}}.live-recommendation .liveHeaderBlack .liveHeaderRight img{width:100%;height:100%}.live-recommendation .live-center{width:100%;height:auto;background:url("/images/Live/PC-livebg.png") no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:180px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center{background:none;margin-top:150px;gap:40px}}.live-recommendation .live-center .liveCenterBox{width:100%;height:auto}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .liveCenterBox{background:url("/images/Live/mobile-livebg.png") no-repeat;background-size:cover}}.live-recommendation .live-center .liveCenterBox .liveCenterTop{width:100%;height:793px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:24px;margin:400px 0px 200px 0px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .liveCenterBox .liveCenterTop{width:100%;height:auto;flex-direction:column;padding:20px;margin:24px 0px}}.live-recommendation .live-center .liveCenterBox .liveCenterTop .plays,.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds,.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn{width:492px;height:793px;background:url("/images/Live/plays.png") no-repeat;background-position:center center;background-size:100%;position:relative}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .liveCenterBox .liveCenterTop .plays,.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds,.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn{width:100%;height:419px;background:url("/images/Live/mobile-plays.png") no-repeat;background-position:center center;background-size:contain}}.live-recommendation .live-center .liveCenterBox .liveCenterTop .plays .content,.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds .content,.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn .content{padding:20px 50px 50px 50px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.live-recommendation .live-center .liveCenterBox .liveCenterTop .plays .content .time,.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds .content .time,.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn .content .time{width:66px;height:60px;font-family:"Rubik";font-weight:600;font-size:2.5rem;line-height:150%;position:absolute;top:28px;left:32px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .liveCenterBox .liveCenterTop .plays .content .time,.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds .content .time,.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn .content .time{top:22px;left:50px;font-size:1.25rem}}.live-recommendation .live-center .liveCenterBox .liveCenterTop .plays .content .text,.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds .content .text,.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn .content .text{display:flex;flex-direction:column;align-items:flex-start;gap:28px;width:396px;height:208px;position:absolute;top:447px;left:48px;font-family:"Rubik"}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .liveCenterBox .liveCenterTop .plays .content .text,.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds .content .text,.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn .content .text{width:100%;left:0px;height:auto;top:225px;gap:10px}}.live-recommendation .live-center .liveCenterBox .liveCenterTop .plays .content .text p,.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds .content .text p,.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn .content .text p{width:128px;height:auto;font-weight:600;font-size:2.5rem;line-height:150%}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .liveCenterBox .liveCenterTop .plays .content .text p,.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds .content .text p,.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn .content .text p{width:100%;padding:0px 50px;font-size:1.25rem;line-height:24px}}.live-recommendation .live-center .liveCenterBox .liveCenterTop .plays .content .text p:last-child,.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds .content .text p:last-child,.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn .content .text p:last-child{width:396px;height:auto;font-weight:400;font-size:1rem;line-height:150%;word-break:break-word}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .liveCenterBox .liveCenterTop .plays .content .text p:last-child,.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds .content .text p:last-child,.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn .content .text p:last-child{width:100%;font-size:.75rem;line-height:16px}}.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds{width:492px;height:793px;background:url("/images/Live/builds.png") no-repeat;background-position:center center;background-size:100%}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .liveCenterBox .liveCenterTop .builds{width:100%;height:419px;background:url("/images/Live/mobile-builds.png") no-repeat;background-position:center center;background-size:contain}}.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn{width:492px;height:793px;background:url("/images/Live/learn.png") no-repeat;background-position:center center;background-size:100%}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .liveCenterBox .liveCenterTop .learn{width:100%;height:419px;background:url("/images/Live/mobiles-learn.png") no-repeat;background-position:center center;background-size:contain}}.live-recommendation .live-center .LearnBox{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:180px;max-width:1920px;margin:0 auto}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox{background:url("/images/Live/mobile-learn.png") no-repeat;background-size:cover;margin-top:0px;height:auto;gap:40px}}.live-recommendation .live-center .LearnBox .liveCenterLearn{width:1096px;height:75px;display:flex;flex-direction:row;align-items:baseline;gap:20px;margin-left:5%}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .liveCenterLearn{width:100%;flex-direction:column;height:auto}}.live-recommendation .live-center .LearnBox .liveCenterLearn span{height:100%;font-weight:700;font-size:5rem;line-height:98px;text-transform:uppercase}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .liveCenterLearn span{height:auto;font-size:2.375rem;font-weight:600;line-height:42px}}.live-recommendation .live-center .LearnBox .liveCenterLearn p{height:49px;font-weight:500;font-size:2.5rem;line-height:49px;text-transform:uppercase}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .liveCenterLearn p{font-weight:400;font-size:1.125rem;line-height:36px}}.live-recommendation .live-center .LearnBox .content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:380px;margin-bottom:200px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content{gap:40px;margin-bottom:20px}}.live-recommendation .live-center .LearnBox .content .learn-one,.live-recommendation .live-center .LearnBox .content .learn-two,.live-recommendation .live-center .LearnBox .content .learn-three{width:100%;height:625px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-one,.live-recommendation .live-center .LearnBox .content .learn-two,.live-recommendation .live-center .LearnBox .content .learn-three{height:auto;gap:10px;flex-direction:column}}.live-recommendation .live-center .LearnBox .content .learn-one .one-img,.live-recommendation .live-center .LearnBox .content .learn-two .one-img,.live-recommendation .live-center .LearnBox .content .learn-three .one-img{width:60%;height:625px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-one .one-img,.live-recommendation .live-center .LearnBox .content .learn-two .one-img,.live-recommendation .live-center .LearnBox .content .learn-three .one-img{width:100%;height:244px;background:url("/images/Live/mobile-one.png") no-repeat;background-size:100%}}.live-recommendation .live-center .LearnBox .content .learn-one .one-img img,.live-recommendation .live-center .LearnBox .content .learn-two .one-img img,.live-recommendation .live-center .LearnBox .content .learn-three .one-img img{width:100%;height:100%;object-fit:contain}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-one .one-img img,.live-recommendation .live-center .LearnBox .content .learn-two .one-img img,.live-recommendation .live-center .LearnBox .content .learn-three .one-img img{display:none}}.live-recommendation .live-center .LearnBox .content .learn-one .one-text,.live-recommendation .live-center .LearnBox .content .learn-two .one-text,.live-recommendation .live-center .LearnBox .content .learn-three .one-text{width:490px;height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:48px;margin:0px 120px 0px 40px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-one .one-text,.live-recommendation .live-center .LearnBox .content .learn-two .one-text,.live-recommendation .live-center .LearnBox .content .learn-three .one-text{width:100%;gap:12px;padding:0 10px;margin:0px}}.live-recommendation .live-center .LearnBox .content .learn-one .one-text .one-content,.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-content,.live-recommendation .live-center .LearnBox .content .learn-three .one-text .one-content{justify-content:flex-end;align-items:flex-start;width:auto;height:auto}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-one .one-text .one-content,.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-content,.live-recommendation .live-center .LearnBox .content .learn-three .one-text .one-content{width:auto}}.live-recommendation .live-center .LearnBox .content .learn-one .one-text .one-content span,.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-content span,.live-recommendation .live-center .LearnBox .content .learn-three .one-text .one-content span{font-weight:700;font-size:2.375rem;line-height:47px;display:flex;align-items:center;text-transform:uppercase;margin-bottom:20px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-one .one-text .one-content span,.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-content span,.live-recommendation .live-center .LearnBox .content .learn-three .one-text .one-content span{font-size:1.125rem;line-height:20px}}.live-recommendation .live-center .LearnBox .content .learn-one .one-text .one-btn,.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-btn,.live-recommendation .live-center .LearnBox .content .learn-three .one-text .one-btn{gap:50px;width:auto;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-one .one-text .one-btn,.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-btn,.live-recommendation .live-center .LearnBox .content .learn-three .one-text .one-btn{width:auto;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:end;padding:0px;gap:10px}}.live-recommendation .live-center .LearnBox .content .learn-one .one-text .one-btn p,.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-btn p,.live-recommendation .live-center .LearnBox .content .learn-three .one-text .one-btn p{font-weight:400;font-size:1.25rem;font-family:"Rubik";line-height:24px;text-transform:uppercase}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-one .one-text .one-btn p,.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-btn p,.live-recommendation .live-center .LearnBox .content .learn-three .one-text .one-btn p{width:60%;font-size:.75rem;line-height:14px}}.live-recommendation .live-center .LearnBox .content .learn-one .one-text .one-btn a,.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-btn a,.live-recommendation .live-center .LearnBox .content .learn-three .one-text .one-btn a{height:67px;font-weight:700;font-family:"Rubik";font-size:1.75rem;line-height:33px;text-transform:uppercase;color:#fbf8f3;display:flex;align-items:center;text-shadow:0px 4px 20px rgba(0,0,0,.3);background:linear-gradient(99.46deg, #F92C70 -10.9%, #3057D5 97.14%);border-radius:100px;max-width:231px;gap:10px;padding:17px 25px;cursor:pointer}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-one .one-text .one-btn a,.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-btn a,.live-recommendation .live-center .LearnBox .content .learn-three .one-text .one-btn a{font-size:.875rem;line-height:16px;height:auto;width:auto;padding:10px 12px}}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-two{flex-direction:column-reverse}}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-two .one-img{background:url("/images/Live/mobile-two.png") no-repeat;background-size:100%}}.live-recommendation .live-center .LearnBox .content .learn-two .one-text{height:358px;margin-right:0px;margin-left:10%}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-two .one-text{width:auto;height:auto;margin-left:0px}}.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-content{width:auto;height:auto}.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-content span{width:323px;height:auto}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-two .one-text .one-content span{width:100%}}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-three{z-index:9}}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .live-center .LearnBox .content .learn-three .one-img{background:url("/images/Live/mobile-three.png") no-repeat;background-size:100%}}.live-recommendation .liveBottomBox{width:100%;height:auto;background:url("/images/Live/button-bg.png") no-repeat;background-size:100%;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:40px;padding:300px 0px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveBottomBox{background:url("/images/Live/mobile-yahaha.png") no-repeat;background-size:cover;margin-top:-400px;flex-direction:column;gap:40px;height:960px}}.live-recommendation .liveBottomBox .leftBox,.live-recommendation .liveBottomBox .rightBox{width:50%;max-width:930px;height:361px;background:url("/images/Live/left.png") no-repeat;background-position:center center;background-size:100%}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveBottomBox .leftBox,.live-recommendation .liveBottomBox .rightBox{width:80%;height:auto;position:absolute;top:555px;left:0px;background-size:cover;border-radius:0px 20px 20px 0px;max-width:none}}.live-recommendation .liveBottomBox .leftBox .left-content,.live-recommendation .liveBottomBox .rightBox .left-content{width:507px;height:177px;margin:90px auto;display:flex;flex-direction:column;align-items:flex-start;gap:38px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveBottomBox .leftBox .left-content,.live-recommendation .liveBottomBox .rightBox .left-content{width:80%;height:auto;margin:20px 30px;gap:18px}}.live-recommendation .liveBottomBox .leftBox .left-content p,.live-recommendation .liveBottomBox .rightBox .left-content p{font-weight:500;font-size:1.25rem;line-height:24px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveBottomBox .leftBox .left-content p,.live-recommendation .liveBottomBox .rightBox .left-content p{font-size:.75rem;line-height:16px}}.live-recommendation .liveBottomBox .leftBox .left-content .btnBox,.live-recommendation .liveBottomBox .rightBox .left-content .btnBox{gap:40px;display:flex;flex-direction:row;align-items:flex-start;height:67px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveBottomBox .leftBox .left-content .btnBox,.live-recommendation .liveBottomBox .rightBox .left-content .btnBox{gap:20px;height:27px}}.live-recommendation .liveBottomBox .leftBox .left-content .btnBox a,.live-recommendation .liveBottomBox .rightBox .left-content .btnBox a{padding:17px 25px;gap:10px;width:auto;height:100%;background:linear-gradient(99.46deg, #F92C70 -10.9%, #3057D5 97.14%);border-radius:100px;font-size:1.75rem;font-family:"Rubik";line-height:33px;text-transform:uppercase;color:#fbf8f3;text-shadow:0px 4px 20px rgba(0,0,0,.3);white-space:nowrap;font-weight:700}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveBottomBox .leftBox .left-content .btnBox a,.live-recommendation .liveBottomBox .rightBox .left-content .btnBox a{padding:6px 10px;font-size:.875rem;line-height:16px}}.live-recommendation .liveBottomBox .rightBox{background:url("/images/Live/right.png") no-repeat;background-position:center center;background-size:100%;right:0px}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .liveBottomBox .rightBox{background-size:cover;top:735px;left:20%;border-radius:20px 0px 0px 20px}}.live-recommendation .footer{width:100%}.live-recommendation .option{width:134px;height:88px;position:fixed;bottom:34px;right:0px;cursor:pointer}@media only screen and (min-width: 150px)and (max-width: 979px){.live-recommendation .option{display:none}}.live-recommendation .option img{width:100%;height:100%}.live-stream{min-height:100vh;background:#090803;background:url("/images/Live/pc-main-bg.png") no-repeat bottom;background-size:100%}.live-stream .content .bg .right{position:fixed;top:0;right:0;max-width:350px}.live-stream .content .form{width:500px;margin:100px auto;position:relative;z-index:1}.live-stream .content .form .title{font-size:2.25rem;font-weight:500;text-align:center;line-height:50px}.live-stream .content .form .sub{font-size:.9375rem;margin:4px 0 56px;text-align:center}.live-stream .content .form .type .item{height:100px;padding:10px 16px 10px 10px;box-sizing:border-box;background:hsla(0,0%,100%,.09);display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;border-radius:12px;cursor:pointer;transition:all ease-in-out .3s;border:2px solid rgba(0,0,0,0)}.live-stream .content .form .type .item.active{border-color:#ffc200}.live-stream .content .form .type .item.active .circle{border-width:5px}.live-stream .content .form .type .item .left{display:flex;align-items:center;gap:16px}.live-stream .content .form .type .item .left .bg{width:80px;height:80px;background:hsla(0,0%,100%,.04);border-radius:6px;display:flex;justify-content:center;align-items:center}.live-stream .content .form .type .item .left .text{max-width:310px}.live-stream .content .form .type .item .circle{width:20px;height:20px;display:block;border:2px solid #ffc200;border-radius:50%;transition:all ease-in-out .3s}.live-stream .content .form .submit{text-align:center;margin-top:56px}.live-stream .content .form.started .title{margin-bottom:56px}.live-stream .content .form.started .type .item{word-break:break-all;cursor:auto;gap:20px}.live-stream .content .form.started .type .item .bg{background-color:#ffc200;width:48px;height:48px}.live-stream .content .form.started .type .item .bg i{font-size:1.5rem;color:#111927}.live-stream .content .form.started .type .item .text .name{color:hsla(0,0%,100%,.6);line-height:20px}.live-stream .content .form.started .type .item .text .value{line-height:26px;font-size:1rem;color:#fff}