body,
        p,
        div,
        input,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        ul,
        li,
        dl,
        dt,
        dd,
        form {
            margin: 0;
            padding: 0;
            list-style: none;
            vertical-align: middle;
        }

        body {
            color: #001b25;
            background: #000;
            -webkit-user-select: none;
            -webkit-text-size-adjust: none;
            font-size: 100%;
            font-family: "microsoft yahei"
        }
		
		.wrap {
		    display: block;
		    width: 100%;
		    min-width: 1080px;
		    max-width: 1920px;
		    margin: 0 auto;
		    overflow: hidden;
		    position: relative;
		    background: #000;
		}

        header,
        section,
        footer,
        img,
        nav {
            display: block;
            margin: 0;
            padding: 0;
        }

        img {
            border: 0;
            max-width: 100%;
        }

     .pagecont1 {
		    height: 14.50rem;
		    width: 29.26rem;
		    margin: 0 auto;
		    overflow: hidden;
		    position: relative;
		  
		}		
		
/*进入社区按钮*/
		.entercommunity{
		   position: absolute;
		   top: 25.28rem;
		   left: 18.00rem;/*left: 18.4rem;img01.jpg*/
		   width: 9.65rem;
		   height: 3.2rem;
		   background-image: url('./img/btn.png');
		   background-size: 100% 100%;
		}


		#home_video{
		   position: relative;
		   width: 100%;
		   /* height: 11.05rem; */
		}
		
		
	.pagecont2 {
		    height: 14.35rem;
		    width: 29.26rem;
		    margin: 0 auto;
		    overflow: hidden;
		    position: relative;
		   background-image: url('https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/pc/img2_02.jpg') ;
		   background-size: 100% 100%;
		}				
/*视频区域
.myVideo {
		    position: absolute;
		    width: 820px;
		    height: 456px;
		    top: 1405px;
		    left: 538px;
		}*/
		.myVideo {
		    position: absolute;
		    width: 12.5rem;
		    height: 6.8rem;
		    top: 5.13rem;
		    left: 8.4rem;
		}

/*视频封面按钮*/
	  .btn_vd{
		    position: absolute;
		    width: 1.95rem;
		    height:1.95rem;
		    left: 13.3rem;
		    top:7.5rem;
		    background-image: url(https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/pc/bf-btn.png);
		    background-size: 100% 100%;
		}
		

	.jietu{
		   position: absolute;
		   top: 91.04rem;
		   left: 4.8rem;
		   width: 23rem;
		   height: 19.28rem;
		
		}	
			
	
		
		/*第三页*/
		.pagecont3{
			height: 14.45rem;
			display: block;
			width: 100%;
		/* 	min-width: 320px;
			max-width: 1920px; */
			margin: 0 auto;
			overflow: hidden;
			position: relative;
		
			/*background: #000;*/
			/* background-image: url('.././img/pc/boss1_03.jpg'); */
			background-size: 100% 100%;
			
			/*position: absolute;
			top: 91.24rem;
			left: 0rem;
			width: 28.8rem;
			height: 19.28rem;*/
			
		}

/*轮播图*/
		.section-box .swiper-container {
		    margin-left: auto;
		    margin-right: auto;
		    position: relative;
		     overflow: unset; 
		    z-index: 1;
			/* top: 2.50rem; */
			/* width: 28.8rem; */
			/* height:29.38rem; */
		}
		
		.swiper-wrapper  {
			width: 28.8rem;
		}
		
		.swiper-wrapper .swiper-slide {
		    /* left: 3.4rem; */
			/* width: 28.8rem ; */
		}
		
		
		.section-box .swiper-button-next, .swiper-button-prev{
			/*top:36% !important;*/
			top: 9.68rem;
		}
		.section-box .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
			left: 26.4rem !important;
			background: none !important;
		}
		.section-box .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
			left: 1.45rem !important;
			background: none !important;
		}
		/*.section-box .swiper-button-next, .swiper-button-prev{
			margin-top: 7px !important;
		}*/
		.section-box .swiper-pagination-bullet{
			/*width: 0px !important;
		    height: 0px !important;*/
		    display: table-cell !important;
		}
		
		.section-box .feature-swiper-pager { 
			width: 100%; 
			position: absolute; 
		    bottom: 1.00rem;  
			left: 0px; 
			text-align: 
			center; 
			z-index: 3;
		}
		
		
		.section-box .feature-swiper-pager .feature-swiper-pager-one {
			display: inline-block;
			    margin-left: 18px;
			    width: 32px;
			    height: 17px;
			    border-radius: 21px;
			    margin: 1px;
			    /* border: 2px solid #e36933; */
				/* background-image: url('.././img/pc/qh-02.png'); */
				background-size: 100% 100%;
			    background: url(.././img/pc/qh-02.png) no-repeat top center;
			    background-size: cover;
		}
		.section-box .feature-swiper-pager .feature-swiper-pager-one:first-child {
			margin-left:0px;
		}
		
		.section-box .feature-swiper-pager .feature-swiper-pager-one.active {
			width:40px;
			height:21px;
			/* background-color:#e36933; */
			background: url(.././img/pc/qh-01.png) no-repeat top center;
			background-size: cover;
		}

		.swiper-pagination-clickable .swiper-pagination-bullet {
		    cursor: pointer;
		    margin: 0 10px !important;
		}
		
		.reserve{
		    position: absolute;
		    left: 50%;
		    transform: translate(-50%, -50%);
			width: 6.05rem;
			height:1.66rem;
		    z-index: 99;
		    top: 12rem;
		}
		
		
		.pagecontyuyue{
			   position: absolute;			  
			   left: 50%;
			   transform: translate(-50%, -50%);
			   top: 13rem;
			    z-index: 99;
			}
			
		.yy_bilibili{
			   position: absolute;			  
			   left:0.0rem;
			   top: 0rem;
			   width: 4.43rem;
			   height:1.44rem;
			  z-index: 99;
			}
			
		.yy_taptap{
			   position: absolute;
			   width: 4.43rem;
			   height:1.44rem;
			   right:0.0rem;
			   top: 0rem;
			   z-index: 99;
			}
			
		.logo{
		    position: absolute;
		    transform: translate(3%, 7%);
		    z-index: 99;
		}
		.age-appropriate{
		    position: absolute;
			width: 2rem;
			height:2.4rem;
		    right:1rem;
		    top: 0.3rem;
		    z-index: 99;
		}
		
		
		.pagecont4 {	   
		   position: relative;
		    width: 29.26rem;
		    height: 19.26rem;
		    margin: 0 auto;
		    background-image: url('https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/pc/img5_04.jpg') ;
		    background-size: 100% 100%;
		    
		}
		
		.pagecont4_foot_logo{
		    position: absolute;
		    bottom: 0.3rem;
		    left: 1.0rem;
		}
		
		.pagecont4_foot_text{
		    position: absolute;
		    bottom: 0.3rem;
		    left: 8.0rem;
			font-size: 14px;
			
		}
		
		
		.page4_puzzle{
			   position: absolute;
			   width: 18.53rem;
			   height:9.78rem;
			   right:5.4rem;
			   top: 3.35rem;
		}
		
		
		#page4 td{
			margin: 2px 0;
		}
		
		#page4 td:hover{
			cursor: pointer;
		}
		
		.pagecont4guanzhu{
		   position: absolute;
		   width: 290px;
		   height:35px;
		   left:803px;
		   bottom:30px;
		   
		}
		
		.pagecont4guanzhu .gz_taptap{
		   position: absolute;
		  width: 120px;
		    height:35px;
		   left:0px;
		   top:0px;
		   
		}
		
		.pagecont4guanzhu .gz_bilibili{
		   position: absolute;
		   width: 120px;
		   height:35px;
		   left:167px;
		   top:0px;
		 
		  
		}
		
		.pagecont4guanzhu .gz_bilibili,.pagecont4guanzhu .gz_taptap:hover{
			cursor: pointer;
		}
		
		.page4_pop {
		    position: fixed;
		    left: 0;
		    right: 0;
		    top: 100px;
		    width: 1080px;
		    height: 810px;
		    /* z-index: 98; */
		    background: url(https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/pc/pic8.jpg) no-repeat top center;
		    background-size: cover;
		    display: none;
		    text-align: center;
		    margin: 0 auto;
		    z-index: 99;
		}
		
		.quiz-container-start-pop {
		    position: fixed;
		    left: 0;
		    right: 0;
		    top: 100px;
		    width: 883px;
		    height: 439px;
		    /* z-index: 98; */
		    background: url(https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/pc/tcbg1_04.png) no-repeat top center;
		    background-size: cover;
		    display: none;
		    text-align: center;
		    margin: 0 auto;
		    z-index: 99;
		}
		
		.quiz-container-start-pop img{
		    position: absolute;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    z-index: 99;
		    top: 374px;
		}
		
		.inside {
		    right: 7.12rem;
		    position: absolute;
		    /* border: 1px solid red; */
		    max-width: 20.5%;
		    height: auto;
		    top: 8.11rem;
		}
		
/*公司信息*/
  .name {
      font-size: .3rem;
      color: #fff;
      text-align: center;
	  padding-top: .3rem;
      padding-bottom: .3rem;
  }
  
  .mask,
  .mask1,
  .mask2,
  .mask3 {
      position: fixed;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 90;
      background: rgba(0, 0, 0, .9) !important;
      height: 100%;
  }
</style>