@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;word-break: normal;}

/*@font-face{
    font-family: hysyhj;
    src: url('https://png.pookcdn.net/website_img/net/activity/exam/hysyhj.ttf')  format('truetype');
}*/

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: #fff04b;
}

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

.loading{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: #fff457 url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_home.png) no-repeat;background-size: 100% auto;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 .loading_box{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 2rem;height: 2rem;margin: auto;font-size: .3rem;color: #000;text-align: center;}
.loading img.loading_icon{position: static;width: 1.27rem;height: 1.18rem;margin-bottom: .15rem;}
.loading.out{
-webkit-animation: fadeOut .5s forwards;
        animation: fadeOut .5s forwards;
}

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

.container,
.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);
    }
}

.slide-music{position: fixed;z-index: 10;top:.2rem;right:.2rem;width:.5rem;height:.5rem;background:url(https://png.pookcdn.net/website_img/net/activity/cj2017/music_on.png) no-repeat;background-size:100% 100%;cursor: pointer;}
.slide-music.off{background:url(https://png.pookcdn.net/website_img/net/activity/cj2017/music_off.png) no-repeat;background-size:100% 100%;}
.slide-music{
    -webkit-animation:musicAnimate 2s linear infinite;
    animation:musicAnimate 2s linear infinite;
}
@keyframes musicAnimate {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes musicAnimate {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.mask_share_tip{display:none;position: fixed;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;background: rgba(0,0,0,.6) url(https://png.pookcdn.net/website_img/net/activity/exam/share_tip_img.png) no-repeat top right;background-size: 3.9rem 2.72rem;}

.swiper_page{position:relative;width:6.4rem;height:100%;margin:0 auto;text-align: left;overflow: hidden;}
.swiper_page.slide_home{position: absolute;z-index: 2;top: 0;left: 50%;margin-left: -3.2rem;}

.btn{cursor: pointer;color: #1d1d1b;text-align: center;}
.text_left{text-align: left;}
.text_right{text-align: right;}

.desk{width: 2.34rem;height: 1.7rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/desk_02.png) no-repeat;background-size: 100% 100%;}
.desk.desk_01{z-index: 5;width: 3.31rem;height: 3.04rem;bottom: 0;left: 1.49rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/desk_01.png) no-repeat;background-size: 100% 100%;}
.desk.desk_02,
.desk.desk_03{z-index: 3;top: 1rem;}
.desk.desk_04,
.desk.desk_05{z-index: 1;top: 0;}
.desk.desk_02{left: .48rem;}
.desk.desk_03{right: .48rem;}
.desk.desk_04{left: .3rem;}
.desk.desk_05{right: .3rem;}

.fish_03 .mark{position: absolute;top: -.78rem;left: .4rem;width: .72rem;height: .87rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/mark_01.png) no-repeat;background-size: 100% 100%;}
.fish_04 .mark{position: absolute;top: -.51rem;right: -.22rem;width: .58rem;height: .74rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/mark_02.png) no-repeat;background-size: 100% 100%;}
.fish_04 .candy_box{position: absolute;top: .28rem;right: -.72rem;width: 1.2rem;height: .87rem;border-radius: .08rem;overflow: hidden;}
.fish_04 .candy_box .candy{display: block;width: 1.2rem;height: .87rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/candy_01.png) no-repeat;background-size: 100% 100%}

.question_box{position: absolute;z-index: 5;left: 0;width: 100%;}
.question_box .question{position: relative;font-size: .46rem;color: #000;overflow: hidden;}
.question_box .question .text_img{width: 6.4rem;vertical-align: top;}
.question_box .answer_list{margin: .2rem 0 0 .66rem;}
.answer_list li{position: relative;margin-bottom: .25rem;padding-left: 1.06rem;cursor: pointer;}
.answer_list li::before{content:"";position: absolute;left: 0;top: .03rem;width: .63rem;height: .68rem;background-repeat: no-repeat;background-size: 100% 100%;}
.answer_list li:nth-child(1)::before{background-image: url(https://png.pookcdn.net/website_img/net/activity/exam/text_A.png);}
.answer_list li:nth-child(2)::before{background-image: url(https://png.pookcdn.net/website_img/net/activity/exam/text_B.png);}
.answer_list li:nth-child(3)::before{background-image: url(https://png.pookcdn.net/website_img/net/activity/exam/text_C.png);}
.answer_list .answer_text{width: 3.96rem;height: .73rem;padding-top: .18rem;font-size: .3rem;color: #000;text-align: center;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_text_02.png) no-repeat;background-size: 3.96rem 1.46rem;}
.answer_list .answer_text.active{background-position: 0 100%;}
.answer_list .answer_text .text_img{height: .28rem;vertical-align: top;}

.mask_ques_box{display: none;}
.mask_ques_box .mask_ques{position: absolute;background: url(https://png.pookcdn.net/website_img/net/activity/exam/mark_03.png) no-repeat;background-size: 100% 100%;transform-origin: center center;-webkit-transform-origin: center center;}
.mask_ques_box .ques1{top: 1.31rem;left: -.6rem;width: .57rem;height: .89rem;transform: rotate(-125deg);-webkit-transform: rotate(-125deg);}
.mask_ques_box .ques2{top: 1rem;left: -.82rem;width: .26rem;height: .4rem;transform: rotate(-100deg);-webkit-transform: rotate(-100deg);}
.mask_ques_box .ques3{top: .5rem;left: -.4rem;width: .38rem;height: .6rem;transform: rotate(-96deg);-webkit-transform: rotate(-96deg);}
.mask_ques_box .ques4{top: .63rem;left: -.94rem;width: .18rem;height: .29rem;transform: rotate(-96deg);-webkit-transform: rotate(-96deg);}
.mask_ques_box .ques5{top: -.48rem;left: -.81rem;width: .78rem;height: 1.23rem;transform: rotate(-80deg);-webkit-transform: rotate(-80deg);}
.mask_ques_box .ques6{top: -.88rem;left: -.8rem;width: .4rem;height: .63rem;transform: rotate(-68deg);-webkit-transform: rotate(-68deg);}
.mask_ques_box .ques7{top:-1.1rem;left: -.52rem;width: .18rem;height: .28rem;transform: rotate(-60deg);-webkit-transform: rotate(-60deg);}
.mask_ques_box .ques8{top:-.34rem;left: -.12rem;width: .18rem;height: .28rem;transform: rotate(-64deg);-webkit-transform: rotate(-64deg);}
.mask_ques_box .ques9{top:-.98rem;left: -.06rem;width: .66rem;height: 1.04rem;transform: rotate(-40deg);-webkit-transform: rotate(-40deg);}
.mask_ques_box .ques10{top:-1.48rem;left: -.26rem;width: .29rem;height: .45rem;transform: rotate(-42deg);-webkit-transform: rotate(-42deg);}
.mask_ques_box .ques11{top:-1.64rem;left: .2rem;width: .38rem;height: .6rem;transform: rotate(-42deg);-webkit-transform: rotate(-42deg);}
.mask_ques_box .ques12{top:-.84rem;left: .64rem;width: .24rem;height: .38rem;transform: rotate(-28deg);-webkit-transform: rotate(-28deg);}
.mask_ques_box .ques13{top:-1.62rem;left: .74rem;width: .88rem;height: 1.38rem;}
.mask_ques_box .ques14{top:-1.56rem;right: -.07rem;width: .46rem;height: .72rem;transform: rotate(36deg);-webkit-transform: rotate(36deg);}
.mask_ques_box .ques15{top:-.66rem;right: .52rem;width: .24rem;height: .37rem;transform: rotate(40deg);-webkit-transform: rotate(40deg);}
.mask_ques_box .ques16{top:-.75rem;right: -.07rem;width: .62rem;height: .98rem;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.mask_ques_box .ques17{top:-1.22rem;right: -.51rem;width: .28rem;height: .44rem;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.mask_ques_box .ques18{top:-.91rem;right: -.95rem;width: .41rem;height: .64rem;transform: rotate(55deg);-webkit-transform: rotate(55deg);}
.mask_ques_box .ques19{top:-.48rem;right: -1.16rem;width: .8rem;height: 1.26rem;transform: rotate(70deg);-webkit-transform: rotate(70deg);}
.mask_ques_box .ques20{top:.64rem;right: -.93rem;width: .24rem;height: .38rem;transform: rotate(95deg);-webkit-transform: rotate(95deg);}
.mask_ques_box .ques21{top:.78rem;right: -.53rem;width: .43rem;height: .68rem;transform: rotate(105deg);-webkit-transform: rotate(105deg);}
.mask_ques_box .ques22{top:1.38rem;right: -.6rem;width: .61rem;height: .96rem;transform: rotate(110deg);-webkit-transform: rotate(110deg);}

.game_box .fish{position: absolute;z-index: 1;top: .81rem;left: 1.69rem;width: 3.23rem;height: 3.13rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fish_06.png) no-repeat;background-size: 100% 100%}
.game_box .fort{position: absolute;z-index: 3;left: 0;bottom: -.5rem;width: 6.4rem;height: 2.86rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fort.png) no-repeat;background-size: 100% 100%;}
.game_box .fort_mark{position: absolute;z-index: 2;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fort_mark.png) no-repeat;background-size: 100% 100%;opacity: 0;}
.game_box .fort_mark.mark_01{top: 2.78rem;left: 3.91rem;width: .79rem;height: .79rem;}
.game_box .fort_mark.mark_02{top: 1.09rem;left: .89rem;width: .86rem;height: .86rem;}
.game_box .fort_mark.mark_03{top: 2.8rem;left: 1.49rem;width: 1.15rem;height: 1.15rem;}
.game_box .fort_mark.mark_04{top: 3.03rem;right: -.5rem;width: 1.26rem;height: 1.26rem;}
.game_box .fort_mark.mark_05{top: .1rem;left: 3.41rem;width: 1.59rem;height: 1.59rem;}

.result_img_box{margin-top: -.2rem;background-repeat: no-repeat;background-size: 100% 100%;}
.result_img_box.result_img_01{height: 6.43rem;background-image: url(https://png.pookcdn.net/website_img/net/activity/exam/img_result_01.jpg);}
.result_img_box.result_img_02{height: 6.08rem;background-image: url(https://png.pookcdn.net/website_img/net/activity/exam/img_result_02.jpg);}
.result_img_box.result_img_03{height: 6.12rem;background-image: url(https://png.pookcdn.net/website_img/net/activity/exam/img_result_03.jpg);}
.result_img_box.result_img_04{height: 7.15rem;background-image: url(https://png.pookcdn.net/website_img/net/activity/exam/img_result_04.jpg);}

.result_text_box{position: absolute;bottom: 1.4rem;left: .25rem;width: 5.88rem;height: 2.36rem;background-repeat: no-repeat;background-size: 100% 100%;}
.result_text_box.result_text_01{background-image: url(https://png.pookcdn.net/website_img/net/activity/exam/text_result_01.png);}
.result_text_box.result_text_02{background-image: url(https://png.pookcdn.net/website_img/net/activity/exam/text_result_02.png);}
.result_text_box.result_text_03{background-image: url(https://png.pookcdn.net/website_img/net/activity/exam/text_result_03.png);}
.result_text_box.result_text_04{background-image: url(https://png.pookcdn.net/website_img/net/activity/exam/text_result_04.png);}

.result_num_box{position: absolute;bottom: 3.46rem;left: 0;width: 100%;font-size: 0;text-align: center;}
.result_num_box::after,
.result_num_box .num{display: inline-block;width: .96rem;height: 1.22rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/number.png) no-repeat;background-size: 10.56rem 1.22rem;}
.result_num_box::after{content:"";background-position: -9.6rem 0;}
.result_num_box .num.num1{background-position: -.96rem 0;}
.result_num_box .num.num2{background-position: -1.92rem 0;}
.result_num_box .num.num3{background-position: -2.88rem 0;}
.result_num_box .num.num4{background-position: -3.84rem 0;}
.result_num_box .num.num5{background-position: -4.8rem 0;}
.result_num_box .num.num6{background-position: -5.76rem 0;}
.result_num_box .num.num7{background-position: -6.72rem 0;}
.result_num_box .num.num8{background-position: -7.68rem 0;}
.result_num_box .num.num9{background-position: -8.64rem 0;}

.qr_code{position: absolute;top: 1.89rem;left: 1.81rem;width: 1.41rem;height: 1.42rem;text-align: center;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_qr_code.png) no-repeat;background-size: 100% 100%;}
.qr_code .qr_code_img{width: 1.25rem;height: 1.25rem;margin-top: .09rem;vertical-align: top;}

.animate_box{display: none;}

.slide_home{background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_home.png) no-repeat;background-size: 100% auto;}
.slide_home .title{position: absolute;z-index: 2;top: .1rem;left: .44rem;width: 5.51rem;height: 4.68rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/title.png) no-repeat;background-size: 100% 100%;}
.slide_home .subtitle{position: absolute;z-index: 1;top: 3.09rem;left: 1.2rem;width: 2.93rem;height: 1rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/subtitle.png) no-repeat;background-size: 100% 100%;}
.slide_home .desk_box{position: absolute;top: 5.8rem;left: 0;width: 100%;height: 4.36rem;}
.slide_home .desk_box > *{position: absolute;}
.slide_home .fish_01{top: -1.84rem;left: 1.91rem;width: 1.73rem;height: 1.54rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fish_01.png) no-repeat;background-size: 100% 100%;}
.slide_home .fish_02{z-index: 4;bottom: 1.41rem;left: 2.09rem;width: 2.39rem;height: 3.3rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fish_02.png) no-repeat;background-size: 100% 100%;}
.slide_home .fish_03,
.slide_home .fish_04{z-index: 2;}
.slide_home .fish_03{top: -.58rem;left: .53rem;width: 2.08rem;height: 2rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fish_03.png) no-repeat;background-size: 100% 100%;}
.slide_home .fish_04{top: -.72rem;right: 1rem;width: 1.48rem;height: 2.41rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fish_04.png) no-repeat;background-size: 100% 100%;}
.slide_home .btn_start{position: absolute;z-index: 5;bottom: .4rem;left: 1.38rem;width: 3.53rem;height: .94rem;padding-top: .18rem;font-size: .55rem;text-align: center;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_text_01.png) no-repeat;background-size: 100% 100%;}
.slide_home .btn_start .text_img{height: .46rem;vertical-align: top;}

.slide_01 .bg_top{position: absolute;z-index: 1;top: 0;left: 0;width: 6.4rem;height: 6.75rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_1_2.png) no-repeat;background-size: 100% 100%;}
.slide_01 .bg_bottom{position: absolute;z-index: 2;bottom: -.6rem;left: 0;width: 6.4rem;height: 5.45rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_1_1.png) no-repeat;background-size: 100% 100%;}
.slide_01 .fish{position: absolute;top: 1.83rem;left: 1.97rem;width: 2.28rem;height: 3.15rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fish_02.png) no-repeat;background-size: 100% 100%;}
.slide_01 .question_box{bottom: .2rem;}
.slide_01 .mask_ques_box{position: absolute;top: 1.83rem;left: 1.97rem;width: 2.28rem;height: 3.15rem;}

.slide_02 .bg_top{position: absolute;z-index: 1;top: -.4rem;left: 0;width: 6.4rem;height: 6.03rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_2_2.png) no-repeat;background-size: 100% 100%;}
.slide_02 .bg_bottom{position: absolute;z-index: 2;bottom: -.75rem;left: 0;width: 6.4rem;height: 5.96rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_2_1.png) no-repeat;background-size: 100% 100%;}
.slide_02 .broken{position: absolute;z-index: 3;top: 3.16rem;left: .6rem;width: 5.08rem;height: 2.27rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/broken.png) no-repeat;background-size: 100% 100%;}
.slide_02 .fish{position: absolute;z-index: 4;top: 1.76rem;left: .6rem;width: 4.39rem;height: 2.95rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fish_05.png) no-repeat;background-size: 100% 100%;}
.slide_02 .text_bankruptcy{position: absolute;z-index: 5;top: .1rem;left: .62rem;width: 5.31rem;height: 3.1rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/text_bankruptcy.png) no-repeat;background-size: 5.31rem 6.2rem;}
.slide_02 .text_bankruptcy.on{background-position: 0 100%;}
.slide_02 .question_box{z-index: 3;bottom: .2rem;}

.slide_03 .bg_top{position: absolute;z-index: 3;top: -.75rem;left: 0;width: 6.4rem;height: 5.76rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_3_1.png) no-repeat;background-size: 100% 100%;}
.slide_03 .bg_bottom{position: absolute;z-index: 1;bottom: 0;left: 0;width: 6.4rem;height: 7.19rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_3_2.jpg) no-repeat;background-size: 100% 100%;}
.slide_03 .question_box{top: .15rem;}
.slide_03 .game_box{position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;height: 5.6rem;}

.slide_04 .bg_top{position: absolute;z-index: 1;top: 0;left: 0;width: 6.4rem;height: 7.61rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_4_2.png) no-repeat;background-size: 100% 100%;}
.slide_04 .bg_bottom{position: absolute;z-index: 3;bottom: -1rem;left: 0;width: 6.4rem;height: 6.52rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_4_1.png) no-repeat;background-size: 100% 100%;}
.slide_04 .question_box{bottom: .2rem;}
.slide_04 .fish,
.slide_04 .mark,
.slide_04 .bubble{position: absolute;z-index: 2;}
.slide_04 .fish{top: 2.03rem;left: .79rem;width: 4.42rem;height: 2.97rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fish_07.png) no-repeat;background-size: 100% 100%;}
.slide_04 .mark{top: .46rem;left: 2.71rem;width: 1.28rem;height: 1.5rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/mark_04.png) no-repeat;background-size: 100% 100%;}
.slide_04 .bubble{top: .32rem;left: .63rem;width: 2.26rem;height: 2.08rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bubble_01.png) no-repeat;background-size: 100% 100%}

.slide_05 .bg_top{position: absolute;z-index: 2;top: -.6rem;left: 0;width: 6.4rem;height: 6.05rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_5_1.png) no-repeat;background-size: 100% 100%;}
.slide_05 .bg_bottom{position: absolute;z-index: 1;bottom: 0;left: 0;width: 6.4rem;height: 6.28rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_5_2.jpg) no-repeat;background-size: 100% 100%;}
.slide_05 .question_box{top: .2rem;}
.slide_05 .bubble{position: absolute;z-index: 3;bottom: 2.62rem;left: .45rem;width: 3.67rem;height: 2.71rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bubble_08.png) no-repeat;background-size: 100% 100%;transform-origin: 2.84rem 2.5rem;-webkit-transform-origin: 2.84rem 2.5rem;}
.slide_05 .mark{position: absolute;z-index: 3;bottom: 2.92rem;right: .31rem;width: 1.38rem;height: 1.33rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/mark_06.png) no-repeat;background-size: 100% 100%;}

.slide_06 .swiper_page{background: #66b9e4;}
.slide_06 .bg_top{position: absolute;z-index: 1;bottom: 4.56rem;left: 0;width: 6.4rem;height: 5.97rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_6.png) no-repeat;background-size: 100% 100%;}
.slide_06 .fish{position: absolute;z-index: 2;bottom: 5.45rem;left: 1.28rem;width: 3.83rem;height: 4.14rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fish_08.png) no-repeat;background-size: 100% 100%;}
.slide_06 .question_box{bottom: .2rem;}

.slide_07 .bg_top{position: absolute;z-index: 1;top: 0;left: 0;width: 6.4rem;height: 4.37rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_7.png) no-repeat;background-size: 100% 100%;}
.slide_07 .bg_bottom{position: absolute;z-index: 5;bottom: -.75rem;left: 0;width: 6.4rem;height: 5.45rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_1_1.png) no-repeat;background-size: 100% 100%;}
.slide_07 .captain{position: absolute;z-index: 3;bottom: 3.65rem;left: .33rem;width: 4.26rem;height: 5.28rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/captain.png) no-repeat;background-size: 100% 100%;}
.slide_07 .bubble_01{position: absolute;z-index: 2;top: .14rem;left: .12rem;width: 2.47rem;height: 2.12rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bubble_04.png) no-repeat;background-size: 100% 100%;}
.slide_07 .bubble_02{position: absolute;z-index: 4;top: .32rem;left: 3.2rem;width: 2.85rem;height: 2.31rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bubble_02.png) no-repeat;background-size: 100% 100%;}
.slide_07 .bubble_03{position: absolute;z-index: 4;top: 2.98rem;left: 3.97rem;width: 2.32rem;height: 2.09rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bubble_03.png) no-repeat;background-size: 100% 100%;}
.slide_07 .question_box{z-index: 6;bottom: .2rem;}

.slide_08 .bg_top{position: absolute;z-index: 3;top: -.6rem;left: 0;width: 6.4rem;height: 5.51rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_8_1.png) no-repeat;background-size: 100% 100%;}
.slide_08 .bg_bottom{position: absolute;z-index: 1;bottom: 0;left: 0;width: 6.4rem;height: 2.24rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_8_2.png) no-repeat;background-size: 100% 100%;}
.slide_08 .question_box{top: .15rem;}
.slide_08 .bubble{position: absolute;top: 4.57rem;left: .15rem;width: 1.39rem;height: 1.35rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bubble_05.png) no-repeat;background-size: 100% 100%;}
.slide_08 .fish{position: absolute;bottom: 2rem;left: -.33rem;width: 1.73rem;height: 1.54rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/fish_01.png) no-repeat;background-size: 100% 100%;}
.slide_08 .coop{position: absolute;z-index: 2;top: 3.9rem;right: 0;width: 5.54rem;height: 6.55rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_8_3.png) no-repeat;background-size: 100% 100%;transform-origin: right bottom;-webkit-transform-origin: right bottom;}

.slide_09 .bg_top{position: absolute;z-index: 1;bottom: 4.64rem;left: 0;width: 6.4rem;height: 5.78rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_9_2.jpg) no-repeat;background-size: 100% 100%;}
.slide_09 .bg_bottom{position: absolute;z-index: 2;bottom: -.75rem;left: 0;width: 6.4rem;height: 6.61rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_9_1.png) no-repeat;background-size: 100% 100%;}
.slide_09 .question_box{bottom: .2rem;}
.slide_09 .bubble{position: absolute;z-index: 4;top: .16rem;left: 2.15rem;width: 4.1rem;height: 3.58rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bubble_06.png) no-repeat;background-size: 100% 100%;}
.slide_09 .captain{position: absolute;z-index: 3;bottom: 5rem;left: 0;width: 6.4rem;height: 5.37rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/captain_02.png) no-repeat;background-size: 100% 100%;}

.slide_10 .bg_top{position: absolute;z-index: 1;top: -.1rem;left: 0;width: 6.4rem;height: 6.11rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_10_2.png) no-repeat;background-size: 100% 100%;}
.slide_10 .bg_bottom{position: absolute;z-index: 2;bottom: -1.05rem;left: 0;width: 6.4rem;height: 6.3rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_10_1.png) no-repeat;background-size: 100% 100%;}
.slide_10 .question_box{bottom: .2rem;}
.slide_10 .bubble{position: absolute;z-index: 3;top: -.1rem;left: 0;width: 3.32rem;height: 4.4rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bubble_07.png) no-repeat;background-size: 100% 100%;transform-origin: 2.96rem 3.75rem;-webkit-transform-origin: 2.96rem 3.75rem;}
.slide_10 .mark{position: absolute;z-index: 1;top: .88rem;left: 2.83rem;width: 3.16rem;height: .88rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/mark_05.png) no-repeat;background-size: 100% 100%;}
.slide_10 .note{position: absolute;z-index: 2;transform-origin: center;-webkit-transform-origin: center;}
.slide_10 .note_01{top: .68rem;left: 3.33rem;width: .46rem;height: .61rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/note_01.png) no-repeat;background-size: 100% 100%;}
.slide_10 .note_02{top: .7rem;left: 5rem;width: .57rem;height: .51rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/note_02.png) no-repeat;background-size: 100% 100%;}

.slide_11 .username{margin-bottom: .48rem;font-size: .46rem;color: #000;text-align: center;}
.slide_11 .button_box{position: absolute;z-index: 3;bottom: .3rem;left: 0;width:100%;font-size: 0;text-align: center;}
.slide_11 .button_box .btn{display: inline-block;width: 2.41rem;height: .8rem;margin: 0 .31rem;padding-top: .18rem;font-size: .36rem;color: #000;text-align: center;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_text_03.png) no-repeat;background-size: 100% 100%;}
.slide_11 .button_box .text_img{height: .34rem;vertical-align: top;}

.result_01,
.result_02{position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
.result_01{z-index: 2;padding-top: .6rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_exam_11.png) no-repeat;background-size: 100% 100%;overflow: hidden;}
.result_box{position: relative;width: 5.12rem;height: 6.86rem;margin-left: .71rem;background: url(https://png.pookcdn.net/website_img/net/activity/exam/bg_result.png) no-repeat;background-size: 100% 100%;}
.result_box .fraction{position: absolute;top: 1.2rem; width: 100%;font-size: .69rem;color: #000000;text-align: center;text-shadow: 0 .06rem .04rem rgba(246,228,32,.45);}
.result_box .fraction span{font-size: 1.66rem;}
.result_box .qr_code{position: absolute;top: 4.44rem;left: 1.29rem;width: 2.3rem;height: 2.3rem;}
.result_box .qr_code img{width: 2.3rem;height: 2.3rem;}