.cui-button{--cui-button-height: 46px}.cui-button{cursor:pointer;width:auto;padding:0 var(--cui-padding);height:var(--cui-button-height);border-radius:var(--cui-radius);font-size:var(--cui-font-size);display:flex;align-items:center;justify-content:center;transition:var(--cui-time)}.cui-button.primary{color:var(--cui-color);background:var(--cui-background)}.cui-button.primary span{border-color:var(--cui-color)}.cui-button.primary:hover,.cui-button.primary.active{background:var(--cui-background-active)}.cui-button.solid{border:1px solid var(--cui-background);color:var(--cui-background)}.cui-button.solid i{border-color:var(--cui-background)}.cui-button.solid:hover,.cui-button.solid.active{border-color:var(--cui-background-active);color:var(--cui-background-active)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cui-button.loading{pointer-events:none}.cui-button.loading i{display:block}.cui-button i{width:var(--cui-font-size);height:var(--cui-font-size);margin-left:4px;border:2px solid;border-bottom-color:transparent!important;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;display:none}.cui-message{--cui-message-top: 66px;--cui-message-item-space: 10px;--cui-message-item-height: 50px;--cui-message-item-max-width: 300px;--cui-message-item-shadow: drop-shadow(0 4px 6px rgba(0, 0, 0, .2)) }.cui-message{position:fixed;top:var(--cui-message-top);left:0;height:100%;width:100%;z-index:999;pointer-events:none;display:flex;justify-content:center}.cui-message .cui-message-item:nth-child(1){top:calc((var(--cui-message-item-height) + var(--cui-message-item-space)) * (1 - 1))}.cui-message .cui-message-item:nth-child(2){top:calc((var(--cui-message-item-height) + var(--cui-message-item-space)) * (2 - 1))}.cui-message .cui-message-item:nth-child(3){top:calc((var(--cui-message-item-height) + var(--cui-message-item-space)) * (3 - 1))}.cui-message .cui-message-item:nth-child(4){top:calc((var(--cui-message-item-height) + var(--cui-message-item-space)) * (4 - 1))}.cui-message .cui-message-item:nth-child(5){top:calc((var(--cui-message-item-height) + var(--cui-message-item-space)) * (5 - 1))}.cui-message .cui-message-item:nth-child(6){top:calc((var(--cui-message-item-height) + var(--cui-message-item-space)) * (6 - 1))}.cui-message .cui-message-item:nth-child(7){top:calc((var(--cui-message-item-height) + var(--cui-message-item-space)) * (7 - 1))}.cui-message .cui-message-item{position:absolute;display:flex;align-items:center;max-width:var(--cui-message-item-max-width);height:var(--cui-message-item-height);border-radius:var(--cui-radius-big);padding:0 var(--cui-padding);background:var(--cui-background-base);opacity:0;animation:opacity .5s forwards,opacityEnd .5s 2s forwards;filter:var(--cui-message-item-shadow);white-space:nowrap}@keyframes opacity{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}@keyframes opacityEnd{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30%)}}.cui-message .cui-message-item .icon{width:calc(var(--cui-font-size) * 2);height:calc(var(--cui-font-size) * 2);background-size:cover!important;margin-right:var(--cui-message-item-space)}.cui-message .cui-message-item .text{flex:1;font-size:var(--cui-font-size);color:var(--cui-color-text)}.cui-message .cui-message-item .text p{max-width:calc(var(--cui-message-item-max-width) * .72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cui-modal{--cui-modal-shadow: drop-shadow(0 0 10px rgba(0, 0, 0, .2)) }.cui-modal{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;opacity:0;visibility:hidden;z-index:999;pointer-events:none;transition:var(--cui-time)}.cui-modal.enter{opacity:1;visibility:visible;pointer-events:auto}.cui-modal.enter .cui-modal-wrapper{transform:translate(-50%,-50%) scale(1)}.cui-modal .cui-modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}.cui-modal .cui-modal-wrapper{position:absolute;--top: 30%;--left: 30%;background:var(--cui-background-base);filter:var(--cui-modal-shadow);border-radius:var(--cui-radius);transform:translate(-50%,-50%) scale(.01);transition:var(--cui-time)}:root{--cui-font-size: 14px;--cui-color: white;--cui-color-text: #333;--cui-background: rgb(238, 138, 156);--cui-background-base: white;--cui-background-active: rgb(241, 95, 124);--cui-radius: 8px;--cui-radius-big: 16px;--cui-padding: 20px;--cui-margin: 20px;--cui-time: .4s }.cui_route_page{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;transition:var(--cui-time)}@keyframes enter{0%{transform:translate(calc(var(--level) * 100%))}to{transform:translate(0)}}@keyframes leave{0%{transform:translate(0)}to{transform:translate(calc(var(--level) * -100%))}}.cui_route_page.enter{animation:enter .4s forwards}.cui_route_page.leave{animation:leave .4s forwards}*{margin:0;padding:0;outline:none}*,*:after,*:before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{position:relative;scroll-behavior:smooth;width:100%}html,body{height:100%}h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}table{border-collapse:collapse;border-spacing:0;text-align:left}ul,ol,menu{list-style:none}img,object,input,textarea,button,select{vertical-align:middle}article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}textarea{overflow:auto;resize:vertical}input,textarea,button,select,a{outline:none;border:none}input,textarea{display:block;-webkit-user-select:auto}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}mark{background-color:transparent}a,ins,s,u,del{text-decoration:none;color:inherit}sup,sub{vertical-align:baseline}p{line-height:1.72}h1,h2,h3,h4,h5,h6,span,time,small,big{font-weight:400;line-height:1.2}video,img,audio,canvas{font-size:0;line-height:1;display:block;zoom:1}input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0}html,body{overflow:-moz-scrollbars-none;-ms-overflow-style:none}::-webkit-scrollbar{width:0px}body{display:none;background:#120e1a}.App{position:relative;min-height:100%}.scrollLine{position:fixed;top:0;height:2px;width:0;transition:.1s;z-index:99999;background:#ae71ff}header{position:fixed;top:0;left:0;width:100%;height:100px;z-index:99;background:transparent;transition:.4s}header.active{background:#120e1a;box-shadow:0 0 3px rgba(255,255,255,.1)}header:before,header:after{content:"";position:absolute;top:0;width:600px;height:600px;z-index:-1;background-size:cover!important;pointer-events:none}header:before{left:0;background:url(https://cdn-js.kobooster.cn/ko_gw/index/header_before.png)}header:after{right:0;background:url(https://cdn-js.kobooster.cn/ko_gw/index/header_after.png)}header .w1200{width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between}header .logo{width:192px;height:64px;background:url(https://cdn-js.kobooster.cn/ko_gw/index/logo.png);background-size:cover}header nav{display:flex;align-items:center;height:100%}header nav .item{margin-left:80px;cursor:pointer;display:block}header nav .item p{color:#f4f4f4;font-size:18px;transition:color .4s}header nav .item:hover p,header nav .item.active p{color:#ae71ff}footer{background:#150f20;height:230px;color:#a4a4a4;font-size:14px;display:flex;flex-direction:column;justify-content:center}footer .wrapper1{display:flex;align-items:center;justify-content:center}footer .wrapper1 a{transition:color .4s}footer .wrapper1 a:hover{color:#ae71ff}footer .wrapper1 span{display:inline-block;margin:0 10px}footer .wrapper1 .contact{margin-left:43px}footer .wrapper2{margin-top:50px;display:flex;align-items:center;justify-content:center}footer .wrapper2 .msg{margin:0 10px}footer .beian{display:flex;align-items:center;cursor:pointer;transition:color .4s}footer .beian:hover{color:#ae71ff}footer .beian img{width:20px;margin-right:4px}.headerPlaceholder{height:100px}.App{background:url(https://cdn-js.kobooster.cn/ko_gw/help/bg.png) top center no-repeat}.help{color:#fff;min-height:100%}.help .err{padding:30px 0;display:flex;align-items:center;justify-content:center;flex-direction:column}.help .err img{width:155px}.help .err p{color:#999;font-size:12px;margin-top:15px}.help .w1200{width:1200px;margin:0 auto}.help .searchCenter{padding:86px 0 82px;display:flex;align-items:center;justify-content:center;flex-direction:column}.help .searchCenter .title{font-size:30px;font-weight:600;margin-bottom:33px;line-height:1;color:#fff}.help .searchCenter .context{position:relative}.help .searchCenter img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:30px;z-index:-1}.help .searchCenter h1{text-align:center;font-size:32px;font-weight:700;color:#fff}.help .searchCenter .search{width:747px;height:65px;display:flex}.help .searchCenter .search .input{position:relative;flex:1}.help .searchCenter .search .input input{border-radius:8px 0 0 8px;background:#1d1d1d;border-right:none;font-size:20px;padding:0 39px;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;border:2px solid #8E26CD}.help .searchCenter .search .input input::placeholder{color:#999}@keyframes searchList{0%{opacity:0;visibility:hidden;transform:translateY(30px)}to{opacity:100%;visibility:visible;transform:translateY(0)}}.help .searchCenter .search .input .listWrapper{position:absolute;top:120%;width:100%;left:0}.help .searchCenter .search .input .list{position:absolute;width:100%;top:0;left:0;border-radius:8px;background:#1d1d1d;box-shadow:0 0 13px rgba(0,0,0,.1);z-index:6;font-size:14px;animation:searchList .6s forwards;border:.5px solid #333333}.help .searchCenter .search .input .list .item{display:block;padding:12px 17px;transition:.4s;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .4s}.help .searchCenter .search .input .list .item:hover{color:#fff}.help .searchCenter .search .input .list .item:hover{background:#272727}.help .searchCenter .search button{cursor:pointer;font-size:20px;color:#fff;width:125px;height:65px;background:linear-gradient(270deg,#531eac,#9226cf);border-radius:0 8px 8px 0}.help .breadcrumb{display:flex;align-items:center;color:#c7c7c7}.help .breadcrumb span,.help .breadcrumb .icon{display:block;margin:0 5px}.help .breadcrumb a{transition:color .4s}.help .breadcrumb a:last-child{color:#fff}.help .breadcrumb a:hover{color:#ae71ff}.help .helpWrapperContent{position:relative;margin-top:18px;padding-bottom:80px;display:flex;align-items:flex-start;justify-content:space-between}.help .helpWrapperContent .notice{width:392px;padding:20px 22px 24px;overflow:hidden;background:rgba(26,24,32,.8);border-radius:4px}.help .helpWrapperContent .title{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.help .helpWrapperContent .title .effectText{display:flex;align-items:center}.help .helpWrapperContent .title .effectText div{font-size:14px;transition:.4s;cursor:pointer;color:#fff;margin-left:30px}.help .helpWrapperContent .title .effectText div:hover,.help .helpWrapperContent .title .effectText div.active{color:#ae71ff}.help .helpWrapperContent .question{width:791px;min-height:674px;border-radius:4px;background:rgba(26,24,32,.8);padding:20px 25px 0 26px;overflow:hidden}.help .helpWrapperContent .question .title .effectText div{width:72px}@keyframes opacityAni{0%{opacity:0}to{opacity:1}}.noticeWrapper{font-size:16px;opacity:0;transform:translateY(5px);color:#b0b0b0}.noticeWrapper.active{animation:opacityAni .5s forwards;opacity:1;transform:translateY(0);transition:.4s}.noticeWrapper h6{font-size:14px;color:#727272}.noticeWrapper time{font-size:12px}.noticeWrapper p{word-break:break-all;font-size:12px}.noticeWrapper.game{padding:16px 0 10px}.noticeWrapper.game .item{display:flex;align-items:center;margin-bottom:15px}.noticeWrapper.game .item p{margin-right:10px;transition:color .4s;flex:1;line-height:1.4;color:#999;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noticeWrapper.game .item:hover p{color:#fff}.noticeWrapper.official .item{display:block;padding:16px 0;border-bottom:1px solid #333}.noticeWrapper.official .item:last-child{border:none}.noticeWrapper.official .item p{margin:5px 0 8px}.questionWrapper{padding-top:18px;opacity:0;transform:translateY(5px)}.questionWrapper .err{margin-top:160px}.questionWrapper.active{opacity:1;transform:translateY(0);transition:.4s}.questionWrapper .item{position:relative;display:flex;align-items:center;margin-bottom:7px;padding:7px 0;transition:.4s}.questionWrapper .item:after,.questionWrapper .item:before{content:"";position:absolute;top:0;width:100%;height:100%;background:#1d1d1d;opacity:0;transition:.4s}.questionWrapper .item:before{left:100%}.questionWrapper .item:after{right:100%}.questionWrapper .item:hover{background:#1d1d1d}.questionWrapper .item:hover:after,.questionWrapper .item:hover:before{opacity:1}.questionWrapper .item:hover .text h6{color:#fff}.questionWrapper .item .text{flex:1;margin-right:35px}.questionWrapper .item .text h6{font-size:14px;line-height:1.4;color:#999;margin-bottom:3px;transition:color .4s}.questionWrapper .item .text p{line-height:1.737;font-size:12px;color:#b3b3b3;width:650px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .4s}.questionWrapper .item .text p *{display:none}.questionWrapper .item .icon{display:flex;align-items:center;font-size:14px}.questionWrapper .item .icon img{margin-right:6px}.questionWrapper .item .icon span{color:#666}.questionWrapper .item:last-child{margin-bottom:0}.paginationWrapper{margin:30px 0;display:flex;justify-content:flex-end;color:#333}.paginationWrapper .pagination{display:flex;align-items:center}.paginationWrapper .pagination li{margin:0 6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.4s}.paginationWrapper .pagination li.page-prev,.paginationWrapper .pagination li.page-next{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #333}.paginationWrapper .pagination li.page-prev i,.paginationWrapper .pagination li.page-next i{font-size:12px;transition:.4s;pointer-events:none}.paginationWrapper .pagination li.page-prev:hover,.paginationWrapper .pagination li.page-next:hover{background:#ae71ff;border-color:#ae71ff}.paginationWrapper .pagination li.page-prev:hover i,.paginationWrapper .pagination li.page-next:hover i,.paginationWrapper .pagination li:hover,.paginationWrapper .pagination li.page-active{color:#fff}
