@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
}
body,
html{
	font-family: '微软雅黑';
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
	max-width: 750px;
	margin: 0 auto;
}
a{
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}
img{
	display: block;
	vertical-align: top;
}
input{
	-webkit-tap-highlight-color: transparent;
	outline: none;
	-webkit-appearance: none;
	border-radius:0;
}
ul,
ol,
li{
	list-style: none;
}
i,em{
	font-style: normal;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
.clearfix{
	zoom: 1;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.hid{
	display: none!important;
}
.pr{
	position: relative;
}
.pa{
	position: absolute;
}
.disIB{
	display: inline-block;
	vertical-align: middle;
}
.disB{
	display: block;
}
.warp{
	width: 7.5rem;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.head {
  width: 7.5rem;
  height: 1.03rem;
  background: linear-gradient(135deg, rgba(10, 10, 10, 0.95), rgba(30, 30, 30, 0.9));
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 100;
  /* 现代感阴影 */
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  /* 过渡动画 */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /* 内部布局 */
  display: flex;
  align-items: center;
  padding: 0 0.3rem;
  box-sizing: border-box;
  overflow: hidden;
}

/* 滚动时的变化效果 */
.head.scrolled {
  height: 0.95rem;
  background: linear-gradient(135deg, rgba(5, 5, 5, 0.98), rgba(20, 20, 20, 0.98));
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.4);
}

/* 装饰性光效 */
.head::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.05), 
    transparent);
  transform: skewX(-25deg);
  transition: left 0.8s ease;
}

.head:hover::before {
  left: 150%;
}

.head .logo {
  width: 0.74rem;
  height: 0.74rem;
  position: relative;
  top: 0;
  left: 0;
  margin-right: 0.2rem;
  /* 圆形设计 */
  border-radius: 50%;
  /* 边框效果 */
  border: 2px solid rgba(205, 182, 142, 0.3);
  /* 内发光效果 */
  box-shadow: 0 0 10px rgba(205, 182, 142, 0.2),
              inset 0 0 10px rgba(205, 182, 142, 0.1);
  /* 过渡动画 */
  transition: all 0.4s ease;
  overflow: hidden;
  z-index: 2;
}

/* logo 图片样式 */
.head .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

/* 悬停效果 */
.head .logo:hover {
  transform: scale(1.08) rotate(5deg);
  border-color: rgba(205, 182, 142, 0.6);
  box-shadow: 0 0 15px rgba(205, 182, 142, 0.4),
              inset 0 0 15px rgba(205, 182, 142, 0.2);
}

.head .logo:hover img {
  transform: scale(1.15);
}

/* logo 背景装饰 */
.head .logo::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(205, 182, 142, 0.1);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.6s ease, height 0.6s ease;
  z-index: -1;
}

.head .logo:hover::after {
  width: 120%;
  height: 120%;
}

.head .headTxt{
	top: .16rem;
	left: .96rem;
}
.head .headTxt span{
	color: #fff;
	font-size: .3rem;
	line-height: .4rem;
	height: .4rem;
}
.head .headTxt em{
	color: #cdb68e;
	font-size: .22rem;
	line-height: .28rem;
	height: .28rem;
}
.head .headBtn{
	top: .225rem;
	right: 0;
	text-align: right;
	font-size: 0;
}
.head .headBtn a{
	width: 1.79rem;
	margin-right: .12rem;
	overflow: hidden;
	display: table-cell;
	padding: 2px;
}
.head .headBtn a img{
	width: 100%;
}
/* 通用背景类样式 - 主要用于背景元素，不影响具体图片 */

.bg {
    width: 100%;
    /* 核心：缩短高度——将100%父容器高度改为固定值/小比例，按需调整数值 */
    height: 570px !important; /* 直接设置固定高度（示例250px，可根据需求改小，如200px/180px） */
    /* 取消最小高度限制，避免强制拉长背景图 */
    min-height: 0 !important; 
    /* 确保背景图完整显示且适配缩短后的高度，避免裁剪过多 */
    background-size: contain !important; 
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 0;
    box-sizing: border-box;
    display: block;
}

/* 针对不同屏幕尺寸的响应式调整 - 简化处理，避免冲突 */
@media screen and (max-width: 768px) {
    .bg {
        padding: 0; /* 移除内边距 */
        background-attachment: scroll; /* 背景图随内容滚动 */
    }
}

@media screen and (max-width: 480px) {
    .bg {
        height: auto; /* 小屏幕上使用自动高度 */
    }
}
.video-box .btn-video{
	position: absolute;
	display: block;
}
.btn-video img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.btn-video .icon-play1{
	-webkit-animation: playmove 2.5s linear infinite;
    animation: playmove 2.5s linear infinite;
}
@-webkit-keyframes playmove {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes playmove {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
.btnMake{
	width: 3.79rem;
	top: 9.5rem;
	left: 50%;
	margin-left: -1.895rem;
}
.btnMake img{
	width: 100%;
}
.swiper-container,
.swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.mainNew{
	width: 6.68rem;
	top: -1.35rem;
	left: 50%;
	margin-left: -3.34rem;
}
.mainNew .newsSelling{
	width: 6.68rem;
	height: 3.92rem;
}
.mainNew .newsSelling a{
	width: 6.68rem;
	height: 3.52rem;
	overflow: hidden;
}
.mainNew .newsSelling img{
	width: 6.68rem;
	height: 3.52rem;
	border-radius: 5px;
}
.mainNew .newsSelling .swiper-pagination-bullet{
	width: calc(20% - 10px);
	height: .05rem;
	border-radius: inherit;
	opacity: 1;
	transition: all .3s;
}
.mainNew .newsSelling .swiper-pagination-bullet-active{
	background: #dbb458;
}
.mainNew .newsSelling .swiper-container-horizontal>.swiper-pagination{
	bottom: .12rem;
	font-size: 0;
}
/* 全局重置补充：避免边距干扰 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 新闻列表外层容器：卡片化+阴影层次 */
.newsList {
  width: 100%;
  min-height: 5rem; /* 改用min-height，适配内容变化 */
  padding: 0.3rem 0.2rem;
  margin: 0 auto;
  border-radius: 0.2rem;
  background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
  box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.03);
}

/* 标签栏：胶囊化+动态切换 */
.newsTab {
  font-size: 0.5rem;
  margin-bottom: 0.3rem;
  display: flex;
  gap: 0.15rem; /* 标签间距，比margin更灵活 */
  overflow-x: auto; /* 标签过多时横向滚动，适配小屏 */
  padding-bottom: 0.1rem;
  scrollbar-width: none; /* 隐藏滚动条（美观） */
}
/* 隐藏Webkit滚动条 */
.newsTab::-webkit-scrollbar {
  display: none;
}

.newsTab a {
  display: inline-flex; /* 居中对齐文字 */
  align-items: center;
  justify-content: center;
  color: #757575;
  font-size: 0.28rem;
  line-height: 0.6rem;
  padding: 0 0.3rem; /* 改用padding，标签更灵活 */
  border-radius: 0.3rem; /* 胶囊化设计 */
  position: relative;
  background: #fff;
  box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.02);
  transition: all 0.3s ease; /* 统一过渡动效 */
  white-space: nowrap; /* 标签文字不换行 */
}

/* 移除原斜杠分隔，改用底部渐变条区分（更现代） */
.newsTab a:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.03rem;
  background: linear-gradient(90deg, #dbb458, #f5d799);
  transition: width 0.3s ease;
}

/* 激活态：颜色+渐变条+微放大 */
.newsTab a.active {
  color: #dbb458;
  transform: translateY(-0.02rem); /* 轻微上浮，增强交互感 */
  box-shadow: 0 0.05rem 0.1rem rgba(219, 180, 88, 0.15);
}
.newsTab a.active:before {
  width: 100%; /* 激活时显示底部渐变条 */
}

/* 新闻列表容器：毛玻璃+动态切换优化 */
.newsQueue .newsQueueList {
  width: 100%;
  max-height: 4rem; /* 限制最大高度，避免过长 */
  overflow-y: auto;
  padding-right: 0.1rem;
  display: none;
  scrollbar-width: thin; /* 细滚动条，更美观 */
  scrollbar-color: #dbb45833 #f5f5f5; /* 滚动条颜色自定义 */
}
/* Webkit滚动条美化 */
.newsQueue .newsQueueList::-webkit-scrollbar {
  width: 0.05rem;
}
.newsQueue .newsQueueList::-webkit-scrollbar-thumb {
  background: #dbb45833;
  border-radius: 0.025rem;
}

/* 显示动画：新增缩放+透明度，更有层次感 */
.newsQueue .newsQueueList.show {
  display: block;
  animation: fadeInUp 0.6s ease both;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(0.2rem); /* 从下往上浮现 */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 新闻列表项：悬浮变色+动态点 */
.newsQueue .newsQueueList a {
  width: 100%;
  height: 0.8rem;
  position: relative;
  display: flex; /* 弹性布局，适配不同屏幕 */
  align-items: center;
  padding: 0 0.2rem;
  margin-bottom: 0.15rem;
  border-radius: 0.12rem;
  color: #555; /* 深色文字，提升可读性 */
  font-size: 0.26rem;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(0.1rem); /* 毛玻璃效果，增强质感 */
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.02);
  transition: all 0.3s ease;
  overflow: hidden;
}

/* 自定义列表点：动态变色+缩放 */
.newsQueue .newsQueueList a:after {
  content: '';
  width: 0.1rem;
  height: 0.1rem;
  background: #dbb458;
  border-radius: 50%; /* 圆形点，比方形更柔和 */
  position: absolute;
  left: 0.2rem;
  transition: all 0.3s ease;
}

/* 时间标签：渐变色+固定宽度 */
.newsQueue .newsQueueList a em {
  width: 1.8rem;
  flex-shrink: 0; /* 禁止时间栏收缩 */
  text-align: left;
  font-size: 0.24rem;
  color: #dbb458;
  font-style: normal;
  padding-left: 0.15rem; /* 与列表点错开 */
  background: linear-gradient(90deg, #dbb4581a, transparent);
  padding: 0.05rem 0.15rem;
  border-radius: 0.08rem;
  margin-right: 0.15rem;
}

/* 新闻标题：优化截断逻辑 */
.newsQueue .newsQueueList a span {
  flex: 1; /* 标题占满剩余宽度 */
  font-size: 0.26rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s ease;
}

/* 悬浮交互：整体变色+点放大 */
.newsQueue .newsQueueList a:hover {
  background: linear-gradient(90deg, #dbb45805, #dbb45810);
  transform: translateX(0.05rem); /* 轻微右移，增强动态感 */
}
.newsQueue .newsQueueList a:hover:after {
  transform: scale(1.2); /* 点放大 */
  background: #f5d799;
}
.newsQueue .newsQueueList a:hover span {
  color: #dbb458; /* 标题变色，突出当前项 */
}
.btnMore{
	color: #757575;
	line-height: .4rem;
	height: .4rem;
	top: .15rem;
	right: .05rem;
}
.btnMore span{
	font-size: .24rem;
	display: inline-block;
	vertical-align: middle;
}
.btnMore em{
	display: inline-block;
	vertical-align: middle;
	font-size: .28rem;
	margin-left: .05rem;
}
/**游戏特色**/
.gameFeatures{
	width: 7.5rem;
	top: 6.37rem;
	left: 0;
}
.gameFeatures .gameFeaturesTitle{
	width: 7.5rem;
	height: 2.17rem;
}
.gameFeatures .carousel1{
	width: 7.5rem;
	height: 8.31rem;
	margin: .25rem auto 0;
}
.gameFeatures .carousel1 .swiper-slide{
	width: 4.74rem;
	height: 8.31rem;
}
.gameFeatures .carousel2{
	width: 7.5rem;
	height: 3.66rem;
	margin: .25rem auto 0;
}
.gameFeatures .carousel2 .swiper-slide{
	width: 6.5rem;
	height: 3.66rem;
}
.gameFeatures .swiper-slide img{
	width: 100%;
}
.gameFeatures .carousel .iconPrev{
	width: 1.05rem;
	height: 7rem;
	margin-top: -3.5rem;
	left: 0;
	opacity: 0;
}
.gameFeatures .carousel .iconNext{
	width: 1.05rem;
	height: 7rem;
	margin-top: -3.5rem;
	right: 0;
	opacity: 0;
}
.qrBox{
	width: 100%;
	font-size: 0;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-40%);
	transform: translate(-50%,-40%);
}
.qrBox a{
	display: inline-block;
	vertical-align: middle;
	width: 1.9rem;
	margin: 0 .15rem;
}
.qrBox a img{
	width: 100%;
}
/**底部版权**/
.footer{
	width: 100%;
	text-align: center;
	background: #202020;
    padding: .25rem 0;
}
.footer p{
	color: #fff;
    line-height: .35rem;
    font-size: .2rem;
}
.footer p a{
	color: #3e8bf4;
}

.pop_make{
    min-width: 300px;
    height: auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    display: none;
}
.pop_make_close{
    width: 25px;
    height: 25px;
    background: url(//static.leiting.com/module/phone_login/images/close_p.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -27px;
    right: 0;
    text-indent: -999em;
}
.pop_make h4{
    color: #08a6f0;
    font-size: 18px;
    font-weight: 100;
    line-height: 35px;
    text-align: center;
}
.pop_make p{
    margin: 0 auto;
    color: #47392b;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    margin-top: 5px;
}
.pop_make .btn_sure{
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    background: #08a6f0;
    display: block;
    margin: 10px auto 0;
}

.mask_make{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}

.mask-video, .mask-advert{
	position: fixed;
    z-index: 1001;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.8);
    display: none;
}
.mask-video .close-video {
    width: 0.5rem;
	height: 0.5rem;
    position: absolute;
    top: -0.6rem;
    right: 0;
    z-index: 2;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAclBMVEUAAADYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzYvYzqAaSkAAAAJXRSTlMAs7YDTUkP9b+eVRfTlGw4KhzezsjEuoqBc2RBLx8UCd/ZqqRfJcwcAAAAAMpJREFUKM910+kOgjAQBOAtlFPkFkUOz3n/VxQlbWO3nV+EL9NktymRjMmTuN4UqY9T1NQMEG59om+IQoEgdOgL6f47cPUznFRp6zv0pr5D1j+ij8lEQIR/2mk15xst9Mn8/DOKleyo+TZ9HJjq+S64O/S3H/HVVin3bES7kC8Z0OkuzwgIv5YohHGuyaL2x3NFUu/ze3TW+2N5I6ns/ZnkQGXvj6vZn6UTvx+VCIj4/TC1+lolUz3fpJT3h4ZmIPc+IkmrKL1PUNIHycAPELv6e8cAAAAASUVORK5CYII=') 0 0/100% 100% no-repeat;
}
.mask-video .close-video2{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mask-video .video-con {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3
}
.mask-video1 .pop-video {
    width: 7.5rem;
	height: auto;
}
.mask-video2 .pop-video {
    height: 9rem;
	width: auto;
}
/*广告图配置功能*/
.advert-part {
    width: 1.72rem;
    top: 7rem;
    left: .14rem;
    overflow-x: hidden;
    z-index: 3;
    padding-bottom: .16rem;
}
.advert-part .close-advert {
    width: .4rem;
    top: 0;
    right: 0;
    z-index: 2;
}
.advert-part .advert-swiper .advert-pagination{
    font-size: 0;
    bottom: 0;
}
.advert-part .advert-swiper .advert-pagination .swiper-pagination-bullet{
    opacity: .5;
    margin: 0 .05rem;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    border: 1px solid transparent;
}
.advert-part .advert-swiper .advert-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}
.advert-part .close-advert img,
.advert-part .advert-swiper,
.advert-part .advert-swiper a,
.advert-part .advert-swiper a img,
.mask-advert .dialog-advert .close-advert img {
    width: 100%;
}
.mask-advert .dialog-advert {
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.mask-advert .dialog-advert .advert-img {
    max-width: 7.5rem;
    max-height: 9rem;
}
.mask-advert .dialog-advert .close-advert {
    width: 1rem;
    bottom: -1.1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}


.custom-service {
    position: fixed;
    right: 0;
    bottom: 80px;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* 竖排文字按钮样式（强制竖排模式） */
.service-text {
    width: 50px;
    height: 160px; /* 足够容纳竖排文字的高度 */
    background-color: #07C160;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 2px 8px rgba(7, 193, 96, 0.4);
    cursor: pointer;
    z-index: 2;
    color: #ffffff;
    font-size: 14px;
    padding: 15px 0; /* 上下内边距 */
    
    /* 核心竖排文字设置 */
    writing-mode: vertical-rl; /* 从右到左竖排 */
    text-orientation: upright; /* 文字正向显示 */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 二维码面板样式 */
.service-panel {
    width: 0;
    overflow: hidden;
    transition: width 0.3s ease;
}

.panel-content {
    background-color: #ffffff;
    border-radius: 8px 0 0 8px;
    box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-right: 5px;
}

.qr-code img {
    width: 100px;
    height: 100px;
    display: block;
    border: 1px solid #f0f0f0;
    padding: 5px;
}

.panel-text {
    margin: 10px 0 0;
    font-size: 13px;
    color: #333;
    text-align: center;
}

/* hover展开效果 */
.custom-service:hover .service-panel {
    width: 130px;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .service-text {
        width: 44px;
        height: 140px;
        font-size: 12px;
        padding: 10px 0;
    }
    
    .custom-service:hover .service-panel {
        width: 110px;
    }
    
    .qr-code img {
        width: 80px;
        height: 80px;
    }
    
    .panel-text {
        font-size: 12px;
    }
}