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;
	}
}
/*新增*/