@font-face{
  font-family: "Roboto-Black";
  src: url('../font/roboto-black-webfont.woff2') format('woff2'),
  url('../font/roboto-black-webfont.woff') format('woff'), /* chrome、firefox */
  url('../font/Roboto-Black.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/Roboto-Black.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}
@font-face{
  font-family: "Roboto-Medium";
  src: url('../font/roboto-medium-webfont.woff2') format('woff2'),
  url('../font/roboto-medium-webfont.woff') format('woff'), /* chrome、firefox */
  url('../font/Roboto-Medium.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/Roboto-Medium.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}
@font-face{
  font-family: "Roboto-Bold";
  src: url('../font/roboto-bold-webfont.woff2') format('woff2'),
  url('../font/roboto-bold-webfont.woff') format('woff'), /* chrome、firefox */
  url('../font/Roboto-Bold.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/Roboto-Bold.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}


*{margin: 0; padding: 0}
a{text-decoration: none;}
ul,ol{list-style: none;}
img{border: none;}
input,textarea{outline: none;}
html {font-family: "Roboto-Black"; font-size: 1.25rem;}
/* body{ background-image: url('../images/wd_bj.png'); background-repeat: no-repeat; background-size: 100%;} */
.TopBackGround{background-image: url('../images/wd_bj.png'); background-repeat: no-repeat; background-size: 100%;}

h1{ font-size: 2.4rem; color: #8B25A1;}
.pubCon{ width: 61.25%; margin: 0 auto;}
/* 公共轮播图分页器 */
.swiper-pagination { position:unset; margin-top: 2.5rem;}
.swiper-pagination-bullet {
    width: 2.15rem;
    height: 2.15rem;
    line-height: 2.15rem;
    opacity: 1;
    background: #d8d8d8;
  }

  .swiper-pagination-bullet-active {
    width: 3.1rem;
    height: 3.1rem;
    line-height: 3.1rem;
    background: #facb29;
  }
.splitLine{ width: 100%; height: 0.3rem; background-color: #e0e0e0;}
.R{background-image: url('../images/R.png'); background-repeat: no-repeat; background-size: 100%; width: 15rem; height: 40rem; position: absolute; left: -2rem;}
.D{background-image: url('../images/D.png'); background-repeat: no-repeat; background-size: 100%; width: 10rem; height: 20rem; position: absolute; right: 0;}

/* 头部导航 */
.header{ height: 5.02rem; width: 100%; background-color: white;}
.hdCon{ display: flex; justify-content: space-between;}
.hdLogo{position: relative; top:0.4rem; display: flex; width: auto;}
.hdNav ul{display: flex;}
.hdNav ul li{ display: flex; align-items: center; justify-content: center; height: 5.02rem; padding-left: .5rem; }
.hdNav ul li a{  font-family: "Roboto-Medium"; color: #391800;font-weight: bold;}
.hdlink {display: flex; justify-content: center; align-items: center; width: 100%;}
.hdlinkImg {width: 59px; height: 59px; padding-right: 5px;}
/* 头部下载按钮 */
.hdPowerBox{ width: 100%; display: flex; justify-content: end; padding: 0;}
.hdPower{ width: 24%; display: flex; padding: 1.2rem 0 0 0;}
.hddownImg{ width: 100%; display: flex; justify-content: center; padding-left: 7rem; flex-direction: row; position: relative; -webkit-animation: pulse 3s infinite;  animation: pulse 3s infinite;}
.btnTag{display: flex; position: absolute;  z-index: 1000; left: 40%; top: -35%;}
.topiosImg{ width: 24%; display: flex;   -webkit-animation: pulse 3s infinite;  animation: pulse 3s infinite;}
.topapkImg{ width: 24%; display: flex; padding-left: 0.75rem;-webkit-animation: pulse 3s 1s infinite; animation: pulse 3s 1s infinite;} 
.topgpImg{ width: 24%; display: flex; padding-left: 0.75rem;  -webkit-animation: pulse 3s 2s infinite;  animation: pulse 3s 2s infinite;}
@-webkit-keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.02,1.02,1.02)}to{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.02,1.02,1.02)}to{transform:scaleX(1)}100%{transform:scaleX(1)}}
/* 首屏 */
.playbuttonImg{position: absolute; width: 100%; display: flex; justify-content: center;
  z-index: 100; top: 30rem;}
.video{ height: 40rem; display: flex; align-items: center; justify-content: center;  flex-wrap:wrap; }
.videoCon{ width: 56.1rem; margin: 0 auto;  position: absolute;   border-radius: 1rem; z-index: 10; box-shadow: 0 0 0 1rem white,1rem 3rem 1.5rem 0.25rem #888888;}
.videobannertitle{ display: flex; justify-content: center; align-items: center; height: 10rem;}
/* 轮播图 */
.playCon{ padding-top:3.45rem;; display: flex; align-items: center; justify-content: center; flex-wrap:wrap; }
/* 轮播图添加边框 */
.swiperbg{ padding: 13px; border-radius: 20px; background-image: linear-gradient(#dc5857, #8a23a2); box-shadow: 10px 37px  0.25rem #e1dede; }
.videobanner .bannerbg{ height: 36.2rem; border-radius: 1rem;  box-shadow: 0 0 0 1rem transparent;}
.playTxt p{ font-size: 1.1rem; color: #260030; }
.gameNameSpan{ font-size: 1.7rem; color: #8B25A1 }
.playBtnDiv{ margin-top: 6.25rem; margin-bottom: 6.75rem; }
.playBtnDiv :hover{ transform: scale(1.1); cursor: pointer; }
.playBtn{ width: 15.15rem; height: 5.65rem; border-radius: 1rem; font-size: 1.6rem; color: #fff; border: 0; background-image: url('../images/wd_btn.png'); background-repeat: no-repeat; background-size: 100%;}
/* 游戏列表 */
.gamelist{ display: flex; align-items: center; justify-content: center;  flex-wrap:wrap; padding-top: 7.95rem; padding-bottom: 1.525rem;}
.smallGameIcon{ width: 100%; height: 6.5rem; padding-top: 5rem; }
.smallGameIcon ul{ display: flex; justify-content: space-around; }
.smallIconItem { display: flex; }
.smallIconItemclcik { background: url('../images/wd_yx_xz.png') no-repeat center; background-position: center -0.15rem; background-size: 100%;}
.smallGameIcon ul li{ text-align: center;}

.glbanner{ padding-top: 2.75rem; padding-bottom: 7.95rem; width: 100%; height: 30rem;}
.glbanner .swiper{ width: 100%; max-height: 664px;}
.glbanner .swiper .swiper-slide{  background-position: center; background-size: cover;}
.pglbanner{width: 100%; display: none;  height: 30rem;}
.pglbanner .swiper{width: 100%;}
.pglbanner .swiper .swiper-slide{  background-position: center; background-size: cover;}
/* .glbanner .swiper .swiper-slide-active, .swiper-slide-duplicate-active{ z-index: 999 !important;}
.glbanner .swiper .swiper-slide-prev{transition-duration: 0ms; transform: translate3d( 600px, 0px, -360px) rotateX(0deg) rotateY(0deg); -webkit-transform:translate3d( 600px, 0px, -360px) rotateX(0deg) rotateY(0deg);}
.glbanner .swiper .swiper-slide-next{transition-duration: 0ms; transform: translate3d( -635px, 0px, -360px) rotateX(0deg) rotateY(0deg); -webkit-transform: translate3d( -635px, 0px, -360px) rotateX(0deg) rotateY(0deg);} */
/* 下载游戏 */
.downloadCon{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.downloadTitle{ width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; padding-top: 7.25rem;}
.downloadTitle h1{ margin-left: 2rem;}
.downloadImg{ width: 100%; display: flex; align-items: center; justify-content: center; }
.downapkImg{padding-right: 5px;animation: pulse 2s infinite;}
.downgpImg{padding-left: 5px;animation: pulse 2s 1s infinite;}
.leftdownloadImg .hddownImg{padding-left: 6rem;}
.leftdownloadImg{ padding-bottom: 4rem; }
.leftdImg{ display: flex; justify-content:space-evenly;}
.multipleImg{ width: 100%; }
.multipleImg img{max-width: 435px; width: 50%;}
.downapkImg img{max-width: 282px;}
.downgpImg img{max-width: 314px;}
.peopleImg{display: block;}
/* 关于我们 */
.aboutCon{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; height: 49rem;}
.aboutTitle{ width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; padding-top: 7.25rem;}
.aboutTitle h1{ margin-left: 2rem;}
.aboutImg{ display: flex; align-items: center; justify-content: center; margin-top: 7rem; margin-bottom: 10rem;}
.aboutImg a { display: block; padding: 0 0.7rem;}
.aboutImg a :hover{ transform: scale(1.1); }
/* 底部 */
.footer{ width: 100%; height: 3rem; display: flex; justify-content: center; align-items: center; background-image: url('../images/foot_gb.png');}
.footer p { font-family: "Roboto-Bold"; color: #050505; font-weight: 600; }
/* 艺术字统一处理 */
.playR{ top: 78rem;}
.playD{ top: 98rem;}
/* .gamelistR{}
.gamelistD{}
.aboutR{} */
.aboutD{ top: 285rem;}

@media (max-width:992px){
   html,body{ font-size: 62.5%;} 
   .pubCon{ width: 90%;}
   .R{ display: none;}
   .D{ display: none;}
   /* 头部 */
   .hdLogo{ width:20%;}
   /* .hdNav{ width: 64%;} */
   .navtitle{display: none;}
   .hdlinkImg{ width: 2rem; height: 2rem;}
   .header{height: 3rem;}
   .hdNav ul li {height: 3rem;}
   .hdPower{ width: 25%; padding-right: 10%;}
   .hddownImg{padding: 0; }
   .btnTag{width: 4%;left: 33%; top: -20%;}
   /* 视频项 */
   .playbuttonImg{display: none;}
   .video { height: 25rem;}
   /* .videoCon { top: 16rem;} */
   /* 轮播图 */
   .videobanner .bannerbg{ height: 20rem;}
   .swiperbg{ padding: 5px; box-shadow: 5px 13px  0.25rem #e1dede; }
  /* 游戏列表 */
  .gamelist{ padding-bottom: 0rem;}
  /* .glbanner{padding-bottom: 2rem;} */
  /* .smallIconItemclcik{ background: none;} */
  .glbanner {display: none;}
  .pglbanner{display: block;}
   /* 下载页 */
   .downloadCon {padding-bottom: 7rem;}
   .downloadTitle{padding-bottom: 2rem;}
   .downloadTitleImg{width: 5rem;}
   .downloadImg{width: 90%; flex-wrap: wrap;}
   /* 联系 */
   .aboutCon{height: 40rem;}
   .aboutTitleImg{width: 5rem;}
   .aboutImg{width: 60%;}
}