/*public*/
body { 
  font: 12px/1.5;
  background-color: #ffce91;
  overflow-x: hidden;
  min-width: 1520px;
}
em, i { font-style: normal; }
.hh { overflow: hidden; text-indent: -999em; display: block; }
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; }
.fr { float: right; }
img { display: block; }
input[type="text"], input[type="password"], select, input[type="search"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius: 0; box-sizing: border-box; }
.wrap {    height: 4665px;color: #862619;font-size: 14px;/* overflow-x: hidden; */position: relative;
background:url("../img/page-bg.jpg") center top no-repeat;
}
.content-bg{height: 3132px;padding-top: 30px;color: #fef3c5;font-size: 18px;}
.mid{width: 100%;margin: 0 auto}
.btn{transition: all .1s linear;-webkit-transition: all .1s linear;}
.btn:hover{filter: brightness(1.1);-webkit-filter: brightness(1.1);transform:translateY(-5px);-webkit-transform:translateY(-5px);}
.title{background:url("../img/title.png") no-repeat;width: 1200px;margin: 0 auto;height:120px;display: block;text-indent:-999em;;}
.bg01{background:url("../img/bg01.png") no-repeat;width:1430px;height:775px;padding-top: 50px;margin: 0px auto -20px;}
.actTit{width: 90%; height:20px; margin:50px auto;color: #b93611;font-size:36px;text-align: center;line-height:20px;display: flex;justify-content: center;align-items: center}
.actTit p{letter-spacing:2px;margin: 0 5px;}
.actTit div{background: url("../img/icon_tit01.png") no-repeat;width:384px;height:20px;}
.actTit div:nth-of-type(2){background: url("../img/icon_tit01.png") no-repeat;width:384px;height:20px;transform: rotate(180deg)}
.rules{width: 1170px;margin: 0 auto 0;padding-left:30px;color: #2a323f;height:650px;overflow-y:auto;}
.rules li{padding:10px 10px 5px 0;}/* list-style: decimal; */
.tit01{
  width: 100%;
  height: 239px;
  background: url('../../pc/img/title1.png') no-repeat center;
  background-size: auto 100%;
  margin: -80px auto 30px;
}
/* 自定义整个滚动条 */
.rules::-webkit-scrollbar {
	background: #9db5c5;
  width:6px; /* 设置滚动条的宽度 */
  border-radius: 3px;
}
/* 自定义滚动条的滑块（thumb） */
.rules::-webkit-scrollbar-thumb {
  background: #0f5c93; /* 设置滑块的背景颜色 */
  border-radius: 3px;
}
.color-text{color: #c43c11;}
.table_box{margin: 10px 0;}
.table_box02{width: 1140px;;}
.table_box th{border: 1px #02478f solid;height:45px;line-height: 45px;text-align: center;background: #679cc1;color: #ffffff;}
.table_box td{border: 1px #02478f solid;height:40px;line-height: 40px;text-align: center;background: #cbeafa;color: #2a323f;}
.left_rules,.right_rules{width:550px;display: inline-block;}
/* .right_rules{margin-left: 35px;} */




.actTit02{width: 90%; height: 40px;
  margin: 0px auto 5px auto;
  color: #074e95;
  font-size: 36px;
  text-align: center;
  line-height: 40px;display: flex;justify-content: center;align-items: center}
.actTit02 p{letter-spacing:5px;margin: 0 45px;background-image:-webkit-linear-gradient(top,#074e95,#308bc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.actTit02 div{background: url("../img/icon_tit02.png?v1") no-repeat;width:281px;height:17px;}
.actTit02 div:nth-of-type(2){background: url("../img/icon_tit02.png?V1") no-repeat;width:281px;height:17px;transform: rotate(180deg)}
.xfjz{color: #383f4b;text-align: center;line-height: 1.4;padding-top:10px;}
.xfjz span{color: #c3370c;}
.xfjz strong{font-size: 20px;font-weight: bold;}
.tips{background: url("../img/tips.png") no-repeat;width:611px;height:32px;margin: 10px auto;}
.tips p{text-align: center;line-height: 32px; color: #ffffff; font-size: 18px;}
.comm,.lingqu_box li::after{background: url("../img/check-btn.png") no-repeat;display:block;text-indent: -999em;}
.Myconsumption{text-align: center;margin: 10px auto;}
.Myconsumption p{display: inline-block;font-size: 32px;vertical-align: middle; color: #383f4b;}
.Myconsumption span{color: #c3370c;font-size: 32px;}
.btn_chaxun{width: 166px;height: 48px;display: inline-block;vertical-align: middle;margin: 0 5px;background: url('../img/check-btn.png') no-repeat center; background-size: 100% auto;}
.btn_chaxun.btn_lq{width: 166px;height: 48px;display: inline-block;vertical-align: middle;margin: 0 5px;background: url('../img/check_get.png') no-repeat center; background-size: 100% auto;}
.btn_chaxun.btn_send{width: 166px;height: 48px;display: inline-block;vertical-align: middle;margin: 0 5px;background: url('../img/btn_send.png') no-repeat center; background-size: 100% auto;}
.flex-li {
	display: flex;
	align-items: center;
	justify-content: center;
}
.lingqu_box{text-align: center;margin: 20px auto 22px auto; width: 1390px;}
.lingqu_box li{background: url("../img/daojubG01.png") no-repeat;width: 335px;height: 270px;display: inline-block;margin:0 1px;position: relative;}


.lingqu_box li b{width: 100%;text-align: center;position: absolute;left: 0;top:28px;font-size: 28px;
font-family:'hanyi';
color: #ffffff;
}
.lingqu_box li p{color: #2a323f;font-size: 18px;text-align: center;width: 100%;position: absolute;left: 0;bottom: 51px;}
.lingqu_box li::after{content:'';width: 81px;height: 31px;position: absolute;left: 50%;margin-left: -41px;top:135px;display:none;}
.lingqu_box li.getted::after{display: block;background: url('../img/ylq.png') no-repeat center;background-size: 100% auto;width: 31px;height: 104px;top: -13px;
  /* right: 0; */
  margin-left: 140px;}
.lingqu_box .icon-bg {
	margin:84px auto 0;
	width: 106px;
	height:102px;
	background: url("../img/icon-bg1.png") no-repeat top / 100% 100%;
}
.lingqu_box .icon-bg img{
  width:  66px;
  height: 66px;
}
/* .lingqu_box li.getted .icon-bg{background-image: url("../img/icon-bg1-h.png");} */

.box-vip{width:980px;padding-left:70px;margin:0 auto;display: flex;align-items: center;justify-content:center}
.box-vip .lingqu_box{width:358px;margin:30px 60px 0 0px;}
.btn_lq{
  width: 482px;
  height: 102px;
  background: url('../img/get-btn.png') no-repeat center;
  background-size: 100% auto;
}
.btn_lq.gray{
  filter: grayscale(100%);
  pointer-events: none;
}
.btn_lq.ylq{
  background: url('../img/btn_got.png') no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
}
/* 新服欢乐月 */
.tit02{margin: 118px auto 32px;background: url('../img/title2.png') no-repeat center;
background-size: 100% auto;width: 1107px;height: 233px;}
.lsbx{text-align: center;color: #cce9f3;padding-top:0px;line-height: 1.5; font-size: 18px;}
.lsbx span{color: #d8cc8e;font-size: 18px;}
.bg02{background:url("../img/bg02.png") no-repeat;width:1422px;height:712px;overflow:hidden;margin: 26px auto 0;}
.spr{width: 120px;height: 324px;display: block;margin: 0 10px;font-size: 42px;color: #992257;text-align: center;line-height: 42px;overflow: visible;position: relative;}
.spr p{
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  writing-mode:vertical-lr;
  text-orientation: upright;
  text-align: center;
  line-height: 120px;
  font-family: 'hanyi';
  background-image:-webkit-linear-gradient(top,#064e94,#308bc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.spr::before{
  content: '';
  display: block;
  width: 142px;
  height: 444px;
  position: absolute;
  top: -47px;
  left: 50%;
  margin-left: -70px;
  background: url('../img/card-bg.png') no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
  z-index: 1;
}
.spr:hover::before{
  background: url('../img/card-bg-h.png?V1') no-repeat center;
  background-size: 100% auto;
}
.spr:hover p{
  color: #ffee9e;
  background-image:-webkit-linear-gradient(top,#ffefa4,#fff9e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
} 
.btn_box{
  margin: 10px auto 0;
  width: 1195px;
height: 494px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;}
/* .btn_mod01{
  
}
.btn_mod02{background-position: -152px 0;}
.btn_mod03{background-position: -304px 0;}
.btn_mod04{background-position: -456px 0;}
.btn_mod05{background-position: -608px  0;}
.btn_mod06{background-position: -760px 0;}
.btn_mod07{background-position: -912px 0;}
.btn_mod08{background-position: -1064px 0;} */
.btn_go{display: block;text-decoration: underline;color: #e4f8ff;margin:70px auto 0;width: 80%;text-align: center;}

/* 侧栏 */
.pg3 .side-column {
    width:121px!important;;
    height: 519px!important;;
    position: absolute;
    right: 10px;
    top: 1346px;
    z-index: 10;
}
.pg3 .side-column.fiex{position:fixed;top:0;}
.pg3 .side {
	position: relative;
    width: 121px !important;;
    height: 519px !important;;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	box-sizing: border-box;
	padding: 40px 0 70px 0px;
}
.pg3 .side::after{z-index: -1;
	pointer-events: none;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	width:17px!important;;
	height: 519px!important;;
	background: url("../img/nav-line.png") no-repeat;}
.pg3 .side a {
	position: relative;
    width: 121px!important;;
    height: 131px!important;;
    display: block;
    text-indent: -9999em;
    transition: all 0.5s;
}
.pg3 .side a img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	/* transition: all 1s ease; */
}
.pg3 .side a .nav-img-h{opacity: 0;}

.pg3 .side a.nav3{
    width: 97px!important;;
    height: 88px!important;;
}
.pg3 .side a:hover .nav-img-h,
.pg3 .side a.on .nav-img-h{
   opacity: 1;
}



/* pop */
@font-face {
  font-family: 'hanyi';
  src: url('/xfhd/20251010/act/xtl/newserver/20250928/72s389/fonts/hyjk.ttf');
}
/* .pop01,.pop02 {
  width: 730px;
  height: 414px;
  text-align: center;
	line-height: 30px;
	font-size: 18px;
  color: #822c0f;
  position: relative;
  outline: none;
  margin: 0 auto;
  display: none;
  padding: 45px 85px 58px 75px;
  box-sizing: border-box;
}
.pop01::before{
	content: '';
	background: url("../img/pop01.png") no-repeat;
	width: 730px;
	height: 508px;
	position: absolute;
	z-index:-1;
	top:-65px;
	left:0;
}
.pop-con {
  width: 100%;
  height: 200px;
  font-size: 22px;
	line-height: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
	box-sizing: border-box;
}
.red-point-title {
  position: relative;
  font-family: 'hanyi';
  color: #c55428;
	line-height: 47px;
	font-size: 47px;
	display: inline-block;
	margin-bottom:20px;
	vertical-align: top;
}
.red-point-title::before,
.red-point-title::after {
  content: '';
  width: 82px;
  height: 47px;
  display: inline-block;
	vertical-align: top;
	background: url('../img/red-point.png') no-repeat center left;
}
.red-point-title::before {
  margin-right: 10px;
}

.red-point-title::after {
  margin-left: 10px;
	background-position: center right;
} */
/* .p-close,.gbbtn{background: url("../img/close.png") no-repeat;width:66px;height: 67px;position: absolute;right: 36px;top:5px;text-indent: -999em;} */

.pop-txt{font-size: 24px;text-align: center;line-height: 1.6;}
.pop-txt span{color: #c3370c;}
.pop02{height: 450px;
  width: 1040px;
  padding: 20px 0 0 0;}
/* .pop02::before{background: url("../img/pop02.png") no-repeat;width: 1339px;height:658px;} */
/* .pop02 .p-close{    right: -140px;
  top: -75px;} */
.pop_content{padding:0;}
.pop_mod{
  height: 570px;
    text-align: left;
    overflow-y: auto;
    padding-right: 5px;
    width: 530px;
    margin: 0 auto 0;
    font-size: 20px;
}
.pop_mod p{padding-bottom:8px;line-height: 1.3;text-indent:36px;}
.pop_mod .pop_rules li{padding-bottom:5px;text-indent:36px;}
.pop_mod .pop_rules img{
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto 0;
}
.table_box03{width:526px;margin: 0 auto;padding-bottom: 10px;font-size: 20px;}
.table_box04{margin:0;padding-bottom: 10px;width: 526px;}
.pop_mod .left_rules,.pop_mod .right_rules{width: 526px;vertical-align: top;}
.shizhuang{width:526px;height: auto;display: block;margin: 10px auto ;}
.pop_mod h3{font-size:20px;font-weight: bold;padding-top:15px;}
/* 自定义整个滚动条 */
.pop_mod::-webkit-scrollbar{
    width: 6px;
		background: #9db5c5;
		border-radius: 3px;
 }
/*定义滑块 内阴影+圆角*/
.pop_mod::-webkit-scrollbar-thumb{
    background: #0f5c93; /* 设置滑块的背景颜色 */
    border-radius: 3px;
 }
	
	/* login */
	.login-type {
		padding: 20px 10px 0;
		text-align: center;
		font-size: 26px;
		line-height:30px;
		font-size: 0;
	}
	.login-type p.cy_login{
		font-size: 26px;
		text-align: center;
		background: url("/act/xtl/newserver/20241230/return/pc/img/pop/icon.png") no-repeat 50% 50%;
		margin-bottom: 10px;
	}
	.login-type li {
		width: 268px;
		display: inline-block;
		vertical-align: middle;
	}
	
	.login-type p {
		font-size: 26px;
		line-height:40px;
		padding-bottom:10px;
	}
	.login-type p span{
	}
	
	
.login-type a {
	display: block;
	color: #4a2b16;
	margin: 0 auto;
	width: 214px;
	height: 194px;
	position: relative;
}

.wx-li a {
	width: 240px;
	height: 253px;
	background: url(/xfhd/20251010/act/xtl/newserver/20250928/72s389/pop/pc/img/wx-icon.png) no-repeat;
}
.no-wx-li a {
	width: 240px;
	height: 253px;
	background: url(/xfhd/20251010/act/xtl/newserver/20250928/72s389/pop/pc/img/other-icon.png) no-repeat center;
  background-size: 100% auto;
}
.cy-li a {
	width: 240px;
	height: 253px;
	background: url(/xfhd/20251010/act/xtl/newserver/20250928/72s389/pop/pc/img/other-icon.png) no-repeat center;
  background-size: 100% auto;
}
.login-type strong.btn {
	position: absolute;
	left: 50%;
	margin-left: -127px;
	bottom: 10px;
	text-indent:0;
	width: 255px;
	height: 52px;
	background: url(/xfhd/20251010/act/xtl/newserver/20250928/72s389/pop/pc/img/bindbtn.png) no-repeat center;
  background-size: 100% auto;
}
.poptip{color:#263033;font-size:24px;margin-top:30px;}
.pop-tijiao {
	text-align: center;
	margin: 35px auto 0;
}

.login-type strong.text {
	display: block;
	line-height: 1.2;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 20px;
	color:#23313a;
	font-size:20px;
}

.btn_chaxun.gray{filter: grayscale(1);}