/* CSS Document */
/*全局公共样式表1*/
body{font:12px/1.5 arial,"Microsoft YaHei","SimSun";*font-family:"Microsoft YaHei"; background:#f5f5f5; color:#000;width:100%;}
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,ul,li,ol,form,input,a,span,div,em,b{margin:0; padding:0;} 
ul,li{list-style:none;}
em{font-style:normal; color:#ec2828;}
a img{ border:none;}
a{text-decoration:none;
}

.transit{
	 -o-transition-property:transform,background,border,color;
	 -o-transition-duration:0.5s,0.5s,0.5s,0.5s;
	 
   -moz-transition-property:transform,background,border,color;
   -moz-transition-duration:0.5s,0.5s,0.5s,0.5s;
   
-webkit-transition-property:transform,background,border,color;
-webkit-transition-duration:0.5s,0.5s,0.5s,0.5s;

		transition-property:transform,background,border,color;
		transition-duration:0.5s,0.5s,0.5s,0.5s;
}

a:hover{ text-decoration:none;}
/*显示*/
.d_b{ display:block;}
.d_n{ display:none;}
.d_i{ display:inline;}
.d_i_b{ display:inline-block;}

/*单行文字截取*/
.ov-h{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/*宽度自适应*/
.adapt{width:auto; overflow:hidden; zoom:1; clear:both;}

/*BFC浮动布局*/
.bfc{overflow: hidden!important;*zoom:1;}

/*文本框获得焦点时消除它的轮廓线条,另外还有其它写法，如：outline-style:dotted;outline-width:5px;*/
input:focus,button:focus{ outline:0;}
.fl{float:left; *display:inline;}
.fr{float:right; *display:inline;}
.clr{ clear:both;}
.main{width:1200px; margin:0 auto;clear:both; overflow: visible;}
.bg-ico{ background:url(../image/pic/bg/bg-ico.png) no-repeat;}


/*按钮样式*/
.btn-1{
	background:none;
	border:none;
	width:128px;
	height:40px;
	border-radius:3px;
	text-align:center;
	line-height:40px;
	cursor:pointer;
	background:/*url(../image/bg/bg-ico.png) no-repeat 0 -102px*/#ff3a2b;
	color:#fff;
	font-family:"Microsoft YaHei";
	font-size:14px;
    padding:0;
	}
.btn-1:hover{
	color:#fff;
	}
.btn-2{
	background:none;
	border:none;
	width:126px;
	height:38px;
    padding:0;
	border-radius:4px;
	text-align:center;
	line-height:38px;
	cursor:pointer;
	background:/*url(../image/bg/bg-ico.png) no-repeat 0 -142px*/#fff;
    border:1px solid #bbb;
	box-shadow:0px 0px 4px rgba(0,0,0,.15);
	color:#444;
	font-family:"Microsoft YaHei";
	font-size:12px;
	}
.btn-2:hover{
	color:#ff3a2b;
	border-color:#ffa39c;
	box-shadow:0px 0px 4px rgba(255,58,43,.5);
	}
.btn-3{
	background:none;
	border:none;
	position:relative;
	width:128px;
	height:40px;
	border-radius:4px;
	text-align:center;
	line-height:38px;
	background:#ff3a2b;
	border:1px solid #ff3a2b;
	color:#fff;
	font-family:"Microsoft YaHei";
	font-size:12px;
	font-weight:500;
	cursor:pointer;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	}
.btn-3:hover{
	color:#fff;
	-moz-opacity: .85;
	opacity: .85;
	filter: alpha(opacity=85);
    box-shadow:0 2px 5px rgba(0,0,0,.25);
	}
.btn-4{
	background:none;
	border:none;
	position:relative;
    display:inline-block;
	min-width:72px;
	height:30px;
	border-radius:2px;
	text-align:center;
	line-height:30px;
	background:#35cf6f;
	color:#fff;
	font-family:"Microsoft YaHei";
	font-size:12px;
	font-weight:500;
	cursor:pointer;
	-moz-opacity: .8;
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	}
.btn-5{
	background:none;
	border:none;
	position:relative;
	width:148px;
	height:48px;
	border-radius:3px;
	text-align:center;
	line-height:48px;
	background:/*url(../image/pic/bg/bg-ico.png) no-repeat 0 -300px*/#fff;
	border:1px solid #ff5438;
	color:#ff5438;
	font-family:"Microsoft YaHei";
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	}
.btn-4:hover{
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	}
.btn-5:hover{
	color:#f85867;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	}

.tb-inpt{
	background:none;
	border:none;
	width:258px;
	height:40px;
	background:#fff;
	border:1px solid #d0d0d0;
	border-radius:2px;
	box-shadow:2px 2px 1px rgba(0,0,0,.06),inset 1px 1px 3px rgba(0,0,0,.06);
	line-height:40px;
	font-size:12px;
	color:#999;
	cursor:pointer;
	font-family:"Microsoft YaHei";
	padding:0 5px;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	}
.tb-inpt:focus{
	background:#fff;
	color:#333;
	border-color:#7dc0fe;
	box-shadow:0 0 5px #a9d6ff;
	}

.tb-text{
	background:none;
	border:none;
	width:270px;
	height:50px;
	margin-top:0px;
	background:#fff;
	border:1px solid #d0d0d0;
	border-radius:2px;
	box-shadow:2px 2px 1px rgba(0,0,0,.06),inset 1px 1px 3px rgba(0,0,0,.06);
	font-size:12px;
	color:#666;
	font-family:"Microsoft YaHei";
	padding:5px 5px;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	}
.tb-text:focus{
	background:#fff;
	color:#222;
	border:1px solid #ccc;
	box-shadow:0 0 5px #dcdcdc;
	}

/*全局公共样式表*/

/*头部样式-开始*/
.tb-head{
	width:100%;
    min-width:1200px;
	clear:both;
	}
.tb-title{
    position:relative;
    z-index:11;
    width:100% !important;
	height:44px;
	background:#09090f;
	border-bottom:1px solid #000;
	}
	.tb-title-ul{
		line-height:44px;
		font-size:12px;
		font-weight:500;
		color:#999;
		}
        .tb-title-ul li.fl b{
            color:#ddd;  
        }
	.title-call{
		display:inline-block;
		width:20px;
		height:20px;
		background:url(../image/pic/n-tb/ntb-bg12.png) no-repeat 0 0;
		position:relative;
		top:6px;
		*top:2px;
		margin:0px 6px 0 0px;
		}
	.title-fenge{
		margin-left:10px;
		color:#555;
		position:relative;
		font-size:12px;
		}
	.title-help,.title-pawd,.title-hello{
		color:#999;
        margin-left:10px;
		}
    .title-hello{
        margin-right:5px;
    }
	.title-help:hover,.title-pawd:hover{
		color:#f01924;
		}
	.title-help span{
		display:inline-block;
		width:20px;
		height:20px;
		background:url(../image/pic/n-tb/ntb-bg12.png) no-repeat -20px 0;
		position:relative;
		top:6px;
		*top:2px;
		margin-right:6px;
		}
    .title-pawd span{
		display:inline-block;
		width:20px;
		height:20px;
		background:url(../image/pic/n-tb/ntb-bg12.png) no-repeat -40px 0;
		position:relative;
		top:6px;
		*top:2px;
		margin-right:6px;
		}
	.ntb-login-ok a{
		color:#999;        
		}
	.ntb-login-ok a:hover,.ntb-login-out:hover,.banlance_title:hover{
		color:#f01924;
		}
	.ntb-login-ok a.on{
		color:#f01924;
		}
	.ntb-login-ok em{
		color:#444;
		margin:0 4px;
		}
	.user-newsNo{
        display:inline-block;
        background:#c01924;
        color:#fff;
        font-weight:500;
        padding:0 6px;
        border-radius:6px;
        height:13px;
        line-height:14px;
        overflow:hidden;
        position:relative;
        top:2px;
        margin-left:3px;
	}
	.ntb-login-out{
		color:#aaa;
		margin-left:8px;
		cursor:pointer;
		}
	

.tb-menu{
	width:100%;
    min-width:1200px;
	height:72px;
	position:absolute;
	*z-index:999;
	}
	.tb-menu-bg{
		width:100% !important;
		height:72px;
        /*height:77px;*/
		background:#0c0c18;
		box-shadow:0 1px 5px rgba(0,0,0,.5);
		-moz-opacity:.94;
		opacity:.94;
		filter:alpha(opacity=94);
		position:absolute;
		z-index:9;
		top:0;
        /*top:-5px;*/
		left:0;
		}
	.tb-menu .main{
		position:relative;
		z-index:10;
		}
	.tb-logo img{
		margin:13px 30px 0 0;
		}
	.login_panel{
		display:none;
		}
	.xl-menu-egame{
		position:absolute;
        width:1280px; 
        margin-left:-640px;  /*ps 使用*/
		/*width:1200px;*/
		height:149px;
		bottom:0;
		left:50%;
		margin-left:-600px;
		z-index:11;
		}
	.xl-menu-live{
		position:absolute;
		width:1120px;
		height:149px;
		overflow:hidden;
		bottom:0;
		left:50%;
		margin-left:-560px;
		z-index:11;
		}
    .xl-menu-sports{
		position:absolute;
		width:560px;
		height:149px;
		overflow:hidden;
		bottom:0;
		left:50%;
		margin-left:-285px;
		z-index:11;
		}
	.xl-menu-buyu{
		position:absolute;
		width:1190px;
		height:149px;
		overflow:hidden;
		bottom:0;
		left:50%;
		margin-left:-595px;
		z-index:11;
		}
	.xl-menu-egame li,.xl-menu-live li,.xl-menu-buyu li ,.xl-menu-sports li{
		/*width:168px;*/
        width:142px;/*ps 使用*/
        /*width:150px;*/
		height:100%;
		position:relative;
		text-align:center;
		transition: all .1s ease-in;
		-moz-transition: all .1s ease-in;
		-ms-transition: all .1s ease-in;
		-o-transition: all .1s ease-in;
		-webkit-transition: all .1s ease-in;
		}
	.xl-menu-live li, .xl-menu-sports li{
		width:280px;
		}
	.xl-menu-buyu li{
		width:170px;
		}
	.xl-menu-buyu li img{
		margin-top:9px;
		}
    .xl-menu-buyu li img.xl-jc-ico{
        position:absolute;
        margin:0;
        top:118px;
        right:8px;
    }
	.xl-menu-egame li a,.xl-menu-live li a{
		float:left;
		width:100%;
		height:100%;
		}
	.xl-menu-egame li:hover,
	.xl-menu-live li:hover,
	.xl-menu-buyu li:hover,
    .xl-menu-sports li:hover{
		transform:translate(1px,-2px);
		-webkit-transform:translate(1px,-2px);
		-moz-transform:translate(1px,-2px);
		-o-transform:translate(1px,-2px);
		-ms-transform:translate(1px,-2px);
		box-shadow:0 0 5px rgba(0,0,0,.25);
		}
	.xl-menu-egame li:active,
	.xl-menu-live li:active,
	.xl-menu-buyu li:active,
    .xl-menu-sports li:active{
		transform:translate(1px,0px);
	-webkit-transform:translate(1px,0px);
	-moz-transform:translate(1px,0px);
	-o-transform:translate(1px,0px);
	-ms-transform:translate(1px,0px);
		}
	.xl-menu-egame li:hover,
	.xl-menu-egame li.on,
	.xl-menu-live li:hover,
	.xl-menu-live li.on,
	.xl-menu-buyu li:hover,
	.xl-menu-buyu li.on,
    .xl-menu-sports li:hover,
	.xl-menu-sports li.on{
		background:url(../image/pic/n-tb/ntb-bg15.png) repeat-x;
		}
	.xl-ml-jt{
		position:absolute;
		right:0px;
		top:65px;
		width:16px;
		height:32px;
		background:url(../image/pic/n-tb/xl-live-jiantou.png) no-repeat -4px 0;
		transition: all .1s ease-in;
		-moz-transition: all .1s ease-in;
		-ms-transition: all .1s ease-in;
		-o-transition: all .1s ease-in;
		-webkit-transition: all .1s ease-in;
		opacity:0;
        display:none;
		}
	.xl-menu-live li:hover .xl-ml-jt,.xl-menu-live li.on .xl-ml-jt{
		transform:translate(-10px,0px);
		-webkit-transform:translate(-10px,0px);
		-moz-transform:translate(-10px,0px);
		-o-transform:translate(-10px,0px);
		-ms-transform:translate(-10px,0px);
		opacity:0;
		}
	.xl-menu-egame li img{
		margin-top:9px;
		}
    .xl-menu-egame li img.xl-hot-ico{
        position:absolute;
        margin:0;
        top:78px;
        right:30px;
    }
    .xl-menu-buyu li img.xl-hot-ico{
        position:absolute;
        margin:0;
        top:78px;
        right:35px;
    }
    .xl-menu-live li img.xl-hot-ico{
        position:absolute;
        margin:0;
        top:72px;
        right:5px;
    }
    .xl-menu-sports li img.xl-hot-ico{
        position:absolute;
        margin:0;
        top:43px;
        right:6px;
    }
	.tb-menu-xiala{
		display:;
		position:absolute;
		width:100%;
		height:222px;
		left:0;
		top:0;
		}
	.tb-menu-xiala .tb-menu-bg{
		-moz-opacity:.5;
		opacity:.5;
		filter:alpha(opacity=50);
		}
	.tb-menu-xiala .tb-menu-xiala-bk{
		float:left;
		width:100%;
		height:149px;
		border-top:1px solid #000;
		box-shadow:0 2px 4px rgba(0,0,0,.4);
		background:#0c0c18;
		-moz-opacity:.95;
		opacity:.95;
		filter:alpha(opacity=95);
		position:absolute;
		left:0;
		top:72px;
		z-index:10;
		}
	.ntb-login-umenu{
		position:relative;
        padding-right:6px;
		}
	.ntb-login-umenu p.login-yh-xl{
		display:block;
		right:72px;
        /*right:4px;*/
		top:45px;
		z-index:11;
		}
	.tb-link li{ float:left;
	 	position: relative; z-index: 2;
		margin-left:8px;
		}
		
	.tb-link a{
		float:left;
		height:72px;
		margin:0 22px;
		}
	.tb-link a span{
		float:left;
		height:20px;
		margin-top:26px;
		background:url(../image/pic/n-tb/ntb-bg11a.png?v=1001) no-repeat;
		-webkit-transition:all .15s;
		-ms-transition:all .15s;
		-moz-transition:all .15s;
		-o-transition:all .15s;
		transition:all .15s;
		}
	.tb-link a:hover span,.tb-link li.on a span{
		background:url(../image/pic/n-tb/ntb-bg11b.png?v=1001) no-repeat;
		}
	.tb-link a em{
		float:left;
		position:relative;
		width:10px;
		height:10px;
		margin-top:31px;
		margin-left:5px;
		background:url(../image/pic/n-tb/ntb-bg14.png?v=1001) no-repeat -5px -5px;
		}
	.tb-link a:hover em,.tb-link li.on a em{
		background:url(../image/pic/n-tb/ntb-bg14.png?v=1001) no-repeat -5px -25px;
		}
	
	.tb-link a:after{
		content: "";
		position: absolute;
		width: 0;
		height:4px;
		bottom:0px;
		left: 50%;
		-webkit-transition:all .15s;
		transition:all .15s;
		background:#f01924 /*url(/image/bg/live/live-bg-6.png) no-repeat center top*/;
		}
	.tb-link a:hover,.tb-link li.on a{
		*border-bottom:4px solid #f01924;
		}
	.tb-link a:hover:after,.tb-link li.on a:after{
		width:100%;
		left:0;
		}
	
	.tb-link a.nav-link-home span{background-position:0px 0px; width:54px;}
	.tb-link a.nav-link-liveCasino span{background-position:-72px 0px; width:64px;}
	.tb-link a.nav-link-egeme span{background-position:-156px 0px; width:64px;}
	.tb-link a.nav-link-catchFish span{background-position:-239px 0px; width:32px;}
	.tb-link a.nav-link-sports span{background-position:-290px 0px; width:64px;}
	.tb-link a.nav-link-Promotion span{background-position:-374px 0px; width:32px;}
	.tb-link a.nav-link-app span{background-position:-425px 0px; width:32px;}
    .tb-link a.nav-link-yoplay span{background-position:-619px 0px; width:64px;}
    .tb-link a.nav-link-mobile span{background:url(../image/pic/mob_pic/mob-ico-1.png) no-repeat center 1px; width:6px;padding:0 10px;}
	
	
	.tb-link li.on a.nav-link-home span,.tb-link a.nav-link-home:hover span{background-position:0px 0px;}
	.tb-link li.on a.nav-link-liveCasino span,.tb-link a.nav-link-liveCasino:hover span{background-position:-72px 0px;}
	.tb-link li.on a.nav-link-egeme span,.tb-link a.nav-link-egeme:hover span{background-position:-156px 0px;}
	.tb-link li.on a.nav-link-catchFish span,.tb-link a.nav-link-catchFish:hover span{background-position:-239px 0px;}
	.tb-link li.on a.nav-link-sports span,.tb-link a.nav-link-sports:hover span{background-position:-290px 0px;}
	.tb-link li.on a.nav-link-Promotion span,.tb-link a.nav-link-Promotion:hover span{background-position:-374px 0px;}
	.tb-link li.on a.nav-link-app span,.tb-link a.nav-link-app:hover span{background-position:-425px 0px;}
    .tb-link li.on a.nav-link-yoplay span,.tb-link a.nav-link-yoplay:hover span{background-position:-619px 0px;}
    .tb-link li.on a.nav-link-mobile span,.tb-link a.nav-link-mobile:hover span{background:url(../image/pic/mob_pic/mob-ico-1.png) no-repeat center -24px;}

	
	.btn-login{
		width:80px;
		height:24px;
		background:url(../image/pic/n-tb/ntb-bg13.png) no-repeat 0 0;
		line-height:24px;
		text-align:center;
		color:#fff;
		font-weight:600;
		margin:10px 15px 0 15px;
		opacity:.9;
		cursor:pointer;
		}
	.btn-login:hover{
		color:#fff;
		opacity:1;
		}
	.btn-reg{
		width:80px;
		height:24px;
		background:url(../image/pic/n-tb/ntb-bg13.png) no-repeat -80px 0;
		line-height:24px;
		text-align:center;
		margin-top:10px;
		color:#fff;
		font-weight:600;
		opacity:.9;
		cursor:pointer;
		}
	.btn-reg:hover{
		color:#fff;
		opacity:1;
		}

	.tb-l-yhjt{
		width:10px;
		height:10px;
		background-position:-85px -5px;
		margin:15px 0 0 15px;
		}
	
	.tb-l-yhxx{
		margin-top:8px;
		height:32px;
		min-width:180px;
        padding-right:5px;
		position:relative;
		float:right;
		background:rgba(165,165,200,.08);
		border-radius:32px;
        z-index:999;
		}
	.tb-l-yhxx a{
		color:#dcdcdc;
		padding:0 8px;
		}
    .tb-l-yhxx a:hover,.tb-l-yhxx a.on{
        color:#f01924;
    }
	.tb-l-yhxx dt.bg-ico{
		width:32px;
		height:32px;
		margin-right:10px;
		background-position:0px -860px;
		}
	
	.tb-l-yhxx dd{
		color:#ddd;
		}
	.tb-l-yhxx dd h2{
		line-height:32px;
		font-size:13px;
		font-weight:normal;
		background:url(../image/pic/bg/login-icon1.png) no-repeat right center;
		padding-right:16px;
		}
	.tb-l-yhxx dd h2 span{
		display:none;
		}
	.tb-l-yhxx dd div{
		font-size:12px;
		line-height:32px;
		color:#ccc;
		padding-left:16px;
		}	
	.tb-l-yhxx dd div span{
		font-size:12px;
		display:inline-block;
		margin-right:15px;
		color:#fff;
		}
	.tb-l-yhxx dd div em{
        color:#fff;
        display:inline-block;
        padding:0 5px 0 5px;
        -moz-opacity: .15;
		opacity: .15;
		filter: alpha(opacity=15);
	}
    .login-member-menu b.bg-ico{
        position:relative;
        display:inline-block;
        width:9px;
        height:9px;
        top:0px;
        left:3px;
		background:url(../image/pic/user/money-xl.png) no-repeat center;
    }
    .login-member-menu:hover b.bg-ico{
        background:url(../image/pic/user/money-xl01.png) no-repeat center;
    }
    .login-xiala-a{
        display:inline-block;
        height:38px;
    }
    .login-yh-xl{
        display: none;
        position:absolute;
        z-index:11;
        background:#0b0c13;
        opacity:.98;
        width:88px;
        right:0px;
        top:40px;
        border-radius:4px;
        padding:0 2px;
    }
    .login-yh-xl:hover{
        opacity:.99;
    }
    .login-yh-xl span{
        color: #111;
        position: absolute;
        width: 100%;
        height: 8px;
        overflow: hidden;
        line-height: 14px;
        top: -8px;
        left: 0;
        text-align: center;
    }
    .login-yh-xl a{
        float:left;
        width:100%;
        margin:2px 0;
        line-height:38px;
        text-indent: 13px;
        font-size:12px;
        color:#999;
    }


    .ntb-login-umenu p.ntb-u-zijinP{
        display: none;
        position:absolute;
        background:#0b0c13;
        opacity:.98;
        width:88px;
        left:-10px;
        top:45px;
        border-radius:4px;
        padding:0 2px;
    }
    .ntb-login-umenu p.ntb-u-zijinP:hover{
        opacity:.99;
    }
    .ntb-login-umenu p.ntb-u-zijinP span{
        color: #111;
        position: absolute;
        width: 100%;
        height: 8px;
        overflow: hidden;
        line-height: 14px;
        top: -8px;
        left: 0;
        text-align: center;
    }
    .ntb-login-umenu p.ntb-u-zijinP a{
        float:left;
        width:100%;
        margin:2px 0;
        line-height:38px;
        text-indent: 13px;
        font-size:12px;
        color:#999;
    }
    .ntb-login-umenu p.ntb-u-zijinP a:hover{
        color:#f01924;
        background:#161825;
        border-radius:4px;
    }



    .menu-small .login-yh-xl a{
        text-indent: 20px;
    }
    .login-yh-xl a:hover{
        color:#f01924;
        background:#161825;
        border-radius:4px;
    }
	.tb-l-xl{
        display:none;
		position:absolute;
		width:244px;
		height:200px;
        padding-top:45px;
		background:#0a0a0a;
		box-shadow:0 0 6px rgba(0,0,0,.5);
		border-radius:20px 20px 4px 4px;
		top:16px;
        *margin-left:20px;
		color:#fff;
		z-index:998;
		}
	.tb-l-xl li{
		margin:0 0px;
		}
	.tb-l-xl-1{
		line-height:50px;
		padding:0px 17px;
		}
	.tb-l-xl-1 h2{
		font-size:12px;
		font-weight:normal;
		float:left;
		color:#ccc;
		}
	.tb-l-xl-1 h2 a{
		color:#fff;
		font-size:14px;
		text-decoration:underline;
		display:inline-block;
		margin-left:5px;
		}
	.tb-l-xl-1 span.bg-ico{
		float:right;
		width:20px;
		height:20px;
		background-position:-80px -100px;
		margin-top:14px;
		margin-left:10px;
        cursor:pointer;
		}
    .tb-l-xl-1 p em {
            color:#ddd;
            font-size:12px;
        }
    .tb-l-xl-1 span.banlance_span{
        color:#ff3a2b;
        font-size:15px;
        font-weight:bold;
    }
        
	
	.tb-l-xl-2{
		color:#ccc;
		padding:0 17px 20px 17px;
		}
	.tb-l-xl-2 b{
		font-weight:normal;
		color:#f85d3a;
		background: -webkit-gradient(linear,left top,right bottom,from(#f85d3a),to(#f63571));
		background: -moz-gradient(left, right, #f85d3a 0%, #f63571 100%);
		background: -webkit-gradient(left, right,  #f85d3a 0%,#f63571 100%);
		background: -o-gradient(left, right,  #f85d3a 0%,#f63571 100%);
		background: -ms-gradient(left, right,  #f85d3a 0%,#f63571 100%);
		background: gradient(to right,  #f85d3a 0%,#f63571 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85d3a', endColorstr='#f63571',GradientType=0 );
		-webkit-background-clip: text;
		-moz-background-clip:text;
		-ms-background-clip:text;
		-o-background-clip:text;
		background-clip:text;
		-webkit-text-fill-color: transparent;
		}
	.tb-l-xl-2 span.bg-ico{
		margin-left:30px;
		}
	
	.tb-l-xl li.tb-l-xl-3{
		margin:0 0 12px 0;
		border-top:1px solid #181818;
		border-bottom:1px solid #181818;
		}
	
	.tb-l-xl-3{
		height:50px;
		overflow:hidden;
		border-bottom:1px solid #181818;
		border-top:1px solid #181818;
		}
	.tb-l-xl-3 a{
		float:left;
		width:33.5%;
		line-height:50px;
		text-align:center;
		color:#ddd;
		border-right:1px solid #181818;
		position:relative;
		margin-right:-2px;
		}
	.tb-l-xl-3 a:hover{
		background:#151515;
		color:#ff3a2b;
		}
		
	.tb-l-xl-4{
		padding:0 17px;
		}
	.tb-l-xl-4 span{
		float:left;
		position:relative;
		width:100%;
		height:34px;
		line-height:34px;
		border-radius:3px;
		text-align:center;
		background:#1a1a1a;
		color:#999;
		font-size:12px;
		cursor:pointer;
		-webkit-transition:all .15s;
		-ms-transition:all .15s;
		-moz-transition:all .15s;
		-o-transition:all .15s;
		transition:all .15s;
		}
	.tb-l-xl-4 span:hover{
		background:#222;
		color:#ccc;
		}
		
	.tb-menu.menu-small{
		position:fixed;
		top:0px;
		left:0;
		z-index:999;
		height:48px;
		}
	.menu-small .tb-menu-bg{
		height:48px;
		-moz-opacity:1;
		opacity:1;
		filter:alpha(opacity=100);
		}
	.tb-menu.menu-small .login_panel{
        min-width:206px;
        position:absolute;
        right:0;
		display: block;
		}
	.menu-small .tb-logo img{
		height:32px;
		margin-top:8px;
		margin-right:40px;
		}
	.menu-small .tb-link{
		float:left;
		margin-left:8px;
		}
	.menu-small .tb-link li{
		margin-left:10px;
		}
	.menu-small .tb-link a{
		height:48px;
		line-height:48px;
		font-size:13px;
		color:#e6e6e6;
		margin:0 15px;
		}
	.menu-small .tb-link a.on{
		color:#ff5544;
		}
	.menu-small .tb-link a span{
		height: 20px;
		margin-top:14px;
		background: url(../image/pic/n-tb/ntb-bg11c.png?v=1000) no-repeat;
		}
	.menu-small .tb-link a em{
		    margin-top:19px;
		}
	
	
	.menu-small .tb-link a.nav-link-home span{background-position:0px 0px; width:46px;}
	.menu-small .tb-link a.nav-link-liveCasino span{background-position:-66px 0px; width:56px;}
	.menu-small .tb-link a.nav-link-egeme span{background-position:-142px 0px; width:56px;}
	.menu-small .tb-link a.nav-link-catchFish span{background-position:-217px 0px; width:28px;}
	.menu-small .tb-link a.nav-link-sports span{background-position:-264px 0px; width:56px;}
	.menu-small .tb-link a.nav-link-Promotion span{background-position:-340px 0px; width:28px;}
	.menu-small .tb-link a.nav-link-app span{background-position:-388px 0px; width:28px;}
	.menu-small .tb-link a.nav-link-yoplay span{background-position:-564px 0px; width:56px;}
    .menu-small .tb-link a.nav-link-mobile span{background:url(../image/pic/mob_pic/mob-ico-2.png) no-repeat center 1px; width:4px;}
	
	.menu-small .tb-link a:hover span,.menu-small .tb-link li.on a span{background: url(../image/pic/n-tb/ntb-bg11d.png) no-repeat;}
	.menu-small .tb-link li.on a.nav-link-home span,.menu-small .tb-link a.nav-link-home:hover span{background-position:0px 0px;}
	.menu-small .tb-link li.on a.nav-link-liveCasino span,.menu-small .tb-link a.nav-link-liveCasino:hover span{background-position:-66px 0px;}
	.menu-small .tb-link li.on a.nav-link-egeme span,.menu-small .tb-link a.nav-link-egeme:hover span{background-position:-142px 0px;}
	.menu-small .tb-link li.on a.nav-link-catchFish span,.menu-small .tb-link a.nav-link-catchFish:hover span{background-position:-217px 0px;}
	.menu-small .tb-link li.on a.nav-link-sports span,.menu-small .tb-link a.nav-link-sports:hover span{background-position:-264px 0px;}
	.menu-small .tb-link li.on a.nav-link-Promotion span,.menu-small .tb-link a.nav-link-Promotion:hover span{background-position:-340px 0px;}
	.menu-small .tb-link li.on a.nav-link-app span,.menu-small .tb-link a.nav-link-app:hover span{background-position:-388px 0px;}
    .menu-small .tb-link li.on a.nav-link-yoplay span,.menu-small .tb-link a.nav-link-yoplay:hover span{background-position:-564px 0px;}
    .menu-small .tb-link li.on a.nav-link-mobile span,.menu-small .tb-link a.nav-link-mobile:hover span{background:url(../image/pic/mob_pic/mob-ico-2.png) no-repeat center -22px;}
		
	.tb-link a img.tbnav-newico{
        position:absolute;
        top:8px;
        right:6px;
	}	
    .menu-small .tb-link a img.tbnav-newico{
        top:0;
        right:0px;
    }
	
	.menu-small .tb-l-yhxx dd h2 span{
		display: inline-block;
		}
	.menu-small .tb-l-yhxx dd div span{
		font-size:12px;
		}
    .menu-small .login-yh-xl{
        top:44px;
    }

	.menu-small .tb-l-xl{
		top:4px;
        padding-top:35px;
		border-radius:16px 16px 4px 4px;
        *margin-left:-240px;
		}
    /** 登陆，免费开户 大图标样式**/
    .menu-small .btn-login, .menu-small .btn-reg {
        width:88px;
        height:28px;
        line-height:28px;
        background:url(../image/pic/n-tb/ntb-bg13b.png) no-repeat 0 0;
    }
    .menu-small .btn-reg {
        background-position:-88px 0;
    }

.menu-small .tb-menu-xiala {
    top:-25px;
}

	.top-bg{
		width:100%;
        min-width:1200px;
		height:72px;
		background:#151515;
		clear:both;
		overflow:hidden;
		}
	
/*头部样式-结束*/

/*2017-08-08-底部样式-开始*/
.tb-foot{
	margin-top:20px;
	width:100%;
	background:#1f1e22;
	}
.tb-foot-1{
	width:100%;
	padding-bottom:25px;
	border-bottom:1px solid #151515;
	}
.tb-foot-1bt{
	width:90px;
	height:75px;
	background:#f01924;
	text-align:center;
	box-shadow:1px 1px 5px rgba(0,0,0,.1);
	}
.tb-foot-1bt span{
	float:left;
	margin:15px 0 5px 32px;
	width:26px;
	height:23px;
	background:url(../image/pic/n-tb/ntb-bg08.png) no-repeat;
	}
.tb-foot-1bt p{
	width:100%;
	float:left;
	color:#ffd;
	font-weight:200;
	font-size:13px;
	line-height:20px;
	margin-top:2px;
	}
.tb-foot-1tb{
	width:108px;
	height:50px;
	background:#29282c url(../image/pic/n-tb/ntb-bg09.png) no-repeat;
	margin:25px 0 0 15px;
	box-shadow:1px 1px 5px rgba(0,0,0,.1);
	}	
.tb-foot-1tb.coop-logo-1{background-position:8px 0;}
.tb-foot-1tb.coop-logo-2{background-position:-104px 0;}
.tb-foot-1tb.coop-logo-3{background-position:-214px 0;}
.tb-foot-1tb.coop-logo-4{background-position:-324px 0;}
.tb-foot-1tb.coop-logo-5{background-position:-437px 0;}
.tb-foot-1tb.coop-logo-6{background-position:-552px 0;}
.tb-foot-1tb.coop-logo-7{background-position:-657px 0;}
.tb-foot-1tb.coop-logo-8{background-position:-770px 0;}
.tb-foot-1tb.coop-logo-9{background-position:-880px 0;}
.tb-foot-1tb.coop-logo-10{background-position:-990px 0;}

.tb-foot-2{
	width:100%;
	padding:10px 0;
	border-top:1px solid #2b2a2e;
	}
.tb-foot-2 li{
	text-align:center;
	line-height:28px;
	padding:10px 0;
	}
.tb-foot-2>li>a{
	display:inline-block;
	padding:0 6px;
	font-size:13px;
	color:#fff;
	font-weight:200;
	}
.tb-foot-2>li>a:hover{
	color:#ff3a2b;
	text-decoration:underline;
	}
.tb-foot-2>li>span,
.tb-foot-2>li>p>span{
	display:inline-block;
	margin:0 30px;
	color:#363636;
	}
.tb-foot-2>li>p{
	color:#808080;
	font-size:12px;
	font-weight:600;
	}
/*2017-08-08-底部样式-结束*/



@keyframes hotFadeOut {
    from {
        transform:translateY(0);
    }

    to {
        transform:translateY(-50px);
        opacity:0;
    }
}

@keyframes hotFadeIn {
    from {
        transform:translateY(50px);
        opacity:0;
    }

    to {
        transform:translateY(0px);
        opacity:1;
    }
}

@keyframes hotTop{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(-50px);
    }
}

@keyframes hotTopSecond {
    from {
        height:38px;
    }

    to {
        height:60px;
    }
}
.hotFadeOut-animate{
    animation:hotFadeOut .8s linear 1;
}

.hotFadeIn-animate{
    animation:hotFadeIn .8s linear 1;
}

.hotTop-animate{
    animation:hotTop .8s linear 1;
}

.hotTopSecond-animate{
    animation:hotTopSecond .8s linear 1;
}