.wrapper {
  width: 10rem;
}
/* 封面 */
.page_start {
  width: 10rem;
}
.page_start .part {
  width: 10rem;
  height: 100vh;
  position: relative;
}
.page_start .part_cover {
  background: url(../img/bg_1.jpg) no-repeat bottom center / cover;
}
.page_start .part_cover .p_cover_box {
  width: 100%;
  height: 100%;
  padding: 0.26666667rem 0 0.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.page_start .part_cover .p_cover_box .bjnews_logo {
  display: block;
  width: 1.36rem;
  height: 0.46666667rem;
  margin: 0 auto;
}
.page_start .part_cover .p_cover_box .test_minfadian {
  width: 5.6rem;
  height: 1.66666667rem;
}
.page_start .part_cover .p_cover_box .main_cover {
  width: 10rem;
  height: 8.8rem;
  position: relative;
}
.page_start .part_cover .p_cover_box .main_cover .m_pic {
  width: 10rem;
  height: 5.2rem;
  position: relative;
}
.page_start .part_cover .p_cover_box .main_cover .m_pic .c_book {
  position: absolute;
  left: 50%;
}
.page_start .part_cover .p_cover_box .main_cover .m_pic .c_book_1 {
  width: 9.41333333rem;
  height: 3.94666667rem;
  top: 0;
  margin-left: -4.70666667rem;
  z-index: 2;
  animation-duration: 3s;
}
.page_start .part_cover .p_cover_box .main_cover .m_pic .c_book_2 {
  width: 10rem;
  height: 5.10666667rem;
  bottom: 0;
  margin-left: -5rem;
  z-index: 3;
}
.page_start .part_cover .p_cover_box .main_cover .m_tit {
  width: 8.45333333rem;
  height: 3.09333333rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -4.21333333rem;
}
.page_start .part_cover .p_cover_box .main_cover .m_tit .c_title {
  position: absolute;
  left: 50%;
}
.page_start .part_cover .p_cover_box .main_cover .m_tit .c_title_1 {
  width: 9.46666667rem;
  height: 1.37333333rem;
  top: 0;
  margin-left: -4.73333333rem;
}
.page_start .part_cover .p_cover_box .main_cover .m_tit .c_title_2 {
  width: 9.33333333rem;
  height: 1.57333333rem;
  bottom: 0;
  margin-left: -4.66666667rem;
}
.page_start .part_cover .p_cover_box .tip_up {
  width: 1.33333333rem;
  height: 1.62666667rem;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  opacity: 0;
}
.page_start .part_cover .p_cover_box .author {
  width: 4.48rem;
  height: 0.72rem;
}
.page_start .part_intro {
  background: url("../img/bg_2_top.jpg") no-repeat top center / 100%, url("../img/bg_2.jpg") no-repeat bottom center / 100%;
}
.page_start .part_intro .p_intro_box {
  width: 100%;
  height: 100%;
  position: relative;
}
.page_start .part_intro .p_intro_box .intro_txt {
  width: 100%;
  height: 14.66666667rem;
  background: url(../img/intro_txt.png) no-repeat top center / contain;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5rem;
  margin-top: -7.33333333rem;
}
.page_start .part_intro .p_intro_box .intro_txt .btn_start {
  width: 2.8rem;
  height: 1.06666667rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1.4rem;
  animation-iteration-count: infinite;
}
/* 答题 */
.page_answer {
  width: 10rem;
  height: 100vh;
  background: url(../img/bg_3.jpg) no-repeat center / cover;
  position: relative;
}
.page_answer .ans_que_page {
  width: 100%;
  height: 100%;
}
.page_answer .ans_que_page .ans_que {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}
.page_answer .ans_que_page .ans_que .a_q_box {
  width: 9.06666667rem;
  height: 95%;
  background: url(../img/a_q_box.png) no-repeat center / 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page_answer .ans_que_page .ans_que .a_q_box .ques_num {
  width: 0.8rem;
  height: 2.96rem;
  position: absolute;
  left: -0.24rem;
  top: 50%;
  margin-top: -1.48rem;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line {
  width: 8rem;
  height: 95%;
  background-color: #f7f2eb;
  border: 0.05333333rem solid #be6c52;
  border-radius: 0.66666667rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .left_point {
  width: 0.53333333rem;
  height: 3.06666667rem;
  position: absolute;
  left: 0.26666667rem;
  top: 0.8rem;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .keyword {
  width: 4.66666667rem;
  height: 4.66666667rem;
  color: #ea0404;
  font-size: 0.37333333rem;
  font-weight: 900;
  text-align: center;
  line-height: 4.53333333rem;
  position: absolute;
  top: -0.53333333rem;
  left: 50%;
  margin-left: -2.33333333rem;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .keyword .zoom_tool {
  width: 7.33333333rem;
  height: 5.53333333rem;
  position: absolute;
  left: 0;
  top: 0;
  animation-duration: 0.5s;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_keyword {
  width: 100%;
  height: 4.13333333rem;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_question {
  width: 100%;
  height: 2.4rem;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_question .the_question {
  width: 90%;
  color: #612d02;
  font-size: 0.42666667rem;
  font-weight: 900;
  line-height: 0.8rem;
  margin: 0 auto;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer {
  width: 100%;
  height: 3.73333333rem;
  position: relative;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer .bg_choose {
  width: 7.73333333rem;
  height: 5.86666667rem;
  position: absolute;
  top: -0.13333333rem;
  left: 50%;
  margin-left: -3.86666667rem;
  z-index: 2;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer .the_answer {
  width: 8rem;
  height: 3.73333333rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer .the_answer .dis_click {
  pointer-events: none;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer .the_answer .choose_answer {
  width: 100%;
  height: 1.86666667rem;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer .the_answer .choose_answer .c_answer {
  width: 1.86666667rem;
  height: 1.86666667rem;
  position: relative;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer .the_answer .choose_answer .c_answer > img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer .the_answer .choose_answer .c_answer .answer_AB {
  width: 1.06666667rem;
  height: 1.06666667rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.53333333rem -0.53333333rem;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  z-index: 9;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer .the_answer .choose_answer .c_answer .answer_YN {
  z-index: 10;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer .the_answer .choose_answer .choose_txt {
  width: 5.33333333rem;
  color: #000;
  font-size: 0.4rem;
  line-height: 0.66666667rem;
  padding-top: 0.26666667rem;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer .the_answer .choose_answer .choose_txt_Y {
  color: #58b01a;
  font-weight: 700;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_answer .the_answer .choose_answer .choose_txt_N {
  color: #c52524;
  font-weight: 700;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .area_book {
  width: 100%;
  height: 2.66666667rem;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .a_book {
  width: 5.33333333rem;
  height: 2.8rem;
  position: absolute;
  left: 0.26666667rem;
  bottom: -0.4rem;
  z-index: 4;
}
.page_answer .ans_que_page .ans_que .a_q_box .a_q_line .btn_next {
  width: 2.8rem;
  height: 1.06666667rem;
  position: absolute;
  right: 0.26666667rem;
  bottom: 1.33333333rem;
  z-index: 9;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
/* (放大镜)关键字 动画 */
.keyword_ani {
  animation: KeywordAni 1s 1 forwards;
  -webkit-animation: KeywordAni 1s 1 forwards;
}
@keyframes KeywordAni {
  0 {
    font-size: 0.37333333rem;
  }
  100% {
    font-size: 0.74666667rem;
  }
}
@-webkit-keyframes KeywordAni {
  0 {
    font-size: 0.37333333rem;
  }
  100% {
    font-size: 0.74666667rem;
  }
}
/* 结果 */
.page_result {
  width: 10rem;
  height: 100vh;
  background: url("../img/bg_3_top.jpg") no-repeat top center / 100%, url("../img/bg_3_bottom.jpg") no-repeat bottom center / 100%, url("../img/bg_3.jpg") no-repeat bottom center / 100%;
}
.page_result .p_result_box {
  width: 100%;
  height: 100%;
  position: relative;
}
.page_result .p_result_box .bjnews_logo {
  width: 1.81333333rem;
  height: 0.62666667rem;
  position: absolute;
  top: 0.26666667rem;
  left: 50%;
  margin-left: -0.68rem;
  z-index: 999;
}
.page_result .p_result_box .main_result {
  width: 9.2rem;
  height: 14rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4.6rem;
  margin-top: -7rem;
}
.page_result .p_result_box .main_result .r_star {
  width: 1.33333333rem;
  height: 1.41333333rem;
  position: absolute;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}
.page_result .p_result_box .main_result .star_1 {
  top: 6.6rem;
  left: 0.26666667rem;
}
.page_result .p_result_box .main_result .star_2 {
  bottom: 2.93333333rem;
  right: 0.66666667rem;
  animation-delay: 0.6s;
}
.page_result .p_result_box .main_result .r_menu {
  width: 8.13333333rem;
  height: 2rem;
  position: absolute;
  bottom: 1.2rem;
  left: 50%;
  margin-left: -4.06666667rem;
}
.page_result .p_result_box .main_result .r_menu .scan_code {
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1rem;
  margin-top: -1rem;
}
.page_result .p_result_box .main_result .r_menu .r_btn {
  width: 3.2rem;
  height: 1.04rem;
  position: absolute;
  top: 50%;
  margin-top: -0.52rem;
}
.page_result .p_result_box .main_result .r_menu .btn_share {
  left: 0;
}
.page_result .p_result_box .main_result .r_menu .btn_more {
  right: 0;
}
.tip_share {
  width: 100%;
  height: 0.18666667rem;
  color: #fff;
  font-size: 0.42666667rem;
  text-align: center;
  position: fixed;
  bottom: 1.33333333rem;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  z-index: 9999;
}
/* 海报 */
#canvasImg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
/* 背景音乐 */
.bgm {
  width: 25px;
  height: 25px;
  background: url(../img/musicOff.png) no-repeat;
  background-size: 100%;
  z-index: 999;
  position: fixed;
  top: 2%;
  right: 3%;
}
.music_on {
  background-image: url(../img/musicOn.png);
  animation: reverseRotating 1.2s linear infinite;
  -webkit-animation: reverseRotating 1.2s linear infinite;
}
@keyframes reverseRotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes reverseRotating {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}