.arrow-l,.arrow-l2,.arrow-r,.arrow-r2,.btn-copycode-chs,.btn-copycode-en,.btn-copycode-pt,.btn-download-chs,.btn-download-en,.btn-download-pt,.btn-ok-en,.btn1,.btn2,.code-box,.container .invitedcode-box p:after,.container .invitedcode-box p:before,.container .msg::after,.container .msg::before,.decoration-1,.decoration-2,.dia-bg,.dia-close,.dialog,.dialog .btn,.dialog .link-con,.dialog .or:after,.dialog .or:before,.earth-icon,.g-wrap .nav_list li.cur::after,.g-wrap .nav_list:before,.headbox,.hok-logo,.icon-arrow-l,.icon-cpl,.invited-box,.invitedcode-box,.link-con-frame,.list-cur,.or-l,.or-r,.sp_lang_t,.sprite-img{background-image:url(../images/sprite-img.png?2025_5_30_16_32_28);background-size:2059px 1295px;background-repeat:no-repeat}
.arrow-l{background-position:-1519px -159px;width:40px;height:40px}
.arrow-l2,.container .invitedcode-box p:before{background-position:-1689px -159px;width:30px;height:37px}
.arrow-r{background-position:-1564px -159px;width:40px;height:40px}
.arrow-r2,.container .invitedcode-box p:after{background-position:-1653px -159px;width:31px;height:38px}
.btn-copycode-chs{background-position:0 -1090px;width:688px;height:118px}
.btn-copycode-en{background-position:0 -844px;width:688px;height:118px}
.btn-copycode-pt{background-position:0 -967px;width:688px;height:118px}
.btn-download-chs{background-position:-693px -844px;width:486px;height:118px}
.btn-download-en{background-position:-669px -641px;width:486px;height:118px}
.btn-download-pt{background-position:-669px -518px;width:486px;height:118px}
.btn-ok-en{background-position:-669px -394px;width:564px;height:119px}
.btn1{background-position:0 -1213px;width:637px;height:82px}
.btn2,.dialog .btn{background-position:-693px -967px;width:573px;height:86px}
.code-box{background-position:-1519px -87px;width:66px;height:67px}
.container .msg::before,.decoration-1{background-position:-1761px -87px;width:19px;height:11px}
.container .msg::after,.decoration-2{background-position:-1785px -87px;width:19px;height:11px}
.dia-bg,.dialog{background-position:0 0;width:664px;height:839px}
.dia-close{background-position:-1609px -159px;width:39px;height:39px}
.earth-icon{background-position:-1689px -87px;width:31px;height:31px}
.headbox{background-position:-1334px -56px;width:180px;height:180px}
.hok-logo{background-position:-1590px -87px;width:94px;height:31px}
.g-wrap .nav_list li.cur::after,.icon-arrow-l{background-position:-1590px -123px;width:10px;height:15px}
.icon-cpl{background-position:-1744px -87px;width:12px;height:18px}
.invited-box{background-position:-1334px 0;width:725px;height:51px}
.invitedcode-box{background-position:-669px 0;width:660px;height:236px}
.dialog .link-con,.link-con-frame{background-position:-669px -241px;width:558px;height:148px}
.list-cur{background-position:-1725px -87px;width:14px;height:19px}
.dialog .or:before,.or-l{background-position:-1812px -56px;width:247px;height:5px}
.dialog .or:after,.or-r{background-position:-1812px -66px;width:247px;height:5px}
.g-wrap .nav_list:before,.sp_lang_t{background-position:-1519px -56px;width:288px;height:26px}
/*! reset */
body,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
body,button,input,select,textarea{font-size:24px;line-height:1.5}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none}
img{vertical-align:middle;border:0;padding:0;margin:0}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,td,th,ul{padding:0}
dl,ol,ul{list-style:none}
[v-cloak]{display:none}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
@font-face{font-family:radikal_bold;src:url(../images/radikal_bold.ttf) format("truetype"),url(../images/radikal_bold.otf) format("opentype")}
@font-face{font-family:radikal_medium;src:url(../images/radikal_medium.ttf) format("truetype"),url(../images/radikal_medium.otf) format("opentype")}
body{background-color:#fdefd0}
.g-wrap{-webkit-text-size-adjust:none;min-height:100vh;width:750px;position:relative;margin:0 auto}
.g-wrap a{-webkit-tap-highlight-color:transparent}
.g-wrap .hide{display:none!important}
.g-wrap .top{height:81px;position:absolute;top:0;left:0;width:100%;background:#000}
.g-wrap .nav_list{position:absolute;top:65px;right:11px;font-family:radikal_medium;font-size:24px;color:rgba(255,255,255,.5);z-index:9}
.g-wrap .nav_list:before{content:'';display:block}
.g-wrap .nav_list ul{padding:10px 0 20px;position:relative;width:288px;box-sizing:border-box;background:rgba(28,28,28,.9);border-left:2px solid rgba(68,68,68,.9);border-right:2px solid rgba(68,68,68,.9);border-bottom:2px solid rgba(68,68,68,.9);border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.g-wrap .nav_list li{position:relative;padding:8px 30px;font-weight:700}
.g-wrap .nav_list li.cur{color:#ffeb64;background:-webkit-linear-gradient(bottom,#fff5d0,#fff5d0 40%,#ffe793 60%,#ffe793);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.g-wrap .nav_list li.cur::after{position:absolute;content:'';top:18px;right:30px}
.g-wrap .hok-logo{float:left;margin-top:25px;margin-left:44px}
.g-wrap .earth-icon{float:right;margin-top:27px;margin-right:42px}
.host{background:url(../images/bg1.jpg) top center no-repeat;background-size:100%;padding-top:582px;padding-bottom:60px;box-sizing:border-box}
.time{font-family:radikal_bold;text-align:center;font-size:240px;line-height:1;background:-webkit-linear-gradient(top,#fff,#fff5c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.container{min-height:100vh}
.container .headbox{margin:140px auto 0;text-align:center}
.container .headbox img{width:158px;height:158px;margin-top:11px}
.container .title{text-align:center;font-size:60px;line-height:1.2;margin-bottom:20px;position:relative}
.container .title>.txt{background:-webkit-linear-gradient(top,#c64e3c,#e47a6a,#f69485);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1;padding:10px 0;font-weight:700}
.container .msg{width:80%;font-family:radikal_bold;text-align:center;font-size:24px!important;line-height:1;color:#0073e5;position:relative;margin:0 auto}
.container .msg>.txt{display:inline-block;width:100%;color:#a56038;position:relative;z-index:1;margin:20px 0;line-height:50px}
.container .msg::after,.container .msg::before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:19px;height:11px;background-repeat:no-repeat}
.container .msg::before{left:-30px}
.container .msg::after{right:-30px}
.container .tickets{text-align:center;margin-top:18px;display:flex;justify-content:center;align-items:center}
.container .tickets span{font-family:radikal_bold;font-size:40px;line-height:1;color:#fffab4;display:inline-block;vertical-align:middle;position:relative;z-index:2;line-height:1}
.container .tickets span:after,.container .tickets span:before{content:attr(data-txt);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;line-height:1}
.container .tickets span:after{-webkit-text-stroke:6px #1e50ab}
.container .tickets img{margin-right:10px}
.container .tickets .arrow-l{margin-right:30px}
.container .tickets .arrow-r{margin-left:30px}
.container .invited-box{margin:25px auto 0;text-align:center;line-height:58px;font-family:radikal_bold;color:#a56038;font-size:23px;overflow:hidden}
.container .invited-box span{color:#c14836;display:inline-block;margin-left:5px}
.container .invitedcode-box{margin:18px auto 0;font-size:0;text-align:center;padding:45px 45px 10px 20px;box-sizing:border-box;position:relative;left:10px}
.container .invitedcode-box p{font-family:radikal_medium;font-size:33.53px;color:#fffddb;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}
.container .invitedcode-box p:before{content:'';margin-right:20px}
.container .invitedcode-box p:after{content:'';margin-left:20px}
.container .invitedcode-box .code-box{font-family:radikal_medium;display:inline-flex;justify-content:center;align-items:center;font-size:32px;color:#fff;font-weight:700;box-sizing:border-box;margin:20px 2px 0;position:relative}
.container .btn{display:flex;justify-content:center;margin:18px auto 0;font-size:30px;color:#ffedf1;font-family:radikal_bold;font-weight:700;text-align:center;line-height:90px;padding-bottom:12px;font-weight:700;box-sizing:border-box}
.container .tip{text-align:center;font-family:radikal_medium;font-size:24px;color:#a56038;margin:0 20px;margin-top:15px;margin-bottom:15px}
.container .qrcode-box{width:156px;height:151px;margin:0 auto;text-align:center;position:relative}
.container .qrcode-box canvas,.container .qrcode-box img{display:block;width:124px;height:124px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}
.guest{background:url(../images/bg2.jpg) top center no-repeat;background-size:100%;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;padding-top:725px}
.guest .title{margin-top:30px;font-size:38px;font-weight:700;color:#a56038}
.guest .title:before{display:none}
.guest .logo{margin:0 auto}
.guest .headbox{margin:0 auto 0;text-align:center}
.guest .headbox img{width:158px;height:158px;margin-top:11px}
.guest .msg{font-size:24px;color:#a56038}
.guest .msg::after,.guest .msg::before{width:0!important;height:0!important}
.guest .load,.guest .redirecting{font-family:radikal_bold;font-size:32px;text-align:center;font-weight:700;color:#fffef5}
.guest .load{margin-top:0}
.guest .box:nth-of-type(2){margin-top:180px}
.dialog-mask{background:rgba(0,0,0,.7);position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:98}
.dialog{z-index:99;position:fixed;left:50%;top:48%;transform:translate(-50%,-50%)}
.pop6 .pop-title{font-size:40px;text-align:center;font-family:radikal_bold;line-height:44px;margin-top:57px;font-weight:700;margin-bottom:58px;height:95px;box-sizing:border-box;position:relative}
.pop6 .pop-title>.txt{color:#f9fcb2;background:-webkit-linear-gradient(top,#e3f371,#feffc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1}
.pop6 .pop-title:before{color:#f74839;-webkit-text-fill-color:#f74839;content:attr(data-txt);position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index:0;line-height:1;transform:translate(0,2px)}
.pop6 .text_m{font-family:radikal_medium}
.pop6 .or{text-align:center;color:#fff;opacity:.5;margin:15px 0 22px}
.pop6 .method1,.pop6 .method2{color:#fff;font-size:24px;margin-left:48px;margin-right:48px;height:70px}
.pop6 .link-con{color:#ebf5ff;font-size:20px;width:558px;height:148px;margin:22px auto 0;word-break:break-all;padding-top:26px;box-sizing:border-box;position:relative}
.pop6 .link-con p{padding:0 26px;opacity:.6;line-height:26px;height:100px;overflow:hidden}
.pop6 .link-con a{color:#ffeb64;position:absolute;bottom:-7px;right:23px}
.pop6 .link-con a i{display:inline-block;margin-top:-5px;margin-right:5px;vertical-align:middle}
.pop6 .btn{display:block;margin:51px auto 0}
.dialog .pop-title{white-space:pre-wrap;font-size:40px;text-align:center;font-family:radikal_bold;color:#fffab4;line-height:44px;font-weight:700;height:160px;text-transform:uppercase;position:relative;width:570px;margin:28px auto 18px}
.dialog .pop-title>.txt{font-size:50px;background:-webkit-linear-gradient(top,#c64e3c,#e47a6a,#f69485);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:1;position:absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;line-height:50px;font-weight:700}
.dialog .dia-con{padding:40px 0 0;box-sizing:border-box;width:628px;height:100%;margin:0 auto}
.dialog .text_m{font-family:radikal_medium}
.dialog .or{text-align:center;color:#a56038;margin:15px auto 22px;position:relative;display:flex;justify-content:center;align-items:center;font-weight:700;transform:translateX(10px)}
.dialog .or>span{padding:0 16px;flex-shrink:0}
.dialog .or:before{content:'';margin-right:20px}
.dialog .or:after{content:'';margin-left:20px}
.dialog .method1,.dialog .method2{color:#a56038;font-size:24px;height:70px;width:570px;margin:0 auto}
.dialog .link-con{color:#fff;font-size:20px;margin:22px auto 0;word-break:break-all;padding-top:26px;box-sizing:border-box;position:relative}
.dialog .link-con p{padding:0 36px;opacity:.6;line-height:26px;height:84px;overflow:hidden}
.dialog .link-con a{display:block;color:#ffeb64;position:absolute;bottom:10px;right:26px;line-height:1}
.dialog .link-con a span{display:inline-block;position:relative}
.dialog .link-con a span>.txt{position:relative;z-index:1}
.dialog .link-con a i{display:inline-block;margin-top:-5px;margin-right:5px;vertical-align:middle}
.dialog .btn{margin:51px auto 0;font-family:radikal_bold;text-align:center;font-size:30px;display:flex;justify-content:center;align-items:center;color:#ffe3a7}
.dialog .btn>span{background-color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.language-ar .g-wrap .nav_list li.cur::after{right:auto;left:10px;transform:scaleX(-1)}
.language-ar .container .invitedcode-box,.language-ar .container .tickets,.language-ar .dialog .link-con a,.language-ar .dialog .or{direction:ltr}
.language-ar .dialog .pop-title{transform:translateX(-18px)}
.language-ar .dialog .method1,.language-ar .dialog .method2{transform:translateX(-30px)}
.is_ara_bic{direction:rtl!important}
.is_no_ara_bic{direction:ltr!important}
.usename{width:300px;text-align:center;position:absolute;top:335px;right:60px;font-weight:700;display:flex;justify-content:center;align-items:center}
.usename p{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px;color:#fff}
.icon{position:absolute;top:-42px;left:92px}
/*!# sourceMappingURL=comm.css.map */