@font-face { 
 font-family: "RadikalMedium"; 
 src: url(../fonts/RadikalMedium.otf) format("truetype"); 
 font-weight: normal; 
 font-style: normal; 
}
@font-face { 
 font-family: "RadikalLight"; 
 src: url(../fonts/RadikalLight.otf) format("truetype"); 
 font-weight: normal; 
 font-style: normal; 
}
@font-face { 
 font-family: "armid"; 
 src: url(../fonts/armid.otf) format("truetype"); 
 font-weight: normal; 
 font-style: normal; 
}
@font-face { 
 font-family: "ru"; 
 src: url(../fonts/ru.ttf); 
 font-weight: normal; 
 font-style: normal; 
}

@font-face { 
 font-family: "KICPRO"; 
 src: url(../fonts/KICPROBOLD.OTF); 
 font-weight: normal; 
 font-style: normal; 
}





img { display: block; width: 100%; max-width: 100%; } 

.wrap { width: 100%; position: relative; /* max-width: 2560px; */ margin: 0 auto; position: relative; font-family: "RadikalLight"; } 

.kv { background: url(../ossweb-img/kv.jpg) no-repeat; background-size: 100%; width: 100%; height: 13.91rem; position: relative; } 
.kv_main { position: absolute; width:15.69rem; left: 50%; transform: translate(-50%,0); top: 6.5rem; } 
.kv_t1 { font-family: "RadikalMedium"; text-transform: uppercase; font-size: 1.4rem; color: #ffffff; line-height: 1; } 
.kv_t2 { font-family: "RadikalLight"; font-size: .42rem; color: #ffffff; margin-top: .25rem; line-height: 1.1; } 
.kv_btn { position: absolute; top: 10.95rem; left: 50%; transform: translate(-50%,0) scale(.88); display: flex; } 
.kv_btn a { background: url(../ossweb-img/btn2_spr.png) no-repeat; background-size: 12rem; width: 5.65rem; height: 1.64rem; display: block; margin: 0 .18rem; } 
.kv_btn a { background-position:-6.35rem 0; font-size: .36rem; color: #eca936; font-family: "RadikalMedium"; text-align: center; line-height: 1.64rem; } 

.kv_btn a:hover { background-position: 0 0; color: #fff; } 





.compra_btn { 
 float: right; 
 font-size: 10.5px; 
 color: #b7b7b7; 
 line-height: 34.5px; 
 padding-top: 18px; 
 padding-right: 18px; 
 height: 66px; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; 
 position: relative; 
}
.compra_icon { 
 display: inline-block; 
 vertical-align: top; 
 width: 30px; 
 height: 30px; 
 background: url(../ossweb-img/compra_icon.png) no-repeat 100% / 100%; 
 margin-right: 12px; 
}
.lang_ar .compra_icon { 
 margin-left: 12px; 
}

.nv_camp_btn { 
 display: block; 
 width: 160px; 
 height: 35.2px; 
 background: url(../ossweb-img/camp_icon.png) no-repeat; 
 background-size: 100% 100%; 
 margin-right: 12px; 
 margin-top: 16px; 
 float: right; 
}









/* 头尾 */
:root { 
 --screen-width: 1920; 
 --screen-width2: 1920; 
 --screen-maxwidth: 100vw; 
}

@media screen and (min-width: 1921px) { 
 :root { 
 --screen-maxwidth: 1920px; 
}
}
@media screen and (max-width: 1920px) { 
 :root { 
 --screen-maxwidth: 100vw; 
}
}
@media screen and (max-width: 900px) { 
 :root { 
 --screen-width: 900; 
 --screen-width2: 900; 
}
}
@media screen and (max-width: 600px) { 
 :root { 
 --screen-width: 750; 
 --screen-width2: 750; 
}
}
@media screen and (min-width: 1500px) { 
 :root { 
 --screen-width: 2100; 
}
}
@media screen and (min-width: 2500px) { 
 :root { 
 --screen-maxwidth: 95vw; 
}
}
@media screen and (max-width: 600px) and (max-height: 600px) { 
 :root { 
 --screen-width: 750; 
 --screen-width2: 750; 
}
}
@media screen and (max-width: 900px) and (max-height: 600px) { 
 :root { 
 --screen-width: 1334; 
 --screen-width2: 1000; 
}
}
@media screen and (max-width: 400px) { 
 :root { 
 --screen-width: 750; 
 --screen-width2: 750; 
}
}
 
.hok_nav { box-sizing: border-box; font-family: "RadikalMedium"; 
 padding-right: 24px; 
 display: block; 
 width: 100%; 
 height: 66px; 
 position: fixed; 
 left: 0; 
 top: 0; 
 z-index: 10; 
 background: rgba(0, 0, 0, 0.9); } 
 .hd_nv_logo { 
 display: block; 
 width: 36px; 
 height: 30px; 
 background: url(../ossweb-img/nv_logo.png) no-repeat; 
 background-size: 88.5px 30px; 
 float: left; 
 margin: 18px 0 0 24px; 
}
 .hd_nv_list { 
 /*width: 712.5; */
 /*height: 66px; */
 float: left; 
 margin: 0 0 0 39px; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
}
 
 .hd_nv_list li { 
 /*width: 112; */
 height: 66px; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; 
 padding-top: 27px; 
 float: left; 
 font-size: 10.5px; 
 color: #b7b7b7; 
 text-align: center; 
 position: relative; 
 cursor: pointer; text-transform: uppercase; 
 margin-right: calc(37.5 / var(--screen-width) * var(--screen-maxwidth)); 
}
 .hd_nv_list li > a { 
 color: #b7b7b7; 
}
 .hd_nv_list li > a:hover { 
 -webkit-filter: none !important; 
 filter: none !important; 
}
 .hd_nv_list li span { 
 display: inline-block; 
 /*transform: scale(0.75); */
 -webkit-transform-origin: 50% 0; 
 transform-origin: 50% 0; 
}
 .hd_nv_list li:last-child { 
 margin-right: 0; 
}


.hd_nv_list li::after,
.squadbtn:after { 
 content: ""; 
 width: 0; 
 border-top: #e7c285 solid 1; 
 position: absolute; 
 left: 50%; 
 bottom: 17.25px; 
 -webkit-transform: translate(-50%, 0); 
 transform: translate(-50%, 0); 
 -webkit-transition: width 0.5s; 
 transition: width 0.5s; 
}

.hd_nv_list li.cur,
.hd_nv_list li:hover { 
 color: #f7d58c; 
}
.hd_nv_list li.cur > a,
.hd_nv_list li:hover > a { 
 color: #f7d58c; 
}

.hd_nv_list li.cur:before,
.hd_nv_list li:hover:before,
.squadbtn.cur:before,
.squadbtn:hover:before { 
 content: ""; 
 width: 5.25px; 
 height: 3px; 
 background: url(../ossweb-img/nv_linec.png) no-repeat 100%/100%; 
 position: absolute; 
 left: 50%; 
 bottom: 15px; 
 margin-left: -2.625px; 
}

.hd_nv_list li.cur:after,
.hd_nv_list li:hover:after,
.squadbtn.cur:after,
.squadbtn:hover:after { 
 content: ""; 
 width: 61.5px; 
 height: 0; 
 position: absolute; 
 left: 50%; 
 bottom: 15px; 
 -webkit-transform: translate(-50%, 0); 
 transform: translate(-50%, 0); 
 border-top: #e7c285 solid 1px; 
}

.nv_rtbox { 
 float: right; height: 100%; position: relative; 
}


.more_btn { 
 display: block; 
 width: calc(199 / var(--screen-width) * var(--screen-maxwidth)); 
 height: calc(51 / var(--screen-width) * var(--screen-maxwidth)); 
 font-size: calc(16 / var(--screen-width) * var(--screen-maxwidth)); 
 color: #ffffff; 
 -webkit-transition: all 0.5s; 
 transition: all 0.5s; 
 margin: 0 auto; 
 /* filter: drop-shadow(#000 0 0 calc(15 / var(--screen-width) * var(--screen-maxwidth))); */
 text-align: center; 
 font-family: "RadikalLight"; 
 font-weight: bold; 
 vertical-align: middle; 
 position: relative; 
}

.nv_more_btn.more_btn { 
 float: left; 
 margin-top: 0; position: relative; top: 54%; 
 -webkit-transform-origin: 50% 0%; 
 transform-origin: 50% 0%; 
 -webkit-transform: scale(0.75); 
 transform:translate(0,-50%) scale(0.75); 
}

.more_btn .more_ibg { 
 width: calc(426 / var(--screen-width) * var(--screen-maxwidth)); 
 height: calc(122 / var(--screen-width) * var(--screen-maxwidth)); 
 background-image: url(../ossweb-img/btnmore.png); 
 background-size: calc(2556 / var(--screen-width) * var(--screen-maxwidth)) calc(2196 / var(--screen-width) * var(--screen-maxwidth)); 
 background-repeat: no-repeat; 
 position: absolute; 
 left: 50%; 
 top: 50%; 
 -webkit-transform: translate(-50%, -50%); 
 transform: translate(-50%, -50%); 
}

.nv_more_btn.more_btn .more_ibg { 
 pointer-events: none; 
}


@keyframes btnmorenone { 
 0% { 
 width: calc(426 / var(--screen-width) * var(--screen-maxwidth)); 
 height: calc(122 / var(--screen-width) * var(--screen-maxwidth)); 
 background-image: url("../ossweb-img/btnmore.png"); 
 background-size: calc(2556 / var(--screen-width) * var(--screen-maxwidth)) calc(2196 / var(--screen-width) * var(--screen-maxwidth)); 
}
 100% { 
 width: calc(426 / var(--screen-width) * var(--screen-maxwidth)); 
 height: calc(122 / var(--screen-width) * var(--screen-maxwidth)); 
 background-image: url("../ossweb-img/btnmore.png"); 
 background-size: calc(2556 / var(--screen-width) * var(--screen-maxwidth)) calc(2196 / var(--screen-width) * var(--screen-maxwidth)); 
}

}
@keyframes btnmore { 
 0% { 
 width: calc(426 / var(--screen-width) * var(--screen-maxwidth)); 
 height: calc(122 / var(--screen-width) * var(--screen-maxwidth)); 
 background-image: url("../ossweb-img/btnmore.png"); 
 background-size: calc(2556 / var(--screen-width) * var(--screen-maxwidth)) calc(2196 / var(--screen-width) * var(--screen-maxwidth)); 
}
 0.93% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-122 / var(--screen-width) * var(--screen-maxwidth)); 
}
 1.85% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-244 / var(--screen-width) * var(--screen-maxwidth)); 
}
 2.78% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(0 / var(--screen-width) * var(--screen-maxwidth)); 
}
 3.70% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-122 / var(--screen-width) * var(--screen-maxwidth)); 
}
 4.63% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-244 / var(--screen-width) * var(--screen-maxwidth)); 
}
 5.56% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-366 / var(--screen-width) * var(--screen-maxwidth)); 
}
 6.48% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-366 / var(--screen-width) * var(--screen-maxwidth)); 
}
 7.41% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-488 / var(--screen-width) * var(--screen-maxwidth)); 
}
 8.33% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-488 / var(--screen-width) * var(--screen-maxwidth)); 
}
 9.26% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-610 / var(--screen-width) * var(--screen-maxwidth)); 
}
 10.19% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-610 / var(--screen-width) * var(--screen-maxwidth)); 
}
 11.11% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(0 / var(--screen-width) * var(--screen-maxwidth)); 
}
 12.04% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-122 / var(--screen-width) * var(--screen-maxwidth)); 
}
 12.96% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-244 / var(--screen-width) * var(--screen-maxwidth)); 
}
 13.89% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-366 / var(--screen-width) * var(--screen-maxwidth)); 
}
 14.81% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-488 / var(--screen-width) * var(--screen-maxwidth)); 
}
 15.74% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-610 / var(--screen-width) * var(--screen-maxwidth)); 
}
 16.67% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-732 / var(--screen-width) * var(--screen-maxwidth)); 
}
 17.59% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-732 / var(--screen-width) * var(--screen-maxwidth)); 
}
 18.52% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-732 / var(--screen-width) * var(--screen-maxwidth)); 
}
 19.44% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-854 / var(--screen-width) * var(--screen-maxwidth)); 
}
 20.37% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-854 / var(--screen-width) * var(--screen-maxwidth)); 
}
 21.30% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-854 / var(--screen-width) * var(--screen-maxwidth)); 
}
 22.22% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-976 / var(--screen-width) * var(--screen-maxwidth)); 
}
 23.15% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-976 / var(--screen-width) * var(--screen-maxwidth)); 
}
 24.07% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-976 / var(--screen-width) * var(--screen-maxwidth)); 
}
 25.00% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-1098 / var(--screen-width) * var(--screen-maxwidth)); 
}
 25.93% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-1098 / var(--screen-width) * var(--screen-maxwidth)); 
}
 26.85% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-1098 / var(--screen-width) * var(--screen-maxwidth)); 
}
 27.78% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(0 / var(--screen-width) * var(--screen-maxwidth)); 
}
 28.70% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-122 / var(--screen-width) * var(--screen-maxwidth)); 
}
 29.63% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-244 / var(--screen-width) * var(--screen-maxwidth)); 
}
 30.56% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-366 / var(--screen-width) * var(--screen-maxwidth)); 
}
 31.48% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-488 / var(--screen-width) * var(--screen-maxwidth)); 
}
 32.41% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-610 / var(--screen-width) * var(--screen-maxwidth)); 
}
 33.33% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-732 / var(--screen-width) * var(--screen-maxwidth)); 
}
 34.26% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-854 / var(--screen-width) * var(--screen-maxwidth)); 
}
 35.19% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-976 / var(--screen-width) * var(--screen-maxwidth)); 
}
 36.11% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-1098 / var(--screen-width) * var(--screen-maxwidth)); 
}
 37.04% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-1220 / var(--screen-width) * var(--screen-maxwidth)); 
}
 37.96% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-1220 / var(--screen-width) * var(--screen-maxwidth)); 
}
 38.89% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-1220 / var(--screen-width) * var(--screen-maxwidth)); 
}
 39.81% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-1220 / var(--screen-width) * var(--screen-maxwidth)); 
}
 40.74% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-1342 / var(--screen-width) * var(--screen-maxwidth)); 
}
 41.67% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-1342 / var(--screen-width) * var(--screen-maxwidth)); 
}
 42.59% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-1342 / var(--screen-width) * var(--screen-maxwidth)); 
}
 43.52% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-1342 / var(--screen-width) * var(--screen-maxwidth)); 
}
 44.44% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-1464 / var(--screen-width) * var(--screen-maxwidth)); 
}
 45.37% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-1464 / var(--screen-width) * var(--screen-maxwidth)); 
}
 46.30% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-1464 / var(--screen-width) * var(--screen-maxwidth)); 
}
 47.22% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-1464 / var(--screen-width) * var(--screen-maxwidth)); 
}
 48.15% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(0 / var(--screen-width) * var(--screen-maxwidth)); 
}
 49.07% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-122 / var(--screen-width) * var(--screen-maxwidth)); 
}
 50.00% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-244 / var(--screen-width) * var(--screen-maxwidth)); 
}
 50.93% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-366 / var(--screen-width) * var(--screen-maxwidth)); 
}
 51.85% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-488 / var(--screen-width) * var(--screen-maxwidth)); 
}
 52.78% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-610 / var(--screen-width) * var(--screen-maxwidth)); 
}
 53.70% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-732 / var(--screen-width) * var(--screen-maxwidth)); 
}
 54.63% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-854 / var(--screen-width) * var(--screen-maxwidth)); 
}
 55.56% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-976 / var(--screen-width) * var(--screen-maxwidth)); 
}
 56.48% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-1098 / var(--screen-width) * var(--screen-maxwidth)); 
}
 57.41% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-1220 / var(--screen-width) * var(--screen-maxwidth)); 
}
 58.33% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-1342 / var(--screen-width) * var(--screen-maxwidth)); 
}
 59.26% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-1464 / var(--screen-width) * var(--screen-maxwidth)); 
}
 60.19% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-1586 / var(--screen-width) * var(--screen-maxwidth)); 
}
 61.11% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-1586 / var(--screen-width) * var(--screen-maxwidth)); 
}
 62.04% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-1586 / var(--screen-width) * var(--screen-maxwidth)); 
}
 62.96% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-1586 / var(--screen-width) * var(--screen-maxwidth)); 
}
 63.89% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-1586 / var(--screen-width) * var(--screen-maxwidth)); 
}
 64.81% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-1708 / var(--screen-width) * var(--screen-maxwidth)); 
}
 65.74% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-1708 / var(--screen-width) * var(--screen-maxwidth)); 
}
 66.67% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-1708 / var(--screen-width) * var(--screen-maxwidth)); 
}
 67.59% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-1708 / var(--screen-width) * var(--screen-maxwidth)); 
}
 68.52% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-1708 / var(--screen-width) * var(--screen-maxwidth)); 
}
 69.44% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-1830 / var(--screen-width) * var(--screen-maxwidth)); 
}
 70.37% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-1830 / var(--screen-width) * var(--screen-maxwidth)); 
}
 71.30% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-1830 / var(--screen-width) * var(--screen-maxwidth)); 
}
 72.22% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-1830 / var(--screen-width) * var(--screen-maxwidth)); 
}
 73.15% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-1830 / var(--screen-width) * var(--screen-maxwidth)); 
}
 74.07% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-1952 / var(--screen-width) * var(--screen-maxwidth)); 
}
 75.00% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-1952 / var(--screen-width) * var(--screen-maxwidth)); 
}
 75.93% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-1952 / var(--screen-width) * var(--screen-maxwidth)); 
}
 76.85% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-1952 / var(--screen-width) * var(--screen-maxwidth)); 
}
 77.78% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-1952 / var(--screen-width) * var(--screen-maxwidth)); 
}
 78.70% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(0 / var(--screen-width) * var(--screen-maxwidth)); 
}
 79.63% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-122 / var(--screen-width) * var(--screen-maxwidth)); 
}
 80.56% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-244 / var(--screen-width) * var(--screen-maxwidth)); 
}
 81.48% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-366 / var(--screen-width) * var(--screen-maxwidth)); 
}
 82.41% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-488 / var(--screen-width) * var(--screen-maxwidth)); 
}
 83.33% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-610 / var(--screen-width) * var(--screen-maxwidth)); 
}
 84.26% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-732 / var(--screen-width) * var(--screen-maxwidth)); 
}
 85.19% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-854 / var(--screen-width) * var(--screen-maxwidth)); 
}
 86.11% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-976 / var(--screen-width) * var(--screen-maxwidth)); 
}
 87.04% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-1098 / var(--screen-width) * var(--screen-maxwidth)); 
}
 87.96% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-1220 / var(--screen-width) * var(--screen-maxwidth)); 
}
 88.89% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-1342 / var(--screen-width) * var(--screen-maxwidth)); 
}
 89.81% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-1464 / var(--screen-width) * var(--screen-maxwidth)); 
}
 90.74% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-1586 / var(--screen-width) * var(--screen-maxwidth)); 
}
 91.67% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-1708 / var(--screen-width) * var(--screen-maxwidth)); 
}
 92.59% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-1830 / var(--screen-width) * var(--screen-maxwidth)); 
}
 93.52% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-1952 / var(--screen-width) * var(--screen-maxwidth)); 
}
 94.44% { 
 background-position: calc(0 / var(--screen-width) * var(--screen-maxwidth)) calc(-2074 / var(--screen-width) * var(--screen-maxwidth)); 
}
 95.37% { 
 background-position: calc(-426 / var(--screen-width) * var(--screen-maxwidth)) calc(-2074 / var(--screen-width) * var(--screen-maxwidth)); 
}
 96.30% { 
 background-position: calc(-852 / var(--screen-width) * var(--screen-maxwidth)) calc(-2074 / var(--screen-width) * var(--screen-maxwidth)); 
}
 97.22% { 
 background-position: calc(-1278 / var(--screen-width) * var(--screen-maxwidth)) calc(-2074 / var(--screen-width) * var(--screen-maxwidth)); 
}
 98.15% { 
 background-position: calc(-1704 / var(--screen-width) * var(--screen-maxwidth)) calc(-2074 / var(--screen-width) * var(--screen-maxwidth)); 
}
 99.07%, 100% { 
 background-position: calc(-2130 / var(--screen-width) * var(--screen-maxwidth)) calc(-2074 / var(--screen-width) * var(--screen-maxwidth)); 
}
}


.more_btn span { 
 display: inline-block; 
 vertical-align: middle; 
 line-height: calc(51 / var(--screen-width) * var(--screen-maxwidth)); 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffefc4), to(#ffffff)); 
 background-image: linear-gradient(#ffefc4, #ffffff); 
 -webkit-background-clip: text; 
 color: transparent; 
 -webkit-text-fill-color: transparent; 
 position: relative; 
 z-index: 30; 
}

.nv_more_btn.more_btn span { 
 -webkit-background-clip: unset; 
 -webkit-text-fill-color: #fff; 
 color: #fff; 
 background: none; 
}
.more_btn:hover { 
 -webkit-filter: brightness(1); 
 filter: brightness(1); 
}
.more_btn:hover .more_ibg { 
 width: calc(426 / var(--screen-width) * var(--screen-maxwidth)); 
 height: calc(122 / var(--screen-width) * var(--screen-maxwidth)); 
 background-image: url(../ossweb-img/btnmore.png); 
 background-size: calc(2556 / var(--screen-width) * var(--screen-maxwidth)) calc(2196 / var(--screen-width) * var(--screen-maxwidth)); 
 background-repeat: no-repeat; 
 -webkit-animation-name: btnmore; 
 animation-name: btnmore; 
 -webkit-animation-duration: 4.32s; 
 animation-duration: 4.32s; 
 -webkit-animation-delay: 0s; 
 animation-delay: 0s; 
 -webkit-animation-iteration-count: 1; 
 animation-iteration-count: 1; 
 -webkit-animation-fill-mode: both; 
 animation-fill-mode: both; 
 -webkit-animation-timing-function: steps(1); 
 animation-timing-function: steps(1); 
}

.nv_rt { 
 position: relative; 
 float: right; 
}

.nvsm_box { 
 float: left; 
}

.nvlk_btn { 
 display: block; 
 width: 30px; 
 height: 30px; 
 background: url(../ossweb-img/discord.png) no-repeat 100%/100%; 
 float: left; 
 margin: 18px 0 0 13.5px; 
}
.lang_ar .nvlk_btn { float: right; } 

.mbl { 
 display: none !important; 
}


.facebook_lit { 
 background: url(../ossweb-img/facebook.png) no-repeat; 
 background-size: 100% 100%; 
}
 
 .twitter_lit { 
 background: url(../ossweb-img/twitter.png) no-repeat; 
 background-size: 100% 100%; 
}
 
 .youtube_lit { 
 background: url(../ossweb-img/youtube.png) no-repeat; 
 background-size: 100% 100%; 
}
 
 .instagram_lit { 
 background: url(../ossweb-img/instagram.png) no-repeat; 
 background-size: 100% 100%; 
}
 
.twitch_lit { 
 background: url(../ossweb-img/twitch.png) no-repeat; 
 background-size: 100% 100%; 
}




.facebook_lit:hover { 
 background: url(../ossweb-img/facebook_y.png) no-repeat; 
 background-size: 100% 100%; 
}
 
 .twitter_lit:hover { 
 background: url(../ossweb-img/twitter_y.png) no-repeat; 
 background-size: 100% 100%; 
}
 
 .youtube_lit:hover { 
 background: url(../ossweb-img/youtube_y.png) no-repeat; 
 background-size: 100% 100%; 
}
 
 .instagram_lit:hover { 
 background: url(../ossweb-img/instagram_y.png) no-repeat; 
 background-size: 100% 100%; 
}
 
.twitch_lit:hover { 
 background: url(../ossweb-img/twitch_y.png) no-repeat; 
 background-size: 100% 100%; 
}
 



.language_btn { 
 display: flex; align-items: center; 
 float: left; 
 /* margin-left: 374; */
 font-size: 10.5px; 
 color: #b7b7b7; 
 line-height: 34.5px; 
 padding-top: 0; 
 height: 66px; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; 
 position: relative; font-family: '\5FAE\8F6F\96C5\9ED1', '\9ED1\4F53', tahoma, sans-serif; 
}
.language_icon { 
 display: inline-block; 
 vertical-align: top; 
 /* margin-top: 24; */
 width: 30px; 
 height: 30px; 
 background: url(../ossweb-img/language_icon.png) no-repeat 100%/100%; 
 margin-right: 12px; 
}
.language_xl_icon { 
 display: inline-block; 
 vertical-align: top; 
 width: 13.5px; 
 height: 6.75px; 
 background: url(../ossweb-img/language_xl_icon.png) no-repeat 100%/100%; 
 margin: 0 0 0 10.5px; 
}
.hok_lang_xl { 
 width: calc(186px * 0.75); 
 position: absolute; 
 left: 50%; transform: translate(-50%,0); 
 top: 66px; 
 z-index: 50; 
 display: none; 
}
.hok_lang_xl.act { 

 display: block; 
}
.hok_lang_xl .hok_lang_xllist { 
 width: calc(186px * 0.75); 
 overflow: hidden; 
 background: rgba(0, 0, 0, 0.9); 
 padding-top: 18px; 
 padding-bottom: calc(26px * 0.75); 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; 
 -webkit-transition: height 1s; 
 transition: height 1s; 
}
.hok_lang_xl:after { 
 content: ""; 
 width: calc(16px * 0.75); 
 height: calc(16px * 0.75); 
 background: url(../ossweb-img/lang_xl_icon.png) no-repeat 100%/100%; 
 position: absolute; 
 left: 50%; 
 top: calc(-8px * 0.75); 
 margin-left: calc(-8px * 0.75); 
}
.hok_lang_xl li { 
 width: 100%; 
 /* height: calc(42px * 0.75); */
 line-height: calc(42px * 0.75); 
 text-align: center; 
 color: #ffffff; 
 font-size: calc(16px * 0.75); 
}
.hok_lang_xl li a { 
 display: block; 
 width: 100%; 
 height: 100%; 
 color: #ffffff; 
 -webkit-transform: color 0.5s; 
 transform: color 0.5s; font-family: '\5FAE\8F6F\96C5\9ED1', '\9ED1\4F53', tahoma, sans-serif; 
}
.hok_lang_xl li.cur a, .hok_lang_xl li:hover a { 
 color: #fbd89b; 
 -webkit-filter: brightness(1); 
 filter: brightness(1); 
}


/* 1 */
.hok_lang_xl_m { 
 width: calc(186px * 0.75); 
 position: absolute; 
 left: 50%; transform: translate(-50%,0); 
 top: 66px; 
 z-index: 50; 
 display: none; 
}
 .hok_lang_xl_m.act { 
 
 display: block; 
}
 .hok_lang_xl_m .hok_lang_xllist { 
 width: calc(186px * 0.75); 
 overflow: hidden; 
 background: rgba(0, 0, 0, 0.9); 
 padding-top: 18px; 
 padding-bottom: calc(26px * 0.75); 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; 
 -webkit-transition: height 1s; 
 transition: height 1s; 
}
 .hok_lang_xl_m:after { 
 content: ""; 
 width: calc(16px * 0.75); 
 height: calc(16px * 0.75); 
 background: url(../ossweb-img/lang_xl_icon.png) no-repeat 100%/100%; 
 position: absolute; 
 left: 50%; 
 top: calc(-8px * 0.75); 
 margin-left: calc(-8px * 0.75); 
}
 .hok_lang_xl_m li { 
 width: 100%; 
 /* height: calc(42px * 0.75); */
 line-height: calc(42px * 0.75); 
 text-align: center; 
 color: #ffffff; 
 font-size: calc(16px * 0.75); 
}
 .hok_lang_xl_m li a { 
 display: block; 
 width: 100%; 
 height: 100%; 
 color: #ffffff; 
 -webkit-transform: color 0.5s; 
 transform: color 0.5s; font-family: '\5FAE\8F6F\96C5\9ED1', '\9ED1\4F53', tahoma, sans-serif; 
}
 .hok_lang_xl_m li.cur a, .hok_lang_xl_m li:hover a { 
 color: #fbd89b; 
 -webkit-filter: brightness(1); 
 filter: brightness(1); 
}
/* 2 */

.language_btn:hover { 
 color: #c7ac72; 
 -webkit-filter: brightness(1); 
 filter: brightness(1); 
}

.language_btn:hover .language_icon { 
 background: url(../ossweb-img/language_icon_cur.png) no-repeat 100%/100%; 
}

.language_btn:hover .language_xl_icon { 
 background: url(../ossweb-img/language_xl_iconcur.png) no-repeat 100%/100%; 
}




/* footer */
.hok_fot { 
 width: 100%; font-family: "RadikalLight"; 
 height: calc(704 / var(--screen-width) * var(--screen-maxwidth)); 
 position: relative; 
 background: #000; 
 overflow: hidden; 
 z-index:4; 
}
.hok_store { 
 width: 100%; 
 
 
 background-size: 100% 100%; 
 padding-top: calc(1 / var(--screen-width) * var(--screen-maxwidth)); 
 position: relative; 
 z-index: 30; 
}
.hok_store_btnbox { 
 width: 100%; 
 text-align: center; 
 font-size: 0; 
 margin: calc(60 / var(--screen-width) * var(--screen-maxwidth)) auto 0; 
}

.hok_store_btnbox a { 
 display: inline-block; 
 vertical-align: top; 
 width: calc(50 / var(--screen-width) * var(--screen-maxwidth)); 
 height: calc(50 / var(--screen-width) * var(--screen-maxwidth)); 
 margin: 0 calc(12 / var(--screen-width) * var(--screen-maxwidth)); 
 background-size: 100% 100%; 
}


.hok_store_para { 
 width: 100%; 
 text-align: center; 
 font-size: calc(24 / var(--screen-width) * var(--screen-maxwidth)); 
 color: #242424; 
 line-height: calc(30 / var(--screen-width) * var(--screen-maxwidth)); 
 margin: calc(28 / var(--screen-width) * var(--screen-maxwidth)) auto 0; 
 font-family: "RadikalLight"; display: none; 
}

.lang_en .hok_store_para { 
 display: none; 
}

.hok_stbox { 
 width: 100%; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-pack: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 position: absolute; 
 left: 0; 
 top: 73.3vh; 
 margin: 0 !important; 
}

.hok_stbox2 { 
 position: relative; 
 left: 0; 
 top: 0; 
 margin: calc(15 / var(--screen-width2) * var(--screen-maxwidth)) auto 0 !important; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 margin: calc(42 / var(--screen-width2) * var(--screen-maxwidth)) auto 0 !important; 
}




.hok_stbox2 a { 
 height: calc(60 / var(--screen-width2) * var(--screen-maxwidth)) !important; 
}

.hok_stbox a { 
 margin: 0 1vh; 
}

.hok_stbox img { 
 display: block; 
 height: 100%; 
 width: auto; 
}

.hok_stbox a:hover img { 
 -webkit-filter: drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px); 
 filter: drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px); 
}


.fot_logo { 
 width: 100%; 
 text-align: center; 
 margin: calc(70 / var(--screen-width) * var(--screen-maxwidth)) auto 0; 
}

.fot_logo a { 
 display: inline-block; 
 vertical-align: top; 
 margin: 0 calc(36 / var(--screen-width) * var(--screen-maxwidth)); opacity: .75; 
}
.fot_logo a:hover { 
 opacity: 1; 
}
.fot_logo a:nth-child(1) img { 
 display: block; 
 width: calc(137 / var(--screen-width) * var(--screen-maxwidth)); 
}

.fot_logo a:nth-child(2) img { 
 display: block; 
 width: calc(180 / var(--screen-width) * var(--screen-maxwidth)); 
}

.copyright { 
 width: 100%; 
 text-align: center; 
 font: calc(12 / var(--screen-width) * var(--screen-maxwidth))/1.5 tahoma, "u65b9u6b63u5170u4eadu9ed1", sans-serif; 
 font-size: calc(16 / var(--screen-width) * var(--screen-maxwidth)); 
 color: #b7b7b7; 
 line-height: calc(22 / var(--screen-width) * var(--screen-maxwidth)); 
 margin: calc(24 / var(--screen-width) * var(--screen-maxwidth)) auto 0; 

}

.copyright_link { 
 margin: calc(62 / var(--screen-width) * var(--screen-maxwidth)) auto 0; 
 text-align: center; 
 font-size: calc(16 / var(--screen-width) * var(--screen-maxwidth)); 
 color: #ffffff; 
 line-height: calc(24 / var(--screen-width) * var(--screen-maxwidth)); 
 font-family: "frutigerroman"; 
}

.copyright_link a { 
 display: inline-block; 
 vertical-align: top; 
 margin: 0 calc(15 / var(--screen-width) * var(--screen-maxwidth)); 
 color: #fff; 
 white-space: nowrap; 
}





.hok_stbox a { position: relative; } 

.hok_stbox a:hover .qrcode_box { display: block; } 

.hok_stbox a:hover .qrcode_box img { display: block; 
 -webkit-filter: none; 
 filter: none; 
}
.qrcode_box { position: absolute; top: 1rem; left: 50%; transform: translate(-50%,0); width: calc(190 / var(--screen-width) * var(--screen-maxwidth)); display:none; } 











@media screen and (max-width: 1300px) { 
.hd_nv_list { display: none; } 
.nvsm_box { display: none; } 
.mbl { 
 display: block!important; 
}
.hov_m_morebox .hd_nv_list { 
 display: flex!important; width: 100vw; 
}


.hov_m_morebox { 
 width: 100%; 
 height: 0; 
 position: fixed; 
 right: 0; 
 top: 0; 
 z-index: 4; 
 background: rgba(17, 17, 17, 0.9); 
 -webkit-transition: all 0.5s; 
 transition: all 0.5s; 
 overflow: hidden; 
 display: none; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; 
 padding: 0; 
}

.hov_m_morebox.show { 
 padding-top: calc(150 / var(--screen-width2) * var(--screen-maxwidth)); 
 height: calc(600 / var(--screen-width2) * var(--screen-maxwidth)); 
}

.hd_nv_list { 
 height: 100%; 
 flex-direction: column; 
}
.hov_m_morebox .hd_nv_list { 
 width: 100vw; 
 margin: 0; 
 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
}
.hov_m_morebox .hd_nv_list { 
 display: flex!important; width: 100vw; 
}


.hov_m_morebox .hd_nv_list li { 
 width: 100%; 
 margin: 0; 
 height: calc(116 / var(--screen-width2) * var(--screen-maxwidth)); 
 padding: 0; 
 line-height: calc(116 / var(--screen-width2) * var(--screen-maxwidth)); 
 font-size: calc(42 / var(--screen-width2) * var(--screen-maxwidth)); 
 font-family: "radikal"; 
 font-weight: bold; 
 color: #fff; 
}



.nv_more_btn.more_btn { 
 float: left; 
 top: 50%; 
 transform-origin: 50% 0%; 
 transform:translate(0,-50%) scale(1); 
 margin-right: calc(40 / var(--screen-width) * var(--screen-maxwidth)); 
}
.nv_m_more { 
 display: block; 
 width: calc(38 / var(--screen-width) * var(--screen-maxwidth)); 
 height: 100%; 
 background: url(../ossweb-img/nv_m_more.png) no-repeat 100%/100%; float: right; transition: all 0.5s; 
}
.nv_m_more.hide { 
 background: url(../ossweb-img/nv_m_close.png) no-repeat 100%/100%; 
}
.mbl { 
 display: block!important; 
}

 
.language_btn { display: none; } 

.nv_m_lan { 
 display: block; 
 width: 30px; 
 height: 100%; 
 background: url(../ossweb-img/m_language.png) no-repeat 100%/100%; 
 float: right; 
 margin: 0 10px 0 0; 
 transition: all .5s; 
}
.nv_m_lan.act { 
 background: url(../ossweb-img/m_language_act.png) no-repeat 100%/100%; 
 
}


.hok_lang_xl_m { left: 73%; } 
.lang_ar .hok_lang_xl_m { left: 33%; } 



}



@media screen and (max-width: 900px) { 
 .nv_more_btn.more_btn { 
 
 margin-top: 0; 

}
 


 
}




/* mobile */
.pc_web { display: block; } 
.h5_web { display: none; } 
@media screen and (max-width: 850px) { 
 .pc_web { display: none; } 
 .h5_web { display: block; } 
 .w78 { width: 7rem; } 

 .wrap { width: 7.5rem; overflow-x: hidden; } 
 .hok_nav { min-width: 7.5rem; } 

 body .compra_btn { 
 float: right; 
 font-size: calc(18 / var(--screen-width)* var(--screen-maxwidth)); 
 color: #b7b7b7; 
 line-height: calc(40 / var(--screen-width)* var(--screen-maxwidth)); 
 padding-top: calc(40 / var(--screen-width)* var(--screen-maxwidth)); 
 padding-right: calc(18 / var(--screen-width)* var(--screen-maxwidth)); 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; 
 position: relative; 
}
 body .compra_icon { 
 display: inline-block; 
 vertical-align: top; 
 width: calc(40 / var(--screen-width)* var(--screen-maxwidth)); 
 height: calc(40 / var(--screen-width)* var(--screen-maxwidth)); 
 background: url(../ossweb-img/compra_icon.png) no-repeat 100% / 100%; 
 margin-right: calc(10 / var(--screen-width)* var(--screen-maxwidth)); 
}





/* footer */
.hok_store_btnbox { 
 position: absolute; 
 left: 0; 
 top: -1.3rem; 
 margin: 0; 
}
.hok_fot_main { background: #000; padding-bottom: .4rem; } 
.hok_fot { padding-top: 2.16rem; background: #fff; height: auto; } 
.hok_fot.nopad { padding-top: 0; } 
.hok_store { 
 width: 100%; 
 height: calc(228 / var(--screen-width2) * var(--screen-maxwidth)); 
 background: url(../ossweb-img/m_bot_store-9bd65d81.jpg) no-repeat 100%/100%; 
 transform: translateY(-1px); 
}



.hok_stbox a:hover .qrcode_box { display: none; } 
.hok_stbox a:hover img { 
 -webkit-filter: none; 
 filter: none; 
}
 .hok_stbox2 { margin: .8rem auto 0 !important; } 
 .fot_logo a { 
 opacity: .75; 
}
 .fot_logo a:hover { 
 opacity: .75; 
}
 .copyright_link a { 
 display: block; 
 width: 100%; 
 height: calc(80 / var(--screen-width2) * var(--screen-maxwidth)); 
 line-height: calc(80 / var(--screen-width2) * var(--screen-maxwidth)) !important; 
 font-size: calc(24 / var(--screen-width2) * var(--screen-maxwidth)) !important; 
 text-align: center; 
}
.copyright_link { 
 padding: calc(30 / var(--screen-width2) * var(--screen-maxwidth)) 0; 
 border-top: #111111 solid 1px; 
}

.hok_store_btnbox a { 
 width: calc(66 / var(--screen-width2) * var(--screen-maxwidth)); 
 height: calc(66 / var(--screen-width2) * var(--screen-maxwidth)); 
 margin: 0 calc(10 / var(--screen-width) * var(--screen-maxwidth)); 
}



/* topbar */
.nvsm_box { display: none; } 
.hd_nv_list { display: none; } 

.nv_more_btn.more_btn { 
 float: left; 
 margin-top: 0; 
 transform-origin: 50% 0%; 
 transform:translate(0,-50%) scale(1); 
 margin-right: calc(20 / var(--screen-width) * var(--screen-maxwidth)); 
}


.hd_nv_logo { 
 width: calc(180 / var(--screen-width) * var(--screen-maxwidth)); 
 height: calc(60 / var(--screen-width) * var(--screen-maxwidth)); 
 
 float: left; 

}
.lang_ar .hd_nv_logo { 
 width: calc(103 / var(--screen-width) * var(--screen-maxwidth)); 
 height: calc(60 / var(--screen-width) * var(--screen-maxwidth)); 

}

.nv_m_more { 
 display: block; 
 width: calc(38 / var(--screen-width) * var(--screen-maxwidth)); 

 background: url(../ossweb-img/nv_m_more.png) no-repeat 100%/100%; float: right; transition: all 0.5s; 
}
.nv_m_more.hide { 
 background: url(../ossweb-img/nv_m_close.png) no-repeat 100%/100%; 
}

.mbl { 
 display: block!important; 
}


.hov_m_morebox { 
 width: 100%; 
 height: 0; 
 position: fixed; 
 right: 0; 
 top: 0; 
 z-index: 5; 
 background: rgba(17, 17, 17, 0.9); 
 -webkit-transition: all 0.5s; 
 transition: all 0.5s; 
 overflow: hidden; 
 display: none; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; 
 padding: 0; 
}

.hov_m_morebox.show { 
 padding-top: calc(150 / var(--screen-width2) * var(--screen-maxwidth)); 
 height: calc(600 / var(--screen-width2) * var(--screen-maxwidth)); 
}

.hov_m_morebox .hd_nv_list { 
 width: 100vw; 
 height: 100%; 
 flex-direction: column; 
 margin: 0; 
 display: flex!important; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
}

.hov_m_morebox .hd_nv_list li { 
 width: 100%; 
 margin: 0; 
 height: .2rem; 
 padding: 0; 
 line-height: .2rem; 
 font-size: calc(42 / var(--screen-width2) * var(--screen-maxwidth)); 
 font-family: "radikal"; 
 font-weight: bold; 
 color: #fff; 
 flex: 1; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 line-height: 1!important; 
 box-sizing: border-box; 
 text-align: center; 
 position: relative; 
 cursor: pointer; 
 float: left; 
}
.hd_nv_list li span { 
 display: inline-block; 
 /* transform: scale(0.75); */
 -webkit-transform-origin: 50% 0; 
 transform-origin: 50% 0; 
}


.hd_nv_list li.cur:before,
.hd_nv_list li:hover:before,
.squadbtn.cur:before,
.squadbtn:hover:before { 
 display: none; 
}

.hd_nv_list li.cur:after,
.hd_nv_list li:hover:after,
.squadbtn.cur:after,
.squadbtn:hover:after { 
 display: none; 
}

.more_btn:hover .more_ibg { 
 width: calc(426 / var(--screen-width) * var(--screen-maxwidth)); 
 height: calc(122 / var(--screen-width) * var(--screen-maxwidth)); 
 background-image: url(../ossweb-img/btnmore.png); 
 background-size: calc(2556 / var(--screen-width) * var(--screen-maxwidth)) calc(2196 / var(--screen-width) * var(--screen-maxwidth)); 
 background-repeat: no-repeat; 
 -webkit-animation-name: btnmorenone; 
 animation-name: btnmorenone; 
 -webkit-animation-duration: 4.32s; 
 animation-duration: 4.32s; 
 -webkit-animation-delay: 0s; 
 animation-delay: 0s; 
 -webkit-animation-iteration-count: 1; 
 animation-iteration-count: 1; 
 -webkit-animation-fill-mode: both; 
 animation-fill-mode: both; 
 -webkit-animation-timing-function: steps(1); 
 animation-timing-function: steps(1); 
}





.hok_nav { 
 height: calc(118 / var(--screen-width) * var(--screen-maxwidth)); 
}
.lang_ar .hok_nav { padding-right: 0; } 
.nv_m_lan { width: calc(40 / var(--screen-width) * var(--screen-maxwidth)); } 
.hd_nv_logo { margin: calc(30 / var(--screen-width) * var(--screen-maxwidth)) 0 0 calc(29 / var(--screen-width) * var(--screen-maxwidth)); } 



.hok_lang_xl { 
 top: calc(118 / var(--screen-width) * var(--screen-maxwidth)); 
}
 .hok_lang_xl_m { 
 top: calc(118 / var(--screen-width) * var(--screen-maxwidth)); 
}













}














.lang_ar .wrap { font-family: "armid"; text-align: right; direction: rtl; line-height: 1.4; } 
.lang_ar .hok_nav { font-family: "armid"; } 
.lang_ar .kv_btn a { font-family: "armid"; } 
.lang_ar .hd_nv_list li:last-child { margin-right: calc(37.5 / var(--screen-width) * var(--screen-maxwidth)); } 



.lang_ar .w1_btn_box a { font-family: "armid"; } 
.lang_ar .w1_btn_box a p { text-align: center; direction: rtl; } 


.lang_ar .w2_team_btn a { font-family: "armid"; } 
.lang_ar .w2_scrollbox { left: 0; } 

.lang_ar .hd_nv_logo { 
 float: right; 
 
}
.lang_ar .hd_nv_list, .lang_ar .language_btn, .lang_ar .nvsm_box, .lang_ar .nv_more_btn { 
 float: right; 
}
.lang_ar .nv_rtbox, .lang_ar .nv_rt, .lang_ar .nv_m_lan { 
 float: left; 
}
.lang_ar .language_icon { 
 margin-left: 12px; 
 margin-right: 12px; 
}
.lang_ar .language_btn { font-family: "armid"; } 
.lang_ar .language_xl_icon { margin-right: .05rem; } 



.lang_ar .w1_main { line-height: 1.4; } 
.lang_ar .nv_m_more { 
 float: left; 
 margin-right: calc(42 / var(--screen-width) * var(--screen-maxwidth)); 
 margin-left: calc(42 / var(--screen-width) * var(--screen-maxwidth)); 
}

.lang_ar .copyright_link { font-family: "armid"; } 
.lang_ar .copyright { font-family: "armid"; } 
.lang_ar .w2_scrollbox .tit { font-family: "armid"; } 



.lang_ar .w2_scrollbox { padding-right: 0; padding-left: 1rem; left: auto; right: 1rem; } 

 .hok_sx_store { display: none; } 
.lang_pt .hok_sx_store { display: block; } 


.lang_ru .calendar_pa_item_c2 p,
.lang_ru .calendar_td, 
.lang_ru .calendar_tit, 
.lang_ru .language_btn, 
.lang_ru .wrap, 
.lang_ru .hok_nav, 
.lang_ru .kv_btn a, 
.lang_ru .copyright_link, 
.lang_ru .bg3_t2, 
.lang_ru .w2_scrollbox .tit, 
.lang_ru .w2_team_btn a, 
.lang_ru .w2_t3, 
.lang_ru .swiper_main_t3, 
.lang_ru .swiper_main_t2, 
.lang_ru .w1_btn_box a, 
.lang_ru .w1_t3, 
.lang_ru .kv_t1, 
.lang_ru .kv_t2 
 {
 
 
 
 
 
 
 
 
 
 
 
 
 
 font-family: "ru"; 
}


.lang_ar .team_box,
.lang_ar .team_tit,
.lang_ar .team_txt,
.lang_ar .calendar_pa_item_c2 p,
.lang_ar .calendar_td, 
.lang_ar .calendar_tit { 
 font-family: "armid"; direction: rtl; 
}
.lang_ar .team_tit,
.lang_ar .team_txt { 
 text-align: right; width: 100%; 
}
.lang_ar .calendar_tr { direction: rtl; } 


.lang_zh .team_tit,
.lang_zh .bg3_t2,
.lang_zh .w2_t3,
.lang_zh .kv_t2,
.lang_zh .w1_t3 { line-height: 1.4; } 
.lang_zh .w1_btn_box a.cp p { padding-left: 0; text-align: center; } 
.lang_zh .hok_sx_store { display: block; } 

.lang_zh .hok_stbox a { background: #000; 
 border: rgba(166, 166, 166, 0.72) solid 0.2vh; 
 border-radius: 0.8vh; } 
 .lang_zh .hok_stbox a:hover img { -webkit-filter: none; filter: none; } 
 .lang_zh .hok_stbox a:hover { 
 -webkit-filter: drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px); 
 filter: drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px); } 

 .lang_zh .copyright,
.lang_zh .copyright_link { font-weight: bold; } 
.lang_zh .copyright,
.lang_zh .copyright_link,
.lang_zh { font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif !important; } 






.lang_zh-cn .team_tit,
.lang_zh-cn .bg3_t2,
.lang_zh-cn .w2_t3,
.lang_zh-cn .kv_t2,
.lang_zh-cn .w1_t3 { line-height: 1.4; } 
.lang_zh-cn .w1_btn_box a.cp p { padding-left: 0; text-align: center; } 

.lang_zh-cn .hok_store_pay { display: none; } 
.lang_zh-cn .hok_app_pay { display: none; } 
.lang_zh-cn .hok_sx_store { display: block; } 
.lang_zh-cn .hok_stbox a { background: #000; 
 border: rgba(166, 166, 166, 0.72) solid 0.2vh; 
 border-radius: 0.8vh; } 
 .lang_zh-cn .hok_stbox a:hover img { -webkit-filter: none; filter: none; } 
 .lang_zh-cn .hok_stbox a:hover { 
 -webkit-filter: drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px); 
 filter: drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px) drop-shadow(rgba(255, 247, 192, 0.6) 0 0 4px); } 

.footzh { display: none !important; } 
.lang_zh .footzh { display: block!important; width: calc(245 / var(--screen-width) * var(--screen-maxwidth))!important; } 
.lang_zh-cn .footzh { display: block!important; width: calc(245 / var(--screen-width) * var(--screen-maxwidth))!important; } 

.footother { display: block!important; } 
.lang_zh .footother { display: none!important; } 
.lang_zh-cn .footother { display: none!important; } 


.lang_zh-cn .nvsm_box { display: none; } 
.lang_zh-cn .hok_store_btnbox { height: calc(50 / var(--screen-width) * var(--screen-maxwidth)); } 
.lang_zh-cn .hok_store_btnbox a { display: none; } 


.lang_zh-cn .copyright,
.lang_zh-cn .copyright_link { font-weight: bold; } 
.lang_zh-cn .copyright,
.lang_zh-cn .copyright_link,
.lang_zh-cn { font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif !important; } 

/* .lang_ar .hok_lang_xl { left: 6%; } */