/*首页使用*/
@media screen and (max-width: 719px) {
  .icon-an_personalinfo {
    height: 7vh;
    line-height: 7vh;
    font-size: 4vh;
    vertical-align: middle;
  }
  .mobile .header .title {
    text-align: left;
    color: #fff;
    height: 8.5vh;
    line-height: 8.5vh;
    display: inline-block;
    width: 56%;
    margin-left: 5%;
  }

  .mobile .header .title .img {
    height: 8.5vh;
  }

  .mobile .header .title img {
    width: auto;
    height: 7.5vh;
    padding: 0 1% 0 4%;
  }

  .slider .all {
    width: 16.2vw;
    height: 23.2vw;
    padding-top: 2.5vw;
  }

  .games a {
    width: 25%;
    height: auto;
    display: inline-block;
    padding: 2vh;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    position: relative;
  }

  .games .icon-an_new {
    position: absolute;
    top: 2vw;
    left: 2vw;
    font-size: 7vw;
    color: #FF5151;
  }

  .swiper-container {
    width: 72.8vw;
    height: 23.2vw;
    padding-top: 2.5vw!important;
  }

  .slider-content {
    position: relative;
    width: 77.8vw;
  }
  .slider .swiper-prev {
    width: 4vw;
    outline: none;
    position: absolute;
    top: 38%;
    left: -2vw;
    font-size: 5vw;
  }

  .slider .swiper-next {
    width: 4vw;
    outline: none;
    position: absolute;
    top: 38%;
    right: -2vw;
    font-size: 5vw;
  }

  .slider .icon-an_all {
    font-size: 9vw;
    color: #fff;
    width: 15vw;
    height: 15vw;
    line-height: 15vw;
    margin: 0 auto;
  }

  .slider img {
    width: 15vw;
    height: 15vw;
  }
  .callwarp div a img {
    width: 25vw;
  }
}

@media screen and (min-width: 720px) {
  .icon-an_personalinfo {
    height: 7vh;
    line-height: 7vh;
    font-size: 34px;
    vertical-align: middle;
  }
 
  .slider-content {
    position: relative;
    width: 80.8%;
  }
  
  .mobile .header .title {
    text-align: center;
    color: #fff;
    height: 55px;
    line-height: 55px;
    display: inline-block;
  }

  .mobile .header .title img {
    width: auto;
    height: 55px;
  }

  .slider .all {
    width: 19.2%;
  }

  .games a {
    width: 10%;
    height: auto;
    display: inline-block;
    padding: 2vh;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    position: relative;
  }

  .games .icon-an_new {
    position: absolute;
    top: 10%;
    left: 10%;
    font-size: 37px;
    color: #FF5151;
  }
  .swiper-container {
    width: 90%;
  }

  .slider .swiper-prev {
    width: 4%;
    outline: none;
    position: absolute;
    top: 45%;
    left: 0;
    font-size: 25px;
  }

  .slider .swiper-next {
    width: 4%;
    outline: none;
    position: absolute;
    top: 45%;
    right: 0;
    font-size: 25px;
  }

  .swiper-container-horizontal>.swiper-scrollbar {
    bottom: 0!important;
  }

  .slider .icon-an_all {
    font-size: 120px;
    color: #fff;
    width: 192px;
    height: 192px;
    line-height: 192px;
    margin: 0 auto;
  }

  .slider img {
    width: 192px;
    height: 192px;
  }
  .callwarp div,.callwarp div a img {
    width: 192px;
  }
}

.mobile .header, .slidemenu .list.profile {
  background: rgba(255,255,255,1);
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(240,255,254,1) 15%, rgba(220,245,245,1) 34%, rgba(94,215,214,1) 72%, rgba(45,164,242,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(240,255,254,1) 15%, rgba(220,245,245,1) 34%, rgba(94,215,214,1) 72%, rgba(45,164,242,1) 100%);
  -webkit-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.55);
  -moz-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.55);
  box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.55);
}

.mobile .header .header_wrap {
  display: block;
  position: relative;
}

.mobile .list li {
  list-style: none;
  float: left;
  text-align: center;
  margin: 0 8px;
}

.mobile .list {
  padding: 4px 0;
  display: none;
  background: #f7f7f7;
  color: #5c5c5c;
  margin: 0;
  margin-right: 20px;
}

.icon-an_drop {
  position: absolute;
  left: 50%;
  text-align: center;
  bottom: -4%;
  display: none;
  color: #000;
}

.slidemenu .list .type i {
  float: right;
}

.slidemenu .list a {
  color: #000;
  display: block;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
}

.slidemenu .list.profile {
  color: #000;
  overflow: hidden;
}

.slidemenu .user {
  width: 100%;
  color: #fff;
}

.slidemenu .user div {
  border: 1px solid #000;
  width: 70%;
  border-radius: 10px;
  line-height: 27px;
  margin: 10px auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}

.slidemenu .user div i {
  color: #fff;
  background-color: #000;
  padding: 5px;
  font-size: 20px;
  position: relative;
  margin-right: 5px;
  vertical-align: middle;
  float: left;
}

.slidemenu .icon-an_right {
  display: inline-block;
}

.slidemenu .foot a {
  float: right;
  background-color: #fe524e;
  color: #fff;
  padding: 1vh 4vw;
  border: none;
}

.mobile .slidemenu-btn {
  color: #000;
}

.games img {
  width: 92%;
}

.games span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin: 0 auto;
  display: block;
  color: #666;
}

.slider {
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  background: rgba(19,19,19,1);
  background: -webkit-linear-gradient(left, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(43,43,43,1) 24%, rgba(71,71,71,1) 61%, rgba(102,102,102,1) 75%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%);
  background: linear-gradient(to right, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(43,43,43,1) 24%, rgba(71,71,71,1) 61%, rgba(102,102,102,1) 75%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%);
}

.slider > div {
  float: left;
}

.slider span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 94%;
  display: block;
  margin: 0 auto;
  color: #b6b6b6;
}

.copyright {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  background-color: #fff;
  z-index: 1;
  -webkit-box-shadow: 5px -8px 54px 5px rgba(85,85,85,0.12);
  -moz-box-shadow: 5px -8px 54px 5px rgba(85,85,85,0.12);
  box-shadow: 5px -8px 54px 5px rgba(85,85,85,0.12);
}

.wait {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  display: none;
}

.mobile .header .title div {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}