body{background:#e4eff7;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:#0463a3;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;}
.menu:hover{background-color: #076fb5;cursor: pointer;}

.logo{display: block;float:left;height:100%;width:140px;background: url("../images/logo.png") no-repeat center left;background-size: 140px;}
.logo a{display: block;height:100%;}

.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: #09f;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%;}
.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 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;font-weight:bold;}
.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: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: #666;color:#fff;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:55px;}

.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:#ccc;text-align: center;padding:15px 0;font-size:12px;line-height: 20px;}
.beian{padding-left:10px;}
.beian a{color:#ccc;}

.errbox{background: #fff;}
.errbox h2{padding:15px 15px;line-height: 25px;text-align: center;background: #0463a3;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;}

@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;}
	.listtg li a{line-height: 20px;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;}
	.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;}
}