body {
  background-image: linear-gradient(#5999cc, #64bcce);
}
.wrapper {
  width: 10rem;
  margin: 0 auto;
}
.page_cover {
  width: 10rem;
  height: 100vh;
  background: url(../img/bg_0.jpg) no-repeat center / cover;
  position: relative;
}
.page_cover .bjnews_logo {
  width: 2.4rem;
  height: 0.6rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -1.2rem;
}
.page_cover .c_title {
  width: 10rem;
  height: 6.8rem;
  background: url(../img/title_bg.png) no-repeat center / contain;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5rem;
  margin-top: -4.8rem;
}
.page_cover .c_title .tit_logo {
  width: 1.46666667rem;
  height: 1.93333333rem;
  position: absolute;
  right: 0.72rem;
  top: 0;
}
.page_cover .c_title .tit_fumaohui {
  width: 6.4rem;
  height: 2.05333333rem;
  position: absolute;
  left: 1.33333333rem;
  top: 0.8rem;
}
.page_cover .c_title .tit_zhongguo {
  width: 5.86666667rem;
  height: 0.53333333rem;
  position: absolute;
  left: 1.46666667rem;
  top: 3.13333333rem;
}
.page_cover .c_title .tit_dengnilai {
  width: 6rem;
  height: 1.97333333rem;
  position: absolute;
  right: 0.98666667rem;
  bottom: 0.8rem;
}
.page_cover .btn_start {
  width: 9.33333333rem;
  height: 2.53333333rem;
  background: url(../img/btn_start.png) no-repeat center right / contain;
  position: absolute;
  right: 0;
  bottom: 1.6rem;
}
.page_cover .btn_start .icon_start {
  width: 1.06666667rem;
  height: 1.2rem;
  position: absolute;
  left: 0.98666667rem;
  top: 0.66666667rem;
  animation-duration: 2s;
}
.page_nav {
  width: 10rem;
  height: 100vh;
  background-image: linear-gradient(#5999cc, #64bcce);
  position: relative;
}
.page_nav .logo_fumaohui {
  width: 2.8rem;
  height: 2rem;
  position: absolute;
  left: 0.26666667rem;
  top: 3%;
}
.page_nav .navigation_bg {
  width: 10rem;
  height: 15.73333333rem;
  background: url(../img/navigation_bg.png) center / contain;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5rem;
  margin-top: -7.86666667rem;
}
.page_nav .navigation_bg .nav {
  position: absolute;
}
.page_nav .navigation_bg .nav .nav_txt {
  height: 0.8rem;
  position: absolute;
}
.page_nav .navigation_bg .nav .nav_txt_1 {
  left: -1.33333333rem;
  top: -0.33333333rem;
}
.page_nav .navigation_bg .nav .nav_txt_2 {
  left: 2.53333333rem;
  top: 1.6rem;
}
.page_nav .navigation_bg .nav .nav_txt_3 {
  left: 0.32rem;
  top: 0.32rem;
}
.page_nav .navigation_bg .nav .nav_txt_4 {
  left: 0.72rem;
  top: 0.10666667rem;
}
.page_nav .navigation_bg .nav .nav_txt_5 {
  left: 0.8rem;
  top: 0.66666667rem;
}
.page_nav .navigation_bg .nav .nav_txt_6 {
  left: 1.06666667rem;
  top: 0.10666667rem;
}
.page_nav .navigation_bg .nav .nav_txt_7 {
  left: 1.06666667rem;
  top: 0.4rem;
}
.page_nav .navigation_bg .nav .nav_txt_8 {
  right: 2.24rem;
  bottom: 0.86666667rem;
}
.page_nav .navigation_bg .nav .nav_txt_9 {
  right: 1.12rem;
  bottom: 0.13333333rem;
}
.page_nav .navigation_bg .nav .nav_txt_10 {
  width: 2.37333333rem;
  height: 1.28rem;
  left: 1.73333333rem;
  top: 0.32rem;
}
.page_nav .navigation_bg .nav .nav_txt_11 {
  width: 1.46666667rem;
  height: 0.4rem;
  left: 0.13333333rem;
  top: -0.4rem;
}
.page_nav .navigation_bg .nav_1 {
  width: 3.06666667rem;
  height: 3.33333333rem;
  background: url(../img/nav_1.png) no-repeat center / contain;
  right: 1rem;
  top: 0.53333333rem;
}
.page_nav .navigation_bg .nav_2 {
  width: 4.26666667rem;
  height: 3.46666667rem;
  background: url(../img/nav_2.png) no-repeat center / contain;
  left: 2.26666667rem;
  top: 3rem;
}
.page_nav .navigation_bg .nav_3 {
  width: 3rem;
  height: 2.8rem;
  background: url(../img/nav_3.png) no-repeat center / contain;
  right: 0.2rem;
  top: 3.73333333rem;
}
.page_nav .navigation_bg .nav_4 {
  width: 1.46666667rem;
  height: 1.73333333rem;
  background: url(../img/nav_4.png) no-repeat center / contain;
  left: 0.26666667rem;
  top: 6.13333333rem;
}
.page_nav .navigation_bg .nav_5 {
  width: 4.4rem;
  height: 3.2rem;
  background: url(../img/nav_5.png) no-repeat center / contain;
  left: 0.66666667rem;
  top: 7.17333333rem;
}
.page_nav .navigation_bg .nav_6 {
  width: 2.13333333rem;
  height: 1.73333333rem;
  background: url(../img/nav_6.png) no-repeat center / contain;
  right: 3.2rem;
  top: 6.46666667rem;
}
.page_nav .navigation_bg .nav_7 {
  width: 3.6rem;
  height: 3.13333333rem;
  background: url(../img/nav_7.png) no-repeat center / contain;
  right: 0.66666667rem;
  top: 8.13333333rem;
}
.page_nav .navigation_bg .nav_8 {
  width: 3.6rem;
  height: 2.53333333rem;
  background: url(../img/nav_8.png) no-repeat center / contain;
  left: 1.86666667rem;
  bottom: 3.2rem;
}
.page_nav .navigation_bg .nav_9 {
  width: 4.8rem;
  height: 2.93333333rem;
  background: url(../img/nav_9.png) no-repeat center / contain;
  right: 0.26666667rem;
  bottom: 1.2rem;
}
.page_nav .navigation_bg .nav_10 {
  width: 3.62666667rem;
  height: 2.42666667rem;
  background: url(../img/nav_10.png) no-repeat center / contain;
  left: 0.32rem;
  top: 0.56rem;
}
.page_nav .navigation_bg .nav_11 {
  width: 1.73333333rem;
  height: 1.6rem;
  background: url(../img/nav_xinjingbao.png) no-repeat center / contain;
  left: 0.33333333rem;
  top: 4.06666667rem;
}
.page_nav .navigation_bg .nav_11 .btn_play {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  left: 0.4rem;
  top: 0.13333333rem;
  animation-duration: 2s;
}
.page_nav .btn_box {
  width: 3.86666667rem;
  height: 1.86666667rem;
  position: absolute;
  left: 0.4rem;
  bottom: 5%;
}
.page_nav .btn_box .btn {
  width: 3.86666667rem;
  height: 0.8rem;
}
.page_nav .btn_box .btn_shushuo {
  margin-bottom: 0.26666667rem;
}
.page_shushuo {
  width: 10rem;
  height: 100vh;
  background-image: linear-gradient(#5999cc, #64bcce);
}
.page_shushuo .shushuo_flex {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.page_shushuo .shushuo_flex .ball_box {
  width: 9.6rem;
  height: 12.66666667rem;
  position: relative;
}
.page_shushuo .shushuo_flex .ball_box .the_ball {
  z-index: 8;
  width: 7.86666667rem;
  height: 7.86666667rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3.93333333rem;
  margin-top: -3.93333333rem;
}
.page_shushuo .shushuo_flex .ball_box .ball_scene {
  z-index: 9;
  width: 9.6rem;
  height: 10.26666667rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4.8rem;
  margin-top: -5.13333333rem;
}
.page_shushuo .shushuo_flex .ball_box .the_data {
  z-index: 10;
  width: 2.66666667rem;
  height: 2.66666667rem;
  position: absolute;
  opacity: 0;
}
.page_shushuo .shushuo_flex .ball_box .data_1 {
  width: 2.93333333rem;
  height: 2.26666667rem;
  left: 0;
  top: 2.53333333rem;
}
.page_shushuo .shushuo_flex .ball_box .data_2 {
  width: 2.8rem;
  height: 2.13333333rem;
  left: 1.49333333rem;
  top: 1.70666667rem;
}
.page_shushuo .shushuo_flex .ball_box .data_3 {
  width: 2.86666667rem;
  height: 5.13333333rem;
  left: 3.46666667rem;
  top: 0.32rem;
}
.page_shushuo .shushuo_flex .ball_box .data_4 {
  width: 2.53333333rem;
  height: 5.2rem;
  right: 0;
  top: 1.70666667rem;
}
.page_shushuo .shushuo_flex .ball_box .data_5 {
  width: 2.53333333rem;
  height: 2.13333333rem;
  left: 0.13333333rem;
  bottom: 3.06666667rem;
}
.page_shushuo .shushuo_flex .ball_box .data_6 {
  width: 3.86666667rem;
  height: 3.2rem;
  left: 1.26666667rem;
  bottom: 1.13333333rem;
}
.page_shushuo .shushuo_flex .ball_box .data_7 {
  width: 2.53333333rem;
  height: 1.86666667rem;
  right: 3.6rem;
  bottom: 0;
}
.page_shushuo .shushuo_flex .ball_box .data_8 {
  width: 3.46666667rem;
  height: 1.73333333rem;
  right: 0;
  bottom: 0.8rem;
}
.page_shushuo .shushuo_flex .btn_box {
  width: 3.86666667rem;
  height: 1.86666667rem;
}
.page_shushuo .shushuo_flex .btn_box .btn {
  width: 3.86666667rem;
  height: 0.8rem;
}
.page_shushuo .shushuo_flex .btn_box .btn_VRzhang {
  margin-bottom: 0.26666667rem;
}
.page_richeng {
  width: 10rem;
  min-height: 100vh;
  background-image: linear-gradient(#5999cc, #64bcce);
  padding: 0.66666667rem 0 1.33333333rem;
}
.page_richeng .menu_btn {
  width: 9.2rem;
  height: 0.8rem;
  margin: 0 auto;
}
.page_richeng .menu_btn .m_btn {
  width: 0.96rem;
  height: 0.8rem;
}
.page_richeng .tit_richeng {
  display: block;
  width: 4rem;
  height: 0.8rem;
  margin: 0 auto;
  margin-bottom: 0.53333333rem;
}
.page_richeng .main_box {
  width: 9.2rem;
  margin: 0 auto;
}
.page_richeng .main_box .tit_schedule {
  width: 3.26666667rem;
  height: 0.93333333rem;
  margin-bottom: 0.26666667rem;
}
.page_richeng .main_box .my_calendar .the_month {
  width: 9.2rem;
  height: 1.2rem;
  background: #ffffff url(../img/the_month.png) no-repeat center / contain;
  border: 2px solid #E83828;
  border-bottom: none;
}
.page_richeng .main_box .my_calendar .the_day {
  width: 9.2rem;
  height: 2.8rem;
  background-color: #fff;
  border: 2px solid #E83828;
  margin-bottom: 0.26666667rem;
}
.page_richeng .main_box .my_calendar .the_day .day_boxs {
  width: 9.2rem;
  height: 0.93333333rem;
  display: flex;
  flex-wrap: wrap;
}
.page_richeng .main_box .my_calendar .the_day .day_boxs .day_box {
  width: 1.31428571rem;
  height: 0.93333333rem;
  font-weight: 700;
  text-align: center;
  line-height: 0.66666667rem;
}
.page_richeng .main_box .my_calendar .the_day .day_boxs .my_date span {
  width: 0.66666667rem;
  height: 0.66666667rem;
  display: inline-block;
  border-radius: 0.33333333rem;
  color: #E83828;
}
.page_richeng .main_box .my_calendar .the_day .day_boxs .my_date .act_date {
  color: #fff;
  background-color: #E83828;
}
.page_richeng .main_box .my_schedule {
  width: 9.2rem;
  margin-bottom: 0.66666667rem;
}
.page_richeng .main_box .btn_box {
  width: 3.86666667rem;
  height: 1.86666667rem;
  margin: 0 auto;
}
.page_richeng .main_box .btn_box .btn {
  width: 3.86666667rem;
  height: 0.8rem;
}
.page_richeng .main_box .btn_box .btn_VRzhang {
  margin-bottom: 0.26666667rem;
}
.ball_rotate {
  animation: BallRotate 20s linear infinite;
  -webkit-animation: BallRotate 20s linear infinite;
}
@keyframes BallRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes BallRotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/* ★新京报小屋-视频 */
.mask_video {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
}
.mask_video .video_box {
  width: 10rem;
  height: 6.13333333rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5rem;
  margin-top: -3.06666667rem;
}
.mask_video .video_box .fmh_video {
  display: block;
  width: 100%;
}
.mask_video .video_box .btn_pause {
  width: 1.33333333rem;
  height: 1.33333333rem;
  position: absolute;
  bottom: -1.33333333rem;
  left: 50%;
  margin-left: -0.66666667rem;
}
/* ★全景地图 */
#panoramicMap {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
}
.hall_name {
  width: 100%;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-shadow: 2px 2px 5px #666;
  -webkit-text-shadow: 2px 2px 5px #666;
  position: fixed;
  top: 5%;
  z-index: 1000;
}
.menu_box {
  width: 0.96rem;
  position: fixed;
  top: 4.8rem;
  right: 5%;
  z-index: 1000;
}
.menu_box .pano_btn {
  display: block;
  width: 0.96rem;
  height: 0.8rem;
  margin: 0 auto;
  margin-bottom: 0.4rem;
}
.menu_box .btn_back {
  width: 1.06666667rem;
}
.menu_box .btn_share {
  width: 1.06666667rem;
}
.mask_share {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 10002;
}
.mask_share .tip_share {
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 3%;
  top: 2%;
}
/* 背景音乐 */
.bgm {
  width: 25px;
  height: 25px;
  background: url(../img/musicOff.png) no-repeat;
  background-size: 100%;
  z-index: 9999999;
  position: fixed;
  right: 0.33333333rem;
  bottom: 1.46666667rem;
}
.music_on {
  background-image: url(../img/musicOn.png);
}