@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;word-break: normal;}
html, body {
    position: relative;
    height: 100%;
}
body {
    font-family: Helvetica Neue, Helvetica, Arial,Microsoft YaHei,sans-serif;
    font-size: .24rem;
    color:#6e6e6e;
    margin: 0;
    padding: 0;
    line-height: 1;
    background-color: #fafafa;
}

.main{height:100%;margin:0 auto;overflow: hidden;}

.loading{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;overflow: hidden;transform-origin: center center;-webkit-transform-origin: center center;}
.loading img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 1.6rem;height: 1.6rem;margin: auto;}
.loading.out{
-webkit-animation: loadingOut .5s ease-in-out forwards;
        animation: loadingOut .5s ease-in-out forwards;
}

@keyframes loadingOut{
    0%{transform: translateY(0);opacity: 1;}
    100%{transform:translateY(-100%);}
}
@-webkit-keyframes loadingOut{
    0%{-webkit-transform: translateY(0);opacity: 1;}
    100%{-webkit-transform: translateY(-100%);}
}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
    position:relative;
    text-align: center;
    box-sizing: border-box;
    overflow:hidden;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.slide-tip{display:none;position:absolute;bottom:.15rem;left:50%;width:.33rem;height:.3rem;margin-left:-.16rem;background:url(https://png.pookcdn.net/website_img/net/activity/cj2017/icon_down.png) no-repeat;background-size:100% 100%;z-index: 2;transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;}
.slide-tip{-webkit-animation:tipAnimate 1.3s ease-in-out infinite;animation:tipAnimate 1.3s ease-in-out infinite;}
.slide-tip.rotate{-webkit-animation:tipAnimateRotate 1.2s infinite;animation:tipAnimateRotate 1.2s infinite;}
@keyframes tipAnimate {
    0%{
        opacity:0;
        transform: translateY(0);
    }
    50%{
        opacity:1;
    }
    100%{
        opacity:0;
        transform: translateY(-.3rem);
    }
}
@-webkit-keyframes tipAnimate {
    0%{
        opacity:0;
        -webkit-transform: translateY(0);
    }
    50%{
        opacity:1;
    }
    100%{
        opacity:0;
        -webkit-transform: translateY(-.3rem);
    }
}
@keyframes tipAnimateRotate {
    0%,100%{
        transform: translateY(0) rotate(180deg);
    }
    50%{
        transform: translateY(.15rem) rotate(180deg);
    }
}
@-webkit-keyframes tipAnimateRotate {
    0%,100%{
        -webkit-transform: translateY(0) rotate(180deg);
    }
    50%{
        -webkit-transform: translateY(15px) rotate(180deg);
    }
}
.swiper-container .en{display: none;}
.swiper-container.en_wrap .en{display: block;}
.swiper-container.en_wrap .cn{display: none;}

.swiper_page{position:relative;width:6.4rem;height:100%;margin:0 auto;text-align: center;overflow: hidden;}

.align_box{display: flex;display: -webkit-flex;display: box;display: -webkit-box;align-items: center;-webkit-align-items: center;box-align: center;-webkit-box-align: center;width: 100%;height: 100%;}
.align_box .parter_box,
.align_box .product_box,
.align_box .active_box,
.align_box .course_list,
.align_box .detail_box{width: 100%;}

.header{display: flex;display: -webkit-flex;display: box;display: -webkit-box;align-items: center;-webkit-align-items: center;box-align: center;-webkit-box-align: center;height: 2.2rem;}
.header .title{width: 100%;}
.header .text{font-size: .4rem;line-height: 1.3;color: #3c3c3c;text-align: center;}
.header .text.en{font-size: .32rem;color: #6e6e6e;}

.container{position: absolute;top: 2.2rem;bottom: .5rem;left: 0;right: 0;background: #ebebeb;}

.pook_url{font-size: .25rem;color: #bcbcbc;text-align: center;}

.logo{text-align: center;}
.logo .logo_img{width: 2.73rem;height: 1.4rem;margin:0 auto .2rem;}
.logo .text{font-size: .32rem;}
.logo .text.en{margin-top: .08rem;font-size: .28rem;}

.buttons{font-size: 0;text-align: center;}
.buttons .btn_language{display: inline-block;}

.table_info_01{width: 5.38rem;margin-left: .63rem;}
.table_info_01 td{padding: .45rem 0;}
.table_info_01 .td_01{width: 1.68rem;}
.table_info_01 .text{font-size: .26rem;line-height: 1.58;text-align: left;}
.table_info_01 .text.en{font-size: .22rem;line-height: 1.1;}
.table_info_01 .title{width: 1.52rem;height: .93rem;padding: .26rem .11rem 0 0;font-size: .3rem;color: #ffffff;background-repeat: no-repeat;background-size: 100% 100%;white-space:nowrap;}
.table_info_01 .title.en{padding-top: .3rem;font-size: .2rem;}
.table_info_01 .title.title_01{background-image: url(https://png.pookcdn.net/website_img/net/activity/company/page_2_1.png);}
.table_info_01 .title.title_02{background-image: url(https://png.pookcdn.net/website_img/net/activity/company/page_2_2.png);}

.stage_box{position: relative;width: 5.18rem;height: 4.73rem;margin:0 auto;}
.stage_box .stage{position: absolute;z-index: 2;width: 1.94rem;height: 1.94rem;background-repeat: no-repeat;background-size: 100% 100%;}
.stage_box .stage_01{top: 0;left: 1.62rem;background-image: url(https://png.pookcdn.net/website_img/net/activity/company/page_3_1.png);}
.stage_box .stage_02{bottom: 0;left: 0;background-image: url(https://png.pookcdn.net/website_img/net/activity/company/page_3_2.png);}
.stage_box .stage_03{bottom: 0;right: 0;background-image: url(https://png.pookcdn.net/website_img/net/activity/company/page_3_3.png);}
.stage_box .text{width: 100%;font-size: .26rem;line-height: 1.3;color: #fff;text-align: center;}
.stage_box .text.en{font-size: .22rem;line-height: 1.1;}
.stage_box .line{position: absolute;z-index: 1;width: 3.26rem;height: .03rem;background: #d7d7d7;transform-origin: left center;-webkit-transform-origin: left center;}
.stage_box .line_01{left: .97rem;bottom: .87rem;transform: rotate(-60deg);-webkit-transform: rotate(-60deg);}
.stage_box .line_02{left: 2.6rem;top: 1.03rem;transform: rotate(60deg);-webkit-transform: rotate(60deg);}
.stage_box .line_03{left: .97rem;bottom: .87rem;}

.profile_list{width: 100%;padding-left: .59rem;overflow: hidden;}
.profile_list li{float:left;width: 2.42rem;height: 1.7rem;margin:.15rem .36rem .15rem 0;padding-top: .2rem;background-repeat: no-repeat;background-size: 100% 100%;}
.profile_list li:nth-child(1),
.profile_list li:nth-child(2){color: #45baa8;background-image: url(https://png.pookcdn.net/website_img/net/activity/company/page_4_1.png);}
.profile_list li:nth-child(3),
.profile_list li:nth-child(4){color: #f78a13;background-image: url(https://png.pookcdn.net/website_img/net/activity/company/page_4_2.png);}
.profile_list li:nth-child(5),
.profile_list li:nth-child(6){color: #b5c430;background-image: url(https://png.pookcdn.net/website_img/net/activity/company/page_4_3.png);}
.profile_list .year{font-size: .3rem;}
.profile_list .text{width: 100%;font-size: .2rem;line-height: 1.4;}
.profile_list .text.en{font-size: .18rem;line-height: 1.1;}
.profile_list .align_box{height: .84rem;}

.course_list .list{position: relative;z-index: 2;min-height: 1.69rem;}
.course_list .list:nth-child(odd){margin-right: 50%;padding-right: .3rem;text-align: right;}
.course_list .list:nth-child(even){margin-left: 50%;padding-left: .3rem;text-align: left;}
.course_list .year{font-size: .26rem;line-height: 1.2;text-decoration: underline;}
.course_list .year.c1{color: #1cae97;}
.course_list .year.c2{color: #acc571;}
.course_list .year.c3{color: #f68d1c;}
.course_list .year.c4{color: #bf2f4b;}
.course_list .text{line-height: 1.6;white-space: nowrap;}
.course_list .game_icon{font-size: 0;}
.course_list .game_icon_img{width: .81rem;margin: 0 .03rem;vertical-align: top}
.course_list .game_icon_img:first-child{margin-left: 0;}
.course_list .game_icon_img:last-child{margin-right: 0;}
.course_list .game_icon_img.game_53wan{width: 1.19rem;}
.course_list .text.en,
.course_list .en .text{font-size: .2rem;line-height:1.1;}
.course_list .mark{position: absolute;top: .03rem;width: .21rem;height: .21rem;background: #ebebeb;border-width: .06rem;border-style: solid;border-radius: 50%;}
.course_list .mark.c1{border-color: #1cae97;}
.course_list .mark.c2{border-color: #acc571;}
.course_list .mark.c3{border-color: #f68d1c;}
.course_list .mark.c4{border-color: #bf2f4b;}
.course_list .list:nth-child(odd) .mark{right: -.1rem;}
.course_list .list:nth-child(even) .mark{left: -.11rem;}

.course_line{position: absolute;top: 0;left: 50%;width: .22rem;height: 100%;margin-left: -.11rem;}
.course_line::after{content:"";position: absolute;z-index: 1;top: 0;left: .1rem;width: 0;height: 100%;border-left: .02rem dashed #a7bbce;}
.course_line .mark{position: absolute;z-index: 2;left: 0;width: .21rem;height: .21rem;background: #ebebeb;border-width: .06rem;border-style: solid;border-radius: 50%;}
.course_line .mark.c1{border-color: #1cae97;}
.course_line .mark.c2{border-color: #acc571;}
.course_line .mark.c3{border-color: #f68d1c;}
.course_line .mark.c4{border-color: #bf2f4b;}

.game_list{margin-top: .24rem;font-size: 0;text-align: center;}
.game_list .list{display: inline-block;width: 1.36rem;vertical-align: top;}
.game_list .game_icon_img{display: block;width: .98rem;height: .98rem;margin: 0 auto;}
.game_list .text{height: 2em;margin: .1rem 0;font-size: .22rem;}
.game_list .text.en{font-size: .2rem;line-height: 1;}

.game_config{margin: 0 auto;}
.game_config td{height: .35rem;font-size: .26rem;text-align: left;}
.game_config.en td{font-size: .24rem;}

.grid_data{position: relative;width: 2.51rem;height: 2.81rem;margin: .32rem auto .64rem;}
.grid_data .data_img{width: 2.51rem;height: 2.81rem;}
.grid_data .text span{position: absolute;white-space: nowrap;}
.grid_data .text .t1{top: .32rem;right: 2.58rem;}
.grid_data .text .t2{top: -.34rem;left: 0;width: 100%;}
.grid_data .text .t3{top: .32rem;left: 2.58rem;}
.grid_data .text .t4{top: 2.18rem;right: 2.58rem;}
.grid_data .text .t5{top: 2.96rem;left: 0;width: 100%;}
.grid_data .text .t6{top: 2.18rem;left: 2.58rem;}

.text_list_01 li{position: relative;padding:.1rem 0 .1rem .48rem;}
.text_list_01 li::before{content:"";position: absolute;left: 0;top: .6em;width: .24rem;height: .24rem;}
.text_list_01 li:nth-child(1)::before{background: #1cae97;}
.text_list_01 li:nth-child(2)::before{background: #acc571;}
.text_list_01 li:nth-child(3)::before{background: #f68d1c;}
.text_list_01 li:nth-child(4)::before{background: #bf2f4b;}
.text_list_01 .text{font-size: .28rem;text-align: left;}
.text_list_01.en .text{font-size: .26rem;line-height: 1.1;}

.text_list_02 li{position: relative;padding:.14rem 0 .14rem .64rem;}
.text_list_02 li i{position: absolute;left: 0;top: 50%;width: .5rem;height: .5rem;margin-top: -.25rem;padding-top: .1rem;font-style: normal;font-size: .32rem;line-height: 1;color: #fff;text-align: center;border-radius: 50%;}
.text_list_02 li:nth-child(1) i{background: #1cae97;}
.text_list_02 li:nth-child(2) i{background: #acc571;}
.text_list_02 li:nth-child(3) i{background: #f68d1c;}
.text_list_02 li:nth-child(4) i{background: #bf2f4b;}
.text_list_02 .text{font-size: .28rem;line-height: 1.4;text-align: left;}
.text_list_02.en .text{font-size: .24rem;line-height: 1.1;}

.active_list{margin-bottom: 1rem;font-size: 0;text-align: center;}
.active_list li{display: inline-block;width: 1.98rem;vertical-align: top;}
.active_list .img_box{position: relative;width: 1.7rem;height: 1.92rem;margin: 0 auto .2rem;}
.active_list .img_box img{width: 1.7rem;height: 1.7rem;}
.active_list .img_box::after{content:"";position: absolute;left: 50%;bottom: 0;width: .7rem;height: .1rem;margin-left: -.35rem;background: #d7d7d7;border-radius: 50%;}
.active_list .text{font-size: .22rem;}
.active_list li:nth-child(1) .text{color: #1cae97;}
.active_list li:nth-child(2) .text{color: #96b253;}
.active_list li:nth-child(3) .text{color: #f68d1c;}

.parters {width: 5.3rem;margin: 0 auto;}
.parters .parters_img{width: 5.3rem;vertical-align: top;}

.contact_list{margin: 0 auto;}
.contact_list li{padding: .44rem;overflow: hidden;}
.contact_list .left{float: left;position: relative;width: 1.78rem;}
.contact_list .left::after{content:"";position: absolute;right: 0;top: .02rem;width: 0;height: 1.36rem;border-right: 1px solid #acacac;}
.contact_list .left .qr_code{display: block;width: 1.4rem;height: 1.4rem;margin-bottom: .08rem;}
.contact_list .left .text{width: 1.4rem;}
.contact_list .right{margin-left: 1.94rem;text-align: left;}
.contact_list .name{margin-bottom: .16rem;font-size: .28rem;color: #3c3c3c;}
.contact_list .icon_text{position: relative;padding: .05rem 0 .05rem .35rem;}
.contact_list .icon_text::before{content:"";position: absolute;left: 0;width: .24rem;background: url(https://png.pookcdn.net/website_img/net/activity/company/icon_contact.png) no-repeat;background-size: .24rem .94rem;}
.contact_list .icon_text.tel::before{top: .02rem;height: .28rem;}
.contact_list .icon_text.qq::before{top: .02rem;height: .28rem;background-position: 0 -.34rem;}
.contact_list .icon_text.mail::before{top: .04rem;height: .22rem;background-position: 0 -.7rem;}

.parter_box .text{line-height:1.4;}
.parter_box .text.en{font-size: .22rem;line-height: 1.1;}

.slide_01 .container{top: 1.53rem;bottom: 1.52rem;}
.slide_01 .pook_url{position: absolute;left: 0;bottom: .15rem;width: 100%;}
.slide_01 .start{width: 100%;}
.slide_01 .buttons{margin-top: 1.02rem;}
.slide_01 .buttons .btn_language{width: 2.08rem;height: 1rem;margin:0 .3rem;padding-top: .34rem;font-size: .3rem;color: #fff;text-align: center;border-radius: .1rem;}
.slide_01 .buttons .btn_cn{background: #4f9cd0;}
.slide_01 .buttons .btn_en{background: #3ec491;}

.slide_05 .container{bottom: 0;}
.slide_05 .course_list .list{min-hieght: 1.69rem;}
.slide_05 .course_list .list:nth-child(4){margin-top: -.37rem;}
.slide_05 .course_line .mark:nth-child(1){top: .72rem;}
.slide_05 .course_line .mark:nth-child(2){top: 2.41rem;}
.slide_05 .course_line .mark:nth-child(3){top: 4.1rem;}
.slide_05 .course_line .mark:nth-child(4){top: 5.42rem;}

.slide_06 .container{top: 0;bottom: 0;}
.slide_06 .course_list .list{min-height: 1.64rem;margin-top: -.2rem;margin-bottom: -.2rem;}
.slide_06 .course_list .text{line-height: .32rem;}
.slide_06 .course_line .mark:nth-child(1){top: .38rem;}
.slide_06 .course_line .mark:nth-child(2){top: 2.14rem;}
.slide_06 .course_line .mark:nth-child(3){top: 4.22rem;}
.slide_06 .course_line .mark:nth-child(4){top: 6.3rem;}
.slide_06 .course_line .mark:nth-child(5){top: 7.72rem;}

.slide_07 .game_ui_mobile{position: absolute;bottom: -.1rem;right: 0;width: 5.49rem;height: 3.83rem;background: url(https://png.pookcdn.net/website_img/net/activity/company/game_ui_mobile.png) no-repeat;background-size: 100% 100%;}

.slide_08 .game_ui_pc{position: absolute;bottom: 0;left: 50%;width: 5.1rem;height: 3.6rem;margin-left: -2.55rem;background: url(https://png.pookcdn.net/website_img/net/activity/company/game_ui_pc.png) no-repeat;background-size: 100% 100%;}

.slide_09 .game_box{margin-bottom: .3rem;}
.slide_09 .game_box img{display: block;width: 2.82rem;margin: 0 auto -.08rem;}
.slide_09 .game_box .text{font-size: .3rem;color: #b40023;}

.slide_10 .detail_01{margin-bottom: 1.18rem;font-size: 0;}
.slide_10 .detail_01 .game_img{width: 1.54rem;margin: 0 .14rem;}
.slide_10 .detail_02 .text{padding: 0 2em;font-size: .22rem;line-height: 1.4;}

.slide_11 .text_list_01{width: 4.5rem;margin: 0 auto;}
.slide_11 .advantage_box{width: 100%;}

.slide_12 .text_list_01{width: 85%;margin: .15rem auto 0;padding-top: .16rem;padding-bottom: .16rem;}
.slide_12 .item_01{position: absolute;bottom: .44rem;right: .28rem;width: 4.84rem;height: 3.41rem;background: url(https://png.pookcdn.net/website_img/net/activity/company/page_12_1.png) no-repeat;background-size: 100% 100%;}
.slide_12 .item_02{position: absolute;bottom: .34rem;left: .64rem;width: 3.25rem;height: 1.65rem;background: url(https://png.pookcdn.net/website_img/net/activity/company/page_12_2.png) no-repeat;background-size: 100% 100%;}

.slide_13 .active_tip .text{width: 90%;margin:0 auto;font-size: .22rem;line-height: 1.4;text-align: left;}
.slide_13 .active_tip .text.en{line-height: 1.1;}

.slide_14 .text_list_02{width: 5.6rem;margin: .2rem 0 0 .4rem;}
.slide_14 .icon_service{position: absolute;bottom: .46rem;left: 2.16rem;width: 2.37rem;height: 2.37rem;background: url(https://png.pookcdn.net/website_img/net/activity/company/page_14_1.png) no-repeat;background-size: 100% 100%;}

.slide_15 .container .text,
.slide_16 .container .text,
.slide_17 .container .text{width: 90%;margin: 0 auto .48rem;}

.slide_16 .container .text.en{width: 5.3rem;text-align: left;}

.slide_19 .container{top: 1.53rem;bottom: 1.52rem;}
.slide_19 .end{width: 100%;}
.slide_19 .end .thanks{margin-bottom: .1rem;font-size: .98rem;color: #3c3c3c;}
.slide_19 .end .pook_url{font-size: .36rem;color: #6e6e6e;}