/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/pages/coool/homepage/styles/index.less ***!
  \*************************************************************************************************************************************/:root{--headerbtns:#1a1a1d;--fontFamilyContent:"DM Sans",sans-serif;--fontFamilyTitle:"Open Sans",sans-serif;--fontFamilyShare:"Crimson Pro",serif;--hoverColor:#0018ff}:root .white{--homebg:#f1f1f1;--homebg2:#fff;--headerbg:#fff;--fontColor:#010101}:root .black{--homebg:#121212;--homebg2:#222;--headerbg:#000;--fontColor:#fff}.block{display:block}.pointer{cursor:pointer}.text-center{text-align:center}.text-underline{text-decoration:underline}.font-bold{font-weight:700}.hidden{overflow:hidden}.auto-x{overflow-x:auto}.auto-y{overflow-y:auto}.hide{display:none}.show{display:block}.block-center{display:block;margin:0 auto}.bs-box{box-sizing:border-box}.clear:after{clear:both;content:"";display:block;font-size:0;height:0;overflow:hidden;width:0}.cut,.cut-rows{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.cut-2{-webkit-line-clamp:2}.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-mflexbox;display:flex}.flex-center{align-items:center}.flex-center,.flex-row-center{justify-content:center}.flex-row-between{justify-content:space-between}.flex-column-center{align-items:center}.flex-column-start{align-items:flex-start}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.position-center{left:50%;top:50%;transform:translate(-50%,-50%)}.position-center-hrz{left:50%;transform:translateX(-50%)}.position-center-hrz-1{left:25%;transform:translateX(-50%)}.position-center-vtc{top:50%;transform:translateY(-50%)}.icon{fill:currentColor;display:block;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{word-wrap:break-word;font-size:0;line-height:1;word-break:break-word}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}.pic{display:block;font-size:18px;height:100%;line-height:1.5;width:100%}@media screen and (max-width:933px){body{margin:0;padding:0}.big-box{background-color:var(--homebg);padding:0 12px 48px}.box{box-sizing:border-box;margin:0 auto;position:relative}.item{border-radius:.1rem;box-shadow:0 .01rem .03rem rgba(0,0,0,.3);cursor:pointer;display:none;overflow:hidden;position:absolute}.item.show{display:block}.item .desc{background:#fff;margin:0;padding:.16rem}.item .desc.Text{background-color:#fff}.item .desc.Text p{width:100%}.item .desc .icon-box{position:absolute;right:8px;top:8px}.item .desc .icon-box .icon-tupian{height:.28rem;margin-right:.1rem;width:.28rem}.item .desc .icon-box .num{color:#fff;font-size:14px}.mask:before{background:linear-gradient(to top right,transparent,transparent 50%,#333);content:"";height:80px;position:absolute;right:0;top:0;width:80px}.item>img{display:block;object-fit:cover;width:100%}.item .flex>p{color:#222;font-family:DM Sans,sans-serif;font-size:.24rem;line-height:1.5;width:1.8rem;word-break:break-all}.loading{display:block;height:.3rem;margin-top:.22rem;width:.3rem}.loading.hide{display:none}.shape{height:.2rem;opacity:.5;position:absolute;top:40%;width:.2rem}.shape-1{animation:animationShape1 1.5s ease infinite;background-color:#1875e5;left:-.4rem}.shape-2{animation:animationShape2 1.5s ease .5s infinite;background-color:#c5523f;left:0}.shape-3{animation:animationShape3 1.5s ease .8s infinite;background-color:#499255;left:.4rem}.shape-4{animation:animationShape4 1.5s ease 1s infinite;background-color:#f2b736;left:.8rem}@keyframes animationShape1{0%{transfrom:scale(1);opacity:.5}50%{opacity:1;transform:scale(1.5)}to{transfrom:scale(.5);opacity:.5}}@keyframes animationShape2{0%{transfrom:scale(1);opacity:.5}50%{opacity:1;transform:scale(1.5)}to{transfrom:scale(.5);opacity:.5}}@keyframes animationShape3{0%{transfrom:scale(1);opacity:.5}50%{opacity:1;transform:scale(1.5)}to{transfrom:scale(.5);opacity:.5}}@keyframes animationShape4{0%{transfrom:scale(1);opacity:.5}50%{opacity:1;transform:scale(1.5)}to{transfrom:scale(.5);opacity:.5}}.header{background-color:var(--homebg);border-bottom:.04rem solid var(--headerbottom);box-sizing:border-box;height:.9rem;padding:0 .2rem;width:100%}.header .logo{align-items:center;display:flex;height:.9rem}.header .logo .logo-2{height:60%}.header .btns{margin-left:auto}.header .btns .btn-1{cursor:pointer}.header .btns .btn-1 .icon-box{margin-left:.26rem}.header .btns .btn-1 .icon-box .icon-game,.header .btns .btn-1 .icon-box .icon-quiz{height:.52rem;width:.52rem}.header .tags{display:none}.footer .about-us{position:relative}.footer .about-us .about-warp{background-color:#212121;padding:.5rem .3rem;position:relative}.footer .about-us .about-warp .title{color:#fff;font-size:.5rem;margin:0 auto;padding-bottom:.36rem;text-align:center}.footer .about-us .about-warp .para{margin-top:.3rem}.footer .about-us .about-warp .para .para-title{color:#fff;font-size:.3rem;margin-bottom:.02rem;margin-top:-.1rem}.footer .about-us .about-warp .para .para-text{color:#9b9b9b;font-size:.26rem;line-height:1.5;margin-top:.36rem}.footer .about-us .about-warp .para .sp-text{color:#a666ff}.footer .bottom-navbar{background-color:var(--homebg);height:.7rem;overflow:hidden;position:relative;text-align:center}.bottom-navbar>a{color:#fff;font-size:.26rem;line-height:.7rem;position:relative;text-decoration:none}.bottom-navbar>a:not(:last-child):before{background-color:#fff;content:"";height:.2rem;position:absolute;right:-.19rem;top:50%;transform:translateY(-50%);width:.01rem}.bottom-navbar>a:not(:last-child){margin-right:.28rem}}@media screen and (min-width:934px){.header{background-color:var(--headerbg);border-bottom:1px solid #222;box-sizing:border-box;gap:20px;justify-content:center;padding:0 38px;width:100%}.header,.header .logo{align-items:center;display:flex;height:60px}.header .logo .logo-2{height:60%}.header .btns{margin-left:auto}.header .btns .btn-lead{border-radius:10px;margin-left:15px;overflow:hidden;padding:2px}.header .btns .btn-lead .btn-1{background-color:var(--headerbtns);border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;height:40px;margin:0 auto;position:relative;width:180px;z-index:2}.header .btns .btn-lead .btn-1 .icon-box{margin-right:10px}.header .btns .btn-lead .btn-1 .icon-box .icon-game{height:15px;width:24px}.header .btns .btn-lead .btn-1 .icon-box .icon-quiz{height:18px;width:18px}.header .btns .btn-lead .btn-box{background-color:var(--headerbtns);box-sizing:border-box;height:40px;position:relative;width:180px}.header .btns .btn-lead .btn-box .borderLine{display:none;position:absolute;top:0;inset:0}.header .btns .btn-lead .btn-box .borderLine:after,.header .btns .btn-lead .btn-box .borderLine:before{animation:Streamer 3s linear infinite;background:linear-gradient(0deg,transparent,transparent,#45f3ff,#45f3ff,#45f3ff);content:"";height:100%;left:-50%;position:absolute;top:-50%;transform-origin:bottom right;width:100%}.header .btns .btn-lead .btn-box .borderLine:before{animation-delay:-1.5s;background:linear-gradient(0deg,transparent,transparent,#ff2770,#ff2770,#ff2770)}.header .btns .btn-lead .btn-box .borderLine:after{animation-delay:-3s;background:linear-gradient(0deg,transparent,transparent,#ff2770,#ff2770,#ff2770)}.header .btns .btn-lead .btn-box:after,.header .btns .btn-lead .btn-box:before{animation:Streamer 3s linear infinite;background:linear-gradient(0deg,transparent,transparent,#45f3ff,#45f3ff,#45f3ff);content:"";height:100%;left:-50%;position:absolute;top:-50%;transform-origin:bottom right;width:100%;z-index:-1}.header .btns .btn-lead .btn-box:before{animation-delay:-1.5s}.header .btns .btn-lead .btn-box:after{animation-delay:-3s}.header .btns .btn-lead:hover{z-index:1}.header .btns .btn-lead:hover .btn-box .borderLine{display:block}@keyframes Streamer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header .tags{display:flex;gap:15px}.header .tags a{color:#fff;font-size:20px}.float{bottom:25%;position:fixed;right:30px}.float .icon-box{background-color:#fff;border-radius:50%;cursor:pointer;height:48px;overflow:hidden;position:relative;width:48px}.float .icon-box .icon-top1,.float .icon-box .icon-top1-copy{height:25px;position:absolute;width:25px}body{font-size:0;margin:0;padding:0}.big-box{background-color:var(--homebg);padding:30px 0 38px}.title{color:#fff;font-family:var(--fontFamilyTitle);font-size:30px;margin-bottom:30px;text-align:center}.box{box-sizing:border-box;margin:0 auto;position:relative}.item{border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);cursor:pointer;display:none;overflow:hidden;position:absolute;width:220px}.item.show{display:block}.item .desc{background:#fff;margin:0;padding:10px}.item .desc.Text{background-color:#fff}.item .desc .icon-box{position:absolute;right:8px;top:8px}.item .desc .icon-box .icon-tupian{height:18px;margin-right:5px;width:18px}.item .desc .icon-box .num{color:#fff;font-size:14px;white-space:nowrap}.mask:before{background:linear-gradient(to top right,transparent,transparent 50%,#333);content:"";height:80px;position:absolute;right:0;top:0;width:80px}.item:hover{color:inherit;opacity:.8}.item>img{display:block;width:100%}.item .flex>p{color:#222;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5;word-break:break-all}.btn{background-color:var(--homebg);border-radius:6px;cursor:pointer;font-size:24px;height:40px;line-height:40px;margin:30px auto 0;text-align:center;width:280px}.loading{display:block;height:30px;width:30px}.loading.hide{display:none}.shape{height:10px;opacity:.5;position:absolute;top:40%;width:10px}.shape-1{animation:animationShape1 1.5s ease infinite;background-color:#1875e5;left:-20px}.shape-2{animation:animationShape2 1.5s ease .5s infinite;background-color:#c5523f;left:0}.shape-3{animation:animationShape3 1.5s ease .8s infinite;background-color:#499255;left:20px}.shape-4{animation:animationShape4 1.5s ease 1s infinite;background-color:#f2b736;left:40px}@keyframes animationShape1{0%{transfrom:scale(1);opacity:.5}50%{opacity:1;transform:scale(1.5)}to{transfrom:scale(.5);opacity:.5}}@keyframes animationShape2{0%{transfrom:scale(1);opacity:.5}50%{opacity:1;transform:scale(1.5)}to{transfrom:scale(.5);opacity:.5}}@keyframes animationShape3{0%{transfrom:scale(1);opacity:.5}50%{opacity:1;transform:scale(1.5)}to{transfrom:scale(.5);opacity:.5}}@keyframes animationShape4{0%{transfrom:scale(1);opacity:.5}50%{opacity:1;transform:scale(1.5)}to{transfrom:scale(.5);opacity:.5}}.footer .about-us{position:relative}.footer .about-us .about-warp{background-color:#212121;padding:32px;position:relative}.footer .about-us .about-warp .title{color:#fff;font-size:32px;margin:0 auto;text-align:center}.footer .about-us .about-warp .para{margin-top:26px}.footer .about-us .about-warp .para .para-title{color:#fff;font-size:22px;margin-bottom:2px;margin-top:-10px}.footer .about-us .about-warp .para .para-text{color:#9b9b9b;font-size:14px;line-height:1.5;margin-top:16px}.footer .about-us .about-warp .para .sp-text{color:#a666ff}.footer .bottom-navbar{background-color:var(--homebg);height:40px;overflow:hidden;position:relative;text-align:center}.bottom-navbar>a{color:#fff;font-size:16px;line-height:40px;position:relative;text-decoration:none}.bottom-navbar>a:not(:last-child):before{background-color:#fff;content:"";height:20px;position:absolute;right:-19px;top:50%;transform:translateY(-50%);width:1px}.bottom-navbar>a:not(:last-child){margin-right:28px}}@media screen and (min-width:1882px){.box{width:1624px}}@media screen and (min-width:1650px) and (max-width:1881px){.box{width:1392px}}@media screen and (min-width:1400px) and (max-width:1649px){.box{width:1120px}}@media screen and (min-width:1168px) and (max-width:1399px){.box{width:916px}}@media screen and (min-width:934px) and (max-width:1167px){.box{width:700px}}