a {
  text-decoration: none;
  color: black;
}

img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.main {
  background-color: #f3f2f8;
  margin-top: 12.94vw;
}

 /* 弹窗盒子 */
 .alert_box{
   width: 70%;
   height: 20%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 10;
   background-color: #fff;
   padding: 8%;
   border-radius: 10px;
   display: none;
 }

 .alert_box p{
   width: 100%;
   text-align: center;
 }

 .alert_info{
   margin-bottom: 18%;
 }


/* 轮播盒子 */

.carousel_box {
  width: 100vw;
  height: 85.15vh;
  position: relative;
}

.donwload_box{
 width: 16.67vw;
 height: 34.72vw;
 position: absolute;
 left: 5vw;
 top: 5vw;
}

.donwload_box .game_icon,
.donwload_box .game_qr{
 width: 16.25vw;
 height: 16.25vw;
}

.donwload_box .game_icon{
  margin-bottom: 3vw;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide img{
  height: 100%;
}

.swiper-pagination-bullet {
  width: 4vw !important;
  height: 4vw !important;
}

.swiper-pagination {
  bottom: 3vw !important;
}


/* 新闻盒子 */

.new_box {
  width: 100%;
  min-height: 121.94vw;
  padding: 3vw;
  background-color: #fff;
  overflow: hidden;
}

.new_box>.first_new {
  background-color: #f2f2f2;
  width: 100%;
  height: 8.33vw;
  font-size: 3.5vw;
}

.first_new>div {
  float: left;
  height: 100%;
  line-height: 8.33vw;
}

.first_new_bg {
  width: 16.67vw;
  background: url(../../images/phone_official/new_titile_bg.png) no-repeat;
  background-size: 100% 100%;
  padding-left: 3.8vw;
  color: white;
}

.tuijian_titele {
  font-weight: 600;
  padding-left: 2vw;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 75%;
}

.text_news_box {
  width: 100%;
  height: 94.85vw;
  margin-top: 3vw;
  border-top: 1px solid gray;
}

.text_news_box>div {
  height: 15.44vw;
  width: 100%;
  padding-top: 5vw;
  border-bottom: 1px solid gray;
  font-size: 3.8vw;
}

.new_more,
.game_more {
  text-align: center;
  height: 11.47vw;
  background-color: #f3f2f8;
  line-height: 11.47vw;
  color: gray;
  margin-top: 4vw;
}

.hot_game_box {
  width: 100%;
  background-color: #fff;
  margin-top: 3vw;
  padding: 4vw;
  padding-top: 0;
  position: relative;
}

.hot_game_title>i {
  width: 1vw;
  height: 40%;
  background-color: #ffd600;
  display: block;
  float: left;
  margin-top: 5.4vw;
  margin-right: 2vw;
}

.hot_game_title {
  color: #ffaa19;
  height: 12vw;
  line-height: 15vw;
  font-size: 3.8vw;
  width: 104vw;
  border-bottom: 2px solid #ffaa19;
  position: absolute;
  left: -4vw;
  padding-left: 8vw;
}

.hot_game_content {
  padding-top: 12vw;
}

.hot_game {
  width: 100%;
  height: 28.68vw;
  padding-top: 4.8vw;
  border-bottom: 1px solid #a1a1a1;
}

.hot_game_pic {
  width: 19vw;
  height: 19vw;
  float: left;
}

.hot_game_info {
  padding-left: 23.5vw;
  height: 19vw;
}

.hot_game_info p {
  margin-top: 1.5vw;
}

.hot_game_info1 {
  width: 15.91vw;
  height: 5.12vw;
  background-color: #98c05d;
  border-radius: 6px;
  font-size: 3vw;
  text-align: center;
  line-height: 5.12vw;
  color: #fff;
  margin-top: 0 !important;
}

.hot_game_info2 {
  font-size: 4vw;
  font-weight: 600;
}

.hot_game_info3,
.hot_game_info4 {
  font-size: 3vw;
  color: #fff;
  float: left;
  margin-right: 2vw;
  width: 17vw;
  height: 6vw;
  text-align: center;
  line-height: 6vw;
}

.hot_game_info3 {
  background: url(../../images/phone_official/hot_btn1.png)no-repeat;
  background-size: 100% 100%;
}

.hot_game_info4 {
  background: url(../../images/phone_official/hot_btn2.png)no-repeat;
  background-size: 100% 100%;
}

.new_time {
  float: right;
}

.news_title {
  width: 65vw;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}