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"
        }
		
		.pagecont1 {
		    height: 39.97rem;
		    width: 20.0rem;
		    margin: 0 auto;
		    overflow: hidden;
		    position: relative;
		   background-image: url('https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/mb/01_01.jpg') ;
		   background-size: 100% 100%;
		}


/*游戏LOGO*/
   .gameLogo{
  		   position: absolute;
  		   width:13.33rem;
  		   height: 6.93rem;
  		   right: 0.0rem;
  		   top:0.0rem;
  		   background-image: url('https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/mb/logo.png');
  		   background-size: 100% 100%;
  		}
		
  /*进入社区按钮*/
   .entercommunity{
  		   position: absolute;
  		   width:20.0rem;
  		   height: 2.933rem;
  		   left: 50%;
  		   bottom:4.0rem;
  		   transform: translate(-50%, -50%);
  		    background-image: url('https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/mb/yu-btn.png');
  		   background-size: 100% 100%;
  		}
		
	.yy_taptap{
		   position: absolute;
		   width: 7.76rem;
		   height:2.53rem;
		   left:2.0rem;
		   background-image: url('https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/mb/taptapbt.png') ;
		   bottom:2.5rem;
		    background-size: 100% 100%;
		 
		}
		
    .yy_bilibili{
		   position: absolute;
		   background-image: url('https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/mb/bliblibt.png') ;
		   width: 7.76rem;
		   height:2.53rem;
		   right:2.0rem;
		   bottom:2.5rem;
		   background-size: 100% 100%;
		}

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

       


    .pagecont2 {
		    display: block;
		    width: 20.0rem;
			 height: 26.29rem;
		    margin: 0 auto;
		    overflow: hidden;
		    position: relative;
		   background-image: url('https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/mb/02_02.jpg') ;
		   background-size: 100% 100%;
		}
		
/*视频区域*/
   .bossbf{
		   position: absolute;
		   top: 10.35rem;
		   left: 2.48rem;
		   width: 14.82rem;
		   height: 9.06rem;
		 
		}
		
   .bossbfVideo{
		   position: absolute;
		   top: 0.68rem;
		   left: 0.42rem;
		   width: 14.2rem;
		   height: 7.70rem;
		   
		}

/*视频封面按钮*/
   .bossbfVideobtn_vd{
		 position: absolute;
		 top: 0.68rem;
		 left: 0.42rem;
		 width: 14.2rem;
		 height: 7.70rem;
		 background-image: url('https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/mb/spbf-btn.jpg') ;
		 background-size: 100% 100%;
		   /*background: url('./img/fx.jpg') ;*/
		}
		

	.jietu{
		   position: absolute;
		   top: 91.04rem;
		   left: 4.8rem;
		   width: 23rem;
		   height: 19.28rem;
		
		}		
		
		/*第三页*/
		.pagecont3{
			display: block;
			 width: 20.0rem;
			margin: 0 auto;
			overflow: hidden;
			position: relative;
		
			/*background: #000;
			background-image: url('./img/img5_05.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:0.0rem;
			width: 20.0rem;
			height:41.95rem;
		}
		
		.section-box .swiper-vidio-wrapper {
		    position: absolute;
			z-index: 10;
			top:26.75rem;
			width: 16.27rem;
			height:11.47rem;
			left: 1.92rem;
			/*transform: translate(-50%, 0%);
			background-image: url('../../img/mb/boss-sp.png') ;
			background-size: 100% 100%;*/
		}
		
		.section-box .swiper-vidio-wrapper  .swiper-vidio{
		    position: absolute;
		    left:0.9rem;
			top:0.70rem;
			width: 14.50rem;
			height:10.15rem;
			
		}
		
		.swiper-wrapper  {
			width: 20.0rem;
		}
		
		.swiper-wrapper .swiper-slide {
		    left: 0.0rem;
			width: 20.0rem;
		}
		
		
		.section-box .swiper-button-next, .swiper-button-prev{
			/*top:36% !important;*/
			top: 20.66rem;
			width: 1.76rem;
			height: 1.76rem;
		}
		.section-box .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
			right: 0.72rem !important;
			background: none !important;
		}
		.section-box .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
			left: 0.72rem !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: 0.50rem;  left: 0px; text-align: center; z-index: 3;}
		
		
		/*.section-box .feature-swiper-pager .feature-swiper-pager-one {display: inline-block; 
		margin-left: 18px; width: 17px; height: 17px; border-radius: 21px; 
		background-color: transparent; border: 2px solid #e36933;}
		.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: 21px; height: 21px; 
		     background-color: #e36933; border: none; }*/
	
	.section-box .feature-swiper-pager .feature-swiper-pager-one {display: inline-block;
	margin-left: 0.35rem; width: 2.13rem; height: 0.95rem; background-size: 100% 100%;
					    background: url('../../img/mb/boss-qh-01.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: 3.62rem; height: 0.95rem; 
	     background: url('../../img/mb/boss-qh-02.png') no-repeat top center;
	     background-size: cover; }
		 
		
		
		.swiper-pagination-clickable .swiper-pagination-bullet {
		    cursor: pointer;
		    margin: 0 10px !important;
		}
		
	/*第四页*/
	.pagecont4{
		 width: 20.0rem;
		height:45.39rem;
		
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	    background-image: url('https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/mb/img5_04_1.jpg');
	    background-size: 100% 100%;
		
	}	
	
	
	
	.pagecont4 .head-box {
	  position: absolute;
	   width: 15.0rem;
	   height:33.39rem;
	   left:2.61rem;
	   bottom:6.70rem;
	   justify-content: space-between;
	   display: -webkit-flex;
	   -webkit-flex-direction: column-reverse;
	   display: flex;
	   flex-direction: column-reverse;
	}
	
	.pagecont4 .head-box .lbimg{
	    width: 100%;
	    height:100%;
		  
	}
	
	.pagecont4 .guanzhu{
	   position: absolute;
	   width: 7.84rem;
	   height:0.95rem;
	   left:6.08rem;
	   bottom:0.56rem;
	 
	}
	
	.pagecont4 .guanzhu .gz_taptap{
	   position: absolute;
	   width: 3.28rem;
	   height:0.95rem;
	   left:0.08rem;
	   top:0.08rem;
	 
	}
	
	.pagecont4 .guanzhu .gz_bilibili{
	   position: absolute;
	   width: 3.28rem;
	   height:0.95rem;
	   left:4.50rem;
	   top:0.08rem;
	  
	}
		
		
	
	.page4_pop {
		position: fixed;
		left: 0;
		top: 2.0rem;
		width: 20.0rem;
		height: 11.78rem;
		/* z-index: 98; */
		background: url('https://cdn.51muzhi.com/pic/twopage/2023-09/abyss/img/mb/syyj_big_1.jpg') no-repeat top center;
		 background-size: 100% 100%;
		display: none;
		text-align: center;
		margin: 0 auto;
		z-index: 99;
	}
	
	.mask,
	.mask1,
	.mask2,
	.mask3 {
	    position: fixed;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 90;
	    background: rgba(0, 0, 0, .9) !important;
	    height: 100%;
	}
		
/*公司信息*/
  .name {
      font-size: .3rem;
      color: #fff;
      text-align: center;
	  padding-top: .3rem;
      padding-bottom: .3rem;
  }