*,html,body{margin:0; padding:0;}
body{margin:0; padding:0;background:#fff url(/skin/skin.gif);}
body,input{line-height:20px; font-weight:bold;size:20px; color:#000; font-family:,"Adobe黑体","黑体","宋体",Arial;}
body,html{overflow-x:hidden; }
p,div,img {margin:0; padding:0;}
input{ font-size:16px;border-radius: 0px;}
form{display:inline;}
img {max-width:200px;border:0;}
li,ul,ol{ list-style:none;}
a:link,a:visited {text-decoration:none; color:#00A0E9;}  字体颜色
a {text-decoration:none;}  
a:hover,a:active,a:focus {color:#FF77FF; text-decoration:none;} 已点击链接颜色
/*公共DIV代码UBB显示[div=list]样式[/div]*/
.logo{background-color:#FFFFFF;color: #000000; padding:0px 8px;margin: 0px; text-align:center;}
.logo a{color: blue;line-height: 28px;letter-spacing: 1px;}
.list{background-color:#feeb99;color: #000000; padding:0px 8px;margin: 0px; text-align:left;}
.list a{color: #000000;line-height: 28px;letter-spacing: 1px;}
.list1{background-color:#0852AD;color: #FFFFFF; padding:0px 8px;margin: 0px; text-align:left;}
.list1 a{color: #000000;line-height: 28px;letter-spacing: 1px;}
.list2{background-color:#DC8700;color: #FFFFFF; padding:0px 8px;margin: 0px; text-align:left;}
.list2 a{color: #000000;line-height: 28px;letter-spacing: 1px;}
.list3{background-color:#D02232;color: #FFFFFF; padding:0px 8px;margin: 0px; text-align:left;}
.list3 a{color: #000000;line-height: 28px;letter-spacing: 1px;}
.list4{background-color:#0FD000;color: #FFFFFF; padding:0px 8px;margin: 0px; text-align:left;}
.list4 a{color: #000000;line-height: 28px;letter-spacing: 1px;}
.list5{background-color:#FF0000;color: #FFFFFF; padding:0px 8px;margin: 0px; text-align:left;}
.list5 a{color: #000000;line-height: 28px;letter-spacing: 1px;}
.list6{background-color:#009448;color: #FFFFFF; padding:0px 8px;margin: 0px; text-align:left;}
.list6 a{color: #000000;line-height: 28px;letter-spacing: 1px;}
.list7{background-color:#1e79ce;color: #FFFFFF; padding:0px 8px;margin: 0px; text-align:left;}
.list7 a{color: #000000;line-height: 28px;letter-spacing: 1px;}
/*全站向左对齐宽边-*/
.main {line-height:26px; font-size:16px; margin-bottom:0px; margin:0px auto; word-break:break-all; box-shadow:0 0 15px #ccc;overflow:hidden;}
/*彩版居中向左对齐宽边-max-width:360px 宽度*/
.main1 {line-height:26px; font-size:16px; margin-bottom:0px; margin:0px auto; word-break:break-all; max-width:720px; box-shadow:0 0 15px #ccc;overflow:hidden;border:1px solid #c6c6c6;}
/*彩版居中向左对齐窄边-max-width:400px 宽度*/
.main2 {line-height:26px; font-size:16px; margin-bottom:0px; margin:0px auto; word-break:break-all; max-width:400px; box-shadow:0 0 15px #ccc;overflow:hidden;border:1px solid #c6c6c6;}
/*-版权及日期等-*/
.copyright {padding:5px; border-top:0px solid #d6d6d6; font-size:13px; line-height:23px;color:#616161;}}
.copyright a{ margin:0 20px;}
/*顶部-*/
.ding {padding:4px 4px 3px;font-size:18px;color:#039;background:#e8f4ff;border-bottom:1px solid #1e79ce;}
.ding a:hover, .header a:active, .header a:focus {color:#039;}
.hr{margin:10px 0;height:0px;border:none;border-top:1px #999 solid;color:#999}
/*-底部版本切换-*/
.footer {background:#1e79ce; color:#fff;  padding:3px 5px; margin-top:-1px;}
.footer a {color:#fff; }.footer a:active{ color:#c4e2ef;}
.footer span{ color:#fff;}
.b1 {position:fixed;max-width:720px;width:100%;overflow:hidden;height:45px;background:-webkit-gradient(linear,left top,left bottom,from(#9930FD),to(#9930FD));}
.b1 img{margin-Left:0px;width:20.5rem;height:3.0rem;}

.right {text-align:right;font-size:42px;}
.right {float:right; height:0px;font-weight: normal}
.right a {background:#F209EC;color: #FFFFFF;border:0px outset #dadada;border-radius:10%;font-size:20px;padding:3px;margin-right:7px;}


.kfBox{
	position: fixed;
	right:0;
	top: 20.0rem;
	z-index: 1000;
}
.kfBox img{
	animation: shareCodeBtnAn 0.45s ease-in-out infinite alternate;
	width: 4.2rem;
}

.foot{
 position: fixed;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 100;
 height: 3.5rem;
}

.footNr{
 display: block;
 width: 45.0rem;
 margin: 0 auto;
 position: relative;
}

.footimg{
 max-width:720px;width: 20.rem;
}

.fabs{
 position: absolute;
 right: 23.5rem;
 top: 0.65rem;
}

.fabs img{
 width: 7.0rem;
 animation: shareCodeBtnAn 0.45s ease-in-out infinite alternate;
}

.w750{
	width: 7.5rem;
	margin: 0 auto;
	background:#ff8cdf ;
}

.-banner{
	display: none !important;
}


.logo2{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 1rem;
	z-index: 100;
	text-align: center;
}
.logo2 img{
	max-width:400px;height: 3.5rem;
}			

				
@media screen and (max-width:750px) {
	.kfBox{
		right: 0;
	}
	.footTxt{
		font-size: 0.18rem;
		word-break:break-all;
	}
	.footBox{
		box-sizing: border-box;
		padding-left: 0.15rem;
		padding-right: 0.15rem;
	}
}
@keyframes shareCodeBtnAn {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}

.box{
	margin:2px 0px;
	border-radius: 5px;
	overflow: hidden;
	background-image: linear-gradient(to right,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1);

}


.pad{
	scroll-margin-top:100px;
	padding:4px 4px;
	background-image: linear-gradient(to right,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1,#75A0E1);

}
.qxtable{
	color: #000;
    background: #fff url(/material/0220.png);
    font-weight: bold;
    word-wrap: break-word; 
    word-break: break-all;	
    left-align: center;;
}


.nullbox{
	height: 133px;
}
.subnullbox{
	height: 119px;
}

.zjbj{display: inline-table;
background: #FFEB3B;
color: #F44336;
padding: 0px 5px;
margin-right: 3PX;
line-height: 19PX;}


.zjbt{padding: 9px 0px;
color: #FFF;
font-size: 19px;
text-align: center;
font-family: Verdana, sans-serif;
BACKGROUND: #ffeeec url(/material/hsb.png) no-repeat;
background-size: 100% 100%;}

.dpys{display: inline;
BACKGROUND: #ffeeec;
 LINE-HEIGHT: 34PX;PADDING: 21PX 0PX;}
.dpys a{width: 23%;
DISPLAY: inline-table;
color: #ffffff;
margin-right: 1%;
PADDING: 4PX 0PX;
TEXT-ALIGN: center;
MARGIN-LEFT: 1%;
BACKGROUND: #ffeeec url(/material/hsb.png) no-repeat;background-size: 100% 100%;}

.white-box {
    margin: 10px 5px;
    padding: 8px;
    border: solid .5px #d8d8d8;
    border-radius: 5px;
    background: #fff;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.21);
}

.white-box .tit {
    padding: .1rem;
    text-align: center;
    background: linear-gradient(#1d26eb,#1dc0f1);
    color: #fff;
    font-size: .3rem;
    font-weight: 600;
    letter-spacing: 2px;
}

.sjg ul{
    padding: 1% 1% 2% 1%;
    border: .16rem #DC28C6;
    border-style: ridge; 
}
.sjg ul li {border-bottom: 1px solid #009900;
    padding: .1rem .2rem;
    font-size: .25rem;
    text-align: center;
    letter-spacing: .02rem;
}

.sjg .tit{
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 1.5rem;
    background: linear-gradient(#eaff3f,#f18300);
    border: 3px #ff00f2;
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000;
    border-style: dashed;
}
.sjg .ti{
    font-family: '';
    font-weight: 600; font-size: 1.3rem;
    color: #f00;
    letter-spacing: .02rem;
}
.sjg .des{
    color:#8a8a8a;
}
.sjg .qi{
    background: linear-gradient(to right,#d100ff,#00ecf9);
    padding: 4px; font-size: 1.3rem;
    color: #ffffff;
    font-family: '';
    font-weight: 600;
}

.sjg .blink_tuijian{
    animation: blink_tj .2s linear infinite; font-size: 1.3rem;
    font-family: '黑体';
    font-weight: 800;
}
@keyframes blink_tj{
    0%{ color:#f00;text-shadow:1px 1px #ff0;}  
    49%{ color:#f00;text-shadow:1px 1px #ff0;}
    51%{ color:#0f8; }
    100%{ color:#0f8}  
}
.waibox {
	text-align: center;
	background: linear-gradient(to top, #9C27B0, #2196F3);
	line-height: 55px;
	border-radius: 5px;
}

.location_to {
	padding: 10px;
	background: beige;
	border-radius: 15px;
	font-size: 20px;
	color: #F44336;
	font-weight: bold;
	letter-spacing: 1px;
	box-shadow: 2px 2px 1px #F44336;
}

.box.spareURL a {
    display: block;
    float: left;
    width: 33.33%;
    text-align: center;
    font-size: 16pt;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-shadow: 0px 0px 10px #4292EF;
    animation-name: pulse;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    text-decoration: none;
}
.box.spareURL p {
    font-size: 15pt;
    font-weight: 700;
    font-family: "Microsoft YaHei";
    color: #ffffff;
    text-align: center;
}
@media screen and (max-width: 720px){
    .box.spareURL a {
        font-size: 10pt;
    }
}
@keyframes pulse{
    0%{transform:scaleX(1)}
    50%{transform:scale3d(1.2,1.2,1.2)}
    to{transform:scaleX(1)}
}
.dh_kz { overflow: hidden; width: 100%; margin-bottom: -1px; }
.dh_kz a:nth-child(4n+1) { border-left: 0; }
.dh_kz a { width: 25%; float: left; font-size: 17px; height: 50px; line-height: 50px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px dashed #dadada; border-left: 1px dashed #dadada; text-align: center;     width: 25%;
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px dashed #dadada;
    border-left: 1px dashed #dadada;
    text-align: center;
    color: #fff;
    background: #DC28C6;}
.clearfix:before, .clearfix:after {

    content: "";

    display: table;

}

.clearfix:after {

    clear: both;

}
.riqi{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	color: #000;
	padding: 5px 0;
}

.subnav{
	border-radius:5px;
	padding:5px 0;
	background: rgb(255, 255, 255);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8ffffff, endcolorstr=#c8ffffff);
	overflow: hidden;
}
.subnav a{
	display: block;
	float: left;
	width: 20%;
	text-align: center;
	font-size: 12pt;
	color: #000;
	font-weight: bold;
	text-shadow: 0px 1px 1px #ff9c00;
}
.subnav a img{
	display: block;
	width: 80px;
	height:80px;
	margin:0 auto 2px;
	animation-duration:3s;
	animation-fill-mode:both;
}
.subnav a:nth-child(1) img,.subnav a:nth-child(2) img{
	animation-name:fadeInLeft;
}
.subnav a:nth-child(3) img{
	animation-name:bounceInDown;
}
.subnav a:nth-child(4) img,.subnav a:nth-child(5) img{
	animation-name:fadeInRight;
}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}
.subnav a:hover{
	animation-name:pulse;
	animation-duration:1s;
	animation-fill-mode:both;
	text-decoration: none;
}
@keyframes pulse{
	0%{transform:scaleX(1)}
	50%{transform:scale3d(1.05,1.05,1)}
	to{transform:scaleX(1)}}
	
	
	/* 外边框样式 */
.custom-table {width: 100%; /* 将表格宽度设置为100% */
border-collapse: separate;
border-spacing: 3px; /* 设置行之间的间距 */
border-radius: 3px; /* 外边框圆角大小 */
background-color: #ffooff; /* 表格的背景颜色 */
}

/* 内边框样式 */
.custom-table th, 
.custom-table td {padding: 5px; /* 设置单元格内边距 */
border: 1px solid #CCCCCC; /* 内边框颜色和宽度 */
border-radius: 5px; /* 内边框圆角大小 */
text-align: center; /* 居中对齐单元格内容 */
cursor: pointer; /* 将鼠标光标改为手型以表示可点击元素 */
font-size: 16px; /* 增加字体大小 */}
/* 行背景颜色 */
.custom-table tr:nth-child(even) {background-color: #FFFFFF;
/* 偶数行的背景颜色 */}
.custom-table tr:nth-child(odd) {background-color: #FFFFFF; 
/* 奇数行的背景颜色 */}
/* 去掉锚点标签下划线 */
.custom-table a {text-decoration: none;color: #000000; 
/* 如果需要，可以改变链接的颜色 */}
.ymgg{ background: #ff0; font-family: '微软雅黑';font-size: 13pt; color: #00f;font-weight: 700;line-height:0.2;text-align: center;}
.ymgg table { border-collapse: collapse;}
.ymgg table tr {}
.ymgg table td { padding: 0.4em 0; border: solid 1px #ccc;}
.ymgg table td img { vertical-align: middle;}
.ymgg-tit1 { color: #fff; background: #f00;}
.ymgg-tit2 { color: #ff0; background: #00f;}

.list-title{
	background: linear-gradient(#75A0E1,#75A0E1);
	color: rgb(0, 0, 0);
	border-left: 1px solid #d8d2e7;
	border-right: 1px solid ##d8d2e7;
	height: 42px;
	line-height: 40px;
	font-size: 20pt;
    text-align: center;
    text-shadow: 0px 1px 1px #858585;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.wr{color:#f00 !important}
.wg{color:#080 !important}
.wb{color:#00f !important}
.wp{color:#f0f !important}
.wy{color:#ff0 !important}
.wo{color:#f60 !important}
.wpe{color:#80d !important}
.wsr{color:#f06 !important}
.wsb{color:#06f !important}
.ww{color:#eee !important}
.wbl{color:#000 !important}
.post-list  {border: 1px solid #ccc;list-style: none;margin: 0;padding: 0;text-align: center;}
.post-list ul {display: flex;flex-direction: row;flex-wrap: wrap;padding: 5px;}
.post-list li {padding: 3px 3px;border-radius: 0px;background-color: #fff;font-size: 17px;}
.post-list a{height: 35px;line-height: 31px;text-align: center; border: 1px solid #ddd;border-radius: 8px;background-image: linear-gradient(to top, #fff, #eee, #fff);box-shadow: 0 2px 5px rgba(0,0,0,0.1);display: block;font-weight: bold;text-decoration: none;color: #000;}
.post-list ul li {width: 50%;padding: 5px;box-sizing: border-box; font-weight: bold;}
.post-list font {font-size: 15px;color: #f00;border: 1px solid #f00;border-radius: 4px;vertical-align: middle;margin-left: 3px;}
.list-title1 {font-size: 22px;text-align: center;color: #000000;font-weight: bold;background: linear-gradient(transparent, #f7f3f3);text-shadow: 0px 0px 10px #e5e5e5;border-radius: 0 0 50px 50px;box-shadow: 0 5px 4px 0 #667eea, 0 6px 20px 0 rgba(0, 0, 0, .19);}
.list-title2 {font-size: 24pt;text-align: center;color: #000000;font-weight: bold;/* text-shadow: 1px 1px 1px #ffffff; */background: linear-gradient(transparent, #f7f3f3);text-shadow: 0px 0px 10px #e5e5e5;border-radius: 0 0 50px 50px;box-shadow: 0 5px 4px 0 #667eea, 0 6px 20px 0 rgba(0, 0, 0, .19);}
s1 {color: #f00;}
s2 {color: #0f0;}
s3 {color: #00f;}
s4 {color: #f0f;}
s5 {color: #ff0;}
s6 {color: #f60;}
s7 {color: #80d;}
s8 {color: #fff;}
s9 {color: #080;}
s10 {color: #000080;}
s11 {color: #800080;}
/* 底部微信引粉 */
.fot-wx {
  position: fixed;
  bottom: 0;
  left: 80;
  width: 100%;max-width: 720px;
  z-index: 999;
  display: flex;
  justify-content: center; /* ✅ 核心：让 .wx-text 居中 */
}

.wx-text {
  max-width: 52rem;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  position: relative;
}

.wx-text > a > img {
  height: 40px;
  animation: wximg 0.5s infinite alternate;
}

@keyframes wximg {
  0% { height: 20px; }
  100% { height: 10px; }
}

#colse-wx {
  position: absolute;
  bottom: 2px;
  left: 5px;
  font-size: 25px;
  cursor: pointer;
}

.download66{left: 0px;position:fixed;width:100%;height: 56px;font-size:16px;bottom:0px;background-color:rgba(0,0,0,.8);z-index: 999;text-align: center; font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, ////5FAE//8F6F//96C5//9ED1, STHeitiSC-Light, simsun, ////5B8B//4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei;}
.download66 a { text-decoration: none;}
.download66 i.close{display:block;position:absolute;top: 16px;left:0;height:25px;width:25px;background-image:url(/material/icon-close.jpeg);background-size:20px 20px;background-repeat:no-repeat;background-position:50%;}
.download66 p {margin: auto 0px;color:#fff;line-height: 56px;text-indent:3px;white-space: nowrap;}
.download66 span {height: 40px;line-height: 40px; padding: 0 0.5em; text-align:left;background: linear-gradient(to top, #ff0, #fff);bottom:0;top:0;margin: auto 10px auto 10px;border: none;border-radius: 40px;color: #f00;display: inline-block;cursor: pointer;}
.download66 a:hover span { color: #fff; background: #f00;}
@media screen and (max-width:750px) {
.download66{ padding-left: 10px; font-size: 15px;}
.download66 span { height: 30px; line-height: 30px;}
}

.liuyan {
	display: block;
	width: 45px;
	height: 45px;
	background: #009900;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-weight: 900;
	line-height: 50px;
	font-size: 18px;
	box-shadow: 1px 1px 2px #3333337d;
	position: fixed;
	bottom:170px;
	right: 1%;
}





.newsk-box {
  display: flex;
  align-items: center;
  position: relative;
  background: #c20000;
  height: 40px;
  overflow: hidden;
  font-size: 17px;
  color: yellow;
  border: 1px solid #a80000;
}
.newsk-title {
  width: 25%;  height: 100%;
  background: #a50000;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marquee-container {
  flex: 1;
  width: 75%;
  overflow: hidden;
  position: relative;
}
.marquee-content {
  display: flex;
  width: max-content;
  /* animation sẽ chạy liên tục */
  animation: marquee 12s linear infinite;
}
.marquee-inner {
  white-space: nowrap;
  font-weight: bold;
  margin-right: 300px; /* tạo khoảng cách giữa dòng đầu và dòng kế tiếp */
}

/* Khi hover dừng chữ */
.marquee-container:hover .marquee-content {
  animation-play-state: paused;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

#fireworks-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* ===== 顶部红色框架（保持不变） ===== */
.red-top {position: relative;display: table;width: 100%;padding: 0px 2px; border-radius: 18px;background: linear-gradient(270deg, #7a0000, #a0001a, #5b0000, #7a0000);background-size: 600% 600%;animation: gradientAnimation 12s ease infinite;border: 4px solid rgba(255,120,120,0.8);box-shadow: inset 0 0 12px rgba(255,255,255,.8), 0 0 20px rgba(255,80,80,0.7), 0 0 40px rgba(255,120,120,0.5);animation: gradientAnimation 12s ease infinite, borderGlow 3s ease-in-out infinite alternate;overflow: hidden;}
.red-top::before {content: '';position: absolute;top: 510%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle, rgba(255,200,200,0.15) 0%, transparent 70%);animation: glowAnimation 4s ease-in-out infinite alternate;pointer-events: none;border-radius: 50%;}
/* ===== 新：下面框架（无底色融合版） ===== */
.soft-box {width: 100%;border-radius: 18px;border: 3px solid rgba(255,120,120,0.6);/* 只保留发光，不要红底 */
box-shadow: inset 0 0 8px rgba(255,255,255,.6), 0 0 15px rgba(255,120,120,0.4), 0 0 30px rgba(255,120,120,0.3);background: transparent; /* 关键：去掉底色 */overflow: hidden;}
/* 表格内部优化 */
.soft-box td {height: 40px;border-bottom: 1px solid rgba(255,150,150,0.2);}
/* ===== 动画 ===== */
@keyframes gradientAnimation {0% {background-position: 0% 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0% 50%;}}
@keyframes glowAnimation {0% {transform: scale(0.9);opacity: 0.3;}
50% {transform: scale(1.1);opacity: 0.5;}
100% {transform: scale(0.9);opacity: 0.3;}}
@keyframes borderGlow {0% {box-shadow: inset 0 0 12px rgba(255,255,255,.8), 0 0 20px rgba(255,80,80,0.7), 0 0 40px rgba(255,120,120,0.5);}
50% {box-shadow: inset 0 0 12px rgba(255,255,255,.8), 0 0 30px rgba(255,150,150,0.9), 0 0 60px rgba(255,180,180,0.7);}
100% {box-shadow: inset 0 0 12px rgba(255,255,255,.8), 0 0 20px rgba(255,80,80,0.7), 0 0 40px rgba(255,120,120,0.5);}}



.jump-btn-wrap{
  text-align:center;
  margin-top:15px;
  font-family:Microsoft YaHei,Arial,sans-serif;
}

.jump-btn{
  display:block;
  text-decoration:none;
  margin-bottom:12px;
}

.jump-box{
  position:relative;
  overflow:hidden;
  border-radius:12px;
  padding:15px 10px;
  font-size:17px;
  font-weight:900;
  color:#fff;
  text-shadow:0 2px 5px #000;
  animation:btnFlash 1s infinite alternate;
}

/* 按钮1 */
.btn-green{
  background:linear-gradient(135deg,#00c853,#1de9b6,#00e676);
  box-shadow:0 0 20px rgba(0,255,120,.8);
}

/* 按钮2 */
.btn-blue{
  background:linear-gradient(135deg,#004cff,#00b7ff,#0051ff);
  box-shadow:0 0 20px rgba(0,140,255,.8);
}

/* 按钮3 */
.btn-red{
  background:linear-gradient(135deg,#ff0000,#ff5e00,#ff0000);
  box-shadow:0 0 22px rgba(255,0,0,.95);
}

/* 文字跳动 */
.jump-text{
  display:inline-block;
  animation:textJump .6s infinite alternate;
}

.jump-text:nth-child(2){animation-delay:.1s;}
.jump-text:nth-child(3){animation-delay:.2s;}
.jump-text:nth-child(4){animation-delay:.3s;}
.jump-text:nth-child(5){animation-delay:.4s;}
.jump-text:nth-child(6){animation-delay:.5s;}
.jump-text:nth-child(7){animation-delay:.6s;}
.jump-text:nth-child(8){animation-delay:.7s;}
.jump-text:nth-child(9){animation-delay:.8s;}
.jump-text:nth-child(10){animation-delay:.9s;}

@keyframes textJump{
  0%{
    transform:translateY(0);
  }
  100%{
    transform:translateY(-6px) scale(1.08);
  }
}

/* 按钮整体闪 */
@keyframes btnFlash{
  0%{filter:brightness(1);}
  100%{filter:brightness(1.22);}
}

/* 流光 */
.jump-box:before{
  content:"";
  position:absolute;
  top:-60%;
  left:-30%;
  width:40%;
  height:240%;
  background:rgba(255,255,255,.35);
  transform:rotate(25deg);
  animation:shine 2s linear infinite;
}

@keyframes shine{
  0%{left:-40%;}
  100%{left:130%;}
}




/* -弹窗开始- */

#app .van-tabbar,#app .van-dialog,#app .van-overlay {
    width: calc(100vw + 1px);
    left: 50%;
    transform: translate(-50%)
   }

   #app .home-popup,#app .comment-dialog,#app .login-dialog {
    transform: translate(-50%,-50%);
    margin: 0;
    width: 300px
   }

   #app .home-popup.large {
    width: 90%
   }


    .van-overlay {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 2001;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .0);
    }

    #app .van-tabbar,
    #app .van-dialog,
    #app .van-overlay {
      width: calc(100vw + 1px);
      left: 50%;
      transform: translate(-50%);
    }

    .popup-swiper.theme-9.posi-4[data-v-f602b04b] .van-popup {
      background-image: url(/material/pop-9-3-uLGZ4j4p.png);
    }

    .popup-swiper.theme-9[data-v-f602b04b] .van-popup {
      background-image: url(/assets/png/pop-9-2-CfgHvtot.png);
      background-size: 100% 100%;
      background-color: transparent;
      padding-top: 60px;
    }

    .popup-swiper[data-v-f602b04b] .van-dialog {
      overflow: visible;
    }

    .van-popup.van-popup--center {
      max-width: 600px;
      margin: 0 auto;
      left: 50%;
      transform: translate(-50%);
    }

    .popup-swiper[data-v-f602b04b] .van-dialog__header {
      padding-top: 0;
    }

    .popup-swiper .popup-title[data-v-f602b04b] {
      padding-top: 26px;
    }

    .popup-swiper[data-v-f602b04b] .van-dialog__content {
      padding: 12px 25px;
    }

    .slot-content[data-v-f602b04b] {
      padding-bottom: 20px;
      position: relative;
      max-height: 50vh;
    }

    .swiper-container[data-v-f602b04b] {
      max-height: 42vh;
      overflow-y: auto;
    }



    .van-swipe {
      position: relative;
      overflow: hidden;
      transform: translateZ(0);
      cursor: -webkit-grab;
      cursor: grab;
      -webkit-user-select: none;
      user-select: none;
    }

    .van-swipe__track {
      display: flex;
      height: 100%;
      transition-property: transform;
    }

    .van-swipe-item {
      position: relative;
      flex-shrink: 0;
      width: 100%;
      height: 100%;
    }

    .van-dialog__header {
      color: #323233;
      padding-top: 26px;
      font-weight: 600;
      line-height: 24px;
      text-align: center;
    }

    .popup-swiper.theme-9 .popup-title[data-v-f602b04b] {
      position: absolute;
      top: -15px;
      color: #ffac0e;
      font-size: 20px;
      left: 50%;
      transform: translate(-50%);
      font-size: 24px;
      color: #fff;
      font-weight: 700;
      -webkit-text-stroke: 0px #8b0000;
    }

    .van-dialog {
      top: 45%;
      width: 320px;
      overflow: hidden;
      font-size: 16px;
      background: #fff;
      border-radius: 16px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transition: .3s;
      transition-property: transform, opacity;
    }


    .van-popup--center {
      top: 20%;
      
      width: -webkit-fit-content;
      width: fit-content;
      max-width: calc(100vw - var(--van-padding-md) * 2);
      margin: 0 auto;
      transform: translateY(-50%);
    }


    .van-popup {
      position: fixed;
      max-height: 100%;
      overflow-y: auto;
      box-sizing: border-box;
      background: #fff;
      transition: .3s;
      -webkit-overflow-scrolling: touch;
    }




    .popup-swiper.posi-4 .modal-btn .close-btn[data-v-f602b04b] {
      background: #d72a1a;
      border: 0px solid #fff;
      color: #fff;
    }



    .popup-swiper.posi-4 .modal-btn .btn[data-v-f602b04b] {
      border-radius: 10px;
    }

    .popup-swiper.posi-4 .modal-btn .btn[data-v-f602b04b] {
      border-radius: 10px;
    }

    .slot-content .modal-btn[data-v-f602b04b] {
      position: absolute;
      bottom: -12px;
      left: 50%;
      background: #fff;
      width: 100%;
      display: flex;
      padding-top: 10px;
      transform: translate(-50%);
      border-radius: 0 0 16px 16px;
      border-top: 1px solid #e5e5e5;
      padding-bottom: 10px;
    }

    .slot-content .btn[data-v-f602b04b] {
      transition: .3s;
      height: 40px;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 160px;
    }

    .slot-content .modal-btn .btn+.btn[data-v-f602b04b] {
      margin-left: 10px;
    }

    .popup-swiper.theme-9.posi-4 .modal-btn[data-v-f602b04b] {
      background: transparent;
      border-top: 0;
    }

    .popup-swiper.posi-4 .modal-btn[data-v-f602b04b] {
      background: transparent;
      position: absolute;
      bottom: -80px;
      border-top: 0;
    }

    .popup-swiper.theme-9.posi-4 .confirm-btn[data-v-f602b04b] {
      background: #ffff00;
      color: #fff;
      border-radius: 10px;
    }
    
    .popup-swiper.theme-9.posi-4 .confirm-btn[data-v-f602b04b] {
      background: #d72a1a;
      color: #fff;
      border-radius: 10px;
    }
    
    
    
    
    
@keyframes vipRotate {
            100% {
                transform: rotate(360deg);
            }
        }

.vip-display-box::before {
            content: '';
            position: absolute;
            left: -50%;
            top: -150%;
            width: 200%;
            height: 400%;
            z-index: -2;
            background: conic-gradient(
                from 0deg,
                transparent 0%,
                #00a8ff 30%,
                #00f0ff 50%,
                #00a8ff 70%,
                transparent 100%
            );
            animation: vipRotate 3.5s linear infinite;
        }

.vip-display-box::after {
            content: '';
            position: absolute;
            inset: 1.5px;
            z-index: -1;
            border-radius: 7px;
            background: #0f0c1b;
        }

.vip-action-btn-styled {
            display: block;
            width: 100%;
            height: 48px;
            line-height: 48px;
            background: linear-gradient(90deg, #00f0ff, #00a8ff);
            color: #030208 !important;
            font-weight: bold;
            font-size: 16px;
            text-decoration: none;
            border-radius: 24px;
            margin-bottom: 16px;
            box-shadow: 0 4px 20px rgba(0, 240, 255, 0.4);
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
.vip-action-btn-styled:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 25px rgba(0, 240, 255, 0.6);
            opacity: 0.95;
        }




.zyh-trend8{
    max-width:720px;
    margin:10px auto;
    border-radius:15px;
    overflow:hidden;
    background:linear-gradient(135deg,#7a0000,#b50000,#d80000);
    border:3px solid #ffd700;
    box-shadow:0 0 20px rgba(255,215,0,.5);
    font-family:"Microsoft YaHei",Arial,sans-serif;
}

.zyh-head{
    text-align:center;
    padding:14px;
    font-size:28px;
    font-weight:bold;
    color:#fff;
    background:linear-gradient(90deg,#8b0000,#ff0000,#8b0000);
    text-shadow:0 0 10px #ffd700;
}

.zyh-led{
    height:38px;
    line-height:38px;
    overflow:hidden;
    background:#3d0000;
    color:#ffeb3b;
    white-space:nowrap;
}

.zyh-led span{
    display:inline-block;
    padding-left:100%;
    animation:ledmove 15s linear infinite;
}

@keyframes ledmove{
    from{transform:translateX(0);}
    to{transform:translateX(-100%);}
}

.zyh-date{
    text-align:center;
    color:#fff8d6;
    padding:12px 10px;
    font-size:16px;
}

.zyh-title{
    text-align:center;
    color:#ffd700;
    font-size:26px;
    font-weight:bold;
    margin-bottom:15px;
}

.zyh-balls{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    padding:0 10px;
}

.zyh-balls span{
    width:62px;
    height:62px;
    line-height:62px;
    text-align:center;
    border-radius:50%;
    background:radial-gradient(circle,#fff3a0,#ffd700,#ff9900);
    color:#9c0000;
    font-size:24px;
    font-weight:bold;
    border:2px solid #fff;
    box-shadow:
        0 0 10px #ffd700,
        0 0 20px #ff9900;
}

.zyh-info{
    padding:15px;
    text-align:center;
    color:#fff;
    line-height:1.8;
    font-size:15px;
}

.zyh-data{
    padding:0 15px;
}

.zyh-data .item{
    display:flex;
    align-items:center;
    margin-bottom:12px;
}

.zyh-data span{
    width:75px;
    color:#fff;
    font-size:14px;
}

.zyh-data .bar{
    flex:1;
    height:10px;
    background:rgba(255,255,255,.2);
    border-radius:20px;
    overflow:hidden;
}

.zyh-data .bar em{
    display:block;
    height:100%;
    background:linear-gradient(90deg,#ffd700,#fff59d);
}

.zyh-data b{
    width:50px;
    text-align:right;
    color:#ffd700;
    font-weight:bold;
}

.zyh-btn{
    display:block;
    width:90%;
    max-width:420px;
    margin:18px auto 10px;
    padding:14px;
    text-align:center;
    text-decoration:none;
    border-radius:50px;
    background:linear-gradient(90deg,#ffd700,#fff59d,#ffd700);
    color:#a10000 !important;
    font-size:20px;
    font-weight:bold;
    border:2px solid #fff;
    box-shadow:
        0 0 15px #ffd700,
        0 0 25px #ffcc00;
    animation:goldFlash 1s infinite alternate;
}

@keyframes goldFlash{
    from{
        transform:scale(1);
    }
    to{
        transform:scale(1.03);
    }
}

.zyh-btn2{
    margin-top:12px;
    margin-bottom:25px;
    background:linear-gradient(90deg,#b00000,#ff0000,#ffcc00,#ff0000,#b00000);
    color:#fff !important;
    border:2px solid #ffd700;
    text-shadow:0 0 5px rgba(0,0,0,.5);
    box-shadow:
        0 0 15px #ff0000,
        0 0 30px #ffd700;
    animation:vipFlash .8s infinite alternate;
}

@keyframes vipFlash{
    from{
        transform:scale(1);
        opacity:.9;
    }
    to{
        transform:scale(1.05);
        opacity:1;
    }
}

@media(max-width:768px){

    .zyh-head{
        font-size:22px;
    }

    .zyh-title{
        font-size:22px;
    }

    .zyh-balls span{
        width:52px;
        height:52px;
        line-height:52px;
        font-size:20px;
    }

    .zyh-btn{
        width:92%;
        font-size:18px;
    }

    .zyh-data span{
        width:68px;
        font-size:13px;
    }
}