@font-face{font-family:"teko";src:url('../font/teko_regular.ttf')}body{font-size:12px;-webkit-text-size-adjust:none;font-family:"teko";min-width:320px}.wrap{width:100%;overflow:hidden}.section{height:100%;overflow:hidden;background-repeat:no-repeat;position:relative}.kv{background-image:url(/images/event/karakin/bg_kv.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;height:calc(1077 / 1920 * 100vw);position:relative;background-color:#353638}.s1{background-image:url(/images/event/karakin/bg_part1.jpg);background-position:center;background-size:cover;height:calc(1060 / 1920 * 100vw);position:relative}.s2{background-image:url(/images/event/karakin/bg_part2.jpg);background-position:center;background-size:cover;height:calc(1534 / 1920 * 100vw)}.s3{background-image:url(/images/event/karakin/bg_part3.jpg);background-position:center;background-size:cover;height:calc(1562 / 1920 * 100vw)}.s3:after{content:'';display:block;width:calc(372 / 1920 * 100vw);height:calc(553 / 1920 * 100vw);background:url(/images/event/karakin/img_people.png) center/100% no-repeat;position:absolute;bottom:calc(158 / 1920 * 100vw);left:0;z-index:99}.s4{background-image:url(/images/event/karakin/bg_part4.jpg);background-position:center;background-size:cover;height:calc(1092 / 1920 * 100vw)}.slogan-box{display:block;width:calc(1169 / 1920 *100vw);height:calc(495 / 1920 *100vw);position:absolute;top:calc(461 / 1920 *100vw);left:50%;transform:translateX(-50%);background:url(/images/event/karakin/img_slogan_en.png) center/100% no-repeat}.ar .slogan-box{background-image:url(/images/event/karakin/img_slogan_ar.png)}.en .slogan-box{background-image:url(/images/event/karakin/img_slogan_en.png)}.id .slogan-box{background-image:url(/images/event/karakin/img_slogan_id.png)}.pt .slogan-box{background-image:url(/images/event/karakin/img_slogan_pt.png)}.th .slogan-box{background-image:url(/images/event/karakin/img_slogan_th.png)}.ru .slogan-box{background-image:url(/images/event/karakin/img_slogan_ru.png)}.es .slogan-box{background-image:url(/images/event/karakin/img_slogan_es.png)}.fr .slogan-box{background-image:url(/images/event/karakin/img_slogan_fr.png)}.tr .slogan-box{background-image:url(/images/event/karakin/img_slogan_tr.png)}.vi .slogan-box{background-image:url(/images/event/karakin/img_slogan_vi.png)}.my .slogan-box{background-image:url(/images/event/karakin/img_slogan_en.png)}.de .slogan-box{background-image:url(/images/event/karakin/img_slogan_de.png)}.HK .slogan-box{background-image:url(/images/event/karakin/img_slogan_hk.png)}.TW .slogan-box{background-image:url(/images/event/karakin/img_slogan_tw.png)}.slogan-box .img-slogan{display:block;width:100%;background:url(/images/event/karakin/img_slogan.png) center/100% no-repeat}.logo{display:block;width:calc(100 / 1920 *100vw);height:calc(100 / 1920 *100vw);position:absolute;top:104px;right:calc(50 / 1920 *100vw);background:url(/images/event/karakin/pubg.png) center/100% no-repeat}.newdownload-wrap{bottom:calc(55 / 1920 * 100vw) !important}.download-wrap a{display:inline-block;margin:0 calc(20 / 1920 * 100vw);overflow:hidden;position:relative}.download-wrap .apple-btn{width:240px;height:80px;background:url(/images/event/karakin/app_store.png) top center no-repeat;background-size:100%}.download-wrap .apk-btn{width:260px;height:80px;background:url(/images/event/karakin/apk_downloadcopy.png) top center no-repeat;background-size:100%}.mclass .download-wrap .apple-btn{width:calc(285 / 750 * 100vw);height:calc(95 / 750 * 100vw)}.mclass .down_tip span{font-size:calc(20 / 750 * 100vw);line-height:calc(22 / 750 * 100vw)}.mclass .newdownload-wrap{bottom:calc(0 / 750 * 100vw) !important}.p1-video{display:block;width:100vw;height:calc(1080 / 1920 * 100vw)}.s1:after{content:'';display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5)}.btn-video{display:block;width:calc(213 / 1920 * 100vw);height:calc(214 / 1920 * 100vw);background:url(/images/event/karakin/p2_btn_video.png) center/100% no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:2}#bg-video{display:block;width:100%;height:auto;position:relative}.s1:after{content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,.6);position:absolute;top:0;left:0}.video-box{display:block;width:calc(1150 / 1920 * 100vw);height:calc(797 / 1920 * 100vw);background:url(/images/event/karakin/bg_video.png) center/100% no-repeat;position:absolute;top:calc(302 / 1920 * 100vw);right:calc(74 / 1920 * 100vw);direction:ltr}.video-title{display:block;width:calc(336 / 1920 * 100vw);height:calc(62 / 1920 * 100vw);margin-left:calc(680 / 1920 * 100vw);margin-top:calc(-35 / 1920 * 100vw);background:url(/images/event/karakin/en_video_title.png) center/100% no-repeat}.ar .video-title{background-image:url(/images/event/karakin/ar_video_title.png)}.en .video-title{background-image:url(/images/event/karakin/en_video_title.png)}.id .video-title{background-image:url(/images/event/karakin/id_video_title.png)}.pt .video-title{background-image:url(/images/event/karakin/pt_video_title.png)}.th .video-title{background-image:url(/images/event/karakin/th_video_title.png)}.ru .video-title{background-image:url(/images/event/karakin/ru_video_title.png)}.es .video-title{background-image:url(/images/event/karakin/es_video_title.png)}.fr .video-title{background-image:url(/images/event/karakin/fr_video_title.png)}.tr .video-title{background-image:url(/images/event/karakin/tr_video_title.png)}.vi .video-title{background-image:url(/images/event/karakin/vi_video_title.png)}.my .video-title{background-image:url(/images/event/karakin/en_video_title.png)}.de .video-title{background-image:url(/images/event/karakin/de_video_title.png)}.HK .video-title{background-image:url(/images/event/karakin/hk_video_title.png)}.TW .video-title{background-image:url(/images/event/karakin/tw_video_title.png)}.video-title img{display:block;width:100%}.video-box .video-cover{width:calc(724 / 1920 * 100vw);height:calc(484 / 1920 * 100vw);margin:calc(27 / 1920 * 100vw) 0 0 calc(234 / 1920 * 100vw);cursor:pointer}.video-box span{display:block;width:calc(131 / 1920 * 100vw);height:calc(133 / 1920 * 100vw);background:url(/images/event/karakin/btn_video.png) center/100% no-repeat;position:absolute;top:calc(202 / 1920 * 100vw);left:calc(530 / 1920 * 100vw);cursor:pointer}.video-desc{display:block;width:calc(452 / 1920 * 100vw);height:calc(131 / 1920 * 100vw);background:url(/images/event/karakin/video_desc.png) center/100% no-repeat;margin:calc(23 / 1920 * 100vw) 0 0 calc(499 / 1920 * 100vw);text-align:center;padding:calc(29 / 1920 * 100vw) 0 0 calc(84 / 1920 * 100vw)}.ar .video-desc{direction:rtl;unicode-bidi:bidi-override}.video-desc p{font-size:calc(26 / 1920 * 100vw);line-height:calc(34 / 1920 * 100vw);color:#fcefe3}.feature-box{display:block;width:calc(1592 / 1920 * 100vw);height:calc(934 / 1920 * 100vw);background:url(/images/event/karakin/p3_bg_img.png) center/100% no-repeat;position:absolute;top:calc(217 / 1920 * 100vw);left:calc(283 / 1920 * 100vw);direction:ltr}.feature-title{display:block;width:calc(726 / 1920 * 100vw);height:calc(62 / 1920 * 100vw);background:url(/images/event/karakin/en_feature_title.png) center/100% no-repeat;position:absolute;top:calc(28 / 1920 * 100vw);left:calc(26 / 1920 * 100vw)}.ar .feature-title{background-image:url(/images/event/karakin/ar_feature_title.png)}.en .feature-title{background-image:url(/images/event/karakin/en_feature_title.png)}.id .feature-title{background-image:url(/images/event/karakin/id_feature_title.png)}.pt .feature-title{background-image:url(/images/event/karakin/pt_feature_title.png)}.th .feature-title{background-image:url(/images/event/karakin/th_feature_title.png)}.ru .feature-title{background-image:url(/images/event/karakin/ru_feature_title.png)}.es .feature-title{background-image:url(/images/event/karakin/es_feature_title.png)}.fr .feature-title{background-image:url(/images/event/karakin/fr_feature_title.png)}.tr .feature-title{background-image:url(/images/event/karakin/tr_feature_title.png)}.vi .feature-title{background-image:url(/images/event/karakin/vi_feature_title.png)}.my .feature-title{background-image:url(/images/event/karakin/en_feature_title.png)}.de .feature-title{background-image:url(/images/event/karakin/de_feature_title.png)}.HK .feature-title{background-image:url(/images/event/karakin/hk_feature_title.png)}.TW .feature-title{background-image:url(/images/event/karakin/tw_feature_title.png)}.feature-box:after{content:'';display:block;width:calc(768 / 1920 * 100vw);height:calc(259 / 1920 * 100vw);background:url(/images/event/karakin/feature_after.png) center/100% no-repeat;position:absolute;top:calc(777 / 1920 * 100vw);left:calc(-75 / 1920 * 100vw);z-index:9}.swiper-container{display:block;width:calc(1364 / 1920 * 100vw);height:calc(807 / 1920 * 100vw);margin:calc(109 / 1920 * 100vw) 0 0 calc(26 / 1920 * 100vw)}.ar .swiper-container{unicode-bidi:initial;direction:ltr}.feature-cover{display:block;width:100%;height:100%}.feature-prev,.feature-next{display:block;width:calc(83 / 1920 * 100vw);height:calc(103 / 1920 * 100vw);background:url(/images/event/karakin/feature_dir.png) center left no-repeat;background-size:calc(284 / 1920 * 100vw) auto;position:absolute;top:calc(383 / 1920 * 100vw);left:calc(-116 / 1920 * 100vw)}.feature-next{left:auto;right:calc(62 / 1920 * 100vw);background-position:center right}.feature-text{display:block;width:calc(801 / 1920 * 100vw);height:calc(242 / 1920 * 100vw);background:url(/images/event/karakin/p3_border.png) center/100% no-repeat;position:absolute;top:calc(832 / 1920 * 100vw);left:calc(649 / 1920 * 100vw);z-index:99}.feature-text .feature-scroll{display:block;width:calc(637 / 1920 * 100vw);height:calc(242 / 1920 * 100vw);margin:0 auto 0;transform:rotate(-1deg);color:#301c15;font-size:calc(36 / 1920 * 100vw)}.feature-text p{display:none;position:absolute;top:50%;transform:translateY(-50%)}.feature-text p.on{display:block}.ar .feature-text p{direction:rtl;unicode-bidi:bidi-override}.btn-bullet{display:block;width:calc(359 / 1920 * 100vw);height:calc(201 / 1920 * 100vw);position:absolute;top:calc(689 / 1920 * 100vw);left:calc(608 / 1920 * 100vw);background:url(/images/event/karakin/img_bullet2.png) center/100% no-repeat}.btn-bullet span{display:block;width:100%;height:100%;background:url(/images/event/karakin/img_bullet.png) center/100% no-repeat;animation:light 1s infinite alternate;-webkit-animation:light 1s infinite alternate}.btn-phone{display:block;width:calc(149 / 1920 * 100vw);height:calc(242 / 1920 * 100vw);position:absolute;top:calc(544 / 1920 * 100vw);left:calc(975 / 1920 * 100vw);background:url(/images/event/karakin/img_phone.png) center/100% no-repeat}.btn-phone span{display:block;width:100%;height:100%;background:url(/images/event/karakin/img_phone2.png) center/100% no-repeat;animation:light 1s infinite alternate;-webkit-animation:light 1s infinite alternate}.touch-hint{display:block;width:calc(32 / 1920 * 100vw);height:calc(40 / 1920 * 100vw);position:absolute;top:calc(873 / 1920 * 100vw);left:calc(819 / 1920 * 100vw);background:url(/images/event/karakin/img_touch.png) center/100% no-repeat}.nav-box{display:none;width:calc(93 / 1920 * 100vw);height:calc(654 / 1920 * 100vw);background:url(/images/event/karakin/bg_nav.png) center/100% no-repeat;position:fixed;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:99}.nav-item{display:block;width:calc(50 / 1920 * 100vw);height:calc(510 / 1920 * 100vw);position:absolute;top:calc(49 / 1920 * 100vw);left:calc(29 / 1920 * 100vw)}.nav-item a{display:block;font-size:calc(18 / 1920 * 100vw);color:#fff;height:calc(40 / 1920 * 100vw);margin-bottom:calc(64 / 1920 * 100vw);line-height:calc(41 / 1920 * 100vw);text-indent:calc(26 / 1920 * 100vw);cursor:pointer}.ar .nav-item a{text-indent:calc(12 / 1920 * 100vw)}.nav-item a.on{background:url(/images/event/karakin/btn_nav_on.png) center/100% no-repeat;font-size:calc(21 / 1920 * 100vw)}.mclass .nav-box{display:none !important}.mclass .kv{background-image:url(/images/event/karakin/m/bg_kv.jpg);height:calc(1334 / 750 * 100vw)}.mclass .slogan-box{width:100%;top:calc(840 / 750 *100vw);height:calc(295 / 750 *100vw)}.mclass .logo{width:calc(100 / 750 *100vw);height:calc(100 / 750 *100vw);left:calc(20 / 750 *100vw);top:55px}.mclass .s1{background-image:url(/images/event/karakin/m/bg_part1.jpg);height:calc(1334 / 750 * 100vw)}.mclass .s1:after{display:none}.mclass #bg-video{display:none}.mclass .s2{background-image:url(/images/event/karakin/m/bg_part2.jpg);height:calc(1475 / 750 * 100vw)}.mclass .btn-video{width:calc(140 / 750 * 100vw);height:calc(140 / 750 * 100vw)}.mclass .video-box{width:calc(750 / 750 * 100vw);height:calc(797 / 750 * 100vw);top:calc(399 / 750 * 100vw);background:0;right:0}.mclass .video-title{width:calc(299 / 750 * 100vw);height:calc(62 / 750 * 100vw);margin-left:calc(434 / 750 * 100vw);margin-top:calc(52 / 750 * 100vw)}.mclass .video-box .video-cover{width:calc(585 / 750 * 100vw);height:calc(387 / 750 * 100vw);margin:calc(23 / 750 * 100vw) 0 0 calc(78 / 750 * 100vw)}.mclass .video-box span{width:calc(100 / 750 * 100vw);height:calc(100 / 750 * 100vw);top:calc(262 / 750 * 100vw);left:calc(318 / 750 * 100vw)}.mclass .video-desc{width:calc(452 / 750 * 100vw);height:calc(118 / 750 * 100vw);background-image:url(/images/event/karakin/video_desc.png);margin:calc(4 / 750 * 100vw) 0 0 calc(68 / 750 * 100vw)}.mclass .video-desc p{line-height:calc(34 / 750 * 100vw);font-size:calc(26 / 750 * 100vw)}.mclass .s3{background-image:url(/images/event/karakin/m/bg_part3.jpg);height:calc(1194 / 750 * 100vw);overflow:initial}.mclass .s3:after{display:none}.mclass .feature-box{width:calc(710 / 750 * 100vw);height:calc(439 / 750 * 100vw);left:calc(50 / 750 * 100vw);top:calc(517 / 750 * 100vw);background-image:url(/images/event/karakin/m/p3_bg_img.png)}.mclass .feature-title{width:calc(526 / 750 * 100vw);height:calc(35 / 750 * 100vw);top:calc(2 / 750 * 100vw);left:calc(0 / 750 * 100vw)}.mclass .swiper-container{width:calc(644 / 750 * 100vw);height:calc(396 / 750 * 100vw);margin:calc(43 / 750 * 100vw) 0 0 calc(11 / 750 * 100vw)}.mclass .feature-prev,.mclass .feature-next{width:calc(73 / 750 * 100vw);height:calc(79 / 750 * 100vw);top:calc(226 / 750 * 100vw);left:calc(-49 / 750 * 100vw);background-size:calc(201 / 750 * 100vw) auto}.mclass .feature-next{left:auto;right:calc(0 / 750 * 100vw)}.mclass .feature-text{width:calc(553 / 750 * 100vw);height:calc(231 / 750 * 100vw);background-image:url(/images/event/karakin/m/p3_border.png);top:calc(353 / 750 * 100vw);left:calc(137 / 750 * 100vw);z-index:99}.mclass .feature-text .feature-scroll{width:calc(473 / 750 * 100vw);height:calc(226 / 750 * 100vw);font-size:calc(33 / 750 * 100vw);line-height:calc(36 / 750 * 100vw)}.mclass .feature-box:after{width:calc(349 / 750 * 100vw);height:calc(575 / 750 * 100vw);background:url(/images/event/karakin/m/feature_after.png) center/100% no-repeat;left:calc(-55 / 750 * 100vw);top:calc(366 / 750 * 100vw);pointer-events:none}.mclass .feature-text:after{content:'';width:calc(230 / 750 * 100vw);height:calc(159 / 750 * 100vw);background:url(/images/event/karakin/m/p3_border_after.png) center/100% no-repeat;position:absolute;bottom:calc(-76 / 750 * 100vw);right:calc(-28 / 750 * 100vw)}.mclass .s4{background-image:url(/images/event/karakin/m/bg_part4.jpg);height:calc(1400 / 750 * 100vw)}.mclass .btn-phone{width:calc(134 / 750 * 100vw);height:calc(221 / 750 * 100vw);top:calc(783 / 750 * 100vw);left:calc(502 / 750 * 100vw)}.mclass .btn-bullet{width:calc(328 / 750 * 100vw);height:calc(184 / 750 * 100vw);top:calc(995 / 750 * 100vw);left:calc(278 / 750 * 100vw)}.mclass .touch-hint{width:calc(32 / 750 * 100vw);height:calc(40 / 750 * 100vw);top:calc(1149 / 750 * 100vw);left:calc(490 / 750 * 100vw)}.dialog{display:none;width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.9);z-index:200}.pop-con{display:none;width:calc(1000 / 1920 * 100vw);height:calc(600 / 1920 * 100vw);background-color:#000;border:2px solid #fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.pop-close{display:block;width:calc(40 / 1920 * 100vw);height:calc(40 / 1920 * 100vw);line-height:calc(40 / 1920 * 100vw);position:absolute;top:0;right:calc(-40 / 1920 * 100vw);color:#fff;font-size:calc(60 / 1920 * 100vw);text-align:center}.pop-player{display:block;width:100%;height:100%}.mclass .pop-con{width:calc(700 / 750 * 100vw);height:calc(500 / 750 * 100vw);border:1px solid #fff}.mclass .pop-close{width:calc(40 / 750 * 100vw);height:calc(40 / 750 * 100vw);line-height:calc(40 / 750 * 100vw);font-size:calc(60 / 750 * 100vw);top:calc(-40 / 750 * 100vw);right:0}.pop-text{display:none;width:calc(721 / 1920 * 100vw);height:calc(515 / 1920 * 100vw);background:url(/images/event/karakin/bg_dialog.png) center/100% no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-close{display:block;width:calc(55 / 1920 * 100vw);height:calc(54 / 1920 * 100vw);background:url(/images/event/karakin/btn_close.png) center/100% no-repeat;position:absolute;top:calc(-46 / 1920 * 100vw);right:0}.pop-title{font-size:calc(34 / 1920 * 100vw);height:calc(60 / 1920 * 100vw);line-height:calc(60 / 1920 * 100vw);text-align:center;margin:calc(57 / 1920 * 100vw) auto 0;color:#422718;font-weight:700}.pop-desc{width:83%;margin:0 auto;color:#422718;font-size:calc(28 / 1920 * 100vw);text-align:center;height:calc(359 / 1920 * 100vw)}.pop-gift{display:block;width:calc(359 / 1920 * 100vw);margin:calc(20 / 1920 * 100vw) auto 0}.mclass .pop-text{width:calc(721 / 750 * 100vw);height:calc(515 / 750 * 100vw)}.mclass .btn-close{width:calc(40 / 750 * 100vw);height:calc(40 / 750 * 100vw);top:calc(-24 / 750 * 100vw);right:calc(24 / 750 * 100vw)}.mclass .pop-title{font-size:calc(34 / 750 * 100vw);height:calc(60 / 750 * 100vw);line-height:calc(60 / 750 * 100vw);margin:calc(57 / 750 * 100vw) auto 0}.mclass .pop-desc{font-size:calc(28 / 750 * 100vw);height:calc(359 / 750 * 100vw)}.mclass .pop-gift{width:calc(359 / 750 * 100vw);margin:calc(20 / 750 * 100vw) auto 0}@keyframes light{form{opacity:1}to{opacity:0}}@-webkit-keyframes light{form{opacity:1}to{opacity:0}}body.ar{direction:rtl;unicode-bidi:bidi-override}.mclass .download-wrap .apk-btn{width:calc(490 / 750 * 100vw);height:calc(105.2 / 750 * 100vw);background:url(/images/event/karakin/mapk_download.png) top center no-repeat;background-size:100%}.down_tip span{width:100%;text-align:center;font-size:14px;line-height:16px;color:#fff;font-family:Arial,Helvetica,sans-serif,'Source Han Sans CN'}.title{display:block}.down_tip{display:flex;align-content:space-evenly;flex-wrap:wrap}.down_tip{width:210px;position:absolute;right:0;height:100%}.mclass .down_tip{width:calc(400 / 750 * 100vw)}.down_tip .title,.down_tip .apk_size{font-size:16px}.apk_size{color:#eaa300 !important;font-weight:bold}