.db {display:block;text-indent:-999em;}

/*public*/
body { 
  font: 12px/1.5;
  background: #e5ecf5;
  overflow-x: hidden;
  min-width: 1200px;
  color: #4f7971; 
}
em, i { font-style: normal; }
.hh { overflow: hidden; text-indent: -999em; display: block; }
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; }
img { display: block; }
.wrap {overflow-x: hidden; position: relative; color: #23313a;background: url('../img/page_bg.jpg?v3') no-repeat center top;}
.mid { 
	/* width: 1200px;  */
	margin: 0 auto;
  position: relative; 
  /* background: url("../img/bg2nr.jpg") top center no-repeat; */
}
.content-bg{
  height: 4416px;
  /* background: url('../img/bg.jpg') no-repeat center top; */
  box-sizing: border-box;
  overflow: hidden;
}

/*head*/
.none{display:none;}
.icon { background: url("../img/icon.png") no-repeat; display: block; }
.yellow { color: #f7e8a8; }
/**content**/
.time {
	text-align: center;
	font-size: 22px;
	line-height: 29px;
	padding-top: 16px;
	color:#435d8f;
  font-weight: bold;
}
.czbox{
  position:relative;
  width: 100%;
  padding-top: 11px;
}
.czbtn { 
	width: 582px;
	height: 102px;
	margin: 0 auto;
	display: block;
	background:url(../img/topup-btn.png) no-repeat;
}
.czbtn:hover{
	transition: all 0.5s;
	filter: brightness(1.1);
}
.cz-sm {
	text-align: center;
	color:#383f4b;
	font-size:18px;
	line-height: 24px;
	margin-top:17px;
}
.cz-sm span{color: #c3370c;}
/*cont1*/
.tit-num {
  color:#383f4b;
  font-size: 32px;
  text-align: center;
	/* font-family: 'hanyi'; */
  padding: 24px 0 27px;
	line-height: 38px;
}
.tit-num .pay-num {
  font-size: 32px;
  color:#c3370c;
}
.addtxt{color:#fff;font-size:22px;text-align:center;}
.addtxt span{color:#cfe5c6;font-size:18px;display:block;}
.lb_box{
  width: 1226px;
  height: 1049px;
	padding-left: 3px;
  position: relative;
  margin: 0 auto 0;
}
.lb_cont {
  width: 1226px;
  left:50%;
  margin-left:-613px;
  height: 1034px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.lb_cont>div{
  width: 304px;
  height: 1034px;
  background: url('../img/lb.png') no-repeat center;
  background-size: 100% auto;
}
.fir_box {
	 width: 293px; 
	 height: 100%;
	 position: relative;
	 /* float:left;
	 display: inline; */
	 /* margin-left: 23px; */
	 box-sizing: border-box;
	}
.lb_cont .icon {display: none;}
.lbjiazhi {
	position: relative;
	display:block;
	color:#ffffff;
	font-size:24px;
	height: 60px;
	line-height: 60px;
	text-align:center;
  /* font-weight: bold; */
	/* text-shadow: 0 0 10px #b8b1f2; */
  font-family: 'hanyi';
}

.lbname{
  color: #fff9ff;
  height: 50px;
  font-size: 30px;
  text-align: center;
  padding: 25px 0 38px;
  line-height: 50px;
  /* font-weight: bold; */
  font-family: 'hanyi';
}
.thi_box .text{
  width: 226px;
  height: 55px;
  background: url('../img/text_1.png') no-repeat center;
  bottom: 180px;
  left: 50%;
  margin-left: -113px;
}
.four_box .text{
  width: 221px;
  height: 56px;
  background: url('../img/text_2.png') no-repeat center;
  bottom: 180px;
  left: 50%;
  margin-left: -111px;

}
.djlist { 
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-top: 10px;
}
.djlist.mt{margin-top: 81px;}
.djlist.mt1{margin-top: 157px;}
.djlist li { 
  display: inline-block;
  vertical-align: top; 
  width: 100%;
  margin-top: 18px;
}
.djlist .dj-bg {
	width: 116px; 
	height: 113px;
	margin: 0 auto;
	position: relative;
	background:url(../img/icon-bg.png) no-repeat center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.djlist .dj-bg img { 
  display: block;
  width: 50px;
}
/* .djlist .dj-bg img.img2{padding-top:11px;} */
.djlist p {
	font-size: 24px;
	color:#2a323f;
	margin-top: 7px;
	line-height: 27px;
	position: relative;
	z-index: 2;
	height: 37px;
}
.djlist .dj-li2 p{padding-top:8px;} 
.sec_box {
  /* width: 271px;  */
  height: 100%;
  position: relative; 
  float:left;
  box-sizing: border-box;
	margin-left: 23px;
}
.thi_box,.four_box { 
  /* width: 271px;  */
  height: 100%;
  position: relative;
  float:left;
	margin-left: 23px;
  box-sizing: border-box;
}
.sec_box .compe{
	/* right: 19px; */
}
.compe { 
	/* width: 43px;
	height: 171px;
	background: url(../img/ydc_icon.png) no-repeat;
	text-indent: -999em; 
    top: 83px;
    right: -15px; */
  	text-indent: -999em; 
    width: 31px;
    height: 104px;
    top: 83px;
    right: 5px;
    /* display: none; */
    background: url(/xfhd/20251010/act/xtl/newserver/20250928/72s389/appoint/pc/img/ydc_icon.png) no-repeat;
	z-index:2;
}
.tipi {text-align: center; color: #a94417; line-height:22px; top:101px; left: 0;font-size:18px;width:100%;}
.gz-cont{padding-top: 245px;}
.tit {
	width: 100%;
	height: 234px;
	margin: 0 auto;
	text-indent:-9999em;
	background: url(../img/hdgz-title.png) no-repeat center;
  background-size: auto 100%;
}
.gzlist{
	color:#2a323f;
	font-size:22px;
  line-height: 36px;
	width:1120px;
	/* height: 542px; */
  margin: 84px 0 0 0;
  position: relative;
  /* padding-top: 45px; */
  left: 50%;
  margin-left: -530px;
}
/* .gzlist::after{
  content: '';
  position: absolute;
  background: url(../img/award-bg.png) no-repeat;
  width: 1378px;
  height: 747px;
  z-index: 1;
  top: -50px;
  left: 50%;
  margin-left: -689px;
  pointer-events: none;
} */
.gzlist li{
	position:relative;
	line-height: 38px;
	z-index: 2;
	/* padding: 0 45px; */
	/* font-family: 'hanyi'; */
	}
.gzlist li span{
	color: #c3370c;
	display: inline-block;vertical-align: top;
	margin: 3px 6px 0 0;
	width: 32px;
	height: 32px;
	background: url(../img/num-icon.png) no-repeat;
	line-height: 30px;
	text-align:center;
  font-size: 22px;
  font-weight: normal;
}
.gzlist strong {
  color: #c3370c;
}
.bgbox{margin:12px 0 0 4px;width:1098px; color: #862619;}
.bgbox table{width:100%;border:1px solid #862619;background:#ffaa5e;}
.bgbox th{height:49px;background:#f6e8ba; color: #944c23;}
.bgbox th,.bgbox td{text-align:center;height:50px;font-size:18px;border-right:1px solid #862619;padding: 0 12px; box-sizing: border-box;}
.bgbox td{border-bottom:1px solid #862619;}
.morep{text-align:center;margin:10px 0 42px;}
.morep a{color:#fff3c2;text-decoration:underline;}
/*cont2*/
.cont2{
  padding: 270px 0 100px;
}
.c2-tit { 
  margin: 0 auto;
	width: 100%;
	height: 230px;
  background: url(../img/sc-title.png) no-repeat center top;
  background-size: auto 100%;
}
.cont2 .tit-num {
	font-size: 32px;
	padding-top: 28px;
  color: #383f4b;
}
.cont2 .tit-num .pay-num{color: #c3370c; font-size: 32px;}
.addtime {
	text-align: center;
	font-size: 20px;
  margin-bottom: 12px;
  line-height: 35px;
  color: #308cc6;
  background: url('../img/start-date-bg.png') no-repeat center;
  background-size: auto 100%;
  margin-top: 10px;
}

.c2-sm { 
	margin-top: 18px;
	line-height: 24px;
	font-size:18px;
	text-align: center;
	color: #383f4b;
}
.c2-sm span {
  color: #ca2702;
}
.pint-box {
  position: relative;
  width: 1062px;
  margin: 48px auto 0;
  height: 606px;
  overflow: visible;
}
.pint-box::before{
	content: "";
	position: absolute;
	width: 1225px;
	height: 762px;
	background:url(../img/pint-box.png) no-repeat;
	left: 50%;
  margin-left: -617px;
	top: -35px;
	visibility: visible;
	z-index: 1;
  pointer-events: none;
}
.pint-box ul{
  position: relative;
  /* padding-top: 44px; */
  z-index: 1;
	/* margin-left: -12px; */
}
.pint-box li {
	 width: 308px;
   height: 570px;
  float: left;
    text-align: center;
    margin-left:66px;
    /* display:inline; */
    /* background:url(../img/tgbg.png) no-repeat; */
    /* position: relative; */
    /* z-index: 2; */
    box-sizing: border-box;
	}
  .pint-box li.li1{
    /* margin-left: 22px; */
    margin-left: 0;
    margin-top: 36px;
  }
.pint-box li.li3{margin-right: 0;
  margin-top: 36px;}
.pt-tit {
	color:#ffffff;
	font-size: 26px;
	line-height: 38px;
  padding-top: 44px;
}
.pint-box li.li1 .pt-tit,.pint-box li.li3 .pt-tit{padding-top: 73px;}
.pt-bg {width: 126px; height: 128px; position: relative;margin: 14px auto 0;line-height: 124px;}

.pint-box .djlist {
	padding-top: 40px;
	margin-left: 0;
	font-size: 0;
	margin-top: 0;
	text-align: center;
}
.pint-box .djlist li { display: inline-block; height:220px; vertical-align: top;float:none;margin:0 10px;background:none;width: auto;}
.pint-box .djlist .dj-bg {
	width: 178px;
    height: 171px;
    padding-top: 0;
    background: url(/xfhd/20251010/act/xtl/newserver/20250928/72s389/pop/pc/img/showlist.png) no-repeat;
    padding-top: 0;
		padding-bottom: 3px;
		box-sizing: border-box;
}
.pint-box .djlist .dj-bg img{
  width:66px;
  height:66px;
}
.pint-box .djlist p{font-size: 26px;padding-top: 0;margin-top: 10px;color: #383f4b;height: 45px;}
.pint-box .li1-pop .djlist .dj-bg img{width:66px;height:66px;}
.pt-bg img {
  width: 62px;
  height: 62px;
  display: inline-block;
	vertical-align: middle;
}
 
.pt-bg .pt-name { font-size: 14px; line-height: 18px; color: #526363; text-align: center; width: 100%; margin: 8px auto 0; }
.price { 
	 font-size: 25px;
	 height:100px;
	 margin-top: 4px;
	}
.price s {
	text-align: center;
  color: #ac7d6e;
}
.price b { 
	line-height: 58px;
	font-size: 61px;
	color: #c3370c;
	text-align: center;
	display: inline-block;
	font-weight: normal;
  /* font-family: 'Microsoft YaHei'; */
  /* background-image:-webkit-linear-gradient(top,#ffe985,#fffefc);-webkit-background-clip:text;-webkit-text-fill-color:transparent; */
}
.ypt-peo {
	width: 100%;
	font-size: 22px;
	color: #c3370c;
	line-height: 32px;
	height: 32px;
	font-family: 'hanyi';
}
.pt-peo { 
	color: #383f4b;
	line-height: 30px;
	font-size: 27px;
	height: 30px;
	padding-top: 30px;
	font-family: 'hanyi';
}
.my-pt-btn {
	 width: 276px;
	 height: 80px;
	 background: url(../img/pt-btn.png) no-repeat;
	 margin: 50px auto 0;
}
.my-pt-btn:hover {
	transition: all 0.5s;
	filter: brightness(1.1);
}
.my-pt-btn.gray { background: url(../img/pt-btn-get.png) no-repeat; cursor: default;}
/**ani**/
.my-pt-btn { transition: all .2s linear; -webkit-transition: all .2s linear; }
.my-pt-btn:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); }
.my-pt-btn.gray:hover { transform: translateY(0); -webkit-transform: translateY(0); }
.copy-btn:hover { filter: brightness(1.1); -webkit-filter: brightness(1.1); }
.my-pt-btn.gray:hover { filter: brightness(1); -webkit-filter: brightness(1); }
.czbtn { animation: zoom .8s linear infinite alternate; -webkit-animation: zoom .8s linear infinite alternate; z-index: 30; }
@keyframes zoom {
	0% { transform: scale(1) }
	100% { transform: scale(1.04) }
}
@-webkit-keyframes zoom {
	0% { -webkit-transform: scale(1) }
	100% { -webkit-transform: scale(1.04) }
}
.fir_box, .pint-box .li1 {
  -webkit-transition-duration: .7s !important;
  transition-duration: .7s !important;
}
.sec_box, .pint-box .li2 { -webkit-transition-duration: 1.4s !important; transition-duration: 1.4s !important; }
.thi_box, .pint-box .li3 { -webkit-transition-duration: 2s !important; transition-duration: 2s !important; }
.r-txt { -webkit-animation: lpAni 4s linear infinite; animation: lpAni 4s linear infinite; }
@-webkit-keyframes lpAni {
	0% { -webkit-transform: translateY(0); }
	50% { -webkit-transform: translateY(-6px); }
	100% { -webkit-transform: translateY(0); }
}
@keyframes lpAni {
	0% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
	100% { transform: translateY(0); }
}
.s-dl i { -webkit-transform-origin: left top; -webkit-animation: trAni 10s linear infinite; transform-origin: left top; animation: trAni 10s linear infinite; }
@-webkit-keyframes trAni {
	0% { -webkit-transform: rotate(0deg); }
	10% { -webkit-transform: rotate(1deg); }
	20% { -webkit-transform: rotate(0.4deg); }
	30% { -webkit-transform: rotate(1deg); }
	40% { -webkit-transform: rotate(0); }
	50% { -webkit-transform: rotate(-.4deg); }
	60% { -webkit-transform: rotate(0); }
	70% { -webkit-transform: rotate(-1deg); }
	80% { -webkit-transform: rotate(-.4deg); }
	90% { -webkit-transform: rotate(.4deg); }
	100% { -webkit-transform: rotate(0); }
}
@keyframes trAni {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(1deg); }
	20% { transform: rotate(0.4deg); }
	30% { transform: rotate(1deg); }
	40% { transform: rotate(0); }
	50% { transform: rotate(-.4deg); }
	60% { transform: rotate(0); }
	70% { transform: rotate(-1deg); }
	80% { transform: rotate(-.4deg); }
	90% { transform: rotate(.4deg); }
	100% { transform: rotate(0); }
}
@-webkit-keyframes flAni {
	from { -webkit-transform: translate3d(0, 0, 0); }
	to { -webkit-transform: translate3d(2px, 2px, 0); }
}
@keyframes flAni {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(2px, 2px, 0); }
}
@-webkit-keyframes sloganAni {
	0% { -webkit-transform: scale(1.8); opacity: 0; }
	60% { -webkit-transform: scale(1); opacity: 1; }
	65% { -webkit-transform: translate(-4px, -4px); }
	70% { -webkit-transform: translate(0, 0); }
	75% { -webkit-transform: translate(4px, 4px); }
	80% { -webkit-transform: translate(0, 0); }
	85% { -webkit-transform: translate(-4px, 4px); }
	90% { -webkit-transform: translate(0, 0); }
	95% { -webkit-transform: translate(4px, -4px); }
	100% { -webkit-transform: translate(0, 0); opacity: 1; }
}
@keyframes sloganAni {
	0% { transform: scale(1.8); opacity: 0; }
	60% { transform: scale(1); opacity: 1; }
	65% { transform: translate(-4px, -4px); }
	70% { transform: translate(0, 0); }
	75% { transform: translate(4px, 4px); }
	80% { transform: translate(0, 0); }
	85% { transform: translate(-4px, 4px); }
	90% { transform: translate(0, 0); }
	95% { transform: translate(4px, -4px); }
	100% { transform: translate(0, 0); opacity: 1; }
}

/* .closed {
transform-origin: center top;
-webkit-transform-origin: center top;
animation: drop 1s linear infinite alternate;
-webkit-animation: drop 1s linear infinite alternate;
} */
@-webkit-keyframes drop {
0% { -webkit-transform: rotate3d(0, 0, 0, 0deg); }
100% { -webkit-transform: rotate3d(3, 5, 6, 6deg) }
}
@keyframes drop {
0% { transform: rotate3d(0, 0, 0, 0deg); }
100% { transform: rotate3d(3, 5, 6, 6deg) }
}
.pt-bg { -webkit-transition: .4s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: .4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.pint-box .pt-bg:hover { -webkit-transform: translate(0, -6px); transform: translate(0, -6px); }

/* li1 li2*/
.li1 { position: relative; }
.li1-pop,.li2-pop {
  background:none;
  width: 576px;
  height: 340px;
  font-size: 24px;
  text-align: center;
	line-height: 30px;
  color: #383f4b;
  position: relative;
  outline: none;
  margin: 0 auto;
  display: none;
  padding: 25px 0px 28px 0px;
  box-sizing: border-box;
  pointer-events: none;
  top: -350px;
  left: 50%;
  margin-left: -288px;
  z-index: 15;
}
.li1-pop::before,.li2-pop::before{
  content: '';
  display: block;
  width: 636px;
  height: 374px;
  background: url(/xfhd/20251010/act/xtl/newserver/20250928/72s389/pop/pc/img/pop-bg-374.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
	top:46%;
	left:50%;
  margin: -180px 0 0 -318px;
}
.li2-pop .pop-icon{margin: 0 30px;}
.li1-pop .pop-icon .dj-bg,.li2-pop .pop-icon .dj-bg{background:url(../img/djbg1.png) no-repeat;width:174px;height:174px;}
.li1-pop .pop-icon p,.li2-pop .pop-icon p{color:#ffd07e;font-size:24px;text-align: center;line-height: 48px;}
/* li3 */
.li3 { position: relative; }
.li3-pop,.li4-pop,.li5-pop { position: absolute; background: none; width: 750px; height: 667px; left: -391px; top: 50%; margin-top: -283px;z-index: 102; pointer-events: none;display:none; }
.li4-pop{margin-left: -312px;}
.li5-pop{margin-left: -263px;}
.pint-box .li3-pop{width:750px;height:712px;margin-top: -395px; margin-left: -389px;left: 50%;position: fixed;}
.pop-role {
  width: 750px;
  height: 667px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.pint-box .li3-pop .pop-role{width: 750px;height: 715px;}
.pcrole-tips { font-size: 24px; color: #fff; line-height: 32px; text-align: center; width: 750px; position: absolute; left: 0; bottom: -23px; }
.pcrole-tips i { color: #faf491;}
.maskShow::after { content: ' '; display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); pointer-events: none; z-index: 3; }