.layout{height:100vh;overflow-y:auto}@media screen and (max-width:900px){.layout{width:100%;overflow-x:hidden}}.container{min-height:100vh}@media screen and (max-width:900px){.container{padding-top:64px}}.page_banner{width:100%;height:100vh;position:relative;background-image:url(/images/custom/server/bg.webp);background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:120px}.page_banner>.title{font-size:40px;font-weight:700;line-height:normal;text-align:center;letter-spacing:.04em;color:#1d2129;margin-bottom:20px}.page_banner>.title span{font-size:40px;font-weight:700;color:#117cff}.page_banner>.desc{font-size:16px;font-weight:400;line-height:normal;text-align:center;letter-spacing:.04em;color:#1d2129}.page_banner .list{width:1200px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:95px auto 0}.page_banner .list::-webkit-scrollbar{width:0;height:0}.page_banner .list::-webkit-scrollbar-track{height:0}.page_banner .list .item{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:560px;height:210px;padding:30px 40px 0;margin-bottom:50px;background:-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.6) 100%);background:linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.6) 100%);border-radius:16px;border:1px solid #fff;backdrop-filter:blur(20px);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;margin-right:40px;position:relative}.page_banner .list .item:nth-of-type(2n){margin-right:0}.page_banner .list .item:nth-of-type(3),.page_banner .list .item:nth-of-type(4){margin-bottom:0}.page_banner .list .item .title{font-size:24px;font-weight:700;line-height:normal;color:#1d2129;margin-bottom:20px}.page_banner .list .item img{display:block;width:120px;height:120px;position:absolute;top:-30px;right:40px}.page_banner .list .item .desc{font-size:16px;font-weight:400;line-height:32px;text-align:left;color:#1d2129}.page_banner .list .item:hover{background:-webkit-linear-gradient(top,rgba(17,124,255,.6) 0,#117cff 100%);background:linear-gradient(180deg,rgba(17,124,255,.6) 0,#117cff 100%)}.page_banner .list .item:hover .title{color:#fff}.page_banner .list .item:hover .desc{color:#fff}@media screen and (max-width:900px){.page_banner{padding:80px 10px 0}.page_banner>.title{font-size:28px;margin-bottom:30px}.page_banner>.title span{font-size:28px}.page_banner>.desc{font-size:16px}.page_banner .list{display:block;width:100%;height:calc(100vh - 245px);overflow-x:hidden;overflow-y:auto;padding-left:0;padding:0;margin-top:30px;padding-top:30px}.page_banner .list .item{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:auto;padding:40px 30px 50px;background:-webkit-linear-gradient(top,rgba(17,124,255,.6) 0,#117cff 100%);background:linear-gradient(180deg,rgba(17,124,255,.6) 0,#117cff 100%);border:none;margin-right:0;margin-bottom:60px}.page_banner .list .item:nth-of-type(3){margin-bottom:60px}.page_banner .list .item:nth-last-of-type(1){margin-bottom:0}.page_banner .list .item .title{font-size:24px;color:#fff}.page_banner .list .item .title span{font-size:24px}.page_banner .list .item .desc{font-size:16px;color:#fff}.page_banner .list .item img{right:30px;bottom:18px}}.page_join{width:100%;height:100vh}.page_join .join_info{margin-right:172px}.page_join .join_info h2{font-size:40px;font-weight:700;line-height:normal;letter-spacing:.04em;color:#1d2129;margin-bottom:40px;text-align:left}.page_join .join_info h4{font-size:40px;font-weight:400;line-height:64px;letter-spacing:.04em;color:#1d2129;margin-bottom:20px;text-align:left}.page_join .join_info h4 span{color:#117cff;font-weight:700;font-size:40px}.page_join .join_info .qrcode{margin-bottom:40px}.page_join .join_info .qrcode img{display:block;width:160px;height:160px;margin-bottom:10px}.page_join .join_info .qrcode p{font-size:16px;font-weight:400;line-height:normal;letter-spacing:.04em;color:#1d2129}.page_join .join_info .join_btn{display:block;width:242px;height:56px;border-radius:28px;background:-webkit-linear-gradient(top,#058aff 1%,#2a60ff 100%);background:linear-gradient(180deg,#058aff 1%,#2a60ff 100%);font-size:20px;font-weight:700;line-height:56px;text-align:center;border:none;outline:0;color:#fff}.page_join .join_logo{width:522px;height:504px;background-image:url(/images/logo_bg.webp);background-repeat:no-repeat;background-size:522px 504px;background-position:center;position:relative}.page_join .join_logo img{display:block;width:247px;margin:157px auto 0}.page_join .join_logo p{font-size:20px;font-weight:500;line-height:36px;text-align:center;color:#117cff;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-36px}@media screen and (max-width:900px){.page_join{display:block;height:auto;padding:80px 12px 80px}.page_join .join_info{margin-right:0;padding-left:17px;background-image:url(/images/logo_bg.webp);background-repeat:no-repeat;background-size:350px 336px;background-position:0 58px}.page_join .join_info h2{font-size:32px}.page_join .join_info h4{font-size:32px;line-height:56px;margin-bottom:47px}.page_join .join_info h4 span{font-size:32px}.page_join .join_info .qrcode{margin-bottom:52px}.page_join .join_info .qrcode img{width:120px;height:120px;margin-bottom:12px}.page_join .join_logo{display:none!important}}