/* 490179 全量样式 */
#widgetContainer25919 {
    margin-top: -3px;
}
    .tu4901tu2{
display:none;
}
    #app{
        padding-top:50px;
    }
@charset "utf-8";
.header.index-header {
    border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.header {
    position: fixed;
    z-index: 99;
    width: 100%;
    max-width: 720px;
    background: #713800;
    top:0;
}

.header .logo-box {
    height: 50px;
}
.header .logo {
    float: left;
    height: 50px;
    margin-left: 0px;
}
.header .logo .logo-img {
    width: 208px;
    height: 50px;
}
.header .bank {
    float: right;
    position: relative;
    width: 80px;
    height: 50px;
}
.header .bank a {
    display: block;
    color: #fff;
    font-size: 12pt;
    text-align: center;
    padding-top: 14px;
}
.header .bank img {
    display: block;
    width: 75px;
    height: 50px;
    margin: 0 auto;
}
.nullbox {
    height: 100px;
}
.nav{
	overflow: hidden;
	    background-image: linear-gradient(to right, #e0a31c, #e0a82b, #e2ac32, #e6a515, #eaad26, #f1b227, #e0a31c);
}
.nav span{
	display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 16.66%;
    text-align: center;
    cursor: pointer;
}
.nav span:hover{
	background:#292929;
}
.box{
	margin:5px 0;
	border-radius: 5px;
	overflow: hidden;
	    background-image: linear-gradient(to right, #713800, #945920, #965a1e, #ab6520, #944f0c, #925111, #713800);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
.dbt img{
	margin-top: 100px;
	margin-bottom: -8px;
}
.news-title {
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.txtMarquee-left {
    padding: 0 1px;
    width: auto;
    position: relative;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

/*content*/
.subnav{
	border-radius:5px;
	padding:5px 0;
	background: #f3f0eb;
	overflow: hidden;
}
.subnav a{
	display: block;
	float: left;
	width: 20%;
	text-align: center;
	font-size: 12pt;
	color: #000;
	font-weight: bold;
	text-shadow: 0px 2px 1px #ff9c00;
}
.subnav a img{
	display: block;
	width: 80px;
	height:80px;
	margin:0 auto 2px;
	animation-duration:1s;
	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;
}
.ggimg{
	margin:5px 0;
}
.ggimg a img{
	width: 60px;
	height: 60px;
}
@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;
}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}
.pad{
	padding:2px 2px;
}
.padt{
	padding:4px 4px 1px 4px;
}
.xjbox{
	margin: 5px 0;
    border-radius: 5px;
    overflow: hidden;
    background: #000;
}
.gg{
	color: #000;
	table-layout: fixed;
}
.gg tr{
	height: 25px;
}
.gg th,.gg td{
	padding:4px 4px;
}
.gg th{
	font-size: 20pt;
	text-align: center; 
	border-bottom:1px solid #000;
	text-shadow: 1px 4px 1px #b99b5f;
}
.gg td{
	height: 42px;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #f3daab;
	font-size: 18pt;
	background: #00FF00;
    text-align: center;
}
.gg td a{
	display: block;
	color: #000;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
}
.ggam{
	color: #000;
	table-layout: fixed;
}
.ggam tr{
	height: 30px;
	background: #F4F4F4;
}
.ggam td{
	padding:4px 4px;
}
.ggam th{
	font-size: 20pt;
	text-align: center; 
	border-bottom:1px solid #000;
	text-shadow: 1px 4px 1px #b99b5f;
}
.ggam td{
	height: 22px;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #fff;
	font-size: 16pt;
	text-align:center;
}
.ggam td a{
	display: block;
	color: #0000FF;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
}
.dingbugg{
	color: #000;
	table-layout: fixed;
}
.dingbugg tr{
	height: 25px;
}
.dingbugg th,.dingbugg td{
	padding:2px 2px;
}
.dingbugg th{
	font-size: 20pt;
	text-align: center; 
	border-bottom:1px solid #000;
	text-shadow: 1px 4px 1px #b99b5f;
}
.dingbugg td{
	height: 35px;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid #383232;
	font-size: 16pt;
	text-align:center;
}
.dingbugg td a{
	display: block;
	color: #0000FF;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
}
.qxtable{
	color: #000;
    background: #fff;
    font-weight: bold;
    word-wrap: break-word; 
    word-break: break-all;	
    text-align: center;;
}
.qxtable tr {
     height: 30px; 
}
.qxtable th, .qxtable td {
    border:1px solid #fff;
}
.qxtable th{
	font-size: 18px;
	background: #fff89c;
	text-align: center;
	color: red;
}
.qxtable td {
    text-overflow: ellipsis;    
    font-size: 24px;
}
.qxtable .xz {   
    font-size: 36px;
}
.qxtable .xz1 {   
    font-size: 20px;
}
.qxtable .xz2 {   
    font-size: 30px;
}
.qxtable .xz3 {   
    font-size: 38px;
}
.qxtable.left{
	text-align: left;
}
.qxtable.left th{
	text-align: left;
}
.qxtable.yxym{
	table-layout:auto;
	word-wrap: break-word;
    word-break: break-all;
/*    background:#fff url(../images/tjl.png) center center no-repeat;
*/}
.qxtable.yxym td{
	font-size: 18pt;
}
.qxtable.yxym tr td:nth-child(1){
	background: #efe9e3;
	width: 26%;
}
.qxtable.yxym tr td:nth-child(3){
	background: #efe9e3;
	width: 18%;
}
.qxtable.yxym tr td:nth-child(2){
	background: #f7f7f7;
	width: 56%;
	font-size: 28px;
}
.qxtable .jx {   
    font-size: 20px;
}
.list-title{
	font-size: 16pt;
    text-align: center;
    border-bottom: 1px solid #738e9f;
    text-shadow: 1px 4px 1px #b99b5f;
    background: #fff;
    color: #000;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 2px 0px 4px 0px;
}
.riqi{
	font-size: 19pt;
    text-align: center;
    font-weight: bold;
    margin: 5px 0;
    color: #fff;
}
.haoju{
	font-size: 20pt;
    text-align: center;
    font-weight: bold;
    padding: 3px 0px;
}
#yxym .list-title{
	background: linear-gradient(transparent,#f7f3f3);
	font-size: 26px;
	color: #000;
	text-shadow: 0px 0px 10px #e5e5e5;

}

ul {margin: 1px;}
.post-list{text-align:center;}
.post-list-tit-pic{margin-bottom:6px}
.post-list li{padding: 3px 3px;
    border-radius: 0px;
    background-color: #fff;}

.post-list a{
height: 36px;
line-height: 36px;
text-align: center;
border: solid 1px #ddd;
border-radius: 8px;
background: #eee;
background-image: linear-gradient(to top, #fff, #eee, #fff);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
display: block;
font-size: 22px;
font-weight: bold;
color: #000;
white-space: nowrap;
overflow: hidden;
padding-right: 4px;
}
.post-list a .ci{
font-size: 26px;
}

.guanggao{
	table-layout: auto;
	color: #fff;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #eab43b;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff, endcolorstr=#99ffffff);
}
.guanggao tr{
	height: 33px;
}
.guanggao img{
	width: 100%;
	height: 45px;
}
.guanggao .dt {
    width: 100%;
    height: 90px;
}
.guanggao a{
	font-size: 16pt;
	color: #000;
}
.guanggao td{
	font-weight: bold;
	border:0px; solid:#636262;
	width: 100%;
	text-align: left;
    white-space: nowrap;
}

.gongshi{
	color: #000;
	table-layout: fixed;
}
.gongshi tr{
	height: 25px;
}
.gongshi th,.gongshi td{
	padding:2px 2px;
}
.gongshi th{
	font-size: 20pt;
	text-align: center; 
	border-bottom:1px solid #000;
	text-shadow: 1px 4px 1px #b99b5f;
}
.gongshi td{
	height: 35px;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid #efe8e8;
	font-size: 18pt;
	text-align:center;
}
.gongshi td a{
	display: block;
	color: #fff;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
}

.biaoti {
    table-layout: auto;
    color: #fff;
    border-radius: 0px;
    overflow: hidden;
    text-align: center;
    background: #0000FF;
}


table[Attributes Style] {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
    border-spacing: 5px;
}
user agent stylesheet
table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-style: normal;
    color: -internal-quirk-inherit;
    text-align: start;
    font-variant: normal normal;
}
user agent stylesheet
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    max-height: 99999px;
    word-wrap: break-word;
}

.duilianpt{
	table-layout: auto;
	color: #FF0000;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #fff;
}
.duilianpt tr{
	height: 30px;
}
.duilianpt td{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 16pt;
}
.duilianpt th{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 16pt;
}
.duilianpt .zl{
	font-size: 20pt;
}

.duilianpt1{
	table-layout: auto;
	color: #FF0000;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #fff;
}
.duilianpt1 tr{
	height: 30px;
}
.duilianpt1 td{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 12pt;
}
.duilianpt1 .zl{
	font-size: 22pt;
}
.duilianpt1 th{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 17pt;
}

.yjjt{
	table-layout: auto;
	color: #FF0000;
	border-radius: 5px;
	overflow: hidden;
	background: #fff;
}
.yjjt tr{
	height: 25px;
}
.yjjt td{
	font-weight: bold;
	border:1px solid #fff;
	font-size: 18pt;
}
.yjjt th{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 17pt;
}
.yjjt .xz{
	font-size: 15pt;
}
.sanshima{
	table-layout: auto;
	border-radius: 5px;
	overflow: hidden;
	background: #fff;
}
.sanshima tr{
	height: 25px;
}
.sanshima td{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 18pt;
	text-align: center;
	color: #0000FF;
	
}
.sanshima th{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 16pt;
	text-align: left;
	color: #000;
}

.pnzl{
	table-layout: auto;
	color: #000;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #f5f5f5;
}
.pnzl tr{
	height: 32px;
}
.pnzl td{
	font-weight: bold;
	border:1px solid #fff;
	width: 33.3%;
	font-size: 12pt;
	font-family: ΢   ź ;
}
.pnzl a{
	color: #000;
}

.copyright{
	width: 80%;
	margin:0 auto;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom:5px;
	border-bottom:1px solid #000;
	color: #fff;
}
.xjct{
	    background-image: linear-gradient(to right, #e0a31c, #e0a82b, #e2ac32, #e6a515, #eaad26, #f1b227, #e0a31c);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99bdb657, endcolorstr=#99bdb657);
}

@media screen and (max-width: 610px){
.riqi{
	font-size: 15pt;
}
.haoju {
    font-size: 18pt;
}
.pad {
    padding: 2px 2px;
}
.padt{
	padding:2px 2px 0.1px 2px;
}
	#yxym .list-title{
	font-size: 20px;
}
.duilianpt td{
	font-size: 15pt;
}
.duilianpt .zl{
	font-size: 17pt;
}
.duilianpt th{
	font-size: 14pt;
}
.duilianpt1 td{
	font-size: 16pt;
}
.duilianpt1 .zl{
	font-size: 19pt;
}
.duilianpt1 th{
	font-size: 14pt;
}
.yjjt td{
	font-size: 18pt;
}
.yjjt th{
	font-size: 17pt;
}
.yjjt .xz{
	font-size: 14pt;
}
.sanshima td{
	font-size: 15pt;
}
.sanshima th{
	font-size: 14pt;
}
.qxtable td {
    font-size: 20px;
}
.qxtable .xz {   
    font-size: 27px;
}
.qxtable .xz1 {   
    font-size: 18px;
}
.qxtable .xz2 {   
    font-size: 24px;
}
.qxtable .xz3 {   
    font-size: 30px;
}
.listtable td{
		font-size: 13pt;
}
.qxtable.yxym td {
    font-size: 12pt;
}
.post-list a{font-size:21px
}
.gg td{
	font-size: 16pt
}
.dingbugg td{
	font-size: 15pt;
}
}
@media screen and (max-width: 505px){
.pad {
    padding: 2px 2px;
}
	#yxym .list-title{
	font-size: 18px;
}
.riqi{
	font-size: 12pt;
}
.haoju{
	font-size: 15pt;
}
.box,.subnav,.xjbox{
		margin:2px 0px ;
	}
.subnav a{
		font-size: 11pt;
	}
.subnav a img{
		width: 60.8px;
		height: 60.8px;
	}
.ggimg a img{
		width: 40px;
		height: 40px;
	}

.qxtable.yxym td{
		font-size: 18px;
	}
.qxtable.yxym tr td:nth-child(2){
		font-size: 24px;
	}
.qxtable .jx {   
    font-size: 18px;
}
.guanggao img{
	width: 100%;
	height: 33px;
}
.guanggao .dt {
    height: 66px;
}
.guanggao a{
	font-size: 12pt;
	}
.gongshi td{
	font-size: 16pt;
	}
.duilianpt td{
	font-size: 14pt;
}
.duilianpt .zl{
	font-size: 16pt;
}
.duilianpt th{
	font-size: 13pt;
	}
.duilianpt1 td{
	font-size: 16pt;
}
.duilianpt1 .zl{
	font-size: 18pt;
}
.duilianpt1 th{
	font-size: 13pt;
}
.yjjt td{
	font-size: 14pt;
}
.yjjt th{
	font-size: 13pt;
}
.yjjt .xz{
	font-size: 12pt;
}
.sanshima td{
	font-size: 14pt;
}
.sanshima th{
	font-size: 13pt;
}
.pnzl td{
	font-size: 13pt;
}
.qxtable td {
    font-size: 16px;
}
.qxtable .xz {   
    font-size: 26px;
}
.qxtable .xz1 {   
    font-size: 16px;
}
.qxtable .xz2 {   
    font-size: 20px;
}
.qxtable .xz3 {   
    font-size: 30px;
}
.post-list a{font-size:19px
}
.post-list a .ci{font-size: 24px;
}
.gg td{
	font-size: 15pt
}
.ggam td{
	font-size: 14pt;
}
.ggam td a{
	text-align: left;
}
.dingbugg td{
	font-size: 14pt;
}
.dingbugg td a{
	text-align: left;
}
}
@media screen and (max-width: 429px){
.haoju{
	font-size: 14pt;
}
.qxtable td {
    font-size: 16px;
}
.qxtable .xz1 {   
    font-size: 15px;
}
.qxtable .xz2 {
    font-size: 19px;
}
.qxtable .xz3 {   
    font-size: 28px;
}
.qxtable .xz {
    font-size: 25px;
}
.duilianpt td {
    font-size: 13pt;
}
.duilianpt .zl {
    font-size: 16pt;
}
.duilianpt1 td {
    font-size: 15pt;
}
.duilianpt1 .zl {
    font-size: 17pt;
}
.yjjt td{
	font-size: 13pt;
}
.yjjt th{
	font-size: 12pt;
}
.yjjt .xz{
	font-size: 10pt;
}
.post-list a {
    font-size: 18px;
}
.post-list a .ci {
    font-size: 23px;
}
.qxtable.yxym tr td:nth-child(2) {
    font-size: 23px;
}
}
@media screen and (max-width: 409px){
.riqi{
	font-size: 11pt;
}
.haoju{
	font-size: 13pt;
}
.qxtable td {
    font-size: 14px;
}
.qxtable .xz {   
    font-size: 23px;
}
.qxtable .xz1 {   
    font-size: 14px;
}
.qxtable .xz2 {   
    font-size: 18px;
}
.qxtable .xz3 {   
    font-size: 26px;
}
.qxtable.yxym td {
    font-size: 16px;
}
.qxtable.yxym tr td:nth-child(2){
		font-size: 21px;
	}
.qxtable .jx {   
    font-size: 16px;
}
#yxym .list-title{
	font-size: 18px;
}
.duilianpt td {
    font-size: 13pt;
}
.duilianpt .zl{
	font-size: 15pt;
}
.duilianpt th{
	font-size: 11pt;
}
.duilianpt1 td{
	font-size: 13pt;
}
.duilianpt1 .zl{
	font-size: 14pt;
}
.duilianpt1 th{
	font-size: 12pt;
}
.sanshima td{
	font-size: 13pt;
}
.sanshima th{
	font-size: 12pt;
}  
.pnzl td {
    font-size: 12pt;
}
.gongshi td{
	font-size: 14pt;
	}
.post-list a{font-size:16px
}
.post-list a .ci{font-size: 22px;
}
.gg td{
	font-size: 14pt
}
.ggam td{
	font-size: 13pt;
}
.dingbugg td{
	font-size: 13pt;
}
}
@media screen and (max-width: 374px){
.riqi {
    font-size: 10pt;
}
.haoju {
    font-size: 12pt;
}
.qxtable td {
    font-size: 14px;
}
.qxtable .xz1 {   
    font-size: 12px;
}
.qxtable .xz2 {
    font-size: 16px;
}
.qxtable .xz3 {   
    font-size: 22px;
}
.qxtable .xz {
    font-size: 19px;
}
.duilianpt td {
    font-size: 13pt;
}
.duilianpt .zl{
	font-size: 13pt;
}
.duilianpt th {
    font-size: 10pt;
}
.duilianpt1 td{
	font-size: 11pt;
}
.duilianpt1 .zl{
	font-size: 13pt;
}
.duilianpt1 th{
	font-size: 10pt;
}
.yjjt td{
	font-size: 12pt;
}
.yjjt th{
	font-size: 11pt;
}
.yjjt .xz{
	font-size: 9pt;
}
.sanshima td{
	font-size: 12pt;
}
.sanshima th{
	font-size: 11pt;
}
.post-list a{font-size:15px
}
.post-list a .ci{font-size: 19px;
}
#yxym .list-title {
    font-size: 17px;
}
.qxtable.yxym tr td:nth-child(2){
		font-size: 19px;
	}
.qxtable .jx {   
    font-size: 14px;
}
.pnzl td {
    font-size: 11pt;
}
}

.blgg a{text-decoration: none;}
.blgg a:hover{text-decoration:underline;}

.blgg {
    table-layout: auto;
    color: #000;
    border-radius: 0px;
    overflow: hidden;
    text-align: center;
    background: #fff;
    
}
.blgg td {
    font-weight: bold;
    border: 1px solid #fefefe;
    font-size: 18pt;
    padding: 2px 2px;
    white-space: nowrap;
}

.blgg a {
    line-height: 35px;
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 8px;
    background: #eee;
    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;
    color: #000;
    text-decoration: none;
    padding-left: 0px;
}


@media screen and (max-width: 580px){
.blgg td{
  font-size: 15pt;
  }
}
@media screen and (max-width: 480px){
.blgg td{
  font-size: 13pt;
  }
}
@media screen and (max-width: 408px){
.blgg td {
    font-size: 12pt;
}
.blgg a {
    line-height: 30px;
}
}
@media screen and (max-width: 358px){
.blgg td {
    font-size: 11pt;
}
}

.guangcao{
    color: #ffffff;
      background: #000;
      font-weight: bold;
      word-wrap: break-word; 
      word-break: break-all;  
      text-align: center;
    height: 60px !important;
    font-weight: 700;
    }
    .guangcao tr {
       height: 60px !important;
    }
    .guangcao td {
    text-align: center;
      text-overflow: ellipsis;    
      font-size: 30px;
    color: #ffffff;
    }

@media screen and (max-width: 610px){
      .guangcao td {
          font-size: 21px;
          font-weight: 700;
      }
      }
      @media screen and (max-width: 505px){
      .guangcao td{
              font-size: 20px;
              font-weight: 700;
          }
      }
      @media screen and (max-width: 429px){
    
      .guangcao td {
          font-size: 19px;
          font-weight: 700;
      }
      }
      @media screen and (max-width: 409px){
      
      .guangcao td {
          font-size: 18px;
          
      }
      }
      @media screen and (max-width: 374px){
      .guangcao td {
          font-size: 17px;
          
      }
    }
    
    table.bd1 tr, table.bd1 td {
    border: 1px solid #e7f1fd !important;
    }

@charset "utf-8";
.header {
    position: fixed;
    z-index: 99;
    height: 61px;
    width: 100%;
    max-width: 720px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}




.nullbox {
    height: 100px;
}
html {
	font-size: 62.5%
}
body {
	background: #f0f5f9;
font-size: 14px;
	max-width: 720px;
	margin: 0 auto;
}
li, ol, ul {
	margin: 0;
	padding: 0;
	list-style: none
}
a {
	color: #1b1b1b;
	text-decoration: none
}
a:hover {
	color: #3ca5f6;
	text-decoration: none
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
	margin: 0
}
em, i {
	font-style: normal
}
.wrap {
	margin-top: 48px;
	max-width: 720px;
	margin: 0 auto;
}
.show {
	display: block!important
}
.hide {
	display: none !important;
}
.modd .TitA h2, .modd .TitA h3, .modd .TitA h4, .modd .TitA h5 {
	line-height: 37px;
	padding-left: 10px;
}
.cat-slide-bar {
	max-height: 265px;
	position: relative;
	overflow: hidden;
	-webkit-transform: translateZ(0)
}
.rec-news {
	position: relative;
	margin-top: 10px;
	background: #fff;
	overflow: hidden;
	width: 100%;
}
.rec-news .title {
	position: relative;
	height: 38px;
	line-height: 38px;
	background: #fafafa;
	padding: 0 10px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f7f7f7;
}
.rec-news .new {
	position: absolute;
	right: 10px;
	top: 0;
	padding-left: 21px;
	background: url(../images/jiantou.png) no-repeat 0 12px;
	color: #777;
}
.sider_tabs {
	font-size: 16px;
	font-weight: 500;
	color: #bfbfbf;
	overflow: hidden;
}
.sider_tabs li {
	float: left;
	padding: 0 3px;
	margin-right: 10px;
}
.sider_tabs li a {
	color: #666;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
}
.sider_tabs .cur {
	color: #333;
	font-weight: 500;
	color: #38a2db;
}
.sider_tabs_con {
	padding: 10px;
	overflow: hidden;
}
.rec-top {
	border-bottom: dotted 1px #ccc;
	overflow: hidden;
}
.rec-top h2 {
	text-align: center;
	font-size: 20px;
	font-size: 1.6rem;
	font-weight: 700;
	height: 26px;
	line-height: 26px;
	margin-top: 5px;
	overflow: hidden;
}
.rec-top h2 a {
	color: #ff6666;
}
.rec-top p {
	text-indent: 2em;
	color: #666;
	height: 40px;
	line-height: 20px;
	margin: 10px 0;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.rec-light {
	margin-top: 10px;
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin-bottom: 10px;
}
.rec-light a {
	font-weight: 700;
	color: #ff6666;
}
.rec-light .cname {
	padding: 0 6px;
	float: left;
	margin-right: 10px;
	background-color: #1abaf4;
	position: relative;
	zoom: 1;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	text-align: center
}
.rec-light .cname a, .rec-light .cname a:hover {
	font-weight: 500;
	color: #fff
}
.rec-light .cname .tragl {
	border-width: 5px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #1abaf4;
	right: -9px;
	top: 5px
}
.m-index .article-list {
	margin-top: 10px;
}
.tragl {
	width: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
	border-style: dashed;
	border-width: 5px;
	position: absolute;
	-webkit-transition: -webkit-transform .2s;
	transition: transform .2s;
	-webkit-transform-origin: center 20%;
	transform-origin: center 20%
}
.article-list {
	margin-top: -5px;
	overflow: hidden
}
.article-list li {
	overflow: hidden;
	height: 34px;
	line-height: 34px
}
.article-list i, .article-list u {
	float: left;
	display: block;
	margin: 16px 6px 0 0;
	width: 3px;
	height: 3px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	background-color: #999
}
.article-list li a {
	font-size: 14px;
}
.article-list span.time {
	float: right;
	padding-left: 15px;
	color: #888
}
/*====热门标签====*/
.h-tags {
	height: 122px;
	position: relative;
	background: #fff;
	overflow: hidden;
}
.h-tags-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 10%;
	background: #ff6666;
	text-align: center;
	overflow: hidden;
}
.h-tags-title h2 {
	display: inline-block;
	padding: 15px 0;
	height: 122px;
	line-height: 23px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	letter-spacing: 3px;
}
.h-tags-list {
	padding-left: 12%;
}
.h-tags-list li {
	width: 31%;
	margin-right: 2%;
	float: left;
	margin-top: 8px;
}
.h-tags-list a {
	display: inline-block;
	background: #efefef;
	height: 30px;
	line-height: 30px;
	width: 100%;
	padding: 0 6px;
	text-align: center;
	float: left;
	overflow: hidden;
}
.h-tags-list a:hover {
	background: #ff6666;
	color: #fff;
}
/*modd*/
.modd {
	position: relative;
	margin-top: 10px;
	padding: 10px;
	background: #fff
}
.modd .title {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 32px
}
.modd .title h2, .mod .title h3, .mod .title h4, .mod .title h5, .mod .title h6 {
	float: left;
	color: #5c5c5c;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 32px
}
.modd .title .more {
	position: absolute;
	right: 6px;
	bottom: 6px;
}
.modd .title .more i {
	margin-left: 2px
}
.modd .title .more a {
	color: #6c6c6c
}
.modd .TitA {
	height: 38px;
	border-bottom: 1px solid #eee;
	margin-bottom: 6px
}
.modd .TitA em {
	position: absolute;
	left: 0;
	top: 8px;
	display: inline-block;
	width: 3px;
	height: 20px;
	background: #3e98f0
}
.modd .TitA h2, .mod .TitA h3, .mod .TitA h4, .mod .TitA h5 {
	padding-left: 10px;
	line-height: 37px
}
.modd .TitA .more {
	bottom: 8px;
	color: #454545
}
.modd a.load-more {
	display: block;
	margin-top: 10px;
	height: 35px;
	border: 1px solid #f1f1f1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color: #fafafa;
	color: #575757;
	text-align: center;
	line-height: 35px
}
.modd a.load-more i {
	margin-left: 5px
}
.feedsAll {
	padding: 0;
}
.feedsAll .feeds {
	padding: 0 10px 10px;
}
.feeds-tab {
	height: 42px;
	border: 1px solid #dfdfdf;
	border-top: 2px solid #3e98f0;
	position: relative;
	z-index: 10;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	overflow: hidden
}
.feeds-tab a {
	width: 20%;
	height: 43px;
	line-height: 41px;
	float: left;
	cursor: pointer;
}
.feeds-tab a span {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.feeds-tab a.cur span {
	color: #3e98f0
}
.loadtab {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -10px;
}
/*默认列表*/
.feeds {
	position: relative;
	overflow: hidden
}
.feeds-item {
	border-top: 1px solid #eee;
	position: relative;
	padding: 12px 0
}
.feeds-item:first-child {
	border-top: 0
}
.feeds-item:hover {
	background: #f8f8f8
}
.feeds-item h3 {
	height: 42px;
	line-height: 21px;
	margin-bottom: 3px;
	overflow: hidden
}
.feeds-item h3 a {
	color: #262627
}
.feeds-item h3 a:hover {
	color: #3ba0f2;
	text-decoration: none
}
.feeds-item .feeds-item-pic {
	position: absolute;
	left: 0;
	top: 12px;
	width: 94px;
	height: 64px;
	padding: 1px;
	border: 1px solid #ededed
}
.feeds-item .feeds-item-pic a {
	display: block;
	height: 100%;
	overflow: hidden
}
.feeds-item .feeds-item-pic img {
	width: 90px;
	height: 60px
}
.feeds-item .feeds-item-info {
	height: 18px;
	line-height: 18px;
	color: #999;
	overflow: hidden;
	overflow: hidden
}
.feeds-item .feeds-item-info span {
	margin-right: 8px
}
.feeds-item .feeds-item-info a {
	color: #999
}
.feeds-item .feeds-item-info i {
	margin-right: 3px
}
.feeds-item .feeds-item-info .author i {
	color: #afafaf
}
.feeds-item .fa-heart-o {
	font-size: 13px;
	font-size: 1.3rem
}
.feeds .hasImg {
	padding-left: 103px;
	min-height: 60px
}
.loadmore {
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin: 5px 0;
	background: #f7f8f9;
	color: #3e98f0;
	letter-spacing: 1px;
	text-align: center;
	cursor: pointer
}
.loadmore i {
	margin-left: 2px
}
.loadmore .renderloading {
	background: url(../images/onload.gif) no-repeat left center;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	font-size: 16px;
	font-size: 1.6rem
}
.feeds-right .feeds-item-pic {
	left: auto;
	right: 0;
}
.feeds-right .hasImg {
	padding-left: 0;
	padding-right: 103px;
}
/*图文列表*/
.article-img li {
	position: relative;
	padding-left: 75px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	height: 82px
}
.article-img li:last-child {
	height: 76px;
	margin: 0;
	border: none
}
.article-img h3 {
	padding-top: 8px;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
}
.article-img h3 a {
	font-weight: normal;
	font-size: 14px;
}
.article-img span {
	font-weight: normal;
	font-size: 12px;
}
.article-img .thumb {
	position: absolute;
	left: 0;
	top: 6px;
	width: 70px;
	height: 60px
}
.article-img .thumb img {
	border-radius: 10px;
	height: 60px;
	width: 60px;
	padding: 1px;
	border: 1px solid #ededed
}
.article-img .info {
	margin-top: 12px;
	color: #999;
	line-height: 20px
}
.article-img .info span {
	margin-right: 10px
}
.article-img .info a {
	color: #999;
	border-radius: 2px;
	line-height: 30px;
	text-align: center;
	float: left;
}
.article-img .info .btna {
	background: #339933;
	color: #fff;
	float: right;
	height: 26px;
	width: 52px;
	line-height: 26px;
}
.article-img .info i {
	margin-right: 3px
}
/*热门列表*/
.article-hot {
	margin-top: -10px;
	overflow: hidden
}
.article-hot li {
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #eee;
	overflow: hidden
}
.article-hot li .mun {
	color: #d52b2b;
	height: 20px;
	float: left;
	font-style: italic;
	font-family: georgia, STHeiti, "Microsoft YaHei", simsun, sans-serif, Arial;
	line-height: 15px;
	margin: 13px 6px 0 0;
	overflow: hidden;
	text-align: center;
}
.article-hot li:nth-child(n+4) .mun {
	color: #888
}
.article-hot li:last-child {
	border: none
}
.main_visual {
	height: 230px;
	border-top: 1px solid #d7d7d7;
	overflow: hidden;
	position: relative;
}
.main_image {
	height: 230px;
	overflow: hidden;
	position: relative;
}
.main_image ul {
	width: 9999px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}
.main_image li {
	float: left;
	width: 100%;
	height: 100%;
}
.main_image li span {
	display: block;
	width: 100%;
	height: 100%
}
.main_image li a {
	display: block;
	width: 100%;
	height: 100%
}
.main_image li img {
	width: 100%;
	height: 280px;
}
div.flicking_con {
	position: absolute;
	top: 200px;
	right: 5%;
	z-index: 999;
	height: 21px;
	margin: 0 0 0 -50px;
}
div.flicking_con a {
	float: left;
	width: 21px;
	height: 21px;
	margin: 0;
	padding: 0;
	background: url('../images/btn_main_img.png') no-repeat;
	display: block;
	text-indent: -1000px
}
div.flicking_con a.on {
	background-position: 0 -21px
}
#btn_prev, #btn_next {
	z-index: 11111;
	position: absolute;
	display: block;
	width: 73px!important;
	height: 74px!important;
	top: 50%;
	margin-top: -37px;
	display: none;
}
.pss {
	padding-left: 20px;
	display: block;
	background: #3e98f0;
	height: 45px;
	line-height: 45px;
	position: absolute;
	top: 190px;
	left: 0;
	width: 100%;
	color: #fff;
}
.like #LikeMore {
	color: #3e98f0;
}
.modd .title .more {
	bottom: 6px;
	position: absolute;
	right: 6px;
}
/*header*/
header {
	max-width: 720px;
	margin: 0 auto;
}
.header {
	position: fixed;
	z-index: 100;
	width: 100%;
	max-width: 720px;
	height: 48px
}
.header .content {
	position: relative;
	z-index: 99;
	width: 100%;
	height: 48px;
	background: #3e98f0
}
.header .logo a {
	color: #fff
}
.header .btn-menu {
	position: absolute;
	width: 32px;
	height: 30px;
	background-image: url(../images/h.png);
	background-repeat: no-repeat;
	background-size: 30px auto;
	-webkit-background-size: 30px auto;
	overflow: hidden;
	text-indent: -100%;
	display: block;
	text-align: center;
	font-size: 21.6px;
	font-size: 2.16rem;
	color: #fff;
	line-height: 1.2;
	background-position: 0 0
}
.header .btn-menu {
	top: 9px;
	right: 5px;
	background-position: 0 -50px
}
.header-min {
	position: relative;
	z-index: 100;
	width: 100%;
	max-width: 720px;
	height: 48px
}
.header-min .content {
	position: relative;
	z-index: 99;
	width: 100%;
	height: 48px;
	background: #4763b2
}
.header-min .title {
	margin: 0;
	color: #fff;
	text-align: center;
	font-size: 21px;
	font-size: 1.8rem;
	line-height: 48px
}
.header-min .title a {
	color: #fff
}
.header-min .btn-back, .header-min .btn-menu, .header-min .btn-soso {
	position: absolute;
	width: 32px;
	height: 30px;
	background-image: url(../images/h.png);
	background-repeat: no-repeat;
	background-size: 30px auto;
	-webkit-background-size: 30px auto;
	overflow: hidden;
	text-indent: -100%;
	display: block;
	text-align: center;
	font-size: 21.6px;
	font-size: 2.16rem;
	color: #fff;
	line-height: 1.2;
	background-position: 0 0
}
.header-min .btn-soso {
	top: 11px;
	right: 44px
}
.header-min .btn-menu {
	top: 9px;
	right: 5px;
	background-position: 0 -50px
}
.header-min .btn-back {
	top: 10px;
	left: 5px;
	width: 29px;
	height: 26px;
	text-align: center;
	background: url(../images/home.png) no-repeat;
}
.header-min .dot {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/h.png) no-repeat center -106px;
	background-size: 20px auto;
	-webkit-background-size: 20px auto
}
/* nav */
.subnav{
	border-radius:5px;
	padding:15px 0;
	background: #713800;
	overflow: hidden;
}
.subnav a{
	display: block;
	float: left;
	width: 20%;
	text-align: center;
	font-size: 12pt;
	color: #000;
	font-weight: bold;
	text-shadow: 0px 2px 1px #ff9c00;
}
.subnav a img{
	display: block;
	width: 80px;
	height:80px;
	margin:0 auto 2px;
	animation-duration:1s;
	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;
}
.ggimg{
	margin:5px 0;
}
.ggimg a img{
	width: 60px;
	height: 60px;
}
@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;
}
.nav-top {
	position: relative;/*top:48px;*/
	z-index: 99;
	display: none;
	-webkit-box-sizing: border-box;
	width: 100%;
	background: #f0f5f9;
	line-height: 21px;
	opacity: 1;
	max-width: 720px
}
.nav-top .search {/*margin-top:6px;*/
	overflow: hidden
}
.nav-all {
	position: relative
}
.nav-all h4 {
	background: #f0f5f9;
	font-size: 16px;
	font-size: 1.4rem;
	font-weight: 700;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	overflow: hidden
}
.nav-all .nav-all-list {
	padding: 20px 0 10px 0;
	background: #fff;
	overflow: hidden
}
.nav-all .nav-all-list li {
	display: inline-block;
	float: left;
	margin-bottom: 10px;
	-webkit-animation: zoomIn 300ms ease
}
.nav-all .nav-all-list li a {
	border: 1px solid #ddd;
	margin: 0 8px;
	text-align: center;
	font-size: 1.0rem;
	line-height: 2em;
	height: 2em;
	display: block;
	overflow: hidden
}
.nav-all .nav-all-list .light a {
	border: 0;
	background: #3e98f0;
	color: #fff
}
.nav-all .row-4 li {
	width: 25%
}
.nav-all .row-5 li {
	width: 20%
}
.nav-all .sitemap, .channels-all .sitemap {
	position: absolute;
	right: 10px;
	top: 10px;
	padding-right: 10px;
	background: url(../images/1fd23a7d44f44868bb147df4a66b97e0.gif) no-repeat 100% center;
	color: #2B73DF;
	font-weight: 400;
	font-size: 15px;
	font-size: 1.1rem;
	-webkit-background-size: auto 7px
}
.nav-foot {
	overflow: hidden;
	padding-top: 10px;
}
.nav-foot ul {
	overflow: hidden;
	padding: 10px 0;
	background: #fff;
	line-height: 25px
}
.nav-foot li {
	float: left;
	width: 20%;
	text-align: center
}
.nav-foot a {
	color: #333;
	font-size: 16px;
}
.nav-foot ul:nth-child(2) {
	padding: 0;
	background: #4763b2;
	line-height: 40px
}
.nav-foot ul:nth-child(2) a {
	color: #fff;
	font-size: 18px;
	font-size: 1.3rem
}
.pop-layer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	display: none;
	width: 100%;
	height: 250%;
	background-color: rgba(0,0,0,.4)
}
/*search*/
.search {
	width: 100%;
	padding-top: 10px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.search_txt {
	float: left;
	border: 1px solid #E8E8E8;
	width: 96%;
	padding-left: 4%;
	height: 38px;
	line-height: 38px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	background: #fff url(../images/search.jpg) left no-repeat
}
.search_btn {
	position: absolute;
	right: 0;
	top: 11px;
	width: 60px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	border-left: none;
	background: #4763b2;
	color: #fff;
	font-size: 16px;
	font-size: 1.4rem;
	text-align: center;
	border: none;
}
.search_btn:active, .search_btn:hover, .search_btn:link, .search_btn:visited {
	color: #fff
}
.channels-wrap {
	width: 100%;/*position:relative;top:48px;overflow:hidden;*/
	max-width: 720px;
	font-size: 16px;
	z-index: 98
}
.channels-all {
	background: #fff;
	display: none;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}
.channels-all h4 {
	color: #000;
	font-size: 16px;
	font-size: 1.4rem;
	height: 36px;
	line-height: 36px;
	background: #f0f5f9;
	padding: 0 10px;
	font-weight: 700
}
.channels-all .site-nav:link, .channels-all .site-nav:visited {
	float: right;
	color: #007aff;
	font-weight: 400
}
.channels-all .channels-all-list {
	padding: 0 10px;
	height: 75px;
}
.channels-all .channels-all-list>li {
	padding: 8px 0;
	border-bottom: 1px dashed #E7E7E7
}
.channels-all .channels-all-list:nth-child(2)>li {
	padding: 4px 0 3px;
	border: 0 none
}
.channels-all .channels-all-list li:last-child {
	border: 0 none
}
.channels-all .sitemap {
	top: 85px;
}
.channels-all-list li>a {
	width: 20%;
	text-align: center;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 32px;
	line-height: 32px
}
.channels-all-list li strong {
	width: 43px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #E7E7E7;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto
}
.channels .more span:after {
	content: "";
	color: #487de3;
	white-space: normal;
	top: 59px;
	left: 50%;
	margin: 0 0 0 -6px;
	position: absolute;
	width: 12px;
	height: 7px;
	overflow: hidden;
	background: url(../images/menubgxjt.png) no-repeat;
}
.channels .more:before {
	content: "";
	position: absolute;
	left: -15px;
	top: 3px;
	width: 19px;
	height: 74px;
	z-index: 1;
	background: url(../images/menubgjb.png) no-repeat;
}
.channels {
	background: #fff;
	padding: 8px 5px 5px 5px;
	clear: both;
	border-top: 1px solid #D7D7D7;
	overflow: hidden;
	position: relative
}
.channels:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden
}
.channels li {
	float: left;
	position: relative;
	width: 20%;
	text-align: center;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.channels .more {
	width: 35px;
	height: 65px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 13px 0 0;
	text-align: center;
	color: #487de3;
	line-height: 20px;
	overflow: visible
}
.channels .more span:before {
	white-space: pre;
	color: #487de3
}
.channels li>a, .channels-all-list li>a {
	display: block;
	position: relative
}
.channels li .hot:before, .channels li .new:before, .channels-all-list li .hot:before, .channels-all-list li .new:before {
	content: "";
	position: absolute;
	right: 4px;
	top: 0;
	width: 11px;
	height: 13px;
	-webkit-background-size: 11px 13px;
	-webkit-background-size: 11px 13px;
	z-index: 1
}
.btn-seach {
	background: url(../images/resizeapi.png);
	top: 12px;
	right: 47px;
	height: 25px;
	width: 27px;
	overflow: hidden;
	position: absolute;
	border: none;
	cursor: pointer;
}
.channels2 li {
	float: left;
	position: relative;
	width: 33.33%;
	text-align: center;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
/*footer*/
.footer-min {
	padding: 15px;
	text-align: center
}
.footer-min .app {
	color: #999;
	font-size: 16px;
	font-size: 1.4rem
}
.footer-min .app a {
	color: #555
}
.footer-min .copyright {
	margin-top: 5px;
	color: #888;
	font-size: 12px;
	font-size: 1.2rem
}
.footer-min .copyright a {
	color: #888
}
/*内容页代码样式 2016-05-13*/
.msgheader {
	CLEAR: both;
	BORDER-RIGHT: #0099cc 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #0099cc 1px solid;
	PADDING-LEFT: 3px;
	FONT-SIZE: 12px;
	BACKGROUND: #F6FBFF;
	PADDING-BOTTOM: 0px;
	MARGIN: 3px auto 0px;
	OVERFLOW: hidden;
	BORDER-LEFT: #0099cc 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #0099cc 1px solid
}
.msgborder, .codeText {
	WIDTH: 96%;
	margin: 15px 10px;
	padding: 5px 5px 5px 35px;
	border-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: rgb(238, 238, 238);
	white-space: normal;
	background-image: url(../images/blockquote.gif);
	background-color: rgb(244, 245, 247);
	color: rgb(0, 102, 0);
	font-size: 9pt;
	font-family: 微软雅黑, Verdana, sans-serif, 宋体;
	background-position: 0% 0%;
	background-repeat: no-repeat no-repeat;
}
.fr, .right {
	float: right;
}
/*code quote标签样式 --start*/
#content .codetitle span {
	float: right;
}
#content .codebody {
	background: #DDEDFB;
	margin: 0px auto 3px;
	padding: 0px 3px 0px 5px;
	border: 1px solid #0099CC;
	width: 638px;
	clear: both;
	font-size: 14px;
}
#content .htmlarea {
	margin: 0px auto;
	padding: 3px;
	width: 590px;
	text-align: center;
	clear: both;
	font-size: 14px;
}
#content .htmlarea textarea {
	width: 96%;
	height: 200px;
	font-size: 14px;
}
#content SPAN.quote {
	BORDER-RIGHT: #bfdfff 1px dashed;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #bfdfff 1px dashed;
	DISPLAY: block;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 3px;
	MARGIN: 10px auto;
	BORDER-LEFT: #bfdfff 1px dashed;
	WIDTH: 92%;
	COLOR: #000000;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #bfdfff 1px dashed;
	BACKGROUND-COLOR: #f5fbff
}
#content .code {
	BORDER-RIGHT: #bfdfff 1px dashed;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #bfdfff 1px dashed;
	DISPLAY: block;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 3px;
	MARGIN: 10px auto;
	BORDER-LEFT: #bfdfff 1px dashed;
	WIDTH: 92%;
	COLOR: #000000;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #bfdfff 1px dashed;
	BACKGROUND-COLOR: #f5fbff
}
#content .Code {
	BORDER-RIGHT: #bfdfff 1px dashed;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #bfdfff 1px dashed;
	DISPLAY: block;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 3px;
	MARGIN: 10px auto;
	BORDER-LEFT: #bfdfff 1px dashed;
	WIDTH: 92%;
	COLOR: #000000;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #bfdfff 1px dashed;
	BACKGROUND-COLOR: #f5fbff
}
#content table {
	border: 1px solid #cccccc;
	border-collapse: collapse;
	text-align: center;
	margin-top: 0.54em;
	clear: both
}
#content th, #content td {
	padding: 0.2em 0.46em;
	border: 1px solid #cccccc;
}
#content th {
	background: #f3f3f3;
}
#content th img {
	display: block;
	margin: 0.45em auto 0;
}
#content td.version {
	font-weight: bold;
}
#content table.jbborder {
	border: currentColor;
	border-image: none;
	border-collapse: collapse;
}
#content table.jbborder th, table.jbborder td {
	padding: 3px;
	border: 1px solid #E3E3E3;
	border-image: none;
}
#content table.dataintable {
	border: 1px solid #888888;
	border-image: none;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	border-collapse: collapse;
}
#content table.dataintable pre {
	margin: 0px;
	padding: 0px;
	border: 0px currentColor;
	border-image: none;
	width: auto;
	background-color: transparent;
}
#content table.dataintable th {
	padding: 5px 15px 5px 5px;
	border: 1px solid #888888;
	border-image: none;
	vertical-align: baseline;
	background-color: #CCCCCC;
}
#content table.dataintable td {
	padding: 5px 15px 5px 5px;
	border: 1px solid #AAAAAA;
	border-image: none;
	vertical-align: text-top;
	background-color: #EFEFEF;
}
#content table.dataintable p {
	margin: 0px 0px 2px;
}
.quote A:active {
}
#content SPAN.quote SPAN {
	DISPLAY: block;
	COLOR: #ff0000
}
/*code quote标签样式 --end*/

/*add 2016-06-17*/
.wzlist .nypage {
	clear: both;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	padding: 0 5px;
	text-align: center;
	margin: 20px 0;
}
.wzlist .nypage i {
	font-style: normal;
}
.wzlist .nypage a {
	color: #999;
	display: inline-block;
	font-size: 18px;
	padding: 0 10px;
	text-align: center;
	margin: 0 2px;
	text-decoration: none;
	background: #eee
}
.wzlist .nypage a:hover {
	text-decoration: none;
}
.wzlist .nypage b {
	color: #f00;
}
/*编程关联文章*/
.art_xg {
	margin: 0px;
	padding: 10px 20px;
	text-align: left;
	overflow: hidden;
	clear: both;
}
.art_xg h4 {
	color: #006699;
	font-size: 14px;
	font-weight: bold;
}
.art_xg ul {
	margin: 0px;
	padding: 0px;
}
.art_xg ul li {
	background: url(../images/newsli.gif) no-repeat 8px 50%;
	text-align: left;
	color: #006699;
	line-height: 28px;
	font-size: 14px;
	display: block;
}
.art_xg ul li a:link {
	color: #006699;
	font-size: 14px;
}
.art_xg ul li a:visited {
	color: #FF6600;
	font-size: 14px;
}
.art_xg ul li a:hover {
	color: #FF6600;
	font-size: 14px;
}
/* 增加文章内容的代码复制样式 */

.codebody, .zykucode {
	WIDTH: 96%;
	margin: 15px 10px;
	padding: 5px 5px 5px 35px;
	border-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: rgb(238, 238, 238);
	white-space: normal;
	background-image: url(../images/blockquote.gif);
	background-color: rgb(244, 245, 247);
	color: rgb(0, 102, 0);
	font-size: 9pt;
	font-family: 微软雅黑, Verdana, sans-serif, 宋体;
	background-position: 0% 0%;
	background-repeat: no-repeat no-repeat;
}
/* 增加文章内容的软件下载样式 */

.downsoft dl {
	overflow: auto;
	zoom: 1;
	border: 1px solid #C6DCF7;
	margin: 0 auto;
	width: 95%;
	padding: 10px;
	line-height: 30px;
	background: #F7FAFB
}
.downsoft dl dt, #content .downsoft dl dd span {
	float: left
}
.downsoft dl dd a {
	background: url(../images/down.png) no-repeat;
	display: block;
	width: 140px;
	height: 49px;
	border: none;
	float: right;
	border: none;
	float: right
}
.downsoft dl dd strong {
	color: #CC0000
}
.downsoft dl dd {
	overflow: auto;
	zoom: 1
}
/* 增加微信内下载链接请使用浏览器打开提醒 */
#weixin-tip {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.8);
	filter: alpha(opacity=80);
	width: 100%;
	height: 100%;
	z-index: 100;
}
#weixin-tip p {
	text-align: center;
	margin-top: 10%;
	padding: 0 5%;
	position: relative;
}
#weixin-tip p img {
	max-width: 100%;
	height: auto;
}
#weixin-tip .close {
	color: #fff;
	padding: 5px;
	font: bold 20px/20px simsun;
	text-shadow: 0 1px 0 #ddd;
	position: absolute;
	top: 0;
	left: 5%;
}
/*pages*/
#pages {
	position: relative;
	margin: 10px auto;
	padding: 0 78px;
	height: 38px;
	max-width: 396px;
	text-align: center
}
#pages:empty {
	height: 0
}
#pages .page-i {
	margin-left: 5px;
	height: 36px;
	color: #fff;
	line-height: 36px
}
#pages .page-i i {
	font-style: normal
}
#pages .down, #pages .downno, #pages .rest, #pages .up, #pages .upno {
	display: block;
	width: 72px;
	height: 36px;
	border: 1px solid #e2e2e2;
	border-radius: 2px;
	background-color: #fff;
	color: #333;
	line-height: 35px
}
#pages .down:hover, #pages .up:hover {
	background-color: #f2f2f2;
	box-shadow: inset 0 1px 1px #efefef
}
#pages .down, #pages .downno, #pages .up, #pages .upno {
	position: absolute;
	top: 0
}
#pages .up, #pages .upno {
	left: 0
}
#pages .down, #pages .downno {
	right: 0
}
#pages .rest {
	display: block;
	width: auto!important;
	border: 1px solid #379BE9;
	background: #379BE9;
	color: #fff
}
#pages .downno, #pages .upno {
	color: #b4b4b4
}
.toolbar {
	width: 100%;
	color: #3e98f0;
	font-size: 1.4rem;
	border-bottom: 2px solid #3e98f0;
	display: block;
	margin: 10px auto auto;
	height: 30px;
	margin-bottom: 15px;
}
.toolbar a {
	color: #3e98f0;
	font-size: 1.4rem;
	margin-bottom: 8px;
}
.back {
	background: rgba(0, 0, 0, 0) url("../images/wback.png") no-repeat scroll center center;
	float: left;
	height: 19px;
	width: 19px;
}
#bigpic {
	margin-top: 8px;
	margin-bottom: 10px;
	text-align: center;
}
#bigpic img {
	max-width: 980px;
width:expression(this.width>960 ? '960px' : true);
}
.pagebreak {
	margin: 15px auto 10px auto;
	clear: both;
	height: 45px;
	font-size: 13px;
	text-align: center
}
.pagebreak ul {
	margin: 0 auto;
	display: inline-block
}
.pagebreak li {
	padding: 0 13px;
	line-height: 36px;
	display: inline-block;
	font-size: 14px;
	border: 1px solid #ddd;
	margin-left: -1px;
	float: left;
	background-color: #FFF;
	cursor: pointer;
}
.pagebreak li.thisclass, .pagebreak ul li.thisclass a, .pagebreak ul li.thisclass a:hover {
	color: #fff !important;
	background-color: #00a0e2;
}

.fatherbaoma {
 border: 0px solid #422923 !important;
}
        .kaizhun {
    float: right;
    margin-right: 8px;
}
       .kckc444 {
  height: 9px;
}
.baomaqgBtn4BoxFatherBoxCopy>div {
  border-radius: 15px !important;
  height: 40px !important;
}

.baomaqgBtn4BoxFatherBoxCopy25>div {
  border-radius: 15px !important;
  height: 40px !important;
} 
        :root{
--ppc-primary-bmheight: 94px;
}

        .bmkcc {
    height: 77px !important;
}
        :root {
    --ppc-primary-color: #713800;
    --ppc-body-width: 720px;
}
    #kjdiv.box.pad{
    padding: 0 !important;
    margin: 0 !important;
     border: 0px !important;
}

html, body {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    line-height:1.5;
}

    .anhbeou img {
    height: 615px !important;
}

@media (max-width: 720px) {
    .anhbeou img {
        height: 355px !important;
    }
}
#widgetContainer33417 .share-float-btn
{
display: none;
}
    :root {
    --text-qixiaobaz: "铁算盘";
}


    :root { --text-dauyumingqq: "4901"; } :root { --text-dityumingqq: "79"; } :root { --text-tentrangqq: "铁算盘"; }


   
.bnav-activexg {
            background: #ff0000 !important;
            color: rgb(255, 255, 255) !important;
        }
 .bnav-activeam {
        background-color: var(--ppc-primary-color) !important;
        color: #fff !important;
}

.fatherbaoma {
    border: 1px solid #422923;
}

@media only all and (max-width: 500px) {
        .head-title-img img {
            left: 60% !important;
            width: 55px !important;
            height: 55px !important;
        }

    }

    .img-title {
        padding-top: 40px;
        box-sizing: border-box;
        height: 212px;
        text-align: center;
    }

    .img-title h1 {
        font-size: 52px;
        line-height: 1;
        margin-bottom: 0.6em;
        letter-spacing: 6px;
        text-shadow: 0px 2px 1px #000;
        color: #f00;
    }

    .img-title h2 {
        font-size: 24px;
        line-height: 1;
        color: #0060ff;
        letter-spacing: 13px;
        text-shadow: 0px 2px 1px #000;
    }

   
    .headerxm-top1 {
        max-width: 720px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: #ffffff;
        z-index: 9;
    }

    .headerxm {
            background: #713800;
    }

    .head-title-img img {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        width: 60px;
        height: 60px;
        box-shadow: 0px 0px 20px #000;
        border-radius: 50%;
    }

    img {
        max-width: 100%;
        vertical-align: middle;
    }

    .headerxm .logo-box.line {
        border-bottom: solid 0px #000;
    }

    .headerxm .logo-box {
        height: 53px;
        padding: 0 5px 0 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }



    .headerxm .logo-box .logo img {
        width: 190px;
        height: 50px;
    }

    .headerxm .logo-box .bank {
        line-height: 1.5;
        font-size: 12px;
        color: #fff;
        /* padding-right: 15px; */
    }

  

    a {
        text-decoration: none;
        /* color: inherit; */
    }

    .headerxm .logo-box .bank img {
        /* width: 122px; */
        height: 50px;
        margin: 0 auto;
        display: block;
    }

    .headerxm .nav ul {
        display: flex;
    }

    .headerxm .nav ul li {
        flex: 1;
        text-align: center;
        color: #fff;
        cursor: pointer;
    }

    .headerxm .nav ul li a {
        height: 30px;
        line-height: 30px;
        display: block;
    }

    

    .baomaqgBtn4BoxFatherBoxCopy {
        /* max-width: 960px; */
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .baomaqgBtn4BoxFatherBoxCopy>div {
        font-size: 23px;
        /* border-radius: 4px; */
        color: black;
        background: #fff;
        /* flex-basis: 50%; */
        line-height: 1.8;
        text-align: center;
        font-weight: 800;
        cursor: pointer;
        user-select: none;
        /* display: flex; */
        align-items: center;
        /* Center items vertically */
        justify-content: center;
        /* Center items horizontally */
    }

    .baomaqgBtn4BoxFatherBoxCopy>div img {
        width: 25px;
        /* Set the image width */
        margin-right: 8px;
        /* Space between image and text */
        vertical-align: middle;
        /* Ensure image aligns vertically with text */
    }

    /* .bnav-active {
        background: #1FB61D !important;
        color: #fff !important;
    } */
.bnav-active {
    background: var(--ppc-primary-color) !important;
    color: rgb(255, 255, 255) !important;
}

.bnav-active2 {
    background-color: red !important;
    color: white !important;
}

.baomaqgBtn4BoxFatherBoxCopy1 {
            max-width: 960px;   
            background-color: #fff;
            padding: 2px 0px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .baomaqgBtn4BoxFatherBoxCopy1>div {
            font-size: 23px;
            border-radius: 0px ;           
            color: black;
            background: #fff;
            flex-basis: 50%;
            line-height: 1.5;
            text-align: center;
            
            cursor: pointer;
            user-select: none;
            display: flex;
            align-items: center; /* Center items vertically */
            justify-content: center; /* Center items horizontally */
            border:2px solid var(--ppc-primary-color);
        }
        .baomaqgBtn4BoxFatherBoxCopy1>div:nth-child(1){
            border-radius:10px 0 0 10px !important;
        }
        .baomaqgBtn4BoxFatherBoxCopy1>div:nth-child(4){
            border-radius: 0 10px 10px 0 !important;
        }

        avtivebaomaqgBtn4BoxFatherBoxCopy1 {
            background: var(--ppc-primary-color);
            color:#fff;
        }

        .baomaqgBtn4BoxFatherBoxCopy1>div img {
            width: 25px; /* Set the image width */
            margin-right: 8px; /* Space between image and text */
            vertical-align: middle; /* Ensure image aligns vertically with text */
        }

        .bnav-active1 {
            background: var(--ppc-primary-color) !important;
            color: rgb(255, 255, 255) !important;
        }

        .scrollMenuaomen, .scrollMenuxianggang {
            background-color: transparent;
            padding: 10px 0;
            background: #c4d5ff;
        }

        .scrollMenuaomenBox1, .scrollMenuxianggangBox {
            background-color: #fff;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-around;
        }

        .scrollMenuaomenBox1>div, .scrollMenuxianggangBox>div {
            flex-basis: 25%;
            padding: 4px 2px;
            box-sizing: border-box;
        }

        .scrollMenuaomenBox1>div>div, .scrollMenuxianggangBox>div>div {
            cursor: pointer;
            font-weight: 900;
            font-size: 16px;
            text-align: center;
            line-height: 2;
            background: #1E90FF;
            color: #fff;
            border-radius: 14px;
            user-select: none;
        }

        .scrollMenuaomenBox1>div>div:hover, .scrollMenuxianggangBox>div>div:hover {
            background: red;
        }

        .scrollMenuaomenBox1Fixed, .scrollMenuxianggangBoxFixed {
            z-index: 999999;
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            margin: auto;
        }

        @media screen and (min-width: 760px) {
            .scrollMenuaomenBox1>div>div, .scrollMenuxianggangBox>div>div {
                font-size: 22px;
            }
        }
        @media screen and (max-width:480px){
            .baomaqgBtn4BoxFatherBoxCopy1>div {
                font-size:20px;
            }
        }
   /* div#baomaqgBtn4BoxFatherBoxCopy1Father {
    position: fixed;
    width: -webkit-fill-available;
    width: 100%;
    max-width: 720px;
    z-index:100;
} */

.baomaqgBtn4BoxFatherBoxCopy25 {
        max-width: 960px;
        margin: 0 auto;
        background-color: #fff;
        padding: 0.5px 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .baomaqgBtn4BoxFatherBoxCopy25>div {
        font-size: 21px;
        
        color: black;
        background: #eee;
        line-height: 1.5;
        text-align: center;
        font-weight: 800;
        cursor: pointer;
        user-select: none;
        display: flex;
        align-items: center; /* Center items vertically */
        justify-content: center; /* Center items horizontally */
    }

    .baomaqgBtn4BoxFatherBoxCopy25>div img {
        width: 20px; /* Set the image width */
      
        vertical-align: middle; /* Ensure image aligns vertically with text */
    }

/* .live-tabs-wrapper {
    top: var(--ppc-primary-bmheight);
    max-width: var(--ppc-body-width);
    width: 100%;
    position: fixed !important; 
    border-radius: 0px !important;
    z-index: 999;
    position: static !important;
    margin-top: -2px;
} */

img{
    display: inline;
}
    .huantu {
        
        background-color: #fff100;
    }
        .huantu img {
        width: 35px !important;
        margin: 0 auto !important;
    }
    @media only screen and (max-width: 960px) {
        .huantu img {
            width: 32px !important; 
        }
    }
    
    
    
    @media only screen and (min-width: 961px) {
        .flex-item:nth-child(1) {
        flex: 0 0 47.5%;
        }
        .flex-item:nth-child(2) {
        flex: 0 0 5%;
        }
        .flex-item:nth-child(3) {
        flex: 0 0 47.5%;
        }
    }
    
    @media only screen and (max-width: 960px) {
        .flex-item:nth-child(1) {
        flex: 0 0 45.5%;
        }
        .flex-item:nth-child(2) {
        flex: 0 0 9% ;
        }
        .flex-item:nth-child(3) {
        flex: 0 0 45.5%;
        }
    }

.kckc3 {
   height: 10px !important;
}

div .float-money-wrapper{
    bottom: 275px !important;
    
}

.float-group{
    
    bottom: 30vh !important;
    
}

    .share-float-btn {
        bottom: 23.5vh !important;
        
    }

.PathInner {
    top : 50% !important;
}
/* https://pic.new2tuzhi.app:10049/group1/20252/12/24/jqqd.png */

.bmkcc{
    height: 42px;
}
.live-tabs-wrapper {
    top: var(--ppc-primary-bmheight);
    max-width: var(--ppc-body-width);
    width: 100%;
    position: fixed !important;
    border-radius: 0px !important;
    z-index: 999;
}

/* 当前模块外层 */
.wc2026-hot-nav {
  border: none !important;
  margin: 3px 0 8px !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-sizing: border-box;
  overflow: visible !important;
}

/* 标题：和下面白色板块一样左右留缝 */
.wc2026-hot-nav .tlist-title7 {
  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
  font-size: 27px;
  text-align: center;
  color: #ffffff !important;
  font-weight: bold;
  background: #0AAEAF !important;
  padding: 6px 0 8px !important;
  line-height: 1.6;
  letter-spacing: 2px;
  box-sizing: border-box;

  /* 重点：标题左右也留缝隙 */
  width: calc(100% - 24px) !important;
  margin: 0 auto !important;

  border-radius: 14px 14px 0 0 !important;
}

/* 白色内容大板块 */
.wc2026-hot-nav .m-boxA-b.m-box-sm {
  background: #ffffff !important;

  /* 重点：内容左右留缝隙，和标题一致 */
  width: calc(100% - 24px) !important;
  margin: 0 auto 0 !important;

  padding: 0 !important;
  border: none !important;
  text-align: center;
  box-sizing: border-box;

  /* 底部圆角 */
  border-radius: 0 0 16px 16px !important;

  /* 阴影 */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.28) !important;

  overflow: hidden !important;
}

/* 内层容器 */
.wc2026-hot-nav .navigation-container {
  width: 100%;
  background: #ffffff !important;
  box-sizing: border-box;
  font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
  color: #333;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 0 16px 16px !important;
  overflow: hidden !important;
}

.wc2026-hot-nav .g-nav-refresh {
  padding: 6px 9px 6px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  box-sizing: border-box;
  border-radius: 0 0 16px 16px !important;
  overflow: hidden !important;
}

/* 一排4个 */
.wc2026-hot-nav .nav-list {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 0 !important;
  background: #ffffff !important;
  box-sizing: border-box;
}

/* 每个栏目 */
.wc2026-hot-nav .nav-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-decoration: none !important;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
}

/* 第二排间距 */
.wc2026-hot-nav .nav-list .nav-item:nth-child(n+5) {
  margin-top: 5px !important;
}

/* 图片 */
.wc2026-hot-nav .nav-item-image {
  width: 100%;
  display: block;
  object-fit: cover;
  overflow: hidden;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 栏目名字 */
.wc2026-hot-nav .game-name {
  width: 100%;
  display: block;
  text-align: center;
  color: #000000 !important;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  padding: 3px 0 4px !important;
  margin: 7px 0 0 !important;
  background: #ffffff !important;
  box-sizing: border-box;
}

/* 平板 / 手机 */
@media screen and (max-width: 720px) {
  .wc2026-hot-nav {
    margin: 3px 0 7px !important;
  }

  .wc2026-hot-nav .tlist-title7 {
    font-size: 19px;
    letter-spacing: 1px;
    padding: 5px 0 7px !important;
    line-height: 1.5;
    border-radius: 12px 12px 0 0 !important;

    /* 手机端标题左右留缝 */
    width: calc(100% - 18px) !important;
  }

  .wc2026-hot-nav .m-boxA-b.m-box-sm {
    /* 手机端内容左右留缝 */
    width: calc(100% - 18px) !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
  }

  .wc2026-hot-nav .navigation-container,
  .wc2026-hot-nav .g-nav-refresh {
    border-radius: 0 0 12px 12px !important;
  }

  .wc2026-hot-nav .g-nav-refresh {
    padding: 5px 6px 5px !important;
  }

  .wc2026-hot-nav .nav-list {
    column-gap: 5px !important;
    row-gap: 0 !important;
  }

  .wc2026-hot-nav .nav-list .nav-item:nth-child(n+5) {
    margin-top: 5px !important;
  }

  .wc2026-hot-nav .game-name {
    font-size: 16px;
    line-height: 1.2;
    padding: 2px 0 3px !important;
    margin-top: 6px !important;
  }
}

/* 小手机 */
@media screen and (max-width: 420px) {
  .wc2026-hot-nav .tlist-title7 {
    border-radius: 10px 10px 0 0 !important;

    /* 小手机标题左右留缝 */
    width: calc(100% - 16px) !important;
  }

  .wc2026-hot-nav .m-boxA-b.m-box-sm {
    /* 小手机内容左右留缝 */
    width: calc(100% - 16px) !important;
    border-radius: 0 0 10px 10px !important;
  }

  .wc2026-hot-nav .navigation-container,
  .wc2026-hot-nav .g-nav-refresh {
    border-radius: 0 0 10px 10px !important;
  }

  .wc2026-hot-nav .nav-list {
    grid-template-columns: repeat(4, 1fr) !important;
    column-gap: 4px !important;
    row-gap: 0 !important;
  }

  .wc2026-hot-nav .nav-list .nav-item:nth-child(n+5) {
    margin-top: 5px !important;
  }

  .wc2026-hot-nav .game-name {
    font-size: 14px;
    line-height: 1.2;
    padding: 1px 0 2px !important;
    margin-top: 5px !important;
  }
}

.notice {
    background-color: #ffff00;
    text-align: center;
    padding: 5px 0; /* ↓ 控制整体上下留白 */
  }
  .notice-title {
    font-size: 30pt;
    font-weight: bold;
    color: #000;
    margin: 0;           /* ↓ 去掉默认外边距 */
    line-height: 1.2;    /* ↓ 控制行高 */
  }
  .notice-domain {
    font-size: 40pt;
    font-weight: bold;
    margin: 5px 0 0;    /* ↓ 控制标题和域名之间距离 */
    line-height: 1.1;   /* ↓ 控制文字内部间距 */
  }
  .red { color: #ff0000; }
  .blue { color: #0000ff; }

   @media only screen and (max-width: 720px) {
    .notice-title {
      font-size: 22px;
    
 
}
    }

.bluevien{
/* border: 1px solid #0fb3c9; */
    border-radius: 10px;
        margin:  5px 0 5px 0;
    }
  .k4gBye7rpgerBKyCBox12 {
            /* background-image: linear-gradient(to bottom, var(--ppc-primary-color), #e4e4e4); */
            background-color:#fff;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        border-radius: 10px;
        padding: 5px 5px 5px 5px;

    }

    .k4gBye7rpgerBKyCItem123 {
        /* padding-top: 0.4em; */
        flex-basis: 22%;
        line-height: 2;
        text-align: center;
        text-decoration: none;
        font-family: Arial, 微软雅黑;
        font-weight: 900;
        color: #000;
        /* font-size: 1.2em; */

    }

    @media (min-width: 960px) {
    .k4gBye7rpgerBKyCItem123 {
        font-size: 1.3em; 
    }
}

    .k4gBye7rpgerBKyCItem123:hover {
        /* padding-top: 0.4em; */
        flex-basis: 22%;
        line-height: 2.2;
        text-align: center;
        text-decoration: none;
        font-family: Arial, 微软雅黑;
        font-weight: 900;
        color: red;
        font-size: 1.2em;

    }

    .k4gBye7rpgerBKyCItem123 img {
        display: block;
        width: 100%;


    }

    .k4gBye7rpgerBKyCBox12FontSize1 {
        font-size: 33px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize2 {
        font-size: 26px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize3 {
        font-size: 24px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize4 {
        font-size: 23px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize5 {
        font-size: 20px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize6 {
        font-size: 16px !important;
    }

    .k4gBye7rpgerBKyCBox12FontSize7 {
        font-size: 13px !important;
    }

.threezhanlinkItemBox{
padding: 0.4em 0;
        background-color: #dfdfdf;
        display: flex;
        align-items: center;
       
        flex-wrap: wrap;
        
    }
    .threezhanlinkItem{
         box-sizing: border-box;
 
    flex-basis: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
padding: 0.2em 0.1em;
  
      background-color:   #dfdfdf;
    }
.threezhanlink,.threezhanlink:hover{
   text-decoration: none;
   font-family: Arial, 微软雅黑;
     padding:0 0.6em;
        color: #000;
        font-weight: 900;
        font-size: 1em;
        line-height: 1.8;
        background-color: #fff;
    }

    @media (min-width: 960px) {
    .threezhanlink, .threezhanlink:hover {
        font-size: 1.6em; 
    }
}


    .k4gBye7rpgerBKyCBox12FontSize7 .threezhanlink,  .k4gBye7rpgerBKyCBox12FontSize7 .threezhanlink:hover ,.k4gBye7rpgerBKyCBox12FontSize6 .threezhanlink,  .k4gBye7rpgerBKyCBox12FontSize6 .threezhanlink:hover {
      padding: 0 0.2em  !important;
      font-size: 1.2em   !important;
}

.dauyuming49:before {
    content: var(--text-dauyuming49);
}
.dityuming49:before {
    content: var(--text-dityuming49);
}

:root {
    --text-dauyuming49: "4901";
}

:root {
    --text-dityuming49: "";
}

.maudodo {
    color: #FF0000;
}
#yxym .box-ttkj{
border: none !important;
}
.list-title888{height:38px;line-height:33px;font-size:30pt;text-align:center;text-shadow:1px 4px 1px #b99b5f;background:#fff;color:#000;font-weight:bold;border-top-left-radius:5px;border-top-right-radius:5px;}
#yxym .list-title888{background:linear-gradient(transparent,#f7f3f3);font-size:32px;color:#000;text-shadow:0px 0px 10px #e5e5e5;}
@media screen and (max-width: 610px){
#yxym .list-title888{font-size:21px;}
}
@media screen and (max-width: 505px){
#yxym .list-title888{font-size:20px;}
}
@media screen and (max-width: 409px){
#yxym .list-title888{font-size:19px;}
}
@media screen and (max-width: 374px){
#yxym .list-title888{font-size:18px;}
}

@media only all and (max-width: 500px) {
    .haivaihaivai {
        font-size: 60px !important;
      
    }
}
.haivaihaivai {
    font-size: 60px;
    line-height:1.4;
      background: red;
    color: #fff;
    font-weight: 600;
      text-align: center;
}

.maudooooooo{
    color:#FF0000;
}
.box-ttkj{
    border: 1px solid var(--ppc-primary-color);
}
.ppc-tt-box {
    border-top: 1px dashed rgb(204, 204, 204) !important;
    border-bottom: unset !important;
    border-left: unset !important;
    border-right: unset !important;
}
.box-ttkj > div:first-child .ppc-tt-box {
    border-top: none !important;
}

.guangcaoguangcao555{
    color: #ffffff;
      background: #000;
      font-weight: bold;
      word-wrap: break-word; 
      word-break: break-all;  
      text-align: center;
    line-height: 1.8;
    font-weight: 700;
    }
    .guangcaoguangcao555 tr {
       height: 35px; 
    }
    .guangcaoguangcao555 td {
    text-align: center;
      text-overflow: ellipsis;    
      font-size: 30px;
    padding: 5px;
    color: #ffffff;
    }

@media screen and (max-width: 610px){
      .guangcaoguangcao555 td {
          font-size: 23px !important;
          font-weight: 700;
      }
      }
      @media screen and (max-width: 505px){
      .guangcaoguangcao555 td{
              font-size: 23px !important;
              font-weight: 700;
          }
      }
      @media screen and (max-width: 429px){
    
      .guangcaoguangcao555 td {
          font-size: 21px !important;
          font-weight: 700;
      }
      }
      @media screen and (max-width: 409px){
      
      .guangcaoguangcao555 td {
          font-size: 21px !important;
          
      }
      }
      @media screen and (max-width: 374px){
      .guangcaoguangcao555 td {
          font-size: 19px !important;
          
      }
    }
    
    table.bdbd1 tr, table.bdbd1 td {
    border: 1px solid #ffffff;
    }

.danshen-box{
    width:100%;
    margin:0;
    padding:0;
}


.danshen-box .danshen-btn{
    box-sizing:border-box;

    width:100%;
    min-height:96px;

    position:relative;
    overflow:hidden;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:24px;
    padding:17px 28px;

    text-decoration:none;

    border-radius:15px;
    border:1px solid rgba(116,202,255,.92);

    background:
        radial-gradient(
            circle at 18% 0,
            rgba(70,181,255,.48),
            transparent 34%
        ),
        linear-gradient(
            110deg,
            #092f68 0%,
            #0d579d 52%,
            #08366f 100%
        );

    box-shadow:
        0 12px 28px rgba(2,33,76,.28),
        inset 0 0 0 1px rgba(255,255,255,.12);
}


/* =========================
   蓝色玻璃高光
========================= */
.danshen-box .danshen-btn:before{
    content:"";

    position:absolute;
    z-index:1;

    width:48%;
    height:190%;

    left:-10%;
    top:-110%;

    transform:rotate(-13deg);

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.16),
        transparent
    );

    pointer-events:none;
}


/* =========================
   内层玻璃边框
========================= */
.danshen-box .danshen-btn:after{
    content:"";

    position:absolute;
    z-index:2;

    inset:6px;

    border-radius:10px;
    border:1px solid rgba(118,202,255,.25);

    pointer-events:none;
}


/* =========================
   主文字
========================= */
.danshen-box .danshen-main-text{
    position:relative;
    z-index:5;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:14px;

    color:#fff;

    font-size:30px;
    line-height:1;
    font-weight:900;

    letter-spacing:1px;

    text-shadow:
        0 2px 4px rgba(0,25,75,.72);

    white-space:nowrap;
}


/* 主文字全部继承同样大小 */
.danshen-box .danshen-main-text span{
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
}


/* =========================
   中间蓝色发光圆点
========================= */
.danshen-box .danshen-divider{
    display:block;

    width:5px;
    height:5px;

    flex:none;

    border-radius:50%;

    background:#72d2ff;

    box-shadow:
        0 0 8px rgba(91,202,255,.8);
}


/* =========================
   黄色重点文字
========================= */
.danshen-box .danshen-highlight{
    color:#ffdd45;
}


/* =========================
   点击查看
========================= */
.danshen-box .danshen-view-btn{
    position:relative;
    z-index:5;

    flex:none;
    overflow:hidden;

    padding:8px 24px;

    border-radius:999px;

    color:#17375d;

    font-size:18px;
    line-height:1;
    font-weight:900;

    white-space:nowrap;

    border:1px solid #ffe784;

    background:linear-gradient(
        110deg,
        #ffc21c 0%,
        #fff27a 22%,
        #ffc72c 42%,
        #fff8ad 55%,
        #ffc72c 70%,
        #ffb900 100%
    );

    background-size:250% 100%;

    box-shadow:
        0 5px 15px rgba(0,24,66,.35),
        inset 0 1px 1px #fff,
        0 0 12px rgba(255,202,42,.35);

    animation:
        danshenGoldMove 2.2s linear infinite;
}


/* =========================
   点击查看白色流光
========================= */
.danshen-box .danshen-view-btn:before{
    content:"";

    position:absolute;
    z-index:1;

    top:-40%;
    left:-45%;

    width:28%;
    height:180%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.85),
        transparent
    );

    transform:skewX(-22deg);

    animation:
        danshenLightSweep 2.2s ease-in-out infinite;

    pointer-events:none;
}


/* =========================
   金色背景动画
========================= */
@keyframes danshenGoldMove{

    0%{
        background-position:100% 0;
    }

    100%{
        background-position:-100% 0;
    }

}


/* =========================
   白色流光动画
========================= */
@keyframes danshenLightSweep{

    0%{
        left:-45%;
        opacity:0;
    }

    15%{
        opacity:1;
    }

    55%{
        left:120%;
        opacity:1;
    }

    56%{
        left:120%;
        opacity:0;
    }

    100%{
        left:120%;
        opacity:0;
    }

}


/* =========================================================
   电脑端
========================================================= */
@media only screen and (min-width:720px){



    /* 电脑端主文字大小 */
    .danshen-box .danshen-main-text{
        font-size:30px;
    }

    /* 电脑端点击查看大小 */
    .danshen-box .danshen-view-btn{
        font-size:18px;
    }

}


/* =========================================================
   手机端
========================================================= */
@media only screen and (max-width:719px){

    .danshen-box .danshen-btn{

        right:auto !important;

        min-height:56px;

        gap:5px;

        padding:11px 10px;
    }


    /* 手机端主文字大小 */
    .danshen-box .danshen-main-text{

        gap:6px;

        font-size:20px;

        letter-spacing:0;
    }


    /* 手机端中间圆点 */
    .danshen-box .danshen-divider{

        width:4px;
        height:4px;
    }


    /* 手机端点击查看 */
    .danshen-box .danshen-view-btn{

        padding:6px 10px;

        font-size:18px;
    }

}

.vienmautrangmo{border:1px solid #f5f5f5;}
.site-logo-box{padding:4px 0;}
.site-logo-box img{width:100%;display:block;}

.noticvvve-h57 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #fff;
     padding: 10px 5px;
     gap: 8px;
  box-sizing: border-box;
}

.noticvvve-h57 img {
  width: 55px;
  height: auto;
  flex-shrink: 0;
      /* margin-top: -13px; */
}

.noticvvve-h57 span {
  color: #f00;
  font-size: clamp(45px, 8vw, 55px);
  font-weight: 900;
  white-space: nowrap;
  line-height: 1.2;
}

.noticvvve-h57 img {
    width: clamp(35px, 12vw, 100px);
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
}
@media only all and (max-width: 500px) {
    .noticvvve-h57 img {
        width: clamp(35px, 17vw, 100px);
    }
}

.tlist-title7 {
    font-size: 27px;
    text-align: center;
    color: rgb(0, 0, 0);
    font-weight: bold;
    background: linear-gradient(transparent, rgb(247, 243, 243));
    padding: 2px 0px 4px;
    line-height: 1.6;
}
@media screen and (max-width: 380px) {
    .tlist-title7 {
        font-size: 24px;
    }
}
    .box8 {
    border: 2px solid #4292EF;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
        background-image: linear-gradient(to right, #4292EF, #5aa1f5, #60a6f7, #4e98ec, #569ff5, #5aa2f5, #4292EF);
}
    .navigation-container {
        width: 100%;
        background-color: #ffffff;
        box-sizing: border-box;
        font-family: 'Microsoft Yahei', Helvetica, Arial;
        color: rgb(51, 51, 51);
        margin-top: 14px;
        margin-top: 10px;
    }
    .navigation-container .welcome-banner {
        background-color: #FF0000;
        height: 50px;
        border: 5px double #00ccff;
        padding: 3px 2px;
        word-break: break-all;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navigation-container .welcome-banner .welcome-text {
        font-weight: 700;
        text-align: center;
        color: #FFFFFF;
        font-family: 楷体;
        font-size: 16pt;
    }
    .navigation-container .button-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        border: 1px dashed #00FF00;
        background-color: #ffffff;
        border-radius: 0;
        overflow: hidden;
        font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    }
    .navigation-container .button-cell {
        padding: 8px 5px 3px;
        border: 1px solid #fefefe;
        text-align: center;
    }
    .navigation-container .route-button {
        border: 1px solid #67a4f5;
        height: 45px;
        line-height: 42px;
        border-radius: 20px;
        background: linear-gradient(to top, #fff, #eee, #fff) #eee;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        display: block;
        color: #000;
        text-decoration: none;
        font-weight: bold;
        font-size: 22pt;
        white-space: nowrap;
    }
    .navigation-container .g-filter a {
        color: inherit;
        text-decoration: inherit;
    }
    .navigation-container .route-button span {
        color: #0000FF;
    }
    /* 分割 */
	    .g-nav-refresh {
          padding:15px;
    }
    .g-nav-refresh.them-6 {
        background-color:#00ac56;
		padding:9px;
        background-size: 100% 100%;
        box-shadow: none;
        max-width: 720px;
		border-radius:0px 0px 0px 0px;
    }
    .g-nav-refresh .nav-header {
        border-radius: 8px;
        margin-bottom: 6px;
        background: #39b57b;
        position: relative;
    }
    .g-nav-refresh.them-6 .nav-header {
        background: transparent;
        margin-bottom: 0;
    }
    .g-nav-refresh .nav-header .title {
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 60%;
    }
    .g-nav-refresh .nav-header .refresh-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #333;
        /* position: absolute; */
        font-size: 12px;
        padding: 5px 10px;
        box-sizing: border-box;
        cursor: pointer;
        background: #ffffff;
        border-radius: 12px 12px 0 0;
        height: 85%;
        right: 20px;
        top: auto;
        /* bottom: -26px; */
        border: 0;
    }
    .g-nav-refresh.them-6 .refresh-info .refresh-text {
        margin: 0px 0 2px;
        color: #000;
        font-size: 12px;
    }
    .g-nav-refresh.them-6 .refresh-info .refresh-timer {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 14px;
        color: #ff6b00;
        font-weight: 700;
    }
    .g-nav-refresh.them-6 .refresh-info .refresh-timer>span {
        background: #fff;
        padding: 2px 4px;
        border-radius: 2px;
        min-width: 16px;
        text-align: center;
        box-shadow: 0 1px 2px #0000001a;
    }
    .g-nav-refresh .nav-list {
        border-radius: 8px;
        padding: 0px;

        box-shadow: none;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /*  min-height: 855px;  */
    }
    .g-nav-refresh .nav-item {
        flex: 1;
        flex-direction: column;
        margin: 4px 3px;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.3s;
        width: calc(var(--vw) / 4);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, 0.7); /* 半透明黑色边框 */
        color: #fff;
        font-weight: bold;
        transform: rotateY(0deg);
        transition: transform 1.2s ease-in-out;
		overflow:hidden;
		background-color:#fff;
        /* 慢动作 */
    }
	    .g-nav-refresh .nav-item-text {
       font-size:18px;
	   padding:5px 5px;
	   color:#000000;
    }
    .g-nav-refresh .flipped {
        transform: rotateY(180deg);
    }
    .g-nav-refresh .nav-item .nav-item-image {
        width: 100%;
        object-fit: cover;
        overflow: hidden;
    }
	@media (max-width: 600px) {
    .g-nav-refresh .nav-item {

        border-radius: 10px;
    }
	 .g-nav-refresh .nav-item-text {
       font-size:12px;

	   padding:3px 2px;
	   color:#000000;
    }
}
	.box1{
	margin:1px 0;
	border-radius: 5px;
	overflow: hidden;
	 max-width: 720px;
 background-image: linear-gradient(to right, #00be16, #03c71a, #04c11a, #02c719, #03b918, #04c31a, #00be16);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
.pad1 {
    padding: 0px 0px;
}
	.hao{
	font-size: 14pt;
    text-align: center;
    font-weight: bold;
}
.hao tr {
    background: linear-gradient(#ffff27, #fdfd47, #ffff24ad, #ffff24ad, #ffff34ad, #ffff24ad);
}
.hao td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.tieudeeee {
    font-size: 27px;
    line-height:2;
    text-align: center;
    color: #fff;
    /* text-shadow: #ffffff -2px -2px 0px, #ffffff -2px -1px 0px, #ffffff -2px 0px 0px, #ffffff -2px 1px 0px, #ffffff -2px 2px 0px, #ffffff -1px -2px 0px, #ffffff -1px 2px 0px, #ffffff 0px -2px 0px, #ffffff 0px 2px 0px, #ffffff 1px -2px 0px, #ffffff 1px 2px 0px, #ffffff 2px -2px 0px, #ffffff 2px -1px 0px, #ffffff 2px 0px 0px, #ffffff 2px 1px 0px, #ffffff 2px 2px 0px; */
    background-color: var(--ppc-primary-color);
    font-weight: bold;
    font-weight: 700;
}

@media screen and (max-width: 480px) {
    .tieudeeee {
        font-size: 21px;
    }
}

@media screen and (max-width: 410px) {
    .tieudeeee {
        font-size: 20px;
    }
}
@media screen and (max-width: 380px) {
    .tieudeeee {
        font-size: 19px;
    }
}

.vip150{
    max-width:100%;
    margin:5px auto;
    text-align:center;
    font-family:"Microsoft YaHei",Arial,sans-serif;
    background:linear-gradient(to bottom,#fffef8,#ffe8a3);
    border:4px solid #c40000;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 3px 8px rgba(0,0,0,.12);
    box-sizing:border-box;
}

/* 标题 */
.vip150-top{
    background:linear-gradient(to bottom,#e60000,#b80000);
    color:#ffffff;
    font-size:34px;
    font-weight:900;
    line-height:1.2;
    padding:10px 6px;
    text-shadow:1px 1px 2px rgba(0,0,0,.25);
}

/* 牛30 */
.vip150-main{
    padding:10px 6px 4px;
    font-size:100px;
    font-weight:900;
    color:#d40000;
    line-height:1;
    letter-spacing:2px;
    text-shadow:
        2px 2px 0 #ffffff,
        4px 4px 0 rgba(0,0,0,.08);
}

/* 提示语 */
.vip150-text{
    font-size:32px;
    font-weight:800;
    color:#333333;
    line-height:1.4;
    margin-bottom:3px;
}

/* 底部 */
.vip150-bottom{
    background:linear-gradient(90deg,#ff0000,#d40000,#ff0000);
    color:#ffff00;
    font-size:40px;
    font-weight:900;
    line-height:1.2;
    padding:10px 6px;
    text-shadow:1px 1px 2px rgba(0,0,0,.3);
}

/* 平板 */
@media(max-width:768px){

    .vip150-top{
        font-size:30px;
        padding:8px 5px;
    }

    .vip150-main{
        font-size:82px;
        padding:8px 5px 2px;
    }

    .vip150-text{
        font-size:26px;
        margin-bottom:6px;
    }

    .vip150-bottom{
        font-size:32px;
        padding:8px 5px;
    }

}

/* 手机 */
@media(max-width:480px){

    .vip150-top{
        font-size:25px;
        padding:8px 4px;
    }

    .vip150-main{
        font-size:72px;
        padding:6px 4px 2px;
    }

    .vip150-text{
        font-size:24px;
        margin-bottom:5px;
    }

    .vip150-bottom{
        font-size:28px;
        padding:8px 4px;
    }

}

div.tlist-title7{
                font-family: 'Microsoft YaHei', Arial, Helvetica !important;
                color:black;
        }
        
 .tlist-title7 {
    font-size: 27px;
    text-align: center;
    color: rgb(0, 0, 0);
    font-weight: bold;
    background: linear-gradient(transparent, rgb(247, 243, 243));
    padding: 2px 0px 4px;
    line-height: 1.6;
     letter-spacing: 2px;
}
@media screen and (max-width:720px) {
    .tlist-title7 {
        font-size: 19px;
    }
}

    .box8 {
    border: 2px solid #4292EF;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
        background-image: linear-gradient(to right, #4292EF, #5aa1f5, #60a6f7, #4e98ec, #569ff5, #5aa2f5, #4292EF);
}
    .navigation-container {
        width: 100%;
        background-color: #ffffff;
        box-sizing: border-box;
        font-family: 'Microsoft Yahei', Helvetica, Arial;
        color: rgb(51, 51, 51);
        margin-top: 14px;
        margin-top: 10px;
    }
    .navigation-container .welcome-banner {
        background-color: #FF0000;
        height: 50px;
        border: 5px double #00ccff;
        padding: 3px 2px;
        word-break: break-all;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navigation-container .welcome-banner .welcome-text {
        font-weight: 700;
        text-align: center;
        color: #FFFFFF;
        font-family: 楷体;
        font-size: 16pt;
    }
    .navigation-container .button-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        border: 1px dashed #00FF00;
        background-color: #ffffff;
        border-radius: 0;
        overflow: hidden;
        font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    }
    .navigation-container .button-cell {
        padding: 8px 5px 3px;
        border: 1px solid #fefefe;
        text-align: center;
    }
    .navigation-container .route-button {
        border: 1px solid #67a4f5;
        height: 45px;
        line-height: 42px;
        border-radius: 20px;
        background: linear-gradient(to top, #fff, #eee, #fff) #eee;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        display: block;
        color: #000;
        text-decoration: none;
        font-weight: bold;
        font-size: 22pt;
        white-space: nowrap;
    }
    .navigation-container .g-filter a {
        color: inherit;
        text-decoration: inherit;
    }
    .navigation-container .route-button span {
        color: #0000FF;
    }
    /* 分割 */
	    .g-nav-refresh {
          padding:15px;
    }
    .g-nav-refresh.them-6 {
        background-color:#00ac56;
		padding:9px;
        background-size: 100% 100%;
        box-shadow: none;
        /* max-width: 720px; */
		border-radius:0px 0px 0px 0px;
    }
    .g-nav-refresh .nav-header {
        border-radius: 8px;
        margin-bottom: 6px;
        background: #39b57b;
        position: relative;
    }
    .g-nav-refresh.them-6 .nav-header {
        background: transparent;
        margin-bottom: 0;
    }
    .g-nav-refresh .nav-header .title {
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 60%;
    }
    .g-nav-refresh .nav-header .refresh-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #333;
        /* position: absolute; */
        font-size: 12px;
        padding: 5px 10px;
        box-sizing: border-box;
        cursor: pointer;
        background: #ffffff;
        border-radius: 12px 12px 0 0;
        height: 85%;
        right: 20px;
        top: auto;
        /* bottom: -26px; */
        border: 0;
    }
    .g-nav-refresh.them-6 .refresh-info .refresh-text {
        margin: 0px 0 2px;
        color: #000;
        font-size: 12px;
    }
    .g-nav-refresh.them-6 .refresh-info .refresh-timer {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 14px;
        color: #ff6b00;
        font-weight: 700;
    }
    .g-nav-refresh.them-6 .refresh-info .refresh-timer>span {
        background: #fff;
        padding: 2px 4px;
        border-radius: 2px;
        min-width: 16px;
        text-align: center;
        box-shadow: 0 1px 2px #0000001a;
    }
    .g-nav-refresh .nav-list {
        border-radius: 8px;
        padding: 0px;

        box-shadow: none;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /*  min-height: 855px;  */
    }
    .g-nav-refresh .nav-item {
        flex: 1;
        flex-direction: column;
        margin: 4px 3px;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.3s;
        width: calc(var(--vw) / 4);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, 0.7); /* 半透明黑色边框 */
        color: #fff;
        font-weight: bold;
        transform: rotateY(0deg);
        transition: transform 1.2s ease-in-out;
		overflow:hidden;
		background-color:#fff;
        /* 慢动作 */
    }
	    .g-nav-refresh .nav-item-text {
       font-size:18px;
	   padding:5px 5px;
	   color:#000000;
    }
    .g-nav-refresh .flipped {
        transform: rotateY(180deg);
    }
    .g-nav-refresh .nav-item .nav-item-image {
        width: 100%;
        object-fit: cover;
        overflow: hidden;
    }
	@media (max-width: 600px) {
    .g-nav-refresh .nav-item {

        border-radius: 10px;
    }
	 .g-nav-refresh .nav-item-text {
       font-size:12px;

	   padding:3px 2px;
	   color:#000000;
    }
}
	.box1{
	margin:1px 0;
	border-radius: 5px;
	overflow: hidden;
	 max-width: 720px;
 background-image: linear-gradient(to right, #00be16, #03c71a, #04c11a, #02c719, #03b918, #04c31a, #00be16);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
.pad1 {
    padding: 0px 0px;
}
	.hao{
	font-size: 14pt;
    text-align: center;
    font-weight: bold;
}
.hao tr {
    background: linear-gradient(#ffff27, #fdfd47, #ffff24ad, #ffff24ad, #ffff34ad, #ffff24ad);
}
.hao td {
    padding-top: 5px;
    padding-bottom: 5px;
}

#app {
  max-width: var(--ppc-body-width);
  margin: 0 auto !important;

  border-left: solid 1px #1882c3;
  border-right: solid 1px #1882c3;
  box-sizing: content-box;
  background: #fff;
}
 
 
.qiehuangleixingdiv {
  background-image: url(https://js.qcloudpic.app:10049/group1/default/images/8B4513.png);
  background-size: 100% 40px;
  background-repeat: no-repeat;
  height: 40px;
  align-items: center;
  color: #fff;
  background-color: #eee;
}

@media screen and (max-width: 720px) {
    .lotteryBox .lotteryCodeNumber>span[data-v-11393e83] {
        font-size: 1.6rem !important;
        
    }
}

.lotteryBox .lotteryCodeNumber>span {
    top: -4px !important;
}

.list-titlebamuoithangchin{background: linear-gradient(to right, #f092c3 0%, #e47db8 28%, #d66db2 48%, #cf3ca9 82%, #e6008d 100%);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 3px 8px rgba(166, 42, 126, .15);font-size:27px;line-height: 1.6;text-align:center;color:#fff;text-shadow: 0 1px 2px rgba(49, 27, 93, .28);font-weight:bold;padding:2px 0px 4px 0px;}

@media screen and (max-width: 480px){
.list-titlebamuoithangchin{font-size:21px;}
}
@media screen and (max-width: 440px){
.list-titlebamuoithangchin{font-size:20px;}
}
@media screen and (max-width: 410px){
.list-titlebamuoithangchin{font-size:20px;}
}
@media screen and (max-width: 380px){
.list-titlebamuoithangchin{font-size:19px;}
}
@media screen and (max-width: 350px){
.list-titlebamuoithangchin{font-size:18px;}
}
@media screen and (max-width: 320px){
.list-titlebamuoithangchin{font-size:17px;}
}
table{border-collapse:collapse;border-spacing:0;line-height:1.9;}
.ziliaobamuoithangchin{height:38px;text-align:center;color:#000;font-weight:bold;}
.ziliaobamuoithangchin td{font-size:23px;}
.ziliaobamuoithangchin{color:#111;}
.ziliaobamuoithangchin td{border:1px solid #ccc;}
.ziliaobamuoithangchin b{color:#0014ff;}
@media screen and (max-width: 580px){
.ziliaobamuoithangchin td{font-size:24px;}
}
@media screen and (max-width: 480px){
.ziliaobamuoithangchin td{font-size:22px;}
}
@media screen and (max-width: 450px){
.ziliaobamuoithangchin td{font-size:21.5px;}
}
@media screen and (max-width: 420px){
.ziliaobamuoithangchin td{font-size:21px;}
}
@media screen and (max-width: 380px){
.ziliaobamuoithangchin td{font-size:20px;}
}
@media screen and (max-width: 320px){
.ziliaobamuoithangchin td{font-size:17px;}
}
.ovuong1368bamuoithangchin{border-collapse:separate;border-spacing:0px;}
.ovuong1368bamuoithangchin{table-layout:fixed;width:100%;}
.ovuong1368bamuoithangchin td{text-align:center;}
.ovuong1368bamuoithangchin td:nth-child(1){width:30%;}
.ovuong1368bamuoithangchin td:nth-child(2){width:48%;}
.ovuong1368bamuoithangchin td:nth-child(3){width:22%;}

.module-box77 {
    font-size: clamp(1.2rem, 5vw, 1.5rem);
    border: 2px solid rgb(255, 206, 27);
    border-radius: 0px;
    overflow: hidden;
    background: rgb(255, 206, 27);
    margin-bottom: 2px;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
}







.module-box77 .module-title77 {
  font-size: clamp(1.1rem, 4.6vw, 1.2rem);
    font-weight: 700;
    text-align: center;
    color: rgb(0, 0, 0);
    border-radius: 0px 0px 50px 50px;
    box-shadow: rgb(255, 206, 27) 0px 1px 1px 0px, rgba(0, 0, 0, 0.19) 0px 0px 0px 0px;
    border-bottom: 1px solid rgb(255, 206, 27);
    padding: clamp(4px, 1vw, 6px) 0px;
    box-sizing: border-box;
    line-height: 1.6;
    background: linear-gradient(rgb(255, 206, 27), rgb(246, 241, 240));
}

.module-box77 .highspanght77-color771{
    color: #000;
    font-weight: bold;
    margin-left: 5px;
}


.module-box77 .site77 {
    color: red;
    font-weight: bold;
    margin-left: 5px;
}

.module-box77 .site77 .alolo22 {
    color: red;
}

.module-box77 .site77-domain-string77 {
    color: red;
}


.module-box77 .modul77_ul {
    margin: 0;
    padding: 7px 3px;
    list-style: none;
    background: #fff !important;
   border: 1px solid #ffd000; 
    border-top: 0;
    text-align: center;
    /* white-space: nowrap; */
    overflow: hidden;
}


.module-box77 .siziping77t-li {
    font-size: 21px !important;
    line-height: 32px;
    font-weight: bold;
    color: #000;
}





.module-box77 > div:nth-last-child(2) {
    color: green !important;
    text-align: center;
    font-size: 14px !important;
    line-height: 26px !important;
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
}


.module-box77 > div:last-child {
    color: #fff !important;
    background: navy !important;
    text-align: center;
    font-size: 14px !important;
    line-height: 27px !important;
    border: 1px solid #cfcfcf !important;
}

.nocare .swiper {
    height: fit-content !important;
}
   .nocare .swiper-wrapper{
        overflow-x: unset !important;
    }




.nocare .swiper-horizontal {
    border: 2px solid #e0af0f;
    border-top: 3px solid #e0af0f;
    border-radius: 5px;
    margin: 5px auto;
    width: calc(100% - 10px) !important;
    box-sizing: border-box;
  }


  .nocare .swiper-pagination-bullet {
    border-radius: 50% !important;
    width: 8px !important;
    height: 8px !important;
  }
 .nocare .paomadeng-bar{
  width: calc(100% - 10px);
  margin: 1px 5px auto;
  border-radius: 5px;
  display: flex;
  align-items: center;
  height: 30px;
  overflow: hidden;
  background: #eaeaea;
}

.nocare .paomadeng-icon{
  padding: 8px;
  text-align: center;
  font-size: 18px;
  color: #e60000;
  flex-shrink: 0;
}

.nocare .paomadeng-marquee{
  flex: 1;
  overflow: hidden;
}

.nocare .paomadeng-text{
  white-space: nowrap;
  font-size: clamp(10px, 4vw, 15px);
  padding-left: 20%;
  animation: marquee 12s linear infinite;
  font-weight: 500;
  color: #000000;
}

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


@media (min-width: 680px) {
 .nocare .paomadeng-text {
    padding-left: 0%;
    animation: marquee-large 15s linear infinite;
  }
}

@media (min-width: 1024px) {
 .nocare .paomadeng-text {
    padding-left: 0%;
    animation: marquee-large 17s linear infinite;
  }
}

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

.nocare .sihjioucaipiaoji-banner-title-bar {
  width: 100%;
  background: var(--ppc-primary-color);
  color: #fff;
  font-size: clamp(15px, 4.5vw, 20px);
  font-weight: 600;
  text-align: center;
  padding: 2px 0;
  letter-spacing: 2px;
}

.shadow-text{
      font-weight:bold;
    text-shadow:
    -1px -1px 0 #fff,
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff;
}

@media screen and (max-width: 505px) {
    .box, .subnav, .xjbox {
        margin: 3px 0px;
    }
}
.haoju {
    font-size: 20pt;
    text-align: center;
    font-weight: bold;
    padding: 3px 0px;
}
@media screen and (max-width: 720px) {
    .haoju {
        font-size: 12pt;
    }
}
.qxtablexxx th, .qxtablexxx td {
    border: 1px solid #fff;
    font-weight: 700;
}
.qxtablexxx td {
    text-overflow: ellipsis;
    font-size: 26px;
}
@media screen and (max-width: 610px) {
    .qxtablexxx td {
        font-size: 20px;
    }
}
@media screen and (max-width: 505px) {
    .qxtablexxx td {
        font-size: 18px;
    }
}

@media screen and (max-width: 429px) {
    .qxtablexxx td {
        font-size: 17px;
    }
}
@media screen and (max-width: 409px) {
    .qxtablexxx td {
        font-size: 16px;
    }
}

@media screen and (max-width: 374px) {
    .qxtablexxx td {
        font-size: 15px;
    }
}
.qxtablexxx tr {
    height: 28px;
}

.qxtablexxx .xz2 {
    font-size: 30px;
}
@media screen and (max-width: 610px) {
    .qxtablexxx .xz2 {
        font-size: 22px;
    }
}
@media screen and (max-width: 505px) {
    .qxtablexxx .xz2 {
        font-size: 20px;
    }
}
@media screen and (max-width: 429px) {
    .qxtablexxx .xz2 {
        font-size: 19px;
    }
}
@media screen and (max-width: 409px) {
    .qxtablexxx .xz2 {
        font-size: 18px;
    }
}
@media screen and (max-width: 374px) {
    .qxtablexxx .xz2 {
        font-size: 16px;
    }
}

.qxtablexxx .xz3 {
    font-size: 30px;
}
@media screen and (max-width: 610px) {
    .qxtablexxx .xz3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 505px) {
    .qxtablexxx .xz3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 429px) {
    .qxtablexxx .xz3 {
        font-size: 28px;
    }
}

@media screen and (max-width: 409px) {
    .qxtablexxx .xz3 {
        font-size: 26px;
    }
}
@media screen and (max-width: 374px) {
    .qxtablexxx .xz3 {
        font-size: 16px;
    }
}

.qxtablexxx .xz {
    font-size: 30px;
}

@media screen and (max-width: 610px) {
    .qxtablexxx .xz {
        font-size: 26px;
    }
}

@media screen and (max-width: 505px) {
    .qxtablexxx .xz {
        font-size: 26px;
    }
}

@media screen and (max-width: 429px) {
    .qxtablexxx .xz {
        font-size: 24px;
    }
}

@media screen and (max-width: 409px) {
    .qxtablexxx .xz {
        font-size: 22px;
    }
}
@media screen and (max-width: 374px) {
    .qxtablexxx .xz {
        font-size: 16px;
    }
}

.date {
    background-color: red;
    color: yellow;
    font-weight: bold;
    border-radius: 5px;
}
.worldcup-box12,
.worldcup-box12 * {
  box-sizing: border-box;
}

.worldcup-box12 a {
  text-decoration: none !important;
}

.worldcup-box12 .vla-qit {
  font-size: 32px;
  color: #fff;
  padding-top: .1rem;
  font-weight: bold;
  background: linear-gradient(to right, #004600, #00a100);
  text-align: center;
  line-height: 1.7;
}

.worldcup-box12 .schedule {
  border: 1px solid #d2d2d2;
  background-color: #fff;
  font-weight: 700;
}

.worldcup-box12 .schedule-tit {
  background-color: #f8f9fa;
  border: 1px solid #d2d2d2;
  padding: 10px;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: -2px;
   color: #000000 !important;
   text-align: left;
}

.worldcup-box12 .schedule-more {
  display: inline-block;
  background-color: #0b57cf;
  color: #fff;
  padding: 3px 8px;
  border-radius: 10px;
  font-size: .9em;
  float: right;
  font-weight: 500;
}

.worldcup-box12 .schedule-more a {
  color: #fff !important;
}

.worldcup-box12 .match-card {
  width: 97%;
  margin: 6px auto;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  box-shadow: 1px 1px 2px #d2d2d2;
}

.worldcup-box12 .match-head {
  display: grid;
  grid-template-columns: 26% 37% 37%;
  align-items: center;
  padding: 10px 10px 4px;
  font-size: 18px;
  color: #333;
  font-weight: 700;
  line-height: 1;
}

.worldcup-box12 .match-head span:first-child {
  text-align: left;
}

.worldcup-box12 .match-head span:nth-child(2) {
  color: red;
  text-align: center;
}

.worldcup-box12 .match-head span:nth-child(3) {
  text-align: center;
  color: #333;
}

.worldcup-box12 .match-body {
  display: grid;
  grid-template-columns: 26% 37% 37%;
  align-items: start;
  padding: 8px 10px 10px;
}

.worldcup-box12 .team {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 8px 0;
  font-size: 16px;
  color: #000 !important;
}

.worldcup-box12 .team img {
  width: 24px;
  display: block;
  flex-shrink: 0;
}

.worldcup-box12 .predict {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  padding-top: 6px;
}

.worldcup-box12 .predict strong {
  display: block;
}

.worldcup-box12 .predict em {
  display: inline-block;
  margin-top: 10px;
  padding: 3px 22px;
  border-radius: 12px;
  background: #e53935;
  color: #fff;
  font-style: normal;
  font-size: 14px;
}

.worldcup-box12 .time-ad {
  text-align: center;
  font-size: 16px;
  color: #333;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 5px;
}

.worldcup-box12 .match-time {
  font-size: 16px;
  line-height: 22px;
  color: #333;
  text-align: center;
  margin-bottom: 10px;
}

.worldcup-box12 .schedule-ad {
  display: block;
  width: 100%;
  max-width: 260px;
  margin-top: 0;
  background: red;
  color: #fff !important;
  border: 1px solid #ff0;
  border-radius: 8px;
  padding: 2px;
  font-weight: 700;
  text-shadow: 1px 1px #530101;
  animation: worldcup-breath .5s ease-in-out infinite alternate;
}

.worldcup-box12 .schedule-cb {
  display: block;
  width: 100%;
  max-width: 260px;
  margin-top: 0;
 
  color: red !important;
  
  font-weight: 700;
 
}

@keyframes worldcup-breath {
  from {
    box-shadow: 0 0 5px #2196f3, inset 0 0 5px #2196f3;
    border-color: #2196f3;
  }

  to {
    box-shadow: 0 0 10px #00bcd4, inset 0 0 15px #00bcd4;
    border-color: #00bcd4;
  }
}

@media screen and (max-width: 720px) {
  .worldcup-box12 .vla-qit {
    font-size: 21px;
  }

  .worldcup-box12 .match-head {
    grid-template-columns: 28% 34% 38%;
    font-size: 16px;
    padding: 10px 8px 4px;
  }

  .worldcup-box12 .match-body {
    grid-template-columns: 29% 34% 38%;
    padding: 8px;
  }

  .worldcup-box12 .team {
    gap: 8px;
    font-size: 15px;
  }

  .worldcup-box12 .predict {
    font-size: 16px;
    padding-top: 6px;
    margin-left: 1px;
  }

  .worldcup-box12 .match-time {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}
.worldcup-box12 .jieguo {
  text-align: center;
  grid-template-columns: 24% 15% 37% 24% !important;
}
.score {
    text-align: center;
    
    font-weight: bold;
    line-height: 2.5;
    color: #333;
    display: flex;
    flex-direction: column;
}

.list-titlelist-title {
    color: rgb(0, 0, 0);
    border-left: 1px solid #c1c23c;
    border-right: 1px solid #c1c23c;
    height: 42px;
    line-height: 40px;
    font-size: 17pt;
    text-align: center;
    text-shadow: 0px 1px 1px #858585;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#yxym .list-titlelist-title {
    background: linear-gradient(transparent, #f7f3f3);
    font-size: 32px;
    color: #000;
    text-shadow: 0px 0px 10px #e5e5e5;
}
@media screen and (max-width: 505px) {
    #yxym .list-titlelist-title {
        font-size: 22px;
    }
}
@media screen and (max-width: 409px) {
    #yxym .list-titlelist-title {
        font-size: 20px;
    }
}
.boxbox {
    margin: 4px 0;
    border-radius: 5px;
    overflow: hidden;
    background-image: linear-gradient(to right, #4292EF, #5aa1f5, #60a6f7, #4e98ec, #569ff5, #5aa2f5, #4292EF);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
.padpad1 {
    padpad1ding: 1px 2px;
}
@media screen and (max-width: 610px) {
    .padpad1 {
        padpad1ding: 2px 2px;
    }
}
@media screen and (max-width: 505px) {
    .padpad1 {
        padpad1ding: 2px 2px;
    }
}
@media screen and (max-width: 505px) {
    .boxbox, .subnav, .xjboxbox {
        margin: 2px 0px;
    }
}
.duilianpt7749 {
    table-layout: auto;
    color: #0000FF;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    background: #fff;

}

.duilianpt7749 tr {
    height: 30px;
}
.duilianpt7749 td {
    font-weight: bold;
    border: 1px solid #C0C0C0;
    font-size: 18pt;
}
@media screen and (max-width: 610px) {
    .duilianpt7749 td {
        font-size: 16pt;
    }
}
@media screen and (max-width: 505px) {
    .duilianpt7749 td {
        font-size: 15pt;
    }
}
@media screen and (max-width: 429px) {
    .duilianpt7749 td {
        font-size: 15pt;
    }
}
@media screen and (max-width: 409px) {
    .duilianpt7749 td {
        font-size: 13pt;
    }
}
.llllllred001 {
    color: #FF0000;
}
.lllblue001 {
    color: #0000FF;
}

.vienvangonggia img{
     border: 2px solid #e0af0f;
}


.man199sui {
    background: red;
    padding: 3px 0;
  }


.dibupika99 {
    background: red;
    color: #fff;
    font-weight: 600;
    padding: 2px 10px;
    /* border-radius: 6px; */
    text-align: center;
    font-size: 22px;
  }

  .dibupika99 img {
    display: inline !important; 
    width:65px;
        margin-top: -13px;
  }
  /* RWD 响应式设计 */
  @media (max-width: 768px) {
    .banner-image {
      width: 100%;
      height: auto;
    }
    .dibupika99 img {
        width:40px;
        margin-top: -10px;
    }
  }
@media screen and (max-width: 720px) {
.dibupika99 {
        font-size: 18px;
}}
@media screen and (max-width: 610px) {
    .dibupika99 {
        font-size: 17px;
    }
}
@media screen and (max-width: 505px) {
    .dibupika99 {
        font-size: 19px;
    }
}
@media screen and (max-width: 409px) {
    .dibupika99 {
        font-size: 17px;
    }
}
@media screen and (max-width: 374px) {
    .dibupika99 {
        font-size: 15px;
    }
}

/* 顶部三行：整体居中，优惠两行左对齐 */
.haivaihaivai22-wrap {
    background: red;
    text-align: center;
    padding: 5px 0 8px;
}

.haivaihaivai22-group {
    display: inline-block;
    text-align: left;
}

/* 默认文字 */
.haivaihaivai22 {
    font-size: 42px;
    line-height: 1.55;
    background: transparent;
    color: #fff;
    font-weight: 600;
    /* text-align: left; */
        text-align: center;
}

/* 第一行标题：单独居中 */
.haivaihaivai22.huodong-title {
    text-align: center;
    font-size: 55px;
    line-height: 1.35;
    font-weight: 700;
    margin-bottom: 4px;
}

/* 两条首存活动 */
.haivaihaivai22.huodongjine {
    font-size: 34px;
    line-height: 1.45;
    white-space: nowrap;
}

/* 第二、第三行之间增加间距 */
.haivaihaivai22.huodongjine + .haivaihaivai22.huodongjine {
    margin-top: 7px;
}

/* “首存 / 豪送”单独放大 */
.haivaihaivai22.huodongjine .huodong-label {
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    vertical-align: baseline;
}

/* 中间圆点间距 */
.haivaihaivai22.huodongjine .huodong-dot {
    display: inline-block;
    margin: 0 5px;
}

/* 金额：绿色底、黑色字 */
.haivaihaivai22.huodongjine .jine-green {
    display: inline-block;
    background: #00FC12;
    color: #000;
    font-size: 43px;
    line-height: 1.12;
    font-weight: 800;
    padding: 1px 8px;
    margin: 0 2px;
    border-radius: 5px;
    vertical-align: baseline;
}

/* =========================
   手机端
   ========================= */
@media only all and (max-width: 500px) {

    .haivaihaivai22-wrap {
        padding: 6px 0 9px;
    }

    /* 第一行单独放大并居中 */
    .haivaihaivai22.huodong-title {
        font-size: 36px !important;
        line-height: 1.25;
        text-align: center;
        margin-bottom: 7px;
        font-weight: 700;
    }

    /* 两条优惠行 */
    .haivaihaivai22.huodongjine {
        font-size: 21px !important;
        line-height: 1.28;
    }

    /* 首存、豪送放大 */
    .haivaihaivai22.huodongjine .huodong-label {
        font-size: 32px;
        font-weight: 700;
    }

    /* 手机端第二、第三行增加明显间距 */
    .haivaihaivai22.huodongjine + .haivaihaivai22.huodongjine {
        margin-top: 8px;
    }

    /* 手机端金额数字 */
    .haivaihaivai22.huodongjine .jine-green {
        font-size: 39px;
        padding: 2px 7px;
    }

    .haivaihaivai22.huodongjine .huodong-dot {
        margin: 0 4px;
    }
}

/* 超小屏再适当收一点，避免换行 */
@media only all and (max-width: 375px) {
    .haivaihaivai22.huodong-title {
        font-size: 33px !important;
    }

    .haivaihaivai22.huodongjine {
        font-size: 19px !important;
    }

    .haivaihaivai22.huodongjine .huodong-label {
        font-size: 30px;
    }

    .haivaihaivai22.huodongjine .jine-green {
        font-size: 37px;
        padding: 2px 6px;
    }
}

.number{
    font-family: Arial, Helvetica, sans-serif;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}

.fj1-box1{
  width:100%;
  max-width:1100px;
  margin:auto;
  padding:24px 20px;
  box-sizing:border-box;
  text-align:center;
  font-family:"Microsoft YaHei",Arial,sans-serif;
  color:#fff;

  background:linear-gradient(135deg,#0862dc,#003b9d);
  border:5px solid #00cfff;
  border-radius:30px;
  box-shadow:
    inset 0 0 25px rgba(0,180,255,.65),
    0 0 8px #0357c8;
}

.fj1-inner1{
  padding:25px 15px 20px;
  background:linear-gradient(135deg,#0757c6,#003486);
  border-radius:22px;
}

.fj1-title1{
  color:#fff600;
  font-size:clamp(30px,6vw,66px);
  font-weight:900;
  line-height:1.25;
  text-shadow:3px 4px 3px rgba(0,0,0,.35);
  margin-bottom:22px;
}

.fj1-title1 span{
  font-size:.65em;
}

.fj1-content1{
  padding:14px 10px 18px;
  border:3px solid #0785bd;
  border-radius:18px;
}

.fj1-countdown1{
  display:inline-block;
  background:#fff600;
  color:red;
  font-size:clamp(25px,5vw,55px);
  font-weight:900;
  padding:5px 18px;
  margin-bottom:15px;
}

.fj1-date1{
  font-size:clamp(21px,4.2vw,43px);
  font-weight:700;
  line-height:1.5;
}

.fj1-text1{
  font-size:clamp(30px,6vw,62px);
  font-weight:900;
  line-height:1.45;
  white-space:nowrap;
}

.fj1-btn1{
  display:inline-block;
  margin-top:5px;
  padding:4px 12px;
  background:red;
  color:#fff;
  font-size:clamp(28px,6vw,60px);
  font-weight:900;
  line-height:1.35;
  text-decoration:none;
}

@media(max-width:500px){
  .fj1-box1{
    padding:10px 8px;
    border-width:3px;
    border-radius:18px;
  }

  .fj1-inner1{
    padding:16px 6px 12px;
    border-radius:14px;
  }

  .fj1-content1{
    padding:10px 4px 14px;
    border-width:2px;
    border-radius:12px;
  }

  .fj1-text1{
    font-size:clamp(24px,7.2vw,38px);
  }
}

.guanggao49010521{
        text-decoration: none !important;
        line-height: 2 !important;
    
    }


    .guanggao49010521 td{
       line-height: 1.7;
    
    }

  
    /* iPhone SE, 8 (màn hình nh hn 375px) */
    @media (max-width: 374px) {
        .guanggao49010521 td {
            font-size: 11px !important;

        }
    }

    /* iPhone X, XS, 12 Mini (màn hình t 375px n 391px) */
    @media (min-width: 375px) and (max-width: 391px) {
        .guanggao49010521 td {
            font-size: 11.5px !important;

        }
    }

    /* iPhone 12, 13, 14 (màn hình t 391px n 428px) */
    @media (min-width: 392px) and (max-width: 427px) {
        .guanggao49010521 td {
            font-size: 12px !important;

        }
    }

    /* iPhone 12 Pro Max, 14 Plus, 15 Plus (màn hình t 429px tr lên) */
    @media (min-width: 428px) and (max-width: 959px) {
        .guanggao49010521 td {
            font-size: 12.5px !important;

        }
    }

    @media (min-width: 960px) {
        .guanggao49010521 td {
            background: rgba(255, 255, 255, 0);
            font-size: 15px !important;

        }
    }

/* 美女轮播容器样式 */
  .meinulunbo1-container .swiper-wrapper {
    overflow-x: unset !important;
    height: fit-content !important;
  }
  .meinulunbo1-container .swiper-horizontal {
    border: 2px solid #e0af0f;
    border-top: 3px solid #e0af0f;
    border-radius: 5px;
    margin: 0px auto;
    width: 100%;
    box-sizing: border-box;
  }
  /* 美女轮播指示标志改成圆形 */
  .meinulunbo1-container .swiper-pagination-bullet {
    border-radius: 50% !important;
    width: 8px !important;
    height: 8px !important;
  }
  .meinulunbo1-paomadeng-bar {
    width: calc(100% - 10px);
    /* max-width: 700px; */
    margin: 1px 5px auto;
    border-radius: 5px;
    display: flex;
    align-items: center;
    height: 30px;
    overflow: hidden;
    background: #eaeaea;
  }

  .meinulunbo1-paomadeng-icon {
    padding: 8px;
    text-align: center;
    font-size: 18px;
    color: #e60000;
    flex-shrink: 0;
  }

  .meinulunbo1-paomadeng-marquee {
    flex: 1;
    overflow: hidden;
  }

  .meinulunbo1-paomadeng-text {
    white-space: nowrap;
    font-size: clamp(10px, 4vw, 15px);
    padding-left: 20%;
    animation: marquee 12s linear infinite;
    font-weight: 500;
  }

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

  /* 大螢幕 */
  @media (min-width: 680px) {
    .meinulunbo1-paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 15s linear infinite;
    }
  }

  @media (min-width: 1024px) {
    .meinulunbo1-paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 17s linear infinite;
    }
  }

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

  /* 美女轮播标题 */
  .meinulunbo1-title {
    width: 100%;
    background: var(--ppc-primary-color);
    color: #fff;
    font-size: clamp(1.6rem, 5vw, 2.2rem);
    font-weight: 600;
    text-align: center;
    padding: 2px 0;
    letter-spacing: 2px;
  }

  /* 美女轮播图片容器 - 支持双图布局 */
  .meinulunbo1-slide-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .meinulunbo1-image-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* 美女轮播图片样式 */
  .meinulunbo1-image {
    width: 100%;
    height: fit-content;
    display: block;
    object-fit: contain;
  }

.container1 * {
    max-width: 100%;
    box-sizing: border-box;
}

.wp1 {
    color: #f0f!important;
}



.br-121212 {
    border-radius: 3px;
    overflow: hidden;
}

.bg1213 {
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #F0E68C, #C9B037, #f0ecc5, #C9B037);
    background-size: 400% 400%;
    animation: shimmer 12s ease infinite;
}

/* .pb-head12112 {
    padding-left: 1rem;
    padding-right: 1rem;
} */

.pb-tit23123 {
    font-size: clamp(19px, 3vw, 26px);
    color: #000;
    line-height:1.6;
    font-weight: bold;
    text-align: center;
    /* text-shadow: -1px -1px 0 #614a00,       1px -1px 0 #614a00,        -1px 1px 0 #614a00,        2px 2px 0 #614a00; */
}

.pb-content213213123 {
    
    padding: .3rem .3rem;
    
    font-weight: bold;
}

.nbb13213 {
    line-height:1.6;
    padding: 3px;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to top, #fff3bc, #fafafa, #fff3bc);
    /* background:white; */
    color: #333;
}

.tzlb213131662242-content2132 {
    font-size: clamp(19px, 3vw, 26px);
    text-align: center;
    background: #fff;
    font-weight: 700;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
    
}

/*! CSS Used keyframes */
@keyframes shimmer {
    0% {
        background-position: 0% 0%;
    }

    25% {
        background-position: 100% 0%;
    }

    50% {
        background-position: 100% 100%;
    }

    75% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

#bf3d-163-wrap {
    max-width: var(--ppc-body-width);
    margin: 3px auto;
    padding: 3px;
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    color: #fff;
    word-break: break-word;
    overflow-wrap: break-word;
    position: relative;
    isolation: isolate;
}
    
    #bf3d-163-wrap,
    #bf3d-163-wrap * {
        box-sizing: border-box;
    }
    
    #bf3d-163-wrap a {
        text-decoration: none;
    }
    /* 立体外壳 */
    
    #bf3d-163-wrap .bf3d-shell {
        position: relative;
        padding: 5px;
        border-radius: 24px;
        background: linear-gradient(145deg, #fff2a0 0%, #d00000 25%, #520000 55%, #ffcc33 100%);
        box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
        overflow: hidden;
    }
    
    #bf3d-163-wrap .bf3d-card {
        position: relative;
        z-index: 2;
        border-radius: 20px;
        padding: 12px;
        background: linear-gradient(180deg, #fff8d8 0%, #ffeaa0 46%, #ffd45a 100%);
        border: 2px solid #7d0000;
        box-shadow: inset 0 0 0 3px #fff0a6;
    }
    /* 顶部标题 */
    
    #bf3d-163-wrap .bf3d-title {
        position: relative;
        text-align: center;
        margin: 2px 0 12px;
        padding: 12px 8px;
        border-radius: 16px;
        background: linear-gradient(180deg, #fffde8 0%, #fff176 45%, #ffd21f 100%);
        border: 2px solid #d69b00;
        box-shadow: 0 4px 0 #b57700, 0 8px 14px rgba(0, 0, 0, .18), inset 0 2px 0 rgba(255, 255, 255, .95);
        overflow: hidden;
    }
    
    #bf3d-163-wrap .bf3d-title:before,
    #bf3d-163-wrap .bf3d-title:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: #b40000;
        font-size: 20px;
    }
    
    #bf3d-163-wrap .bf3d-title:before {
        left: 16px;
    }
    
    #bf3d-163-wrap .bf3d-title:after {
        right: 16px;
    }
    
    #bf3d-163-wrap .bf3d-title span {
        display: inline-block;
        font-size: 22px;
        font-weight: 900;
        color: #a00000;
        letter-spacing: 1px;
        text-shadow: 0 1px 0 #ffffff, 0 2px 0 #ffcc33;
    }
    /* 记录行 */
    
    #bf3d-163-wrap .bf3d-row {
        position: relative;
        display: grid;
        grid-template-columns: 105px 1fr;
        gap: 10px;
        align-items: center;
        margin: 10px 0;
        padding: 10px;
        border-radius: 16px;
        background: linear-gradient(180deg, #ff2a2a 0%, #a50000 50%, #630000 100%);
        border: 2px solid #ffd36a;
        box-shadow: 0 5px 0 #4f0000, 0 8px 14px rgba(0, 0, 0, .22), inset 0 2px 0 rgba(255, 255, 255, .35);
        overflow: hidden;
    }
    
    #bf3d-163-wrap .bf3d-issue {
        position: relative;
        z-index: 2;
        text-align: center;
        padding: 9px 5px;
        border-radius: 12px;
        color: #7a0000;
        font-size: 17px;
        font-weight: 900;
        background: linear-gradient(180deg, #fff8b8 0%, #ffd634 52%, #e8a800 100%);
        border: 1px solid #fff5a8;
        box-shadow: 0 3px 0 #8b4b00;
        text-shadow: 0 1px 0 #fff;
        white-space: nowrap;
    }
    
    #bf3d-163-wrap .bf3d-main {
        position: relative;
        z-index: 2;
        text-align: center;
        min-width: 0;
    }
    /* 数字区域：四个号码一行，手机不超出 */
    
    #bf3d-163-wrap .bf3d-code {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-wrap: nowrap;
        font-size: 23px;
        line-height: 1.25;
        font-weight: 900;
        color: #fff;
        letter-spacing: 0;
        white-space: nowrap;
        text-shadow: 0 2px 0 #000, 0 3px 0 #510000;
    }
    
    #bf3d-163-wrap .bf3d-num {
        display: inline-block;
        min-width: 42px;
        padding: 2px 7px;
        border-radius: 11px;
        color: #ffffff;
        background: linear-gradient(180deg, #ff6262, #b80000);
        border: 1px solid rgba(255, 255, 255, .45);
        box-shadow: inset 0 1px 3px rgba(255, 255, 255, .28), 0 3px 5px rgba(0, 0, 0, .22);
    }
    /* 中奖号码升级版 */
    
    #bf3d-163-wrap .bf3d-hit {
        display: inline-block;
        min-width: 46px;
        padding: 2px 8px;
        border-radius: 12px;
        color: #ffff00;
        font-weight: 900;
        letter-spacing: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, 0) 34%), linear-gradient(135deg, #ff3b3b 0%, #d00000 42%, #7a0000 72%, #2b0000 100%);
        border: 2px solid #ffe27a;
        box-shadow: 0 0 10px rgba(255, 0, 0, .65), 0 0 14px rgba(255, 226, 122, .55), inset 0 2px 4px rgba(255, 255, 255, .28), inset 0 -4px 6px rgba(0, 0, 0, .35);
        text-shadow: 0 1px 0 #7a0000, 0 2px 3px rgba(0, 0, 0, .75), 0 0 8px rgba(255, 255, 0, .85);
        transform: scale(1.04);
    }
    
    #bf3d-163-wrap .bf3d-dot {
        display: inline-block;
        color: #fff7c2;
        font-size: 20px;
        font-weight: 900;
        margin: 0 -2px;
    }
    
    #bf3d-163-wrap .bf3d-text {
        margin-top: 5px;
        font-size: 13px;
        color: #fff7c2;
        font-weight: 700;
        line-height: 1.45;
        text-shadow: 0 1px 0 #000;
    }
    /* APP区域 */
    
    #bf3d-163-wrap .bf3d-app {
        position: relative;
        margin-top: 16px;
        padding: 44px 10px 17px;
        border-radius: 20px;
        text-align: center;
        background: radial-gradient(circle at top, #ff3b3b 0%, #9b0000 45%, #2b0000 100%);
        border: 2px dashed #ffd36a;
        box-shadow: 0 6px 0 #560000;
        overflow: hidden;
    }
    /* 火爆公开：改成小标签，不遮挡164期 */
    
    #bf3d-163-wrap .bf3d-app:before {
        content: "火爆公开";
        position: absolute;
        left: 12px;
        top: 10px;
        width: auto;
        padding: 5px 14px;
        border-radius: 999px;
        background: linear-gradient(180deg, #fff27a, #ffba00);
        color: #8b0000;
        font-size: 13px;
        font-weight: 900;
        transform: none;
        border: 1px solid #fff6b2;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .85);
        z-index: 3;
        pointer-events: none;
    }
    
    #bf3d-163-wrap .bf3d-public {
        position: relative;
        z-index: 2;
        font-size: 20px;
        line-height: 1.55;
        font-weight: 900;
        color: #ffe27a;
        margin-bottom: 10px;
        text-shadow: 0 2px 0 #650000;
    }
    
    #bf3d-163-wrap .bf3d-public a {
        color: #ffd36a;
    }
    /* 按钮 */
    
    #bf3d-163-wrap .bf3d-btn {
        position: relative;
        display: block;
        max-width: 400px;
        margin: 10px auto;
        padding: 12px 10px;
        border-radius: 999px;
        color: #850000;
        font-size: 17px;
        line-height: 1.35;
        font-weight: 900;
        background: linear-gradient(180deg, #ffffff 0%, #fff4a6 25%, #ffd027 58%, #e69700 100%);
        border: 2px solid #fff6b2;
        box-shadow: 0 4px 0 #7b0000;
        text-shadow: 0 1px 0 #fff;
    }
    /* 底部 */
    
    #bf3d-163-wrap .bf3d-bottom {
        margin-top: 16px;
        text-align: center;
        font-size: 18px;
        line-height: 1.6;
        font-weight: 900;
        color: #ffd36a;
        background: linear-gradient(180deg, #2a2a2a, #080808);
        padding: 12px 8px;
        border-radius: 16px;
        border: 2px solid #ffd36a;
        box-shadow: 0 4px 0 #650000;
    }
    
    #bf3d-163-wrap .bf3d-bottom img {
        width: 20px;
        height: 19px;
        vertical-align: -3px;
        margin-right: 4px;
        display: inline;
    }
    
    #bf3d-163-wrap .bf3d-bottom a {
        color: #ffd36a;
    }
    /* 手机端 */
    
    @media(max-width:520px) {
            #bf3d-163-wrap {
        margin: 2px auto;
        padding: 2px;
    }
        #bf3d-163-wrap .bf3d-shell {
            border-radius: 18px;
            padding: 4px;
        }
        #bf3d-163-wrap .bf3d-card {
            padding: 9px;
            border-radius: 15px;
        }
        #bf3d-163-wrap .bf3d-title {
            padding: 10px 6px;
            margin-bottom: 10px;
        }
        #bf3d-163-wrap .bf3d-title span {
            font-size: 20px;
            letter-spacing: 0;
        }
        #bf3d-163-wrap .bf3d-title:before,
        #bf3d-163-wrap .bf3d-title:after {
            display: none;
        }
        #bf3d-163-wrap .bf3d-row {
            grid-template-columns: 78px 1fr;
            gap: 5px;
            padding: 8px 5px;
            margin: 8px 0;
            border-radius: 13px;
        }
        #bf3d-163-wrap .bf3d-issue {
            font-size: 13px;
            padding: 8px 2px;
            border-radius: 10px;
        }
        #bf3d-163-wrap .bf3d-code {
            font-size: 17px;
            gap: 3px;
        }
        #bf3d-163-wrap .bf3d-num {
            min-width: 31px;
            padding: 2px 3px;
            border-radius: 8px;
        }
        #bf3d-163-wrap .bf3d-hit {
            min-width: 33px;
            padding: 2px 3px;
            border-radius: 8px;
            transform: scale(1.01);
        }
        #bf3d-163-wrap .bf3d-dot {
            font-size: 16px;
            margin: 0 -3px;
        }
        #bf3d-163-wrap .bf3d-text {
            font-size: 12px;
            line-height: 1.35;
        }
        #bf3d-163-wrap .bf3d-app {
            padding-top: 40px;
        }
        #bf3d-163-wrap .bf3d-app:before {
            left: 10px;
            top: 9px;
            font-size: 12px;
            padding: 4px 12px;
        }
        #bf3d-163-wrap .bf3d-public {
            font-size: 17px;
        }
        #bf3d-163-wrap .bf3d-btn {
            font-size: 15px;
            padding: 10px 8px;
        }
        #bf3d-163-wrap .bf3d-bottom {
            font-size: 15px;
            padding: 10px 6px;
        }
    }

.muoilam1-img-link {
  display: block;
  width: 100%;
  text-align: center;
}

.muoilam1-img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

  .gray-bg-box {
    background: #f2f2f2;
    /* padding: 0 5px 5px 5px; */
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
  }

  .list-title59 {
  background: linear-gradient(#f00, #f00);
  color: #ff0;
  line-height: 1.2;
  font-size: 23pt;
  text-align: center;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 2px 0;
}

.list-title59 span {
  display: block;
  line-height: 1.4;
}

  .muoilam1 {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
  }

  .muoilam1 a {
    display: block;
    line-height: 35px;
        border-bottom: 1px solid #eee;
    background: #fff;
    /* border-radius: 5px; */
    color: #333;
    cursor: pointer;
    text-decoration: none;
    /* margin: 0 2px 2px 0; */
  }

  .muoilam1 img {
    vertical-align: middle;
    display: inline-block;
  }

  #con_ily520_1 img {
    width: 30px;
  }

  .muoilam1 a:hover {
    background: #fff;
  }

  @media screen and (max-width:750px) {
    .muoilam1 {
      font-size: 15px;
      font-weight: bold;
    }

    .muoilam1 a {
      display: block;
      line-height: 40px;
    }
  }

  .tdbg_fontbothangs111 {
    font-size: 15.1px !important;
  }

  @media only screen and (max-width: 720px) {
    .tdbg_fontbothangs111 {
      font-size: 17.1px !important;
    }
  }
  .update-icon {
    height: 16px;
}

.man19sui {
    font-family: Arial, sans-serif;

    margin: 0;
    overflow-x: hidden;

    flex-direction: column;
  }
.man19sui {
    background: red;
    color: #000;
    font-weight: 600;

    text-align: center;
    font-size: 24px;
    border-bottom: 2px solid #c0c0c0;
  }
  .man19sui a {
    text-decoration: none;
  }
.dibupika9 {
    background: red;
    color: #fff;
    font-weight: 600;
    padding: 2px 10px;

    text-align: center;
    font-size: 22px;
  }

  .dibupika9 img {
    display: inline !important; 
    width:60px;
  }

  @media (max-width: 768px) {
    .banner-image {
      width: 100%;
      height: auto;
    }
    .dibupika9 {
      font-size: 16px;
    }

    .dibupika9 img {
        width:40px;
    }
  }

/* .muoilam1-img-link {
  display: block;
  width: 100%;
  text-align: center;
}

.muoilam1-img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

  .gray-bg-box {
    background: #f2f2f2;
        padding: 0 5px 5px 5px;
    border-radius: 5px;
    box-sizing: border-box;
  }

  .list-title59 {
  background: linear-gradient(#f00, #f00);
  color: #ff0;
  line-height: 1.2;
  font-size: 23pt;
  text-align: center;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 2px 0;
}

.list-title59 span {
  display: block;
  line-height: 1.4;
}

  .muoilam1 {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
  }

  .muoilam1 a {
    display: block;
    line-height: 35px;
    border: 1px solid #CCC;
    background: #fff;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    margin: 0 2px 2px 0;
  }

  .muoilam1 img {
    vertical-align: middle;
    display: inline-block;
  }

  #con_ily520_1 img {
    width: 30px;
  }

  .muoilam1 a:hover {
    background: #fff;
  }

  @media screen and (max-width:750px) {
    .muoilam1 {
      font-size: 18px;
      font-weight: bold;
    }

    .muoilam1 a {
      display: block;
      line-height: 40px;
    }
  }

  .tdbg_fontbothangs111 {
    font-size: 15.1px !important;
  }

  @media only screen and (max-width: 720px) {
    .tdbg_fontbothangs111 {
      font-size: 17.1px !important;
    }
  } */

.bmfw-www {
    font-size: clamp(20px, 4vw, 30px);
}
.bmfw-box {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
}

.bmfw-box *,
.bmfw-box *::before,
.bmfw-box *::after {
    box-sizing: border-box;
}

.bmfw-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.bmfw-list .bmfw-item {
    width: 100%;
    min-height: 84px;
    padding: 10px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    border: 2px solid #7595ff;
    border-radius: 16px;
    cursor: pointer;
}

.bmfw-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.bmfw-icon {
    width: 58px;
    height: 58px;
    flex-shrink: 0;
    border: 4px solid #6083ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6083ff;
    font-size: 16px;
    font-weight: 900;
    box-shadow: 0 2px 5px rgba(70,110,255,0.2);
}

.bmfw-headset {
    background: linear-gradient(180deg,#77a6ff,#3051f5);
    border: 3px solid #9db9ff;
    color: #ffffff;
    font-size: 32px;
}

.bmfw-name {
    color: #222222;
    font-size: 19px;
    font-weight: 700;
    white-space: nowrap;
}

.bmfw-button {
    width: 160px;
    height: 54px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 23px;
    font-weight: 800;
    white-space: nowrap;
    border-radius: 35px;
    border: 2px solid #a9c4ff;
    background: linear-gradient(180deg,#8ebcff 0%,#5788ff 45%,#3444f5 100%);
    box-shadow: inset 0 2px 2px rgba(255,255,255,0.7),0 2px 3px rgba(65,85,255,0.2);
    transition: transform 0.2s,filter 0.2s;
}

.bmfw-item:active .bmfw-button {
    transform: scale(0.96);
    filter: brightness(1.08);
}

@media (max-width: 480px) {
    .bmfw-box {
        padding: 0 10px;
    }

    .bmfw-list {
        gap: 10px;
    }

    .bmfw-list .bmfw-item {
        min-height: 66px;
        padding: 8px 10px;
        border-radius: 12px;
    }

    .bmfw-left {
        gap: 8px;
    }

    .bmfw-icon {
        width: 42px;
        height: 42px;
        border-width: 3px;
        font-size: 12px;
    }

    .bmfw-headset {
        font-size: 24px;
    }

    .bmfw-button {
        width: 105px;
        height: 42px;
        font-size: 17px;
        border-radius: 25px;
    }
}

/* ===== BỐ CỤC CHUNG ===== */
.boxbaz{
    background-color: #f3f8fe;
}
.boxbaz img {
    max-width: 100%;
    height: auto;
}

.boxbaz ul {
    titbazbazbaz-style: none;
    margin: 0;
    padding: 0;
}

/* ===== LOGO VÀ HIỆU ỨNG ÁNH SÁNG ===== */

.logo-boxbaz {
    width: 90%;
    margin: 0 auto 12px;
    position: relative;
    overflow: hidden;
}

.logo-img {
    display: block;
    width: 100%;
}

.logo-boxbaz::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.6) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    pointer-events: none;
    animation: shine-sweep 2.5s infinite ease-in-out;
}

@keyframes shine-sweep {
    0% { left: -100%; }
    100% { left: 200%; }
}

/* ===== BANNER TRÊN ===== */

.cen-cardbaz {
    width: 100%;
    text-align: center;
}

.cen-cardbaz .zcljs {
    display: block;
    width: 100%;
    height: auto;
}

.cen-cardbaz .gf {
    display: block;
    width: calc(100% - 32px);
    margin: 10px auto 0;
    height: auto;
}

/* ===== KHU VỰC NÚT ===== */

.interboxbaz {
    position: relative;
    width: 100%;
}

/* ===== 2 NÚT TẢI XUỐNG / TRUY CẬP ===== */

.down {
    width: 100%;
}

.down ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.down ul li {
    width: calc((100% - 12px) / 2);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.down ul li img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.down ul li:active {
    opacity: 0.85;
}

/* ===== DÒNG THÔNG BÁO VÀ DANH SÁCH ===== */

.titbazbazbaz {
    width: 100%;
}

.titbazbazbaz .titbaz {
    padding-top: 8px;
    display: block;
    /* width: calc(100% - 20px); */
    height: auto;
    object-fit: contain;
}

.titbazbazbaz ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.titbazbazbaz ul li {
    width: 100%;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.titbazbazbaz ul li > img:first-child {
    display: block;
    width: 100%;
    height: auto;
}

.titbazbazbaz ul li .btn {
    position: absolute;
    width: 27%;
    max-width: 160px;
    height: auto;
    right: 3%;
    top: 50%;
    border-radius: 50px;
    transform: translateY(-50%);
    z-index: 1;
}

/* ===== HIỆU ỨNG NÚT XANH ===== */

@keyframes pulse-glow {
    0%, 100% {
        boxbaz-shadow: 0 0 0 0 rgba(106,158,243,0.7);
        transform: translateY(-50%) scale(1);
    }

    50% {
        boxbaz-shadow: 0 0 0 8px rgba(59,130,246,0);
        transform: translateY(-50%) scale(1.04);
    }
}

.btn-pulse {
    animation: pulse-glow 2s infinite ease-in-out;
}

/* ===== PHẦN GAME ===== */

.game .titbaz {
    padding: 15px 0 5px;
}

.game .titbaz img {
    width: 85%;
    display: block;
    margin: 10px auto 0;
}

.game .yxtj {
    width: 100%;
}

/* ===== FOOT ===== */

.foot {
    padding: 15px 0;
}

.foot .banquan {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #878ea6;
    margin-top: 10px;
}

.foot img {
    width: 85%;
    display: block;
    margin: auto;
    height: auto;
}


.gdfgtrh {
    display: contents;
}

.hjrgbgbgf img {
    width: 28px;
    height: 28px;
    float: left;
    margin: 8px;
}

.c_fff000 {
    color: #fff000;
}


/* ===== POPUP ===== */

.pop {
    width: calc(100% - 40px);
    max-width: 500px;
    border-radius: 12px;
    padding: 20px;
    boxbaz-shadow: 0 3px 24px #b0c0f5;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    display: none;
    z-index: 9999;
    font-size: 14px;
}

.pop#id1 {
    bottom: 120px;
}

.pop#id2,
.pop#id3 {
    padding: 10px 20px;
    bottom: 270px;
}

.line-titbaz {
    text-align: center;
    color: #666;
    font-weight: normal;
}

.line-down {
    padding: 10px 0 14px;
    color: #fff;
}

.line-down a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 8px 0;
    font-weight: normal;
    border-radius: 50px;
    background: linear-gradient(#e61b0b,#d21614);
}

.line-down a:hover {
    filter: brightness(1.1);
}

.line-down img {
    width: 26px;
    height: 26px;
    margin-right: 8px;
}

/* ===== DANH SÁCH ĐƯỜNG TRUYỀN ===== */

.lineboxbaz ul {
    titbazbazbaz-style: none;
}

.lineboxbaz ul li:last-child {
    padding-bottom: 0;
}

.lineboxbaz ul li a {
    display: flex;
    cursor: default;
    padding: 8px 0;
    border-bottom: 1px solid #ebe0d4;
    align-items: center;
}

.lineboxbaz ul li a .lineimg {
    margin-right: 8px;
    flex-shrink: 0;
}

.lineboxbaz ul li a .lineimg img {
    width: 20px;
    vertical-align: middle;
}

.lineboxbaz ul li a .linename {
    width: 90px;
    font-weight: bold;
    white-space: nowrap;
    flex-shrink: 0;
    color: #597ef8;
}

.lineboxbaz ul li a .linetxt {
    flex: 1;
    margin-left: 10px;
    color: #999;
    font-size: 12px;
}

.lineboxbaz ul li a .linetime {
    width: 46px;
    flex-shrink: 0;
    color: red;
}

.lineboxbaz ul li a .linetime em {
    color: #597ef8;
    font-style: normal;
}

.lineboxbaz ul li a .linetime b {
    color: #597ef8;
    font-weight: normal;
}

.lineboxbaz ul li a .linebtn {
    cursor: pointer;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    background: #597ef8;
}

.lineboxbaz ul li a:hover .linebtn {
    filter: brightness(1.1);
}

/* ===== THÔNG BÁO ===== */

.wxts {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    text-align: center;
    font-size: 12px;
    color: #e61b0b;
}

.wxts img {
    height: 14px;
    width: auto;
    margin-right: 8px;
}

/* ===== DANH SÁCH TẢI XUỐNG ===== */

.downtitbazbazbaz {
    text-align: center;
}

.downtitbazbazbaz li:last-child {
    border-top: 1px solid #ebe0d4;
}

.downtitbazbazbaz li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    background: #fff;
}

.downtitbazbazbaz li div {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 16px;
    font-weight: bold;
    color: #424a66;
}

.downtitbazbazbaz li div img {
    width: 26px;
    height: 26px;
    margin-right: 8px;
}

.downtitbazbazbaz li span {
    display: block;
    width: 160px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    border-radius: 50px;
    background: #866638;
}

.downtitbazbazbaz li:hover span {
    filter: brightness(1.1);
}

/* ===== HIỆU ỨNG NÚT TẢI XUỐNG ===== */

.dh {
    -webkit-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite;
}

@-webkit-keyframes myfirst {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(0.92); }
}

@keyframes myfirst {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(0.92); }
}

/* ===== MÀN HÌNH ĐIỆN THOẠI NHỎ ===== */

@media (max-width: 720px) {
    .down {
        padding: 8px 12px 6px;
    }

    .down ul {
        gap: 8px;
    }

    .down ul li {
        width: calc((100% - 10px) / 2);
    }

    .titbazbazbaz {
        padding: 0 10px 5px;
    }

    .titbazbazbaz .titbaz {
        width: 100%;
    }

    .titbazbazbaz ul {
        gap: 5px;
    }

    .titbazbazbaz ul li .btn {
        width: 27%;
        right: 3%;
    }

    .pop {
        width: calc(100% - 20px);
        padding: 12px;
    }
}

/* 美女轮播容器样式 */
  .meinulunbo3-container .swiper-wrapper {
    overflow-x: unset !important;
    height: fit-content !important;
  }
  .meinulunbo3-container .swiper-horizontal {
    border: 2px solid #e0af0f;
    border-top: 3px solid #e0af0f;
    border-radius: 5px;
    margin: 0px auto;
    width: 100%;
    box-sizing: border-box;
  }
  /* 美女轮播指示标志改成圆形 */
  .meinulunbo3-container .swiper-pagination-bullet {
    border-radius: 50% !important;
    width: 8px !important;
    height: 8px !important;
  }
  .meinulunbo3-paomadeng-bar {
    width: calc(100% - 10px);
    /* max-width: 700px; */
    margin: 1px 5px auto;
    border-radius: 5px;
    display: flex;
    align-items: center;
    height: 30px;
    overflow: hidden;
    background: #eaeaea;
  }

  .meinulunbo3-paomadeng-icon {
    padding: 8px;
    text-align: center;
    font-size: 18px;
    color: #e60000;
    flex-shrink: 0;
  }

  .meinulunbo3-paomadeng-marquee {
    flex: 1;
    overflow: hidden;
  }

  .meinulunbo3-paomadeng-text {
    white-space: nowrap;
    font-size: clamp(10px, 4vw, 15px);
    padding-left: 20%;
    animation: marquee 12s linear infinite;
    font-weight: 500;
  }

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

  /* 大螢幕 */
  @media (min-width: 680px) {
    .meinulunbo3-paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 15s linear infinite;
    }
  }

  @media (min-width: 1024px) {
    .meinulunbo3-paomadeng-text {
      padding-left: 0%;
      animation: marquee-large 17s linear infinite;
    }
  }

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

  /* 美女轮播标题 */
  .meinulunbo3-title {
    width: 100%;
    background: var(--ppc-primary-color);
    color: #fff;
    font-size: clamp(1.6rem, 5vw, 2.2rem);
    font-weight: 600;
    text-align: center;
    padding: 2px 0;
    letter-spacing: 2px;
  }

  /* 美女轮播图片容器 - 支持双图布局 */
  .meinulunbo3-slide-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .meinulunbo3-image-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* 美女轮播图片样式 */
  .meinulunbo3-image {
    width: 100%;
    height: fit-content;
    display: block;
    object-fit: contain;
  }

*{padding:0;margin:0;}
*{word-wrap:break-word;}
*{font-weight:bold;text-align:center;}
.qs{font-size:15pt;}
.xj{font-size:15pt;}
@media screen and (max-width: 500px){
.qs{font-size:12pt;}
.xj{font-size:12pt;}
}
@media screen and (max-width: 370px){
.qs{font-size:11pt;}
.xj{font-size:11pt;}
}
.uququuqq td{
    border: solid 1px #C0C0C0;
}

.vienvangonggia img{
     border: 2px solid #e0af0f;
}


.man199suii {
    background: red;
    padding: 3px 0;
  }


.dibupika9955 {
    background: red;
    color: #fff;
    font-weight: 600;
    padding: 2px 10px;
    /* border-radius: 6px; */
    text-align: center;
    font-size: 25px;
  }

  .dibupika9955 img {
    display: inline !important; 
    width:65px;
        margin-top: -13px;
  }
  /* RWD 响应式设计 */
  @media (max-width: 768px) {
    .banner-image {
      width: 100%;
      height: auto;
    }
    .dibupika9955 img {
        width:40px;
        margin-top: -10px;
    }
  }
@media screen and (max-width: 720px) {
.dibupika9955 {
        font-size: 18px;
}}
@media screen and (max-width: 610px) {
    .dibupika9955 {
        font-size: 17px;
    }
}
@media screen and (max-width: 505px) {
    .dibupika9955 {
        font-size: 19px;
    }
}
@media screen and (max-width: 409px) {
    .dibupika9955 {
        font-size: 17px;
    }
}
@media screen and (max-width: 374px) {
    .dibupika9955 {
        font-size: 15px;
    }
}

.arco-btn-size-medium {
    font-size: 20px !important;
}

.arco-modal-container {
    z-index: 9999999999999 !important;
}

#quyetromanhgongsi {
    padding: 0;
    background: #eee;
}

#quyetromanhgongsi > .list-titlegongsi {
    margin: 0;
    padding: 8px 4px;
    border-radius: 5px 5px 0 0;
    background: #5783c6;
    color: #fff;
    text-align: center;
    font-size: clamp(18px,4.2vw,30px);
    font-weight: 700;
    line-height: 1.2;
}

#quyetromanhgongsi > .list-titlegongsi > span {
    font-size: inherit !important;
}

#quyetromanhgongsi .gridgongsi2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 0;
    margin: 0;
    padding: 0 0 6px;
    background: #eee;
}

#quyetromanhgongsi .gridgongsi-g2gongsi {
    float: none;
    flex: 0 0 26%;
    width: 26%;
    min-width: 0;
    margin: 4px 0;
    padding: 5px 0;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
    color: #000;
    text-align: center;
}

#quyetromanhgongsi .photoBox {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

#quyetromanhgongsi .photoBox img {
    display: block;
    width: 100%;
    height: 85px;
    max-height: none;
    margin: 8px 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    object-fit: fill;
}

#quyetromanhgongsi .gridgongsi-g2gongsi p {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #000;
    font-size: clamp(14px,5vw,26px);
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}

.box22 {
    margin: 2px 0;
    border-radius: 5px;
    overflow: hidden;
    background-image: linear-gradient(to right, #4292EF, #5aa1f5, #60a6f7, #4e98ec, #569ff5, #5aa2f5, #4292EF);
}

.list-title123444 {
    line-height: 1.7;
    font-size: 30px;
    text-align: center;
    border-bottom: 1px solid #738e9f;
    text-shadow: 1px 4px 1px #b99b5f;
    background: #fff;
    color: #000;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#yxym .list-title123444 {
    background: linear-gradient(transparent, #f7f3f3);
    font-size: 32px;
    color: #000;
    text-shadow: 0px 0px 10px #e5e5e5;
}

@media screen and (max-width: 610px) {
    #yxym .list-title123444 {
        font-size: 20px;
    }
}
@media screen and (max-width: 505px) {
    #yxym .list-title123444 {
        font-size: 22px;
    }
}
@media screen and (max-width: 409px) {
    #yxym .list-title123444 {
        font-size: 20px;
    }
}
@media screen and (max-width: 374px) {
    #yxym .list-title123444 {
        font-size: 20px;
    }
}


.duilianpt1234 {
    table-layout: auto;
    color: #0000FF;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}

.duilianpt1234 td {
    font-weight: bold;
    line-height:1.7;
    border: 1px solid #C0C0C0;
    font-size: 18pt;
}
@media screen and (max-width: 610px) {
    .duilianpt1234 td {
        font-size: 16pt;
    }
}

@media screen and (max-width: 505px) {
    .duilianpt1234 td {
        font-size: 15pt;
    }
}

@media screen and (max-width: 429px) {
    .duilianpt1234 td {
        font-size: 15pt;
    }
}

@media screen and (max-width: 409px) {
    .duilianpt1234 td {
        font-size: 13pt;
    }
}

@media screen and (max-width: 374px) {
    .duilianpt1234 td {
        font-size: 13pt;
    }
}

.duilianpt1234 .zl {

    color: red;
}

.duilianpt1234 .zl {
    font-size: 22pt;
}

@media screen and (max-width: 610px) {
    .duilianpt1234 .zl {
        font-size: 17pt;
    }
}

@media screen and (max-width: 505px) {
    .duilianpt1234 .zl {
        font-size: 16pt;
    }
}

@media screen and (max-width: 429px) {
    .duilianpt1234 .zl {
        font-size: 15pt;
    }
}

@media screen and (max-width: 409px) {
    .duilianpt1234 .zl {
        font-size: 14pt;
    }
}

@media screen and (max-width: 374px) {
    .duilianpt1234 .zl {
        font-size: 13pt;
    }
}

.benzhan55345{
    display:none;
}

/* 只修改当前统计模块的线条颜色，不影响其他地方 */
#show_tongji.tongji-gray-line table,
#show_tongji.tongji-gray-line td,
#show_tongji.tongji-gray-line th {
    border-color: #bfbfbf !important;
}

.gsbgsb img {
    border: 0;
    display: inline!important;
}



    .dungdetail{
    display: none;
}
.p-all12 {
    padding: 2px;
    background: #006800;
}

.bg1 {
    background: linear-gradient(to right, #006800, #00c81f);
}
.br-123 {
    border-radius: 12px;
    overflow: hidden;
}
.pb-head {
    padding-left: 1rem;
    padding-right: 1rem;
}
.pb-tit1 {
    font-size: 1.4rem;
    color: #fff;
    padding-top: .5rem;
    font-semibold: 600;
    margin-bottom: .5rem;
    text-align: center;
    font-weight: bold;
}
.gsbgsb {
    margin: 0 auto;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    background: #e6e6e6;
    font: 14px / 1.5 tahoma, '//5FAE//8F6F//96C5//9ED1', '//5B8B//4F53', arial, georgia, verdana, helvetica, sans-serif;
    color: #444;
}
.gsbgsb {
    margin: 0;
    padding: 0;
}
.gsbgsb table {
    border-collapse: collapse;
    border-spacing: 0;
}
table {
    empty-cells: show;
    border-collapse: collapse;
}
.gsbgsb table td {
    border: 1px solid #e5e5e5;
    padding: 3px 2px;
    word-break: break-all;
}
.gsbgsb table {
    border-collapse: collapse;
    border-spacing: 0;
}
.gsbgsb img {
    border: 0;
}
.home-banner img {
    text-align: center;
    border-radius: 12px;
}
img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
        display: inline;
        
}

.hinhanh-2anh{
    display:flex;
    width:100%;
    gap:4px;
}

.hinhanh-2anh img{
    width:calc(50% - 2px);
    height:auto;
    display:block;
}
@media only screen and (max-width: 720px){
.gif-width img{
    width: 159px !important;
    height: 45px;
    object-fit: fill;
    border-radius: 4px;
}
.khoangcach-tiao{
    line-height: 28px !important;
}
}
.module-titleuu {
    font-size: 21px;
    text-align: center;
    color: #fff;
    height: 44px;
    line-height: 44px;
    font-weight: 700;
    background-color: var(--ppc-primary-color);
}

.caisize {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 31px; 
    line-height: 1.2;
    background-color: var(--ppc-primary-color);
    color: #fff;
}
@media only screen and (max-width: 720px) {
    .caisize {
        font-size: 20px !important;
    }
}
            .dityuming::before {
    content: var(--text-dityumingqq);
}
.dauyuming::before {
    content: var(--text-dauyumingqq);
}
.yuming7x::before {
    content: var(--text-qixiaobaz);
}
            .wzzl {
    background: #f1f8f1;
    border-radius: 15px;
    font-weight: bold;
    font-size: 18pt;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}
.mt8 {
    margin-top: 4px;
}

.wzbg {
    /* background: linear-gradient(to right, #114433, #089d5e); */
    background-color: var(--ppc-primary-color) !important;
}
.br12 {
    border-radius: 12px;
}
.wzzl .wzzl-tit {
    padding: 10px 0 10px .95rem;
    color: #fff;
}
/* a */

.qnzl {
    background:#fff;
    text-align: center;
    padding:0;
    }
.qnzl ul { 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    padding: 5px;
    }
.qnzl ul li { 
    display:inline-block;
    width: 33.33%; 
    padding: 5px; 
    box-sizing: border-box;
    }
.qnzl ul li a { 
    display: block; 
    text-decoration:none; 
    color:#ff0000;
    font-weight:bold; 
    padding: 12px 0; 
    border: solid 1px #a8a8a8; 
    border-radius: 25px;
    font-size:20pt
    }
.qnzl-more { 
    margin-bottom: 10px; 
    padding: 0 10px;
    }
.qnzl-more a { display: block; 
padding: 5px 0; 
color: #fff; 
text-align: center; 
font-size: 18px; 
border-radius: 5px; 
background: #f00;
}
@media screen and (max-width:720px){  
    .qnzl ul li a { 
    display: block; 
    text-decoration:none; 
    font-weight:bold; 
    padding: 7px 0; 
    font-size:12pt
    }
.qnzl ul { 
    padding: 3px;
    }
.qnzl ul li { 
    width: 33.33%; 
    padding: 3px; 
    box-sizing: border-box;
    }
.qnzl-more a { 
    font-size: 14px;
    }
}
.dungdetail{
    display: none;
}

.shengxiao dd {
                    display: block;
                    margin-top: 3px;
                }
                .shengxiao li {
                    border: 1px solid rgba(0, 0, 0, 0.1);
                    color: black;
                    float: left;
                    width: 33.33%;
                    padding: 5px 0;
                    vertical-align: baseline;
                }
                .shengxiao span {
                    height: 18px;
                    line-height: 18px;
                    padding: 0 2px;
                    font-size: 11px !important;
                    color: #fff;
                    display: inline-block;
                    margin: 2px !important;
                }
                .shengxiao img{
                    display: inline-block !important;
                    width: 40px !important;
                    height: 40px !important;
                }
                .shengxiao td{
                    padding: 5px 0;
                    text-align: center;
                    border: solid 1px #d8ccb4;
                    word-wrap: break-word;
                    background: #fff;
                }
                .shengxiao .a-left{
                    text-align: left;
                    padding-left: 5px;
                    padding-right: 5px;
                }
                .shengxiao th {
                    height: 30px;
                    background: #f1f1f1;
                    font-size:18px;
                    color: black;
                }
                #widgetBox151 .shengxiao table{
                    border:none;
                }
                @media screen and (max-width:376px){
                    .shengxiao td{
                        font-size:15px;
                    }
                }

.shengxiao666 dd {
                    display: block;
                    margin-top: 3px;
                }
                .shengxiao666 li {
                    float: left;
                    width: 33.33%;
                    padding: 5px 0;
                    vertical-align: baseline;
                }
                .shengxiao666 span {
                    height: 18px;
                    line-height: 18px;
                    padding: 0 2px;
                    font-size: 18px;
                    color: #fff;
                    display: inline-block;
                    margin: 0 2px;
                }
                .shengxiao666 img{
                    width: 40px;
                    height: 40px;
                }
                .shengxiao666 td{
                    padding: 5px 0;
                    text-align: center;
                    border: solid 1px #d8ccb4;
                    word-wrap: break-word;
                    background: #fff;
                }
                .shengxiao666 .a-left{
                    text-align: left;
                    padding-left: 5px;
                    padding-right: 5px;
                }
                .shengxiao666 th {
                    height: 30px;
                    background: #f1f1f1;
                }
                #widgetBox150 .shengxiao666 table{
                    border:none;
                }

#shengxiao666 span{background: none;color: #000}
                #shengxiao666 td{font-size: 18px!important}

.box {

    border-radius: 5px;
    overflow: hidden;
}
.gongshi tr {
    height: 25px;
}

.gongshi td {
    height: 35px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #efe8e8;
    font-size: 18pt;
    text-align: center;
}

@media screen and (max-width: 505px) {
    .gongshi td {
        font-size: 16pt;
    }
}

@media screen and (max-width: 409px) {
    .gongshi td {
        font-size: 14pt;
    }
}

.gongshi td a {
    display: block;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    background: var(--ppc-primary-color) !important;
    overflow: hidden;
}

a:link {
    text-decoration: none;
}
.list-title111 {
    font-size: 16pt;
    text-align: center;
    border-bottom: 1px solid #738e9f;
    text-shadow: 1px 4px 1px #b99b5f;
    background: #fff;
    color: #000;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 2px 0px 4px 0px;
}

#yxym .list-title111 {
    background: linear-gradient(#f2030300, #f7f3f3);
    font-size: 26px;
    color: #000;
    text-shadow: 0px 0px 10px #e5e5e5;
}
@media screen and (max-width: 610px) {
    #yxym .list-title111 {
        font-size: 20px;
    }
}

@media screen and (max-width: 505px) {
    #yxym .list-title111 {
        font-size: 18px;
    }
}

@media screen and (max-width: 409px) {
    #yxym .list-title111 {
        font-size: 17px;
    }
}

@media screen and (max-width: 374px) {
    #yxym .list-title111 {
        font-size: 15px;
    }
}

/* =====================================
   149导航 · 红橙渐变动态版
   完整独立板块
   ===================================== */

.YYLX149-wrap,
.YYLX149-wrap * {
  box-sizing: border-box;
}

.YYLX149-wrap {
  width: 100%;
  margin: 0;
  padding: 9px;
  overflow: hidden;
  font-family: Arial, "Microsoft YaHei", sans-serif;

  background-color: var(--ppc-primary-color) !important;

  animation: YYLX149-bgMove 12s ease-in-out infinite;
}

@keyframes YYLX149-bgMove {
  0%,100% {
    background-position: 0 0, 0% 50%;
  }
  50% {
    background-position: 0 0, 100% 50%;
  }
}

/* =====================================
   白色主框架
   ===================================== */

.YYLX149-box {
  width: 100%;
  position: relative;
  overflow: hidden;

  padding: 19px 3% 17px;

  background: linear-gradient(
    180deg,
    #fffefa 0%,
    #fff7e8 100%
  );

  border: 2px solid #fff3d5;
  border-radius: 38px;

  box-shadow:
    0 5px 16px rgba(135,35,0,.14);
}

/* =====================================
   顶部标题
   ===================================== */

.YYLX149-header {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 12px;
  margin-bottom: 17px;

  white-space: nowrap;
}

/* 喇叭 */

.YYLX149-speaker {
  display: flex;
  align-items: center;
  justify-content: center;

  width: clamp(32px,5vw,56px);
  height: clamp(32px,5vw,56px);

  flex-shrink: 0;
  color: #ff7410;

  transform-origin: 25% 75%;

  animation:
    YYLX149-speakerMove 4s ease-in-out infinite;
}

.YYLX149-speaker svg {
  display: block;
  width: 100%;
  height: 100%;
}

@keyframes YYLX149-speakerMove {
  0%,75%,100% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-8deg);
  }
  85% {
    transform: rotate(7deg);
  }
  90% {
    transform: rotate(-4deg);
  }
}

/* 标题整体 */

.YYLX149-title {
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: clamp(28px,5vw,64px);
  font-weight: 900;
  line-height: 1.2;

  letter-spacing: -1px;
  white-space: nowrap;
}

/* 149 橙红流光 */

.YYLX149-number {
  color: #f13a05;

  background-image: linear-gradient(
    110deg,
    #ed2700 0%,
    #ff6510 30%,
    #ffae2d 48%,
    #ff4808 65%,
    #e92300 100%
  );

  background-size: 230% 100%;

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  animation:
    YYLX149-titleLight 6s linear infinite;
}

@keyframes YYLX149-titleLight {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: -100% 50%;
  }
}

/* 导航深蓝色 */

.YYLX149-name {
  color: #12335e;
  font-weight: 900;
}

/* =====================================
   金色内容框
   ===================================== */

.YYLX149-content {
  width: 100%;
  position: relative;
  isolation: isolate;
  overflow: hidden;

  padding: 20px 3% 18px;
  text-align: center;

  border: 2px solid transparent;
  border-radius: 30px;

  background:
    linear-gradient(
      180deg,
      #fffdf4 0%,
      #fff4cd 100%
    ) padding-box,

    linear-gradient(
      110deg,
      #ffbd35,
      #fff0a3,
      #ef9c16,
      #ffe99a,
      #ffbd35
    ) border-box;

  background-size:
    100% 100%,
    250% 100%;

  animation:
    YYLX149-borderLight 7s linear infinite;
}

@keyframes YYLX149-borderLight {
  0% {
    background-position:
      0 0,
      100% 50%;
  }
  100% {
    background-position:
      0 0,
      -100% 50%;
  }
}

/* =====================================
   广告提示文字
   ===================================== */

.YYLX149-subtitle {
  position: relative;
  z-index: 1;

  color: #c23d08;

  font-size: clamp(22px,3.8vw,42px);
  font-weight: 900;
  line-height: 1.3;

  margin-bottom: 18px;
  white-space: nowrap;
}

/* =====================================
   Telegram联系区域
   ===================================== */

.YYLX149-contact {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 14px;
  flex-wrap: nowrap;
}

/* Telegram蓝色圆形图标 */

.YYLX149-tg-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: clamp(34px,5vw,60px);
  height: clamp(34px,5vw,60px);

  flex-shrink: 0;
  border-radius: 50%;

  background: linear-gradient(
    145deg,
    #38c8ff,
    #0877bd
  );

  animation:
    YYLX149-iconGlow 3.5s ease-in-out infinite;
}

.YYLX149-tg-icon svg {
  width: 62%;
  height: 62%;
  fill: #ffffff;
}

@keyframes YYLX149-iconGlow {
  0%,100% {
    box-shadow:
      0 2px 5px rgba(0,100,170,.15);
  }
  50% {
    box-shadow:
      0 0 12px rgba(0,160,230,.35);
  }
}

/* Telegram文字 */

.YYLX149-tg {
  color: #536d8f;

  font-size: clamp(20px,3.5vw,40px);
  font-weight: 800;
  line-height: 1.2;

  white-space: nowrap;
}

/* =====================================
   黄色Telegram按钮
   ===================================== */

.YYLX149-id {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 20px;

  color: #103b80;
  font-size: clamp(23px,3.8vw,45px);
  font-weight: 900;
  line-height: 1.2;

  text-decoration: none;
  white-space: nowrap;

  background: linear-gradient(
    180deg,
    #ffff76 0%,
    #ffef00 100%
  );

  border: 2px solid #f5b52d;
  border-radius: 18px;

  animation:
    YYLX149-buttonGlow 3s ease-in-out infinite;

  transition:
    transform .2s ease,
    color .2s ease;
}

@keyframes YYLX149-buttonGlow {
  0%,100% {
    box-shadow:
      0 2px 5px rgba(209,151,0,.15);
  }
  50% {
    box-shadow:
      0 0 14px rgba(255,190,0,.45),
      0 3px 7px rgba(209,151,0,.18);
  }
}

.YYLX149-id:hover {
  color: #d93800;
  transform: translateY(-2px);
}

/* =====================================
   平板适配
   ===================================== */

@media (max-width: 768px) {

  .YYLX149-wrap {
    padding: 6px;
  }

  .YYLX149-box {
    padding: 15px 3% 14px;
    border-radius: 28px;
  }

  .YYLX149-header {
    gap: 8px;
    margin-bottom: 14px;
  }

  .YYLX149-content {
    padding: 16px 2% 15px;
    border-radius: 24px;
  }

  .YYLX149-subtitle {
    margin-bottom: 14px;
  }

  .YYLX149-contact {
    gap: 8px;
  }

  .YYLX149-id {
    padding: 7px 12px;
    border-radius: 12px;
  }
}

/* =====================================
   手机端适配
   ===================================== */

@media (max-width: 480px) {

  .YYLX149-wrap {
    padding: 4px;
  }

  .YYLX149-box {
    padding: 12px 3%;
    border-radius: 22px;
    border-width: 1px;
  }

  .YYLX149-header {
    gap: 7px;
    margin-bottom: 12px;
  }

  .YYLX149-speaker {
    width: 31px;
    height: 31px;
  }

  .YYLX149-title {
    font-size: clamp(27px,8vw,36px);
    letter-spacing: -.5px;
  }

  .YYLX149-content {
    padding: 13px 5px 14px;
    border-radius: 18px;
    border-width: 1.5px;
  }

  .YYLX149-subtitle {
    font-size: clamp(18px,5.2vw,25px);
    margin-bottom: 13px;
    letter-spacing: -.5px;
  }

  .YYLX149-contact {
    gap: 5px;
  }

  .YYLX149-tg-icon {
    width: 26px;
    height: 26px;
  }

  .YYLX149-tg {
    font-size: clamp(15px,4vw,19px);
  }

  .YYLX149-id {
    font-size: clamp(17px,4.6vw,23px);
    padding: 6px 7px;
    border-radius: 9px;
    border-width: 1px;
  }
}

/* =====================================
   极小屏幕
   ===================================== */

@media (max-width: 350px) {

  .YYLX149-subtitle {
    font-size: 17px;
  }

  .YYLX149-tg {
    font-size: 13px;
  }

  .YYLX149-tg-icon {
    width: 22px;
    height: 22px;
  }

  .YYLX149-id {
    font-size: 15px;
    padding: 5px;
  }

  .YYLX149-contact {
    gap: 4px;
  }
}

/* =====================================
   系统减少动画时停止动态
   ===================================== */

@media (prefers-reduced-motion: reduce) {

  .YYLX149-wrap,
  .YYLX149-speaker,
  .YYLX149-number,
  .YYLX149-content,
  .YYLX149-tg-icon,
  .YYLX149-id {
    animation: none !important;
  }
}

.bar .title {
    background-color: var(--ppc-primary-color, #07c160) !important;
    color: #FFFFFF;
}
#guilvsite .bar {
   height: 40px;
}
#guilvsite .bar .left {
   display: none;
}

:root{--ppc-body-height3: calc(119dvh - 105px);}
#allsite{top: 0; z-index: 100000; position: fixed; max-width: var(--ppc-body-width); width: 100%; bottom: 50px; font-size: 16px; text-align: center; /* nền giống khu vực trong hình */ background: #eef8ff; max-height: var(--ppc-body-height3); /* max-height: 700px; */ overflow-y: auto; overflow-x: hidden; /* -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y; */ box-sizing: border-box;}
/* =========================
   4 Ô TRÊN 1 HÀNG
   ========================= */ #allsite ul{margin: 0; padding:6px; display: grid; /* Quan trọng: mỗi hàng 4 ô */ grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 8px; row-gap: 10px; box-sizing: border-box;}
/* =========================
   TIÊU ĐỀ
   ========================= */ #allsite #minibar{grid-column: 1 / -1; width: 100% !important; float: none !important; list-style: none; margin: 0; padding: 0; font-size: 16px;}
#minibar div{height: 30px; line-height: 30px; display: flex; align-items: center; justify-content: center; padding: 0 10px; color: #fff; background: #0a8f45; box-sizing: border-box;}
#minibar div:before, #minibar div:after{content: ""; height: 1px; background: #fff; flex: 1;}
#minibar div:before{margin-right: 8px;}
#minibar div:after{margin-left: 8px;}
/* =========================
   MỖI Ô WEBSITE
   ========================= */ #allsite .tribotmi2{width: 100%; min-width: 0; display: flex; flex-direction: column; text-decoration: none; background: #fff; border-radius: 12px; padding: 5px 5px 3px; overflow: hidden; box-sizing: border-box;}
/* vùng ảnh */ #allsite .site-img2{width: 100%; background: #fff; border-radius: 8px; overflow: hidden; /* aspect-ratio: 1 / 1; */}
/* ảnh */ #allsite .site-img2 img{width: 100%; height: 100%; display: block; object-fit: cover;}
/* chữ phía dưới */ #allsite .site-name{width: 100%; height: 28px; line-height: 28px; color: #000; font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* bỏ float cũ nếu CSS trang của bạn đang áp vào a */ #allsite .tribotmi2{float: none !important;}

.arco-modal-container{z-index: 9999999 !important;}
:root{--guilv-body-height: calc(119dvh - 105px);}
#guilvsite{top: 0; z-index: 100000; position: fixed; max-width: var(--ppc-body-width); width: 100%; bottom: 50px; font-size: 16px; text-align: center; background: #eef8ff; max-height: var(--guilv-body-height); overflow-y: auto; overflow-x: hidden; box-sizing: border-box;}
#guilvsite .guilv-grid{margin: 0; padding: 6px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 8px; row-gap: 10px; box-sizing: border-box;}
#guilvsite .guilv-item{width: 100%; min-width: 0; display: flex; flex-direction: column; background: #fff; border-radius: 12px; padding: 5px 5px 3px; overflow: hidden; box-sizing: border-box;}
#guilvsite .guilv-photoBox{width: 100%; display: block; cursor: pointer;}
#guilvsite .guilv-img{height: 70px; width: 100%; display: block; background: #fff; border-radius: 8px; overflow: hidden;}
#guilvsite .guilv-img img{width: 100%; height: 100%; display: block; object-fit: cover;}
#guilvsite .guilv-name{width: 100%; height: 28px; line-height: 28px; color: #000; font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.nav-footer[data-v-2bc6436e]{font-weight: 700;}
div#baomaqgBtn4BoxFatherBoxCopy1Father{font-weight: 700;}
.bottom-menu-bar{bottom:56px; position:fixed; left:0; width:100%; z-index:20;}
.nav-footer[data-v-2bc6436e]{max-width: var(--ppc-body-width); display: flex; font-size: 25px !important; justify-content: space-around; margin: 0 auto;}
.bnav-active[data-v-2bc6436e]{background: var(--ppc-primary-color)!important; color: #fff!important; /* 修改为白色字体 */}
.item[data-v-2bc6436e]{flex-basis: 24.2%; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; color: #000; line-height: 1.6; border-radius: 4px; border: 2px solid var(--ppc-primary-color);}
.icon[data-v-2bc6436e]{display: flex; flex-direction: column; justify-content: center;}
.icon[data-v-2bc6436e] img{width: 1.3em;}
@media screen and (max-width:720px){.nav-footer[data-v-2bc6436e]{font-size:19px!important;}
}
.view-modal img{max-height: 500px;}

.yifen{font-size: 1.2rem; font-weight: 700; color: var(--ppc-primary-color) !important;}
#app{padding-bottom:70px}
@media (max-width: 720px){#app{padding-bottom: 70px; /* 根据需要调整这个值 */}
}
.bottom-nav-bar{z-index: 999999; background: #fff; width: 100%;}
.baomaqgBtn4BoxFatherFiveBottom2{font-size: 16px !important; max-width:var(--ppc-body-width)}
.baomaqgBtn4BoxFatherFiveBottom{z-index: 99999999999; position: fixed; left: 0; right: 0; bottom: 0; top: auto; opacity: 0; display: flex; margin: auto; color: #000; align-items: flex-end; user-select: none;}
.baomaqgBtn4BoxFatherFiveBottomBackground{position: absolute; top: auto; left: 0; right: 0; bottom: 0; height: 3.3em; background: #fff; z-index: -1;}
.baomaqgBtn4BoxFatherFiveBottomItem{flex-basis: 0; flex-grow: 1; display: flex; align-items: center; justify-content: center;}
.baomaqgBtn4BoxFatherFiveBottomItemBox{cursor: pointer;}
.baomaqgBtn4BoxFatherFiveBottomItemBox1{display: flex; align-items: center; justify-content: center;}
.baomaqgBtn4BoxFatherFiveBottomItemBoxImg{display: block; width: 2em;}
.baomaqgBtn4BoxFatherFiveBottomItemBox2{text-align: center; line-height: 1.2; font-weight: bold; font-size: 15px;}
.baomaqgBtn4BoxFatherFiveBottomItemActive{color: var(--ppc-primary-color);}
.baomaqgBtn4BoxFatherFiveBottomItemBoxImgCenter{width: 3em;}

.fixed-button {
            position: fixed; 
            border: none; 
            background: none;
            cursor: pointer; 
            z-index:1000;
        }

        .fixed-button img {
            width: 60px; 
            height: auto; 
        }

        
        @media (min-width: 768px) {
            .fixed-button {
                bottom: 110px; 
                left: calc(50% + 450px); 
                transform: translateX(-50%); 
            }

            .fixed-button img {
                width: 80px; 
            }
        }

        
        @media (max-width: 767px) {
            .fixed-button {
                bottom: 100px; 
                right: 10px; 
                left: auto; 
            }
        }