.wrapper {
  width: 10rem;
  margin: 0 auto;
  position: relative;
}
.page_cover {
  width: 10rem;
  height: 100vh;
  background: url(../img/bg_bot.png) no-repeat center bottom / 100%, url(../img/bg_top.png) no-repeat center / cover;
  position: relative;
}
.page_cover .logo_bjnews {
  width: 2.05333333rem;
  height: 0.53333333rem;
  position: absolute;
  top: 0.4rem;
  left: 50%;
  margin-left: -1.02666667rem;
}
.page_cover .main {
  width: 10rem;
  height: 10.66666667rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5rem;
  margin-top: -5.33333333rem;
}
.page_cover .main .pangolin_box {
  width: 10rem;
  height: 14.53333333rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5rem;
  margin-top: -7.26666667rem;
}
.page_cover .main .pangolin_box .pangolin {
  width: 10rem;
  height: 14.53333333rem;
  position: absolute;
}
.page_cover .main .pangolin_box .cover_start {
  width: 4.8rem;
  height: 6rem;
  position: absolute;
  left: 2.4rem;
  bottom: 1.86666667rem;
}
.page_cover .main .pangolin_box .cover_start .btn_start {
  width: 2rem;
  height: 2.13333333rem;
  position: absolute;
  left: 1.73333333rem;
  bottom: 0.4rem;
}
.page_cover .main .co_txt_box {
  width: 0.66666667rem;
  height: 8.13333333rem;
  position: absolute;
  left: 1.33333333rem;
  top: 50%;
  margin-top: -4.06666667rem;
}
.page_cover .main .co_txt_box .co_txt {
  width: 0.66666667rem;
  height: 8.13333333rem;
  position: absolute;
}
.page_cover .pangolin_4 {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.page_cover .report_box {
  width: 9.33333333rem;
  height: 16rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4.66666667rem;
  margin-top: -8rem;
}
.page_cover .report_box .re_box_flex {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page_cover .report_box .re_box_flex .re_box {
  width: 6.66666667rem;
  height: 1.6rem;
}
.page_cover .report_box .re_box_flex .re_box .report {
  width: 6.66666667rem;
}
.page_cover .report_box .re_box_flex .re_box:nth-child(3),
.page_cover .report_box .re_box_flex .re_box:nth-child(6),
.page_cover .report_box .re_box_flex .re_box:nth-child(8) {
  height: 2.13333333rem;
}
.page_cover .report_box .re_box_flex .re_box:nth-child(2n-1) {
  align-self: flex-start;
}
.page_cover .report_box .re_box_flex .re_box:nth-child(2n) {
  align-self: flex-end;
}
.page_cover .mask_btn {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.page_cover .mask_btn .btn_say {
  width: 2rem;
  height: 7.73333333rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1rem;
  margin-top: -3.86666667rem;
}
.page_cover .mask_btn .mask_btn_flex {
  width: 100%;
  height: 80%;
  min-height: 13.33333333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.page_cover .mask_btn .mask_btn_flex .new_txt_box {
  width: 8rem;
  height: 50%;
  min-height: 5.33333333rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.page_cover .mask_btn .mask_btn_flex .new_txt_box .new_txts {
  width: 8rem;
  height: 1.12rem;
}
.page_cover .mask_btn .mask_btn_flex .new_txt_box .new_txts .new_txt {
  width: 8rem;
  height: 1.12rem;
}
.page_imgs {
  z-index: 9;
  width: 10rem;
  height: 100vh;
  background-color: #000;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.page_imgs .img_part {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.part_swiper {
  z-index: 99;
  width: 10rem;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5rem;
}
.part_swiper .part_wrapper .part {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.part_swiper .part_wrapper .part .p_box {
  width: 100%;
  height: 100vh;
  position: relative;
}
.part_swiper .part_wrapper .part .p_box .txt {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.part_swiper .part_wrapper .part .p_box .chart_box {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
}
.part_swiper .part_wrapper .part .p_box .chart_box .txt {
  background-color: transparent;
}
.part_swiper .part_wrapper .part .p_box .chart_box .chart {
  border-radius: 0.10666667rem;
  position: absolute;
  bottom: 0.8rem;
  left: 50%;
}
.part_swiper .part_wrapper .part .p_box .chart_box #chartMap {
  width: 9.33333333rem;
  height: 5.37333333rem;
  background: url(../img/map_0.png) no-repeat center / cover;
  background-color: rgba(169, 197, 217, 0.2);
  bottom: 2.13333333rem;
  margin-left: -4.66666667rem;
}
.part_swiper .part_wrapper .part .p_box .chart_box #chartMap .map {
  width: 9.33333333rem;
  height: 5.37333333rem;
  position: absolute;
}
.part_swiper .part_wrapper .part .p_box .chart_box #chartData_1,
.part_swiper .part_wrapper .part .p_box .chart_box #chartData_2 {
  width: 8rem;
  height: 6.66666667rem;
  background-color: rgba(0, 10, 0, 0.4);
  margin-left: -4rem;
}
.part_swiper .part_wrapper .part .p_box .chart_box .data_from {
  height: 0.53333333rem;
  position: absolute;
  bottom: 0.13333333rem;
  left: 50%;
  margin-left: -4rem;
}
.part_swiper .part_wrapper .part .p_box .chart_box .data_from_1 {
  margin-left: -4.53333333rem;
}
.part_swiper .part_wrapper .part_1 {
  height: 200vh;
}
.part_swiper .part_wrapper .part_1 .p_intro_1 .tip_slide {
  width: 3.2rem;
  height: 0.93333333rem;
  position: absolute;
  top: 5%;
  left: 50%;
  margin-left: -1.6rem;
}
.part_swiper .part_wrapper .part_1 .p_intro_1 .txt_1_1 {
  position: absolute;
  bottom: 30%;
}
.part_swiper .part_wrapper .part_1 .p_intro_2 .txt_1_2 {
  position: absolute;
  top: 0;
}
.part_swiper .part_wrapper .part_1 .p_intro_2 .txt_1_3 {
  position: absolute;
  bottom: 20%;
}
.part_swiper .part_wrapper .part_2 {
  height: 200vh;
}
.part_swiper .part_wrapper .part_2 .p_species_1 .chart_box {
  height: 11.73333333rem;
  top: 10%;
}
.part_swiper .part_wrapper .part_2 .p_species_1 .chart_box .tuli_box {
  width: 9.33333333rem;
  height: 1.33333333rem;
  padding: 0.13333333rem;
  position: absolute;
  bottom: 0.8rem;
  left: 50%;
  margin-left: -4.66666667rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.part_swiper .part_wrapper .part_2 .p_species_1 .chart_box .tuli_box .tuli {
  height: 0.53333333rem;
}
.part_swiper .part_wrapper .part_2 .p_species_2 .txt_2_2 {
  position: absolute;
  bottom: 50%;
}
.part_swiper .part_wrapper .part_3 {
  height: 200vh;
}
.part_swiper .part_wrapper .part_3 .p_data_1 .chart_box {
  height: 11.86666667rem;
  top: 10%;
}
.part_swiper .part_wrapper .part_3 .p_data_2 .chart_box {
  height: 11.2rem;
  top: 10%;
}
.part_swiper .part_wrapper .part_4 {
  height: 200vh;
}
.part_swiper .part_wrapper .part_4 .p_envir_1 .txt_4_1 {
  position: absolute;
  top: 0;
}
.part_swiper .part_wrapper .part_4 .p_envir_1 .txt_4_2 {
  position: absolute;
  bottom: 30%;
}
.part_swiper .part_wrapper .part_4 .p_envir_2 .rule_line {
  width: 10rem;
  height: 11.46666667rem;
}
.part_swiper .part_wrapper .part_5 .p_protect .txt_5_1 {
  position: absolute;
  top: 10%;
}
.part_swiper .part_wrapper .part_5 .p_protect .txt_5_2 {
  position: absolute;
  bottom: 0;
}
.part_swiper .part_wrapper .part_6 {
  background-color: #feefce;
}
.part_swiper .part_wrapper .part_6 .poster {
  height: 80%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.part_swiper .part_wrapper .part_6 .tip_save {
  width: 4rem;
  height: 0.4rem;
  font-size: 0.37333333rem;
  text-align: center;
  line-height: 0.4rem;
  position: absolute;
  top: 5%;
  left: 50%;
  margin-left: -2rem;
  animation-duration: 2s;
}
#partSwPagination {
  width: 1.6rem;
  height: 0.66666667rem;
  position: fixed;
  right: -0.13333333rem;
  top: 1%;
}
#partSwPagination .swiper-pagination-bullet {
  width: 1.6rem;
  height: 0.66666667rem;
  background-color: #79976B;
  border-radius: 2px;
  color: #333333;
  font-size: 0.32rem;
  line-height: 0.66666667rem;
  opacity: 1;
}
#partSwPagination .swiper-pagination-bullet:last-child {
  width: 0;
  height: 0;
}
#partSwPagination .swiper-pagination-bullet-active {
  background-color: #E2C250;
  color: #333333;
  opacity: 1;
}