/* 首页 */
.homeContent_1 {
  height: 4.44rem;
}
.homeContent_1 .slide {
  height: 4.44rem;
  position: relative;
  border-radius: 0.18rem;
  margin: 0 auto;
}
.homeContent_1 .slide .swiper-slide {
  width: 6.92rem;
  height: 4.44rem;
  ;
  border-radius: 0.18rem;
}
.homeContent_1 .slide .swiper-slide img {
  width: 6.92rem;
  height: 3.86rem;
  border-radius: 0.18rem;
  box-shadow: 0 0.1rem 0.25rem 0 rgba(227, 4, 18, .15);
}
.homeContent_1 .slide .swiper-pagination-bullet {
  width: 0.56rem;
  height: 0.08rem;
  background: #ffffff40;
  border-radius: 0.04rem;
  opacity: 1;
  margin-right: 0.1rem;
}
.homeContent_1 .slide .swiper-pagination-bullet-active {
  background: linear-gradient(to right, #fd6407, #ee0e74);
}
.homeContent_1 .slide .swiper-slide p {
  position: absolute;
  width: 100%;
  height: 0.58rem;
  line-height: 0.58rem;
  font-size: 0.35rem;
  color: #ffffff;
  border-radius: 0 0 0.18rem 0.18rem;
  background: linear-gradient(to top, #000000, transparent);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  bottom: 0.57rem;
}
.homeContent_1 .slide .swiper-pagination-bullet {
  width: 0.22rem;
  height: 0.06rem;
  background: #ffd1d4;
}
.homeContent_1 .slide .swiper-pagination-bullet-active {
  background: #ff6860;
}
.homeContent_2 {
  height: 0.82rem;
  line-height: 0.82rem;
  color: #ff6860;
  font-size: 0.22rem;
  padding-bottom: 0.2rem;
}
.homeContent_2 .headline {
  float: left;
  width: 0.82rem;
  height: 0.82rem;
  border-radius: 0.12rem;
  background-position: -0.08rem -4.82rem;
  margin-left: 0.3rem;
}
.homeContent_2 .txt {
  float: left;
  height: 0.62rem;
  line-height: 0.62rem;
  width: 5.9rem;
  margin-top: 0.1rem;
  background: linear-gradient(to right, #fff6f2 90%, #fff);
}
.homeContent_2 .txt i {
  height: 0.26rem;
  width: 0.36rem;
  display: inline-block;
  background-position: -5.22rem -4.13rem;
  vertical-align: top;
  margin: 0.18rem 0.1rem 0 0.12rem;
}
.homeContent_2 .txt i:nth-child(3) {
  transform: rotate(180deg);
  margin: 0.18rem 0.2rem 0 0;
}
.homeContent_2 .txt a {
  display: inline-block;
  width: 4.48rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.26rem;
}
.homeContent_3 {
  padding: 0.33rem 0 0.34rem 0;
  border-top: 0.1rem solid #f6f7fa;
  border-bottom: 0.1rem solid #f6f7fa;
}
.homeContent_3 .tlt_common p i {
  width: 0.26rem;
  height: 0.38rem;
  background-position: -5.72rem -4.07rem;
  margin-top: 0;
}
.homeContent_3.app .tlt_common p i {
  width: 0.32rem;
  height: 0.36rem;
  background-position: -7.39rem -4.08rem;
  margin-top: 0;
}
.homeContent_3 ul {
  overflow: hidden;
}
.homeContent_3 ul li {
  float: left;
}
.homeContent_3 ul li a {
  display: block;
  width: 1.68rem;
  height: 2.34rem;
  margin: 0 0.1rem;
}
.homeContent_3 ul li:nth-child(4n) a {
  margin-left: 0;
}
.homeContent_3 ul li a img {
  display: block;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 0.28rem;
  margin: 0.28rem auto 0;
}
.homeContent_3 ul li a p {
  text-align: center;
  height: 0.56rem;
  line-height: 0.56rem;
  color: #333333;
  font-size: 0.27rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homeContent_3 ul li a span {
  display: block;
  background: #ff6860;
  width: 1.2rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.24rem;
  margin: 0 auto;
  font-size: 0.22rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
.homeContent_3 ul li a span i {
  display: inline-block;
  width: 0.18rem;
  height: 0.2rem;
  background-position: -6.34rem -0.08rem;
  vertical-align: top;
  margin: 0.14rem 0.08rem 0 0;
}
.homeContent_3 ul li a .order {
  background: #fe9f41;
}
.homeContent_4 {
  padding-top: 0.24rem;
}
.homeContent_4 .tlt_common p i {
  width: 0.28rem;
  height: 0.42rem;
  background-position: -6.21rem -4.06rem;
  margin-top: -0.06rem;
}
.homeContent_4 .slideIndex {
  padding: 0.26rem 0 0.3rem 0;
  margin-left: 0.3rem;
  overflow: hidden;
}
.homeContent_4 .gallery-top span, .homeContent_4 .gallery-top2 span {
  height: 0.3rem;
  line-height: 0.3rem;
  padding: 0 0.08rem;
  background: #00000080;
  position: absolute;
  top: 0.08rem;
  right: 0.08rem;
  border-radius: 0 0.08rem 0 0.08rem;
  color: #fff;
}
.homeContent_4 .gallery-top img, .homeContent_4 .gallery-top2 img {
  display: block;
  width: 2.8rem;
  height: 1.54rem;
  border-radius: 0.16rem;
  box-shadow: 0 0.04rem 0.1rem 0 rgb(197 197 197);
}
.homeContent_4 .gallery-top p, .homeContent_4 .gallery-top2 p {
  width: 2.8rem;
  height: 0.58rem;
  line-height: 0.58rem;
  color: #333;
  font-size: 0.22rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homeContent_4 .gallery-top .swiper-slide, .homeContent_4 .gallery-top2 .swiper-slide {
  width: 2.8rem;
  height: 2.14rem;
}
.homeContent_4 .gallery-top .swiper-slide-active, .homeContent_4 .gallery-top2 .swiper-slide-active {
  width: 3.8rem;
}
.homeContent_4 .gallery-top .swiper-slide-active::before, .homeContent_4 .gallery-top2 .swiper-slide-active::before {
  content: '';
  position: absolute;
  bottom: -0.22rem;
  left: 0;
  right: 0;
  width: 0.18rem;
  height: 0.14rem;
  margin: auto;
  background-image: url(../images/icon.png);
  background-size: 8rem 8rem;
  background-position: -6.66rem -4.2rem;
}
.homeContent_4 .gallery-top .swiper-slide-active img, .homeContent_4 .gallery-top2 .swiper-slide-active img {
  border: 0.02rem solid #e4111e;
  width: 3.8rem;
  height: 2.08rem;
}
.homeContent_4 .gallery-top .swiper-slide-active p, .homeContent_4 .gallery-top2 .swiper-slide-active p {
  display: none;
}
.homeContent_4 .tabList div {
  /* width: 6.92rem; */
  margin-top: 0.3rem;
  background: #fff3f4;
  height: 0.48rem;
}
.homeContent_4 .tabList div p.name {
  float: left;
  width: 3.5rem;
  height: 0.28rem;
  line-height: 0.28rem;
  color: #e4111e;
  border-left: 0.05rem solid #e4111e;
  margin-top: 0.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 0.15rem;
  text-overflow: ellipsis;
}
.homeContent_4 .tabList div p.date {
  float: right;
  height: 0.48rem;
  line-height: 0.48rem;
  color: #f29094;
  font-size: 0.16rem;
  margin-right: 0.3rem;
}
.homeContent_4 .tabList div p.date i {
  display: inline-block;
  vertical-align: top;
  width: 0.2rem;
  height: 0.2rem;
  background-position: -7rem -0.1rem;
  margin: 0.15rem 0.08rem 0 0;
}
.homeContent_4 .tabList ul {
  display: flex;
  overflow: auto;
  padding: 0.21rem 0 0 0;
}
.homeContent_4 .tabList ul li a img {
  display: block;
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 0.18rem;
  margin-right: 0.3rem;
}
.swiper-notification {
  display: none;
}
.homeContent_4.app .tlt_common p i {
  width: 0.32rem;
  height: 0.36rem;
  background-position: -1.14rem -5.05rem;
  margin-top: 0;
}
.homeContent_4 .gallery-top2 .swiper-slide-active img {
  border-color: #00cdc2;
}
.homeContent_4 .gallery-top2 .swiper-slide-active::before {
  background-position: -1.7rem -5.15rem;
}
.homeContent_4.app .tabList div {
  background: #eafeff;
}
.homeContent_4.app .tabList div p.name {
  border-color: #00d1cd;
  color: #00d1cd;
}
.homeContent_4.app .tabList div p.date {
  color: #a1ebea;
}
.homeContent_4.app .tabList div p.date i {
  background-position: -2.12rem -5.1rem;
}
.homeContent_5 {
  padding-top: 0.28rem;
}
.homeContent_5 .tlt_common p i {
  width: 0.36rem;
  height: 0.35rem;
  background-position: -2.57rem -5.03rem;
}
.homeContent_5 .tabBar {
  height: 1.06rem;
  background-size: cover;
  border-radius: 0.1rem 0.1rem 0 0;
  padding: 0.4rem 0 0 0.32rem;
  margin-top: 0.15rem;
  display: flex;
}
.homeContent_5 .tabBar div {
  width: 2.16rem;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  border-radius: 0.14rem;
  color: #c3a78e;
  font-size: 0.26rem;
  background: #fdf4eb;
  margin-right: 0.2rem;
  position: relative;
}
.homeContent_5 .tabBar div i {
  position: absolute;
  bottom: 0;
  right: 0;
}
.homeContent_5 .tabBar div:nth-child(1) i {
  width: 0.71rem;
  height: 0.59rem;
  background-position: -5.3rem -2.78rem;
}
.homeContent_5 .tabBar div:nth-child(2) i {
  width: 0.63rem;
  height: 0.59rem;
  background-position: -6.25rem -2.74rem;
}
.homeContent_5 .tabBar div:nth-child(3) i {
  width: 0.58rem;
  height: 0.51rem;
  background-position: -7.23rem -2.82rem;
}
.homeContent_5 .tabBar div span {
  position: relative;
  z-index: 1;
}
.homeContent_5 .tabBar div.current {
  color: #fff;
  font-weight: bold;
  background: linear-gradient(to right, #ffc208, #ff9705);
  box-shadow: 0 0.1rem 0.25rem 0 rgba(255, 151, 5, .25);
}
.homeContent_5 .tabBar div:nth-child(1).current i {
  background-position: -2.73rem -2.8rem;
}
.homeContent_5 .tabBar div:nth-child(2).current i {
  background-position: -3.67rem -2.77rem;
}
.homeContent_5 .tabBar div:nth-child(3).current i {
  background-position: -4.46rem -2.84rem;
}
.homeContent_5 ul li a {
  display: block;
  height: 1.3rem;
  padding: 0.3rem 0.3rem;
  border-top: 1px solid #ececec;
  position: relative;
}
.homeContent_5 ul li:first-child a {
  border: none;
}
.homeContent_5 ul li:last-child a {
  padding-bottom: 0.34rem;
  border-bottom: 0.1rem solid #f6f7fa;
}
.homeContent_5 ul li a img {
  float: left;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 0.28rem;
  margin-right: 0.32rem;
}
.homeContent_5 ul li a div:nth-child(3) {
  float: left;
  width: 3.7rem;
  white-space: nowrap;
  overflow: hidden;
}
.homeContent_5 ul li a div:nth-child(3) p:nth-child(1) {
  height: 0.55rem;
  line-height: 0.55rem;
  color: #333333;
  font-size: 0.3rem;
}
.homeContent_5 ul li a div:nth-child(3) p:nth-child(2) {
  height: 0.36rem;
  line-height: 0.36rem;
  color: #b1b1b1;
  font-size: 0.22rem;
}
.homeContent_5 ul li a div:nth-child(3) p:nth-child(2) em {
  color: #ff756e;
}
.homeContent_5 ul li a div:nth-child(3) p:nth-child(3) {
  height: 0.34rem;
  line-height: 0.34rem;
  color: #666666;
  font-size: 0.22rem;
}
.homeContent_5 ul li a span:nth-child(4) {
  float: right;
  width: 1.2rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #ff6860;
  border-radius: 0.24rem;
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  margin-top: 0.42rem;
}
.homeContent_5 ul li a i:nth-child(1) {
  position: absolute;
  left: 0.3rem;
  top: 0.3rem;
  width: 0.44rem;
  height: 0.57rem;
  line-height: 0.46rem;
  text-align: center;
  font-size: 0.3rem;
  color: #fff;
  font-weight: bold;
  background-position: -0.06rem -2.79rem;
}
.homeContent_5 ul li:nth-child(1) a i:nth-child(1) {
  background-position: -0.7rem -2.8rem;
}
.homeContent_5 ul li:nth-child(2) a i:nth-child(1) {
  background-position: -1.34rem -2.8rem;
}
.homeContent_5 ul li:nth-child(3) a i:nth-child(1) {
  background-position: -1.96rem -2.8rem;
}
.homeContent_6 {
  overflow: hidden;
  padding: 0.12rem 0 0.18rem 0.3rem;
}
.homeContent_6 ul li {
  float: left;
}
.homeContent_6 ul li a {
  display: block;
  height: 0.8rem;
  line-height: 0.8rem;
  width: 2.46rem;
  margin-right: 1rem;
  font-size: 0.28rem;
  color: #333333;
  padding-left: 0.3rem;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homeContent_6 ul li a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #ff6860;
}
.homeContent_6 ul li:nth-child(2n) a {
  margin-right: 0;
}
.homeContent_7 {
  padding-top: 0.24rem;
  border-top: 0.1rem solid #f6f7fa;
  float: left;
}
.homeContent_7.news .tlt_common p i {
  width: 0.3rem;
  height: 0.38rem;
  background-position: -7.23rem -1.56rem;
  margin-top: 0.02rem;
}
.homeContent_7 .tabBar {
  height: 1.34rem;
  display: flex;
}
.homeContent_7 .tabBar div {
  width: 1.64rem;
  height: 0.9rem;
  line-height: 0.9rem;
  border-radius: 0.16rem;
  background: #f6f7fa;
  text-align: center;
  font-size: 0.28rem;
  color: #333333;
  font-weight: bold;
  margin-left: 0.11rem;
  margin-top: 0.32rem;
}
.homeContent_7 .tabBar div:nth-child(1) {
  margin-left: 0.3rem;
}
.homeContent_7 .tabBar div.current {
  color: #fff;
  background: linear-gradient(to right bottom, #fc037b, #e50418);
  box-shadow: 0 0.1rem 0.25rem 0 rgba(227, 4, 15, .2);
}
.homeContent_7 ul {
  margin-top: 0.05rem;
}
.homeContent_7 ul li a {
  display: block;
  overflow: hidden;
  padding: 0.26rem 0 0.17rem 0.29rem;
  border-bottom: 1px solid #e7e7e7;
}
.homeContent_7 ul li:last-child a {
  border: none;
}
.homeContent_7 ul li a img {
  float: left;
  width: 2.17rem;
  height: 1.44rem;
  border-radius: 0.08rem;
  margin-right: 0.38rem;
}
.homeContent_7 ul li a .cont {
  float: left;
  width: 4.28rem;
}
.homeContent_7 ul li a .cont p:nth-child(1) {
  height: 0.96rem;
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.homeContent_7 ul li a .cont p:nth-child(2) {
  line-height: 0.57rem;
  color: #999999;
  font-size: 0.24rem;
  white-space: nowrap;
  overflow: hidden;
}
.homeContent_7 ul li a .cont p:nth-child(2) em {}
.homeContent_7 ul li:nth-child(3n) a {
  padding: 0.22rem 0.32rem 0.15rem 0.29rem;
}
.homeContent_7 ul li a p:nth-child(1) {
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.homeContent_7 ul li a div:nth-child(2) {
  margin: 0.14rem 0;
  overflow: hidden;
}
.homeContent_7 ul li a div:nth-child(2) img {
  float: left;
  width: 2.16rem;
  height: 1.44rem;
  border-radius: 0.08rem;
  margin-right: 0.19rem;
}
.homeContent_7 ul li a div:nth-child(2) img:last-child {
  margin-right: 0;
}
.homeContent_7 ul li a p:nth-child(3) {
  line-height: 0.42rem;
  color: #999999;
  font-size: 0.24rem;
  white-space: nowrap;
  overflow: hidden;
}
.homeContent_7 ul li a p:nth-child(3) em {
  margin-left: 0.3rem;
}
.viewMore {
  text-align: center;
  display: block;
  width: 6.86rem;
  height: 0.64rem;
  line-height: 0.64rem;
  border: 1px dashed #ffd1d4;
  border-radius: 0.34rem;
  margin: 0.12rem auto 0.42rem;
  font-size: 0.26rem;
  color: #ff6860;
}
.homeContent_8 {
  padding: 0.2rem 0 0.28rem 0.3rem;
  background: #f3f3f3;
  float: left;
  width: 100%;
}
.homeContent_8 .tlt {
  height: 0.76rem;
  line-height: 0.76rem;
  color: #333333;
  font-size: 0.36rem;
  padding-left: 0.2rem;
  position: relative;
}
.homeContent_8 .tlt span {
  color: #e50417;
}
.homeContent_8 .tlt::before {
  content: '';
  position: absolute;
  width: 0.05rem;
  height: 0.28rem;
  background: #e4111e;
  top: 0.24rem;
  left: 0;
}
.homeContent_8 ul li {
  display: inline-block;
  height: 0.62rem;
  line-height: 0.62rem;
  color: #666666;
  font-size: 0.24rem;
  margin-right: 0.28rem;
}
.homeContent_21 {
  padding: 0.26rem 0 0.3rem 0;
}
.homeContent_21 .tlt_common p i {
  width: 0.18rem;
  height: 0.26rem;
  background-position: -6rem -0.06rem;
  margin-top: 0.06rem;
}
.homeContent_21 .tlt_common p {
  position: relative;
}
.homeContent_21 .tlt_common p::after {
  content: '';
  position: absolute;
  width: 3.56rem;
  height: 0.16rem;
  background: url(../img/homebg1.png) no-repeat center;
  background-size: cover;
  left: 1.8rem;
  top: 0.1rem;
}
.homeContent_21 .tlt_common .change {
  position: absolute;
  right: 0.44rem;
  top: 0;
  height: 0.36rem;
  line-height: 0.36rem;
  color: #17a0fe;
  font-size: 0.24rem;
  font-weight: normal;
}
.homeContent_21 .tlt_common .change i {
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  background-position: -4.12rem -4.14rem;
  vertical-align: top;
  margin: 0.06rem 0.08rem 0 0;
}
.homeContent_21 .tlt_common .change i.cur {
  transition: 1s all ease;
  transform: rotate(360deg);
}
.homeContent_21 .changeBox ul {
  display: flex;
  overflow: auto;
  padding-top: 0.3rem;
}
.homeContent_21 .changeBox ul li a {
  display: block;
  width: 1.67rem;
  margin: 0 0.1rem;
}
.homeContent_21 .changeBox ul li a img {
  display: block;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 0.3rem;
  margin: 0 auto;
}
.homeContent_21 .changeBox ul li a p {
  height: 0.58rem;
  line-height: 0.58rem;
  color: #333333;
  font-size: 0.24rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.homeContent_21 .recommoendBox .recommendGame {
  height: 1.47rem;
  background: url(../img/homebg2.png) no-repeat center;
  background-size: cover;
  padding: 0.5rem 0.64rem 0;
}
.homeContent_21 .recommoendBox .recommendGame img {
  float: left;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: 0.34rem;
}
.homeContent_21 .recommoendBox .recommendGame .cont {
  width: 3rem;
  float: left;
  white-space: nowrap;
  overflow: hidden;
}
.homeContent_21 .recommoendBox .recommendGame .cont .name {
  height: 0.48rem;
  line-height: 0.48rem;
  color: #333333;
  font-size: 0.3rem;
}
.homeContent_21 .recommoendBox .recommendGame .cont .type {
  height: 0.66rem;
  line-height: 0.66rem;
  color: #b1b1b1;
  font-size: 0.22rem;
}
.homeContent_21 .recommoendBox .recommendGame .cont .type em {
  color: #ff6860;
}
.homeContent_21 .recommoendBox .recommendGame .down {
  float: right;
  width: 1.12rem;
  height: 0.42rem;
  line-height: 0.42rem;
  border: 0.04rem solid #ff6860;
  border-radius: 0.24rem;
  text-align: center;
  font-size: 0.24rem;
  color: #ff6860;
  margin-top: 0.2rem;
}
.homeContent_21 .recommendList {
  overflow: auto;
  margin: 0.1rem 0 0 0.3rem;
  white-space: nowrap;
}
.homeContent_21 .recommendList li {
  display: inline-block;
  white-space: nowrap;
}
.homeContent_21 .recommendList li a {
  display: block;
  height: 0.58rem;
  line-height: 0.58rem;
  padding: 0 0.24rem;
  margin-right: 0.22rem;
  border: 1px solid #ffd1d4;
  border-radius: 0.3rem;
  font-size: 0.24rem;
  color: #f90470;
  text-align: center;
}