body{background:#f8f3f7;overflow-x:hidden;}
body,form{margin:0;padding:0;font-size:12px;font-family:microsoft yahei,arial;}
body{padding-top:50px;}
a{text-decoration:none;color:#333;}
a:hover{color:#f00;}
dl,dd,dt,dd,p,ul,li,em,i{margin:0;padding:0;list-style:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table,td,th{border-collapse:collapse;}
.bodyhd{height:100%;overflow: hidden;}

.wrap{width:1400px;padding:0;margin:0 auto;}
/*header{width:100%;height:50px;line-height:50px;background-color:#e9504a;color:#fff;position: fixed;left:0;top:0;z-index: 101;overflow: hidden;}*/
header{width:100%;height:50px;line-height:50px;background-color:#4F3874;color:#fff;position: fixed;left:0;top:0;z-index: 101;overflow: hidden;}
.menu{width:55px;height:100%;float:left;background: url("../images/icon_menu.png") no-repeat center;background-size: 24px;display: none;}
.menu:hover{background-color: #e9301e;cursor: pointer;}

.logo{display: block;float:left;height:100%;width:200px;background:url(../images/logo.png) no-repeat center left;background-size: 200px;margin-left:10px;}
.logo a{display: block;height:100%;color:#fff;font-size:30px;}

.nav{width:55px;height:100%;position: fixed;left:0;bottom:0;z-index:100;transition: all .3s;overflow: hidden;padding-right: 3px;margin-right: -3px;}
.nav .title{height:50px;line-height: 50px;background-color: #e9504a;color:#fff;padding-left: 15px;font-size:14px;overflow: hidden;}
.nav .title i{display: block;width:50px;height:50px;background: url("../images/icon_close.png") no-repeat center;background-size: 12px;float:right;cursor: pointer;transition: all .3s;}
.nav .title i:hover{background-size: 16px;}
.nav ul{height:calc(100vh - 50px);background-color: #fff;box-shadow: 1px 1px 3px #ccc;overflow: hidden;width:100%;display: none;}
.nav li{margin:0 12px;}
.nav li a{display: block;line-height: 40px;font-size:14px;overflow: hidden;}
.nav li i{display: block;width:30px;height:40px;background-color: #ddd;opacity: .8;float:left;}
.nav li i.home{background: url("../images/icon_home.png") no-repeat center;background-size: 18px;}
.nav li i.meb{background: url("../images/icon_hy.png") no-repeat center;background-size: 19px;}
.nav li i.mng{background: url("../images/icon_mng.png") no-repeat center;background-size: 18px;}
.nav li i.lve{background: url("../images/icon_odds.png") no-repeat center;background-size: 16px;}
.nav li i.live{background: url("../images/icon_live.png") no-repeat center;background-size: 24px;}
.nav li span{display: none;float:left;}
/*.nav li:first-child{margin-top:20px;}*/
.nav li:first-child{margin-top:50px;}
.nav li a:hover i{opacity: 1;}
.nav_bg_sn{position: fixed;left:0;bottom:0;background-color: rgba(0,0,0,.5);z-index: 102;width:100%;height:100%;}
.nav_sn{width:180px;z-index: 103;padding:0;margin:0;}
.nav_sn li span{display: block;}
.nav_sn li i{margin-right: 5px;}
.nav_sn li:first-child{margin-top:20px;border-bottom: solid 1px #eee;padding-bottom: 8px;margin-bottom: 8px;}
.nav_sn li:last-child{border-top: solid 1px #ddd;padding-top: 8px;margin-top: 8px;}
.mupg{float:right;color:#fff;height:100%;padding-right:15px;font-size:14px;background: url("../images/icon_acc.png") no-repeat center left 15px;background-size: 18px;padding-left: 40px;}
.mupg span{display: none;}
.mupg_sn,.mupg:hover{cursor: pointer;background-color: #cb1105;}
.mupg_sn em{display: none;}
.mupg_sn span{display: block;}

.headup{height:40px;background: #fff;line-height: 40px;font-size:15px;color:#000;font-weight: bold;}
.headup a{background: url("../images/icon_previous.png") no-repeat center left;background-size: 12px;padding-left: 20px;}
.main{min-height: calc(100vh - 120px);overflow: hidden;padding-right: 3px;margin-right: -3px;}
.list{margin:10px 0 10px 0;clear:both;}
.list .item{}
/*===============================================================================================================*/
/*.list .title{padding: 0 15px;color:#333;margin-bottom: 10px;font-size:14px;overflow:hidden;white-space:nowrap;}*/
.list .title{color: #fff;margin-bottom: 10px;font-size: 15px;overflow: hidden;white-space: nowrap;
	background: #5C4287;padding: 10px 15px;border-radius: 8px;font-weight: 600;}


.list .navlkk{display:inline-block;margin-left:10px;}
.list .navlkk em{display:inline-block;height:18px;line-height:18px;padding:0 5px;font-size:10px;vertical-align:2px;
	border-radius: 3px;background: #ddd;color:#444;opacity: .5;margin-left:3px;transform:scale(.8);}
.list .navlkk_sn{display:none;}

.list ul{padding-bottom: 3px;overflow: hidden;padding-right: 3px;margin-right: -3px;}
/*===============================================================================================================*/
/*.list li{width:50%;float:left;}*/
/*.list li a{display: block;line-height: 40px;padding: 0 25px 0 15px;background:#fff url("../images/next.png") no-repeat center right 10px;*/
/*	background-size: 12px;position: relative;box-shadow: 1px 1px 3px #ccc;*/
/*	border-top: solid 1px #f4f4f4;border-left:solid 1px #eee;*/
/*	font-size:18px;color:#000;white-space: nowrap;text-overflow: ellipsis;;overflow: hidden;*/
/*}*/
.list li{width: 50%;float: left;margin-bottom: 5px;position: relative;}
.list li a{display: block;line-height: 40px;color: #696969;
	padding: 0 25px 0 15px;background:#fff url("../images/next.png") no-repeat center right 10px;
	background-size: 12px;border-radius: 8px;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.05);
	font-size:18px;white-space: nowrap;text-overflow: ellipsis;;overflow: hidden;
	font-weight: 900;
}



.list li:nth-child(2n) a{margin:0 0 0 5px;}
.list li:nth-child(2n-1) a{margin:0 5px 0 0;}
.list li a:hover{background-color: #edfcff;color:#000;}
/*.list li a .ac{display: block;height:18px;line-height:18px;padding:0 6px;font-size:10px;border-radius: 3px;*/
/*	position: absolute;top:50%;right:25px;margin-top:-9px;background: #eee;color:#777;opacity: .5;}*/
.list li a .ac{display: block;height:16px;line-height:16px;padding:0 4px;font-size:8px;border-radius: 3px;
	position: absolute;top:50%;right:27px;margin-top:-8px;background: #E6dFF3;color: #4F3874;opacity: .5}
.list li a.bc:hover,.list li a.bc{height:40px;background: #fff;cursor: default;}
.listtg li a{font-size:15px;}



.tphfimg{overflow:hidden;padding-top:10px;}
.tphfimg .item{overflow:hidden;margin:0 0;font-size:0;border:solid 5px #fff;border-top:0;}
.tphfimg .item:first-child{margin:0;border-top:5px solid #fff;}
.tphfimg img{width:100%;height:80px;}

.footer{background-color: #424B4D;color:#eee;padding:15px 0;font-size:12px;line-height: 28px;overflow: hidden;margin-top: 20px;text-align: center;}
.footer .info{overflow: hidden;display: inline-block;}
.footer .info li{overflow: hidden;float:left;margin-right:15px;}
.footer .info span{color:#09f;}
.footer .info a{color:#eee;}
.footer .info i{display: block;width:20px;height:28px;float:left;background-color: #ccc;margin-right: 3px;}
.footer .info i.yy{background: url("../images/icon_yy.png") no-repeat center;background-size: 16px;}
.footer .info i.wz{background: url("../images/icon_wz.png") no-repeat center;background-size: 16px;}
.footer .info i.ts{background: url("../images/icon_ts.png") no-repeat center;background-size: 16px;}
.footer .info i.xt{background: url("../images/icon_xt.png") no-repeat center;background-size: 14px;}
.footer .contact{display: inline-block;margin-left:20px;}
.footer .contact .name{float:left;margin-right: 3px;}
.footer .contact .name em{}
.footer .contact .teg{float:left;}
.footer .contact a{color:#eee;}
.copyright{background-color: #394143;color:#999;text-align: center;padding:15px 0;font-size:12px;line-height: 20px;}
.beian{padding-left:10px;}
.beian a{color:#555;}

.errbox{background: #E6dFF3;}
.errbox h2{padding:15px 15px;line-height: 25px;text-align: center;background: #5C4287;color:#fff;margin:0;font-size:22px;}
.errbox .con{text-align: center;padding:30px 0;}
.errbox .con div{line-height: 50px;margin-bottom: 12px;}
.errbox .con a{font-size:40px;color:#5C4287;}


/*ÐÂÔö*/
.fixedls{
	position: fixed;
	top: 50px;
	left: 0;
	right: 0;
	z-index: 101;
	background:#E6dFF3;
}
.fixedls .inner{
	display: flex;
	align-content: center;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.fixedls a{
	padding: 0;
	color: #4F3874;
	background: none;
}
.fixedls .lk{

	min-width: 100px;
	text-align: center;
	font-size: 0.9rem;
	font-weight: normal;
	border-bottom:#E6dFF3;
}
.fixedls .active{
	border-bottom: 1px solid #4F3874;
}
/*ÐÂÔö*/

@media (max-width:1510px){
	.nav{width:0;}
	.nav_sn{width:180px;}
}
@media (max-width:1400px){
	.wrap{width:initial;margin:0 10px;}
	.menu{width:50px;background-position: center left 8px;}
}
@media (max-width:1024px){

}
@media (max-width:768px){

	.copyright{}
	.copyright span{display: block;}
}
@media (max-width:560px){


}
@media (max-width:426px){
	.menu{background-position: center;width:40px;}
	.tphfimg img{height:50px;}
	/*.wrap{width:96%;}*/
	.list li{width:100%;}
	.list li:nth-child(2n) a{margin:0;}
	.list li:nth-child(2n-1) a{margin:0;}
	.list li a.bc{display: none;}
	/*===================================================================*/
	/*.list li a{background-position: center right 3px;padding:0 20px 0 10px;}*/
	.list li a{background-position: center right 3px;padding: 10px 20px 10px 10px;}

	/*.listtg li a{line-height: 20px;padding:10px 25px 10px 15px;}*/
	.listtg li a{padding:10px 25px 10px 15px;}
	.listtg li a{font-size:15px;}
	.mupg:hover{background-color: transparent;}
	.mupg_sn,.mupg_sn:hover{background-color: #cb1105;}

	.footer{padding:10px 0;line-height: 25px;margin-top: 10px;}
	.footer .info{display: block;margin:0 auto;overflow: hidden;}
	.footer .info li{display: inline-block;float:none;text-align: left;margin:0 5px;line-height: 25px;}
	.footer .info i{height:25px;}
	.footer .contact{display: block;margin:0;}
	.footer .contact .name{float:none;display: inline-block;}
	.footer .contact .name em{display: inline-block;}
	.footer .contact .teg{float:none;display: inline-block;}

	.copyright{font-size:10px;padding: 10px 0;line-height: 18px;}
	.copyright span{display: block;}

	.errbox h2{font-size:18px;}
	.errbox .con div{line-height: 40px;margin-bottom: 5px;}
	.errbox .con a{font-size:28px;}
}
@media (max-width:376px){

	.errbox .con div{line-height: 40px;margin-bottom: 5px;}
	.errbox .con a{font-size:24px;}
}
@media (max-width:321px){
	header{height:45px;line-height: 45px;}
	.nav .title{height:45px;line-height: 45px;}
	body{padding-top: 45px;}
	.logo{background-size: 130px;}
	.wrap{margin:0 8px;}
	.mupg{font-size:12px;padding:0 10px 0 38px;}

	.fixedls{top: 45px}


	.listtg li a{font-size:14px;}

	.footer{line-height: 20px;}
	.footer .info li{width:100px;margin:0;line-height: 20px;}
	.footer .info i{height:20px;}
	.footer .contact{margin:5px 0 0 0;}

	.copyright .wrap{margin:0 30px;}
}
/*ÐÂÔö*/
@media (min-width: 502px) {
	.fixedls .inner{
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
/* 遮罩层 */
.popup-mask{
    position: fixed;
    inset: 0;
    background: radial-gradient(circle at top, rgba(255,255,255,.08), rgba(0,0,0,.75));
    backdrop-filter: blur(3px);
    z-index: 9999;
    display: none;
}

/* 弹窗主体 */
.popup-box{
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 88%;
    max-width: 400px;
    background: linear-gradient(180deg,#1f1b2e,#14111f);
    border-radius: 18px;
    box-shadow: 0 25px 70px rgba(0,0,0,.55);
    z-index: 10000;
    display: none;
    animation: popupShow .4s ease;
    color:#eee;
}

@keyframes popupShow{
    from{opacity:0;transform:translate(-50%,-55%) scale(.94)}
    to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}

/* 关闭按钮 */
.popup-close{
    position: absolute;
    top:12px;
    right:14px;
    width:28px;
    height:28px;
    line-height:28px;
    text-align:center;
    border-radius:50%;
    background: rgba(255,255,255,.15);
    color:#fff;
    font-size:16px;
    cursor:pointer;
}

/* 内容区 */
.popup-content{
    padding: 30px 24px 24px;
    text-align: center;
    font-size: 14px;
}

/* 标题 */
.popup-content h3{
    font-size: 20px;
    color:#f5d382;
    margin-bottom: 8px;
    font-weight: 600;
    letter-spacing: 1px;
}

/* 副标题 */
.popup-sub{
    font-size:13px;
    color:#bbb;
    margin-bottom: 18px;
}

/* 信息块 */
.popup-info{
    background: rgba(255,255,255,.06);
    border-radius: 12px;
    padding: 14px 12px;
    margin-bottom: 18px;
    line-height: 1.7;
    text-align: left;
}

/* 高亮标签 */
.popup-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
    margin-bottom:18px;
}

.popup-tags span{
    border:1px solid rgba(245,211,130,.6);
    color:#f5d382;
    padding:4px 10px;
    border-radius:20px;
    font-size:12px;
}

/* 按钮 */
.auto-btns{
    display:flex;
    gap:12px;
}

.auto-btns a{
    flex:1;
    height:40px;
    line-height:40px;
    border-radius:22px;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
}

.auto-btns a:first-child{
    background: linear-gradient(135deg,#f5d382,#ffefb5);
    color:#2a210f;
}

.auto-btns a:last-child{
    background: linear-gradient(135deg,#4F3874,#6f56b3);
    color:#fff;
}

/* 底部导航 */
.bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: #E6dFF3;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 -4px 10px rgba(0,0,0,0.3);
    z-index: 100;
}
.nav-item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #4F3874; font-size: 14px; text-decoration: none; transition: all 0.3s ease; }
.nav-item .icon { font-size: 22px; margin-bottom: 3px; }
.nav-item.active { color: #000; font-weight: 600; }
.nav-item.active .icon { color: #f5d382; }
.nav-item#nav-xin2.active i,
.nav-item#nav-xinG2.active i { animation: blink 1.5s infinite; }
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

@media screen and (max-width: 768px) { body { padding-bottom: 60px; } .bottom-nav { display: flex; } .headup { display: none !important; } }
@media screen and (min-width: 769px) { .bottom-nav { display: none; } }

/*ÐÂÔö*/