.animate__animated.animate__bounceOutLeft,.animate__animated.animate__fadeInRight{--animate-duration:1.2s}*{margin:0;padding:0}body,html{background:#000;color:#fff}li,ul{list-style:none}a{text-decoration:none;color:#fff}button{border:0;background:0 0}[v-cloak]{display:none}.header-perch{height:55px}.header{background-color:#212529;position:fixed;top:0;left:0;right:0;z-index:1}.header .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:55px;padding:0 20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header .box .logo{-ms-flex-negative:0;flex-shrink:0;background:url(http://www.10230.cc/logo.png) no-repeat;background-size:100px 44px;width:100px;height:44px;overflow:hidden;text-indent:-99999px;margin-left:40px}.header .box .logo a,.header .box .logo h1{width:100%;height:100%;display:block}.header .box .btn-register{border:1px solid #fff;border-radius:4px;padding:6px 10px}.header .box-pc .box-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .box-pc .box-left .nav{margin-left:60px}.header .box-pc .box-left .nav a{color:#fff;margin-right:16px}.header .box-pc .box-left .nav a:hover{text-decoration:underline}.header .box-pc .box-right a{color:#fff;margin-left:6px}.header .box-mobile{display:none;padding:0 16px}@media (max-width:769px){.header .box-pc{display:none}.header .box-mobile{display:-webkit-box;display:-ms-flexbox;display:flex}.header .box-mobile .btn-nav{width:26px;height:16px;border-top:2px solid #fff;border-bottom:2px solid #fff;position:relative}.header .box-mobile .btn-nav:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid #fff;border-bottom:2px solid #fff;height:4px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.header .box .logo{margin-right:0}}.fixed-nav{background:#000;position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1;opacity:0;-webkit-transition:.5s;transition:.5s}.fixed-nav.show{z-index:9;opacity:1}.fixed-nav .logo{background:url(http://cdnjson.com/images/2024/10/27/logo.png) no-repeat;background-size:120px 52px;width:120px;height:52px;overflow:hidden;text-indent:-99999px;margin:60px auto 0}.fixed-nav .logo a,.fixed-nav .logo h1{width:100%;height:100%;display:block}.fixed-nav .ul{padding:0 16px;margin-top:40px}.fixed-nav .ul .li{border:1px solid #2e2e2e;display:block;padding:12px 8px;text-align:center;position:relative}.fixed-nav .ul .li:not(:first-child){margin-top:8%}.fixed-nav .ul .li:after,.fixed-nav .ul .li:before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #fff;right:10px}.fixed-nav .ul .li:after{border-left-color:#000;right:12px;margin-left:-4px}.fixed-nav .btn-close{position:absolute;right:10px;top:10px;background-color:grey;width:32px;height:32px;border-radius:6px}.fixed-nav .btn-close:before{content:"";position:absolute;right:8%;left:8%;top:50%;height:0;border:2px solid #000;margin-top:-1px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.fixed-nav .btn-close:after{content:"";position:absolute;right:8%;left:8%;top:50%;height:0;border:2px solid #000;margin-top:-1px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.fixed-download-perch{height:60px}.fixed-download{position:fixed;left:0;right:0;bottom:0;background:#fff;padding:0 16px 0 82px;height:60px}.fixed-download .logo{position:absolute;left:16px;top:50%;margin-top:-25px;width:50px;height:50px;background:url(http://cdnjson.com/images/2024/10/27/logo-small.png) no-repeat;background-size:50px 50px}.fixed-download .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:9px}.fixed-download .box .cnt .title{font-size:16px;color:#212529}.fixed-download .box .cnt .descript{font-size:14px;color:#6c757d}.fixed-download .box .btn-download{border:1px solid #2e2e2e;padding:4px 20px;font-size:14px;color:#6c756c;border-radius:32px}.footer{margin-top:50px}.banner{background:#000;position:relative;padding:100px 0 60px}.banner .box{max-width:1200px;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.banner .box .box-txt{color:#fff}.banner .box .box-txt .title{font-size:36px;line-height:48px}.banner .box .box-txt .descript{line-height:1.5;font-size:18px;margin-top:60px;color:#6c757d;font-size:28px}.banner .box .box-txt .link{font-size:0;margin-top:120px}.banner .box .box-txt .link a{display:inline-block;color:#fff;border-radius:4px;text-align:center;font-size:16px;font-weight:600;border:5px solid #3212e5;padding:12px 22px}.banner .box .box-txt .link a:not(:first-child){margin-left:20px}.banner .box .box-txt .link a:hover{border-color:#fff}.banner .box .box-img{text-align:center;margin-left:100px}.banner .box .box-img img{max-height:500px}@media (max-width:769px){.banner{padding:8% 0}.banner .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 16px}.banner .box .box-txt{width:100%}.banner .box .box-txt .title{font-size:30px;line-height:42px;text-align:center}.banner .box .box-txt .descript{margin-top:5%;font-size:14px;text-align:center}.banner .box .box-txt .link{margin-top:5%;text-align:center}.banner .box .box-img{margin-left:0;margin-top:5%}}.m-show{display:none}@media (max-width:769px){.m-hidden{display:none!important}.m-show{display:block!important}}