* {
	margin: 0;
	padding: 0;
}
.w1000 {
	width: 1000px;
	margin: 0 auto;
}
#conts .text{
	font-size: 14px;
}
#header .li06 .hot, #header .li07 .hot{
  transform: none!important;

}
#header .li06 , #header .li07 {
  transform: none!important;

}
#header .hSection .navi li .col-g{
	color: #0FEF0F;
}
#header .hSection .navi li .col-ye{
	color: #FFC000;
}
.clear {
	clear: both;
}
.tac{
	margin-top:10px;
	margin-left:100px; 
}
.txt02{
	width: 188px;

	/*width: 149px;*/
	display: inline-block;
	height: 24px;
      overflow: hidden;
	position: relative;
}
.zhucbybx{
	margin-top: 6px;
	margin-bottom: 7px;
}
#header .hSection  .yum{

	width: 150px;
	height: 24px;
	display: none;
	position: absolute;
	left:5px;
	top: 4px;
	z-index: 1;
}
.slots-inner{
	position: absolute;
	top: -240px;
	width:1060px;
	right: 0px;
}
a {
	text-decoration: none;
	color: #fff;
}
.bn-box {
	display: inline-block;
	height: 240px;
	width: 100%;
    background-position: center center;
}
body {
	font-size: 12px;
	font-family: "微软雅黑";
	background-color: #fff;
	color: #666;
	overflow-x: hidden;
}
#container {
	text-align: left;
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
img {
	/*vertical-align: top;*/
}
.test{
	width:112px;
	height: 34px;
}
.wrap {
	width: 1060px;
	margin: 0 auto;
	position: relative;
}
#header {
	background-color: #333333;
}
#header .hSection {
	padding: 6px 0 3px;
	background-color: #333333;
}
.w1060 {
	width: 1060px;
	margin: 0 auto;
}
#header .topUl {
	width: 78px;
	float: right;
}
#header .hSection p {
	float: left;
	color: #999;
	line-height: 27px;
	position: relative;
}
#header .hSection .txt01 {
	width: 280px;
}
#header .hSection .txt02 {
	margin-right: -2px;
}
#header .hSection .txt01:before {
	width: 1px;
	height: 12px;
	position: absolute;
	right: 2px;
	top: 8px;
	background: #4E4E4E;
	content: "";
}
#header .hSection p span {
	color: #fff;
}
#header .hSection p img {
	margin: -2px 3px 0 0;
	display: inline-block;
	vertical-align: middle;
}
#header .hSection .img {
	margin: -6px 0 0 -7px;
	float: left;
	/*30px*/
}
#header .hSection .img img {
	display: block;
	z-index: 555;
}
#header .hSection .navi {
	margin-right: 2px;
	float: right;
}
#header .hSection .navi li {
	margin-left: 1px;
	display: inline;
	color: #4E4E4E;
	font-size: 12px;
	line-height: 27px;
}
#header .hSection .navi li a {
	margin-right: 4px;
	color: #999;
}
#header .hSection .navi li a:hover {
	color: #f0d787;
}

.gNaviBox {
	height: 77px;
	position: relative;
	background-color: #fff;
	z-index: 999;
}
.gNaviBox.fixed .fixBox {
	position: fixed;
}
.gNaviBox .fixBox {
	height: 77px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
}
.gNaviBox .subBox {
	padding-top: 7px;
	margin: 0 auto;
	width: 1058px;
	position: relative;
}
.gNaviBox h1 {
	float: left;
}
#gNavi {
	margin: 17px -20px 0 0;
	float: right;
}
#gNavi > li {
	margin-right: 2px;
	float: left;
	position: relative;
}
#gNavi > li > a {
	padding: 0 18px;
	height: 28px;
	line-height: 28px;
	display: block;
	position: relative;
	color: #333;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
#gNavi .color1 > a {
	color: #ff5700;
}
#gNavi .color2 > a {
	color: #15c955;
}
#gNavi > li > a:hover {
	color: #fff;
	background-color: #C9B15E;
	border-radius: 250px;
}
#gNavi > li > a .hot {
	position: absolute;
	right: -6px;
	top: -18px;
}
/*#gNavi > li > a .hot02 {
	right: -25px;
	top: -20px;
}*/
/*#gNavi > li > a .hot2 {
	top: -22px;
}
#gNavi > li > a .hot02.hot2 {
	top: -19px;
}*/
#header #gNavi .naviBox {
	display: none;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 20px;
}
/*#header #gNavi .li03 a, #header #gNavi .li04 a, #header #gNavi .li05 a{
	color:#ff5700!important;
}*/

#header #gNavi .naviBox06 .hot{
	width: 13px;
	height: 16px;
}
#header #gNavi .naviBox .subNavi {
	border-top: 2px solid #FF5700;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 5px #E5E5E5;
	box-sizing: border-box;
	padding: 10px 0 0;
}
#header #gNavi .naviBox02 {
	width: 190px;
}
#header #gNavi .naviBox06 {
	width: 110px;
}
#header #gNavi .li06 .naviBox{
	transform:none!important;
	margin-left: -47px;
}
#header #gNavi .li07 .naviBox{
	transform:none!important;
	margin-left: -47px;
}
#header #gNavi .naviBox .arrow {
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	top: -17px;
}
#header #gNavi .subNavi li {
	float: left;
	line-height: 35px;
	width: 95px;
	font-size: 13px;
	text-align: center;
	position: relative;
}

#header #gNavi .naviBox02 .subNavi li {
	width: 95px;
	float: left;
}
#header #gNavi .naviBox06 .subNavi li {
	width: 110px;
	float: left;
}
#header #gNavi .subNavi li a {
	display: block;
	border-bottom: 1px solid #D8D8D8;
	line-height: 30px;
	height: auto;
	color: #333;
}
#header .subBox #gNavi .li16  {
      /*margin-left: 18px;*/
}
#header #gNavi  .naviBox02 .subNavi li a {
	border-right: 1px solid #D8D8D8;
}
#header #gNavi .li04 .naviBox02 .subNavi li {
	font-size: 12px;
}
#header #gNavi .li14 .subNavi {
	padding: 10px 0 0;
}
#header #gNavi .li15 .subNavi li {
	font-size: 12px;
}
#header #gNavi .naviBox02 .subNavi li.first {
	width: 100%;
	text-align: center;
	border: none;
}
#header #gNavi .subNavi li.first a {
	display: block;
	border-bottom: 1px solid #D8D8D8;
	color:#ff5700;
}
#header #gNavi .subNavi li:nth-child(2n-1) a {
	border-right: none;
}

#header #gNavi .li06 .subNavi li .hots1 {
	top: -10px;
	right:2px;
	position: absolute;
	display: inline-block;
	width: 13px;
	height: 16px;
	background: url(../images/ahot.gif) right top no-repeat

}

#header #gNavi .subNavi li .hot {
	top: -10px;
	right:2px;
	position: absolute;

}
#header #gNavi .subNavi li a:hover {
	color: #ff5700;
}
#header #gNavi .subNavi li.first a:hover {
	background-color: #FFF;
	color:#ff5700;
}


#header #gNavi .jsBox {
	width: 674px;
	position: absolute;
	top: 100%;
	display: none;
	border-top: 2px solid #F0D787;
	background: rgba(0,0,0,0.9);
}
#header #gNavi .jsBox .arrow {
	position: absolute;
	left: 330px;
	top: 0;
}
#header #gNavi .jsBox .ttl {
	float: left;
}
#header #gNavi .jsBox ul {
	width: 604px;
	float: left;
}
#header #gNavi .jsBox li {
	width: 150px;
	height: 60px;
	float: left;
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
}
#header #gNavi .jsBox li a {
	display: block;
	position: relative;
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	line-height: 60px;
}
#header #gNavi .jsBox li a:hover {
	/*color: #c6b36a;
	font-weight: bold;*/
}
#header #gNavi .jsBox li a:hover:before {
	width: 148px;
	height: 58px;
	position: absolute;
	left: 1px;
	top: 1px;
	border: 2px solid #D1B55C;
	box-sizing: border-box;
	content: "";
}
#header #gNavi .jsBox li:nth-child(4n) {
	border-right: none;
}
#header #gNavi .li03 .jsBox {
	left: 40px;
}
#header #gNavi .li05 .jsBox {
	left: 144px;
}
#header #gNavi .li06 .jsBox {
	left: 194px;
}
#header #gNavi .li07 .jsBox {
	left: 245px;
}
#header #gNavi .li08 .jsBox {
	left: 298px;
}
#header #gNavi .li09 .jsBox {
	left: 345px;
}
#header #gNavi .li10 .jsBox {
	left: auto;
	right: 0;
}
#header #gNavi .li10 .jsBox .arrow {
	left: 342px;
}
#header #gNavi .li11 .jsBox {
	left: auto;
	right: 0;
}
#header #gNavi .li11 .jsBox .arrow {
	left: 395px;
}
#header #gNavi .li12 .jsBox {
	left: auto;
	right: 0;
}
#header #gNavi .li12 .jsBox .arrow {
	left: 438px;
}

/* select组件 */
.bi-select{position: relative;}
.select-list{color:#94afea;border:1px solid #3D3D3D;}
.select-box{display:none;position: absolute;left:0;top:40px;width:100%;z-index:8888 ;  color:#94afea; background-color:#595959;}
.select-list > li {	width: 89px; cursor: pointer;  padding:6px 8px 4px !important;margin-right: 0 !important;float: none !important; background: none !important; line-height: 20px !important; margin: 0!important;}
.select-list > li a { color: #fff !important;}
.select-list > li:hover{color:#f00 !important;}
.lan_icon{height: 15px;  position: relative; top: 0; width: 15px; left: -3px;}
.lan_icon2{width: 15px;height:15px; position:relative; top:-2px; left:-2px;}
.se_icon{width:12px;height:4px;background: url(../images/icon03.png) right top no-repeat;}
.select-val{cursor: pointer;font-size:14px;padding:3px 5px 3px 10px;font-size:12px;color:#fff;border:1px solid #595959; height:33px;margin: -6px 0 -10px; line-height:33px; background-color: #595959;}
.inlineMid {display: inline-block; vertical-align: middle !important;margin: 0 !important; }


/*topSection*/
.topSection {
	padding: 21px 0 2px;
	position: relative;
	background-color: #FFFDE5;
	border-top: 1px solid #ECE0B6;
}
.topSection .wrap {
	width: 1074px;
	padding-left: 20px;
	margin: 0 auto;
}
.topSection .wrap .topInfo {
	width: 238px;
	float: left;
	margin-right: 38px;
	position: relative;
}
.topSection .wrap .topInfo2 {
	margin-right: 26px;
	width: 257px;
}
.topSection .wrap .topInfo3 {
	margin-right: 26px;
	width: 268px;
}
.topSection .wrap .topInfo:after {
	width: 1px;
	height: 41px;
	position: absolute;
	right: 0;
	top: 0;
	background: #E8E8E8;
	content: "";
}
.topSection .wrap .topInfo4 {
	margin-right: 0;
	width: 220px;
}
.topSection .wrap .topInfo4 .tr0{
	width: 54px;
	text-align: right;
}
.topSection .wrap .topInfo4:last-child:after {
	display: none;
}
.topSection .wrap .topInfo ul {
	margin-bottom: 15px;
}
.topSection .wrap .topInfo li {
	width: 64px;
	font-size: 12px;
	float: left;
}
.topSection .wrap .topInfo .ttl {
	width: 60px;
	color: #000;
	margin-right: 18px;
	font-weight: bold;
}
.topSection .wrap .topInfo2 .ttl {
	width: 71px;
}
.topSection .wrap .topInfo3 .ttl {
	margin-right: 4px;
	width: 88px;
}
.topSection .wrap .topInfo4 .ttl {
	width: 66px;
}
.topSection .wrap .topInfo .ttl img {
	margin: -3px 10px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.topSection .wrap .topInfo a {
	color: #666;
}
.topSection .wrap .topInfo .on a,
.topSection .wrap .topInfo a:hover {
	color: #ff0000;
}
.pai {
	position: relative;
}
.pai:after {
	display: none;
	content:"";
	position: absolute;
	top: -15px;
	left: -20px;
	width: 97px;
	height: 38px;
	background: url(../images/pai_bg.png) no-repeat left top;
	z-index: 9;
}
.pai:hover:after {
	display: block;
}
.pai a {
	z-index: 99;
	position: relative;
}
.c:hover {
	background-color: #FFF;
}
.pzx{ overflow:hidden; position:absolute; top:22px; left:-20px;  opacity:0; height:0px;-moz-transition:.8s;-ms-transition:.8s;-webkit-transition:.8s; z-index: 9999;}
.pai:hover .pzx{opacity:1; height:251px;  z-index:999; -moz-transition:.8s;-ms-transition:.8s;-webkit-transition:.8s;}
.pai{ position:relative;-moz-transition:.8s;-ms-transition:.8s;-webkit-transition:.8s;}
.pzx:hover{ opacity:1;height:251px; display:block; z-index:1200;-moz-transition:.8s;-ms-transition:.8s;-webkit-transition:.8s;}
#header .navi .pai:hover {
	background-color: inherit;
}
#header .navi .pzx {
	left: -145px;
	top: 28px;
}
/*-------footer-----start--------------*/
.footer {
	overflow: hidden;
	padding:50px 0 40px;
	background-color: #333;
}
.footer .wrap,
.footer .fBox {
	width: 1060px;
	margin: 0 auto;
}
.footer .fInner .contactUl {
	margin-bottom: 33px;
}
.footer .fInner .contactUl li {
	/*margin-right: 35px;*/
	margin-right: 180px;

	width: 250px;
	font-size: 14px;
	float: left;
	color: #999;
	line-height: 1.6;
	padding: 0 0 10px 80px;
	box-sizing: border-box;
	position: relative;
}
.footer .fInner .contactUl li:before {
	content:"";
	position: absolute;
	bottom: 0;
	left: 82px;
	width:9px;
	height: 1px;
	background-color: #999999;
}
.footer .fInner .contactUl .li04 {
	margin-right: 0;
	width: 200px;
}
.footer .fInner .contactUl li span {
	display: block;
	color:#fff;
}
.footer .fInner .contactUl .li01 {
	background: url(../images/f_contact1.png?=1) no-repeat left center;
}
.footer .fInner .contactUl .li02 {
	background: url(../images/f_contact1.png?=1) no-repeat left center;
}
.footer .fInner .contactUl .li03 {
	background: url(../images/f_contact2.png?=1) no-repeat left center;
}
.footer .fInner .contactUl .li04 {
	background: url(../images/f_contact3.png) no-repeat left center;
}
.footer .fImg {
	margin-bottom: 25px;
}
.footer .fNavi {
	text-align: center;
	margin-bottom: 13px;
	background: url(../images/f_line.png) no-repeat center center;
}
.footer .fNavi li {
	margin: 0 10px;
	display: inline;
	font-size: 12px;
	color: #343434;
}
.footer .fNavi .last {
	background: none;
}
.footer .fNavi li a {
	color: #999999;
}
.footer .fNavi li a:hover {
	color: #ffd200;
}
.footer .copyright {
	line-height:1.8;
	text-align: center;
	color: #999999;
}
/*-------首页登录-----start--------------*/
.loginBox {
	position: relative;
	height: 40px;
	width: 100%;
}
#index .loginBox .login {
	/*display: none;*/
}
.toptg{
	line-height: 36px;
}
.loginBox.fixed .login {
	position: fixed;
	top: 117px;
}
.loginBox .login {
	height: 40px;
	box-sizing:  border-box;
	padding: 2px 0 2px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #FAFAFA;
	border-top: 1px solid #ECE0B6;
}
.loginBox .login .subBox {
	margin: 0 auto;
	width: 1052px;
}
.loginBox .login p {
	margin-right: 5px;
	color: #c9b15e;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
	float: left;
}
.loginBox .login p img {
	margin: -2px 8px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.loginBox .login ul {
	margin-right: -3px;
}
.loginBox .login li {
	margin-right: 5px;
	float: left;
	position: relative;
}
.loginBox .login li input {
	padding: 0 20px 0 29px;
	width: 155px;
	height: 34px;
	color: #666;
	font-size: 14px;
	line-height: 32px;
	border: 1px solid #D8D8D8;
	background: #fff;
	box-sizing: border-box;
	appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}
.loginBox .login li .code {
	width: 128px;
}
.loginBox .login li input::-webkit-input-placeholder{color:#666666;}
.loginBox .login li input::-moz-placeholder{color:#666666;opacity:1;}
.loginBox .login li input:-moz-placeholder{color:#666666;opacity:1;}
.loginBox .login li img.icon {
	position: absolute;
	left: 9px;
	top: 8px;
}
.loginBox .login li.test {
	margin: 0 4px 0 -1px;
}
.loginBox .login li.test img {
	position: static;
}
.loginBox .login li.link {
	margin-right: 4px;
	width: 102px;
}
.loginBox .login li .denglu{
	width: 102px;
	display: block;
	text-indent: -9999px;
	transition: all 0.3s;
	height: 34px;
	background: url(../images/btn01.png) no-repeat center top;
}
.loginBox .login li .denglu:hover{
	background: url(../images/btn01.png) no-repeat center -34px;
}
.loginBox .login li.link a {
	width: 102px;
	display: block;
	text-indent: -9999px;
	transition: all 0.3s;
	height: 34px;
	background: url(../images/btn01.png) no-repeat center top;
}
.loginBox .login li.link a:hover {
	background: url(../images/btn01.png) no-repeat center -34px;
}
.loginBox .login li.link02 a {
	/*background: #f00;*/
	/*color: #fff;*/
	background: url(../images/btn02.png?=3) no-repeat center top;
}
.loginBox .login li.link02 a:hover {
	background: url(../images/btn02.png?=3) no-repeat center -34px;
}
.loginBox .login .forget {
	margin: 0 8px 0 9px;
	font-size: 14px;
	color: #999999;
	line-height: 34px;
}
.loginBox .login .forget a {
	margin-right: 6px;
	color: #999999;
	line-height: 31px;
}
.loginBox .login .forget a:hover {
	color: #f40000;
}
.loginBox .login .shiwan {
	margin: 0;
}
.loginBox .login .shiwan a {
	color: #ff3600;
	font-size: 14px;
	line-height: 31px;
}
.loginBox .login .shiwan a img {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.loginBox .login .shiwan a:hover {
	color: #ba8c2a;
}

.loginBox .login .subBox02 {
	margin: 0 auto;
	width: 1060px;
}
.loginBox .login .subBox02 .ttl {
	margin: 0 24px 0 2px;
}
.loginBox .login .subBox02 .txt01 {
	margin: 0 10px 0 0;
	color: #666666;
	font-weight: normal;
	width: 123px;
	overflow: hidden;
	height: 34px;
	display: inline-block;
}
.loginBox .login .subBox02 p img {
	margin: -2px 5px 0 9px;
	display: inline-block;
	vertical-align: middle;
}
.loginBox .login .subBox02 .txt02 {
	color: #666666;
	font-weight: normal;width: 147px;
	height: 34px;
	overflow: hidden;
}
.loginBox .login .subBox02 .txt02 span {
	color: #ff5700;
	font-weight: bold;
}
.loginBox .login .subBox02 .btn {
	width: 102px;
	float: right;
}
.loginBox .login .subBox02 .btn a {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
	text-align: center;
	background: #FF5700;
}
.loginBox .login .subBox02 ul {
	margin-right: 8px;
	float: right;
}
.loginBox .login .subBox02 li {
	margin-left: 16px;
	margin-right: 12px;
	float: left;
	color:#999;
	position: relative;
}
.loginBox .login .subBox02 li:before {
	width: 1px;
	height: 12px;
	position: absolute;
	right: -12px;
	top: 9px;
	background: #999;
	content: "";
}
.loginBox .login .subBox02 li:last-child:before {
	display: none;
}
.loginBox .login .subBox02 li a {
	display: block;
	color: #999;
	font-size: 14px;
	line-height: 31px;
}
.loginBox .login .subBox02 li a:hover {
	color: #f00;
}

/*------公告-----------------------*/
.banner .newSection {
	height: 36px;
    bottom: 0;
    position: absolute;
    width: 100%;
	background: url(../images/new_bg.jpg) repeat-x center top;
}
#index .newSection {
	height: 36px;
	z-index: 9;
	position: relative;
	background: url(../images/new_bg.jpg) repeat-x center top;
}
.newSection .newsBox {
	width: 1060px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.newSection dt {
	margin-top: 10px;
	float: left;
}
.newSection dd {
	height: 36px;
	padding: 0 10px 0 140px;
}
.newSection dd li {
	line-height: 36px;
	overflow: hidden;
	font-size: 13px;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*-------首页登录-----start--------------*/
.indexLogin {
	width: 1100px;
	margin: 0 auto;
	z-index: 900;
	position: relative;
}
.indexLogin .login {
	padding: 37px 15px 12px;
	width: 262px;
	height: 315px;
	box-sizing: border-box;
	background: url(../images/login_bg.png) no-repeat center top;
	position: absolute;
	top: 52px;
	right: 15px;
}
.indexLogin .login .button {
	background: url(../images/index/buttonbtn.png) top center no-repeat;
	width: 259px;
	height: 46px;
	display: block;
	line-height: 46px;
	color: #fff;
	font-size: 18px;
	margin: 10px auto;
}
.indexLogin .login .button a {
	font-size: 18px;
	color: #fff;
	display: block;
	width: 129px;
	float: left;
	height: 46px;
	line-height: 44px;
	text-align: center;
}
.indexLogin .login .button a.freeplay {
	width: 129px;
	text-align: center;
}
.indexLogin .login .button a:hover {
	color: #fefba6
}
.indexLogin .login p {
	height: 36px;
	line-height: 36px;
	margin-bottom: 12px;
	position: relative;
}
.indexLogin .login .ttl {
	margin-bottom: 10px;
	text-align: center;
	height: auto;
	line-height: inherit;
}
.indexLogin .login p .img01 {
	position: absolute;
	top: 10px;
	left: 11px;
}
.indexLogin .login .title {
	margin: 0;
}
.indexLogin .login .ttl span {
	font-size: 14px;
}
.login p input[type=text], .login p input[type=password] {
	width: 230px;
	padding-left: 33px;
	height: 38px;
	line-height: 36px;
	border: none;
	color: #666;
	font-size: 13px;
	display: block;
	box-sizing: border-box;
	border: 1px solid #D8D8D8;
	background-color: #fff;
}
.indexLogin .login p input:focus {
	transition: all 0.3s;
	border: 1px solid #000;
}
.indexLogin .login .p04 input:focus {
	border: none;
}
.indexLogin .login p input::-webkit-input-placeholder {
color:#666;
}
.indexLogin .login p input::-moz-placeholder {
color:#666;
opacity:1;
}
.indexLogin .login p input:-moz-placeholder {
color:#666;
opacity:1;
}
.login .p03 input[type=text] {
	width: 110px;
}
.indexLogin .login .p06 {
	margin-bottom: 8px;
	height: 22px;
	line-height: 22px; 
}
.indexLogin .login .p06 input {
	margin-right: 5px;
	vertical-align: middle;
}

.indexLogin .login .p02 .forget {
	display: block;
	position: absolute;
	color: #4a3863;
	right: 3px;
	top: 5px;
	line-height: 2.0;
	width: 66px;
	text-align: center;
	text-decoration: underline;
}
.indexLogin .login .p02 .forget:hover {
	color: #f00;
}
.indexLogin .login .p03 .test {
	top: 0;
	right: 0;
	position: absolute;
}
.indexLogin .login .p04 {
	margin-bottom: 5px;
	height: auto;
	line-height: inherit;
	overflow: hidden;
	zoom: 1;
}
.indexLogin .login .p04 input {
	border: none;
	width: 112px;
	float: left;
	height: 40px;
	font-weight: bold;
	line-height: 40px;
	color: #FFF;
	font-size: 14px;
	cursor: pointer;
	text-indent: -9999px;
	transition: all 0.4s;
	background: url(../images/btn03.png) no-repeat center top;
}
.indexLogin .login .p04 input:hover {
	background: url(../images/btn03.png) no-repeat center -40px;
}
.indexLogin .login .p04 a {
	border: none;
	width: 112px;
	float: right;
	height: 40px;
	font-weight: bold;
	line-height: 40px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	text-indent: -9999px;
	transition: all 0.4s;
	background: url(../images/btn04.png) no-repeat center top;
}
.indexLogin .login .p04 a:hover {
	background: url(../images/btn04.png) no-repeat center -40px;
}
.indexLogin .login .p05 {
	margin: 0;
	height: auto;
	color:#ccc;
}
.indexLogin .login .p05 a {
	width: 112px;
	display: block;
	color: #ff0000;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	display: inline-block;
}
.indexLogin .login .p05 a.forget {
	color:#999;
}
.indexLogin .login .p05 a img {
	margin: -2px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.indexLogin .login .p05 a:hover {
	color:#f00;
}
.indexLogin .logined .ttl {
	margin-bottom: 20px;
}
.indexLogin .logined p {
	margin: 0 5px 10px;
	font-size: 14px;
	color:#666;
	height: auto;
	line-height: 32px;
}
.indexLogin .logined p span {
	color:#ff5700;
}
.indexLogin .logined p.text2 {
	color:#999;
	padding: 10px 0;
	border-top: 1px solid #ECE0B6;
	border-bottom: 1px solid #ECE0B6;
}
.indexLogin .logined p.text2 a {
	margin: 0 2px;
	color:#999;
}
.indexLogin .logined .exit a {
	background-color: #FF5700;
	color:#fff;
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 14px;
}
.indexLogin .logined .text2 a:hover {
	color:#FF5700;
}
/*------index-----------------------*/
#index .banner {
	position: relative;
}
#index .banner .slider li{
	height: 460px;
	
}
#index .banner .banner01 {
	height: 460px;
	background: url(../images/index/banner01.jpg?=1) no-repeat center top;
}
#index .banner .banner02 {
	background: url(../images/index/banner02.jpg?=1) no-repeat center top;
}
#index .banner .banner03 {
	background: url(../images/index/banner03.jpg?=1) no-repeat center top;
}
#index .banner .banner04 {
	background: url(../images/index/banner04.jpg?=1) no-repeat center top;
}
#index .banner .banner05 {
	background: url(../images/index/banner05.jpg?=1) no-repeat center top;
}
#index .banner .banner06 {
	background: url(../images/index/banner06.jpg?=1) no-repeat center top;
}
#index .banner .banner07 {
	background: url(../images/index/banner07+2.png?=3) no-repeat center top;
}
/*#index .banner .banner08 {
	background: url(../images/index/banner08.jpg?=1) no-repeat center top;
}*/
#index .banner .sliderBox {
	position: relative;
}
#index .banner .sliderBox .slick-dots {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 45px;
	text-align: center;
}
#index .banner .sliderBox .slick-dots li {
	margin: 0 3px 0 2px;
	width: 24px;
	height: 4px;
	display: inline-block;
	background: #222;
	cursor: pointer;
}
#index .banner .sliderBox .slick-dots li button {
	display: none;
}
#index .banner .sliderBox .slick-dots li.slick-active {
	background: #F0D787;
}
#index #main .section01 {
	padding: 28px 0 42px;
	background: #FAFAFA;
}
#index #main .section01 .wrap {
	margin: 0 auto;
	width: 1060px;
}
#index #main .section01 h2 {
	text-align: center;
	margin-bottom: 20px;
}
#index #main .section01 .list {
	width: 1080px;
	margin-right: -20px;
}
#index #main .section01 .list li {
	margin-right: 20px;
	width: 250px;
	float: left;
}
#index #main .section01 .list li .photo {
	overflow: hidden;
	width: 250px;
	border: 2px solid #ECE4CD;
	box-sizing: border-box;
	padding: 20px 0 0 ;
}
#index #main .section01 .list li .photo p {
	height: 36px;
	text-align: center;
	margin-bottom: 8px;
}
#index #main .section01 .list li .photo p>i {
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
}
#index #main .section01 .list li .photo p span {
	font-size: 18px;
	color:#c9b15e;
	display: inline-block;
	text-align: left;
}
#index #main .section01 .list li .photo p span i {
	font-style: normal;
	font-size: 12px;
	color:#c9b15e;
	display: block;
	margin-top: 4px;
}
#index #main .section01 .list li a:hover .photo p span i,
#index #main .section01 .list li a:hover .photo p span {
	color: #ff5700;
}
#index #main .section01 .list li a:hover .photo p i img {
	visibility: hidden;
}
#index #main .section01 .list li a:hover .photo p i.icon01 {
	background: url(../images/index/img01_on.png) no-repeat center top;
}
#index #main .section01 .list li a:hover .photo p i.icon02 {
	background: url(../images/index/img02_on.png) no-repeat center top;
}
#index #main .section01 .list li a:hover .photo p i.icon03 {
	background: url(../images/index/img03_on.png) no-repeat center top;
}
#index #main .section01 .list li a:hover .photo p i.icon04 {
	background: url(../images/index/img04_on.png) no-repeat center top;
}
#index #main .section01 .list li a {
	display: block;
	color: #999;
	font-size: 12px;
}
#index #main .section01 .list li a:hover {
	color: #bf9336;
}
#index #main .section01 .list li a:hover .photo {
	border: 2px solid #ff5700;
}

#index #main .section01 .list li a .photo>img {
	transition: all 0.3s;
}
#index #main .section01 .list li a:hover .photo>img {
	transform: scale(1.1);
}
#index #main .section01 .list li a .txtBox {
	text-align: center;
	display: block;
	transition: all 0.3s;
	margin-top: -25px;
	z-index: 99;
	position: relative;
	font-size: 14px;
}
#index #main .section01 .list li a .txtBox span {
	margin: 0 auto;
	width: 180px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 6px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-color: #C9B15E;
	border-radius: 25px;
}
#index #main .section01 .list li a:hover .txtBox span {
	background-color: #FF5700;
}
#index #main .section01 .list li a:hover .txtBox {
	color: #FF5700;
}
#index #main .section02 {
	padding: 20px 0 28px;
}
#index #main .section02 .lBox {
	padding: 20px 15px 15px 0;
	width: 786px;
	float: left;
	box-sizing: border-box;
}
#index #main .section02 .tabNavi {
	margin-bottom: 20px;
	padding: 0 10px 0 10px;
	height: 76px;
	position: relative;
	box-sizing: border-box;
	border-bottom: 1px solid #E9E9E9;
}
#index #main .section02 .tabNavi .prev {
	position: absolute;
	top: 15px;
	left: 0;
	cursor: pointer;
}
#index #main .section02 .tabNavi .next {
	position: absolute;
	top: 15px;
	right: 0;
	cursor: pointer;
}
#index #main .section02 .tabNavi li {
	margin: 0 10px 0 10px;
	width: 85px;
	float: left;
}
#index #main .section02 .tabNavi li a {
	height: 76px;
	position: relative;
	z-index: 1;
	display: block;
	color: #333;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	transition: color 0.3s;
}
#index #main .section02 .tabNavi li.on a,
#index #main .section02 .tabNavi li a:hover {
	border-bottom: 2px solid #F35300;
	color: #f35300;
}
#index #main .section02 .tabNavi li a img {
	display: block;
	margin: 0 auto 8px;
	height: 40px;
}
#index #main .section02 .tabNavi li a span {
	display: block;
}
#index #main .section02 .inner {
}
#index #main .section02 .inner .photo {
	margin-right: 17px;
	float: left;
}
#index #main .section02 .tabPanel ul {
	width: 775px;
}
#index #main .section02 .tabPanel li {
	margin: 0 13px 10px 0;
	width: 142px;
	float: left;
}
#index #main .section02 .tabPanel li a {
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	border: 1px solid #FAFAFA;
	background: #fff;
	transition: all 0.3s;
}
#index #main .section02 .tabPanel li a:hover {
	border: 1px solid #FF5700;
}
#index #main .section02 .tabPanel li a > img {
	margin: 0 auto;
	display: block;
	width: 140px;
	height: 140px;
}
#index #main .section02 .tabPanel li a p {
	background-color: #FAFAFA;
	padding: 0 10px;
	overflow: hidden;
	zoom: 1;
}
#index #main .section02 .tabPanel li a:hover p {
	background-color: #FF5700;
}
#index #main .section02 .tabPanel li a .txt {
	display: block;
	float: left;
	color:#333;
	line-height: 34px;
}
#index #main .section02 .tabPanel li a:hover .txt {
	color:#fff;
}
#index #main .section02 .tabPanel li a .star {
	display: block;
	float: right;
	margin-top: 12px;
}
#index #main .section02 .tabPanel li a:hover .star img {
	visibility: hidden;
}
#index #main .section02 .tabPanel li a:hover .star {
	background: url(../images/index/star_on.png) no-repeat center top;
}
#index #main .section02 .numUl {
	width: 789px;
	margin-top: 10px;
	margin-right: -20px;
	padding-top: 10px;
	border-top: 1px solid #EEEEEE;
}
#index #main .section02 .numUl li {
	float: left;
	margin: 0 23px 0 0;
	width: 240px;
	height: 72px;
	box-sizing: border-box;
	padding: 30px 10px 10px;
	font-size: 25px;
	color:#ff5700;
	text-align: center;
	letter-spacing: 1px;
}
#index #main .section02 .numUl li.num1 {background: url(../images/index/num_bg01.png) no-repeat center top;}
#index #main .section02 .numUl li.num2 {background: url(../images/index/num_bg02.png) no-repeat center top;}
#index #main .section02 .numUl li.num3 {background: url(../images/index/num_bg03.png) no-repeat center top;}

#index #main .section02 .rBox {
	margin-top: 18px;
	padding: 7px 15px 15px;
	width: 250px;
	float: right;
	box-sizing: border-box;
	border: 1px solid #ECE5CE;
	background: #fff;
}
#index #main .section02 .rBox .img {
	margin: -31px -10px 10px -15px;
}
#index #main .section02 .rBox>.price {
	text-align: center;
	margin-bottom: 10px;
	color: #ff5700;
	font-size: 24px;
	letter-spacing: 1px;
}
#index #main .section02 .rBox .ttl {
	margin-bottom: 10px;
}
#index #main .section02 .rBox .ttlUl {
	margin: 0 0 14px 0;
	padding-bottom: 4px;
	line-height: 22px;
	background: url(../images/index/bg03.png) no-repeat center top;
}
#index #main .section02 .rBox .ttlUl li {
	width: 74px;
	float: left;
	color: #ba8c2a;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#index #main .section02 .rBox .ttlUl li.game {
	width: 78px;
}
#index #main .section02 .rBox .ttlUl li.price {
	width: 60px;
	float: right;
}
#index #main .section02 .rBox .listUl {
	margin: 0 4px 0 5px;
	height: 186px;
	overflow: hidden;
}
#index #main .section02 .rBox .listUl li {
	margin-bottom: 10px;
	padding: 0 11px 0 8px;
	height: 20px;
	overflow: hidden;
	zoom: 1;
	color: #999;
	font-size: 12px;
	border-bottom: 1px dotted #E8E8E8;
	box-sizing: border-box;
}
#index #main .section02 .rBox .listUl li .id {
	float: left;
	color: #222;
	width: 73px;
}
#index #main .section02 .rBox .listUl li .price {
	float: right;
	color: #ff5700;
}
#index #main .section03 {
	padding: 69px 0 0;
	height: 350px;
	box-sizing: border-box;
	background: #FAFAFA url(../images/index/bg02.jpg) no-repeat center top;
}
#index #main .section03 .lBox {
	margin-top: 5px;
	width: 348px;
	float: left;
}
#index #main .section03 .lBox .ttl {
	margin-bottom: 19px;
}
#index #main .section03 .lBox p {
	color: #666;
	font-size: 14px;
	line-height: 1.75;
}
#index #main .section03 .rBox {
	width: 270px;
	float: right;
	text-align: center;
}
#index #main .section03 .rBox .ttl {
	margin: 0 3px 13px 0;
}
#index #main .section03 .rBox ul {
	margin-bottom: 21px;
}
#index #main .section03 .rBox li {
	width: 120px;
	float: left;
}
#index #main .section03 .rBox li:last-child {
	float: right;
}
#index #main .section03 .rBox li span {
	margin-top: 14px;
	display: block;
	color: #ff7813;
	font-size: 12px;
}
#index #main .section03 .rBox li:last-child span {
	color: #00af1f;
}
#index #main .section03 .rBox li span img {
	margin: -5px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}
#index #main .section03 .rBox p {
	color: #222;
	font-size: 14px;
}
#index #main .section03 .rBox p span {
	color: #c9b15e;
	text-decoration: underline;
}
.section04 {
	padding: 30px 0 41px;
}
.section04 ul {
	margin: 0 -30px;
}
.section04 li {
	width: 224px;
	float: left;
	position: relative;
	color: #999;
	font-size: 12px;
	text-align: center;
}
.section04 li:before {
	width: 1px;
	height: 58px;
	position: absolute;
	right: 0;
	top: 20px;
	background: #E8E8E8;
	content: "";
}
.section04 li:last-child:before {
	display: none;
}
.section04 li img {
	margin: 0 auto 13px;
	display: block;
}
.section04 li span {
	margin-bottom: 11px;
	display: block;
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

/*-----------缓慢加载-------------*/
.css3_loading{ 
	display:inline-block; 
	width:352px; 
	height:16px;
	border-radius:5px;
	position: relative;
}
	
.css3_loading .css3_strip{
	display:block; 
	height:16px;
	background: url(../images/index/text_bg02.jpg) no-repeat;  
	background-size: 100% 16px;
	animation:css3_loading 2s linear forwards;
	-webkit-animation:css3_loading 2s linear forwards;  
	-moz-animation:css3_loading 2s linear forwards;  
}  

@keyframes css3_loading{0%{ width:0%}}  
@-webkit-keyframes css3_loading{0%{ width:0%}}  
@-moz-keyframes css3_loading{0%{ width:0%}}  



/*------poker-----------------------*/
#poker .banner {
	margin-top: 40px;
	position: relative;
	height: 276px;
	background: url(../images/poker/poker_banner.jpg) no-repeat center top;
}
#poker #main .wrap {
	background-color: #FFF;
}
#poker #main {
	padding: 10px 0;
	background: #FAFAFA;	
}
#poker .inner {
	margin: 0 0 0;
	background-color: #fff;
}
#poker .inner .tabUl {
	padding: 10px 5px 0 10px;
}
#poker .inner .tabUl li {
	margin: 0 5px 5px 0;
	width: 144px;
	float: left;
	position: relative;
}
#poker .inner .tabUl li .hot {
	position: absolute;
	top: -4px;
	right: 4px;
}
#poker .inner .tabUl li .hot2 {
	top: -6px;
}
#poker .inner .tabUl li a,
#poker .inner .tabUl li > span {
	display: block;
	overflow: hidden;
	zoom: 1;
}
#poker .tabBox {
	text-align: center;
}

/*------slots-----------------------*/
#slots .banner {
	margin-top: 40px;
	position: relative;
	height: 276px;
	background: url(../images/slots/slots_banner.jpg) no-repeat center top;
}
#slots .pages {
	background-color: #FFF;
}
#slots #main {
	padding: 10px 0;
	background: #FAFAFA;
}
#slots .inner {
	width: 1060px;
	margin: 0 auto;
}
#slots .inner .rBox {
	width: 250px;
	float: right;
	box-sizing: border-box;
	padding: 0 15px;
	background: rgba(255,255,255,0.9);
}
#slots .inner .rBox .ttl {
	margin: 10px 0;
	text-align: center;
}
#slots .inner .rBox .ttlUl {
	margin: 0 0 10px 0;
	padding-bottom: 4px;
	line-height: 24px;
	background: url(../images/index/bg03.png) no-repeat center top;
}
#slots .inner .rBox .ttlUl li {
	width: 74px;
	float: left;
	color: #ba8c2a;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#slots .inner .rBox .ttlUl li.game {
	width: 78px;
}
#slots .inner .rBox .ttlUl li.price {
	width: 60px;
	float: right;
}
#main #sideBar .sNavi li{
	position:relative;
}
#slots .inner .rBox .listUl {
	margin: 0 4px 0 5px;
	height: 186px;
	overflow: hidden;
}
#sideBar .ahot {position:absolute; 
  height:16px; width:13px;  display:block; top:0px; right:98px; z-index: 999;}
#slots .inner .rBox .listUl li {
	margin-bottom: 10px;
	padding: 0 11px 0 8px;
	height: 20px;
	overflow: hidden;
	color: #999;
	font-size: 12px;
	border-bottom: 1px dotted #E8E8E8;
	box-sizing: border-box;
}
#slots .inner .rBox .listUl li .id {
	float: left;
	color: #222;
	width: 83px;
}
#slots .inner .rBox .listUl li .price {
	float: right;
	color: #ff5700;
}
#slots .pages .menuUl {
	margin-bottom: 10px;
	padding: 10px 0 0 10px;
	box-shadow: 0 2px 8px rgba(238,238,238);
	background-color: #fff;
}
#slots .pages .menuUl li {
	margin: 0 5px 5px 0;
	float: left;
	width: 144px;
	height: 50px;
	box-sizing: border-box;
	background-color: #202024;
}
#slots .pages .menuUl li a {
	display: block;
	position: relative;
}
#slots .pages .menuUl li a .hot {
	position: absolute;
	top: -3px;
	right: -6px;
}
#slots .pages .menuUl li a .hot2 {
	top: -1px;
}
.mb0 {	margin-bottom: 0 !important;}
#slots #main .slotsBox {
	clear: both;
	background-color: #fff;
	text-align: center;
}

/*--------------live-----------------*/
#live .banner {
	margin-top: 40px;
	position: relative;
	height: 276px;
	background: url(../images/live/live_banner.jpg) no-repeat center top;
}
#live .pages {
	background-color: #FFF;
}
#live #main {
	padding: 8px 0;
	background: #FAFAFA;
}
#live #main .photoBox {
	height: 278px;
	margin-bottom: 20px;
	box-shadow: 5px 5px 5px #F4F4F4;
	box-sizing: border-box;
	padding: 100px 30px 0 598px;
	background: url(../images/live/photo.png) no-repeat center top;
}
#live #main .photoBox .text {
	padding-bottom:20px;
	margin-bottom: 20px;
	color:#999;
	font-size: 14px;
	border-bottom: 1px solid #E8E8E8;
}
#live #main .photoBox ul {
	width: 444px;
}
#live #main .photoBox li {
	margin-right: 11px;
	width: 100px;
	height: 100px;
	float: left;
}
#live #main .photoBox li a {
	display: block;
	font-size: 14px;
	height: 100px;
	box-sizing: border-box;
	padding-top: 20px;
	border: 1px solid #E9E9E9;
	border-radius: 50%;
	text-align: center;
	transition: all 0.3s;
}
#live #main .photoBox li span {
	display: block;
	padding-top: 48px;
	color:#c9b15e;
}
#live #main .photoBox li a:hover {
	border: 1px solid #c9b15e;
	background-color: #c9b15e;
}
#live #main .photoBox li a:hover span {
	color:#fff;
}
#live #main .photoBox li span.icon01 {	background: url(../images/live/icon03.png) no-repeat center top;}
#live #main .photoBox li span.icon02 {	background: url(../images/live/icon04.png) no-repeat center top;}
#live #main .photoBox li span.icon03 {	background: url(../images/live/icon05.png) no-repeat center top;}
#live #main .photoBox li span.icon04 {	background: url(../images/live/icon06.png) no-repeat center top;}
#live #main .photoBox li a:hover span.icon01 {	background: url(../images/live/icon03_on.png) no-repeat center top;}
#live #main .photoBox li a:hover span.icon02 {	background: url(../images/live/icon04_on.png) no-repeat center top;}
#live #main .photoBox li a:hover span.icon03 {	background: url(../images/live/icon05_on.png) no-repeat center top;}
#live #main .photoBox li a:hover span.icon04 {	background: url(../images/live/icon06_on.png) no-repeat center top;}



#live #main .listUl {
	margin-right: -20px;
}
#live #main .listUl li {
	margin: 0 20px 20px 0;
	width: 250px;
	float: left;
	box-shadow: 0 4px 8px rgba(229,229,229,0.4);
}
#live #main .listUl li a {
	height: 310px;
	box-sizing: border-box;
	display: block;
	background: url(../images/live/li_bg01.jpg) no-repeat center top;
	transition: all 0.3s;
}
#live #main .listUl li a:hover {
	background: url(../images/live/li_bg02.jpg) no-repeat center top;
}
#live #main .listUl li a .photo {
	display: block;
	position: relative;
}
#live #main .listUl li a .photo img {
	margin-top: -10px;
}
#live #main .listUl li a .logo {
	position: absolute;
	left: 0;
	top: 0;
}
#live #main .listUl li a p {
		display: flex;	
	display: -webkit-flex;
	align-items: center;
	padding: 0 0 0 15px;
}
#live #main .listUl li a .txtBox {
	padding: 19px 16px;
	display: block;
	color: #666;
	font-size: 12px;
	transition: all 0.3s;
}
#live #main .listUl li a p {
	background: url(../images/live/icon01.png) no-repeat right 9px center;
}
#live #main .listUl li a .txtBox span {
	margin-bottom: 8px;
	display: block;
	color: #444;
	font-size: 14px;
	font-weight: bold;
	transition: all 0.3s;
}
#live #main .listUl li a:hover p {
	background-image: url(../images/live/icon02.png);
}
#live #main .listUl li a:hover .txtBox {
	color: #ff5700;
}
#live #main .listUl li a:hover .txtBox span {
	color: #ff5700;
}

/*------lottery-----------------------*/
#lottery .banner {
	margin-top: 40px;
	position: relative;
	height: 276px;
	background: url(../images/lottery/lottery_banner.jpg) no-repeat center top;
}
#lottery .pages {
	background-color: #FFF;
}
#lottery #main {
	padding: 20px 0 1px;
	background: #FAFAFA;
}
#lottery .ulList {
	width: 1080px;
	margin: 0 -20px 0 0;
}
#lottery .ulList li {
	margin: 0 20px 20px 0;
	width: 196px;
	height: 240px;
	float: left;
	transition: all 0.4s;
}
#lottery .ulList li a {
	display: block;
	width: 196px;
	height: 240px;
	text-align: left;
	box-sizing: border-box;
	background: url(../images/lottery/li_bg.png) no-repeat;
	transition: all 0.4s;
}
#lottery .ulList li a .img {
	text-align: center;
}
#lottery .ulList li a .textBox {
	text-align: center;
}
#lottery .ulList li:hover {
	transform: translateY(-10px);
}
#lottery .ulList li a:hover {
	background: url(../images/lottery/li_over.png) no-repeat;
}
#lottery .ulList li a .title {
	margin: 20px 0 16px;
	color: #333;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	background: url(../images/lottery/line.png) no-repeat center 15px;
}
#lottery .ulList li a .title span {
	font-size: 12px;
	display: block;
	color: #999;
	font-weight:normal;
	margin-top: 10px;
	text-decoration: underline;
}
#lottery .ulList li a:hover .title {
	color: #ff5700;
}
#lottery .ulList li a:hover .title span {
	color: #ff5700;
}

/*------sports-----------------------*/
#sports .banner {
	margin-top: 40px;
	position: relative;
	height: 276px;
	background: url(../images/sports/sports_banner.jpg) no-repeat center top;
}
#sports .pages {
	background-color: #FFF;
}
#sports #main {
	padding: 20px 0;
	background: #FAFAFA;
}
#sports #main ul {
	margin-right: -20px;
}
#sports #main li {
	margin: 0 20px 0 0;
	width: 250px;
	float: left;
}
#sports #main li.more {
	margin-top: 40px;
}
#sports #main li a {
	position: relative;
	display: block;
	overflow: hidden;
}
#sports #main li a .txtBox {
	display: block;
	padding: 20px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background-color: #FFF;
	display:flex;
	-webkit-display:flex;
	align-items: center;
	justify-content: space-between;
}
#sports #main li a .txtBox .txt {
	display: block;
	color: #999;
	font-size: 12px;
	text-align: left;
	box-sizing: border-box;
	background: url(../images/sports/bg.png) no-repeat center top;
}
#sports #main li a .txtBox .go {
	float: right;
	display: block;
}
#sports #main li a .txtBox .txt span {
	margin-bottom: 10px;
	display: block;
	color: #444;
	font-size: 20px;
	font-weight: bold;
}
#sports #main li a:hover .txtBox {
	background-color: #C9B15E;
}
#sports #main li a:hover .txtBox span,
#sports #main li a:hover .txtBox {
	color:#fff;
}
#sports #main li a:hover .go img {
	visibility: hidden;
}
#sports #main li a:hover .go {
	background: url(../images/sports/icon01_over.png) no-repeat center top;
}
#sports #main .li01 .txtBox {
	border-bottom: 1px solid #C9B15E;
}
#sports #main .li02 .txtBox {
	border-bottom: 1px solid #E60000;
}
#sports #main .li03 .txtBox {
	border-bottom: 1px solid #07B5E8;
}
#sports #main .li04 .txtBox {
	border-bottom: 1px solid #59C031;
}
#sports #main .li02 a:hover .txtBox {
	border-bottom: 1px solid #C9B15E;
}
#sports #main .li03 a:hover .txtBox {
	border-bottom: 1px solid #C9B15E;
}
#sports #main .li04 a:hover .txtBox {
	border-bottom: 1px solid #C9B15E;
}

/*------promotion-----------------------*/
#promotion .banner {
	margin-top: 40px;
	position: relative;
	height: 276px;
	background: url(../images/promotion/promotion_banner.jpg) no-repeat center top;
}
#promotion #main .wrap {
	background-color: #FFF;
	padding-bottom:10px;
	position: relative;
}
#promotion #main .wrap .link {
	position: absolute;
	top: 12px;
	right: 20px;
}
#promotion #main {
	padding: 20px 0;
	background: #FAFAFA;
}

#promotion #main .linkList {
	margin: 0 20px 12px;
	text-align: left;
	padding: 10px 0;
	border-bottom: 1px solid #E8E8E8;
	background-color: #FFF;
}
#promotion #main .linkList li {
	margin: 0 8px 0 0;
	display: inline-block;
	text-align: center;
}
#promotion #main .linkList li a {
	padding: 0 17px;
	display: block;
	font-size: 14px;
	color: #444;
	line-height: 28px;
	box-sizing: border-box;
}
#promotion #main .linkList .on a,
#promotion #main .linkList li a:hover {
	color: #fff;
	background-color: #CAB15D;
	border-radius: 25px;
}
#promotion #main .bannerUl {
	margin: 0 20px;
}
#promotion #main .bannerUl li {
	margin-bottom: 8px;
}
#promotion #main .bannerUl li .box {
	display: none;
	margin: 20px 0;
}
#promotion #main .bannerUl li .box p {
	color: #666;
	font-size: 14px;
	line-height: 1.6;
}
/*------about-----------------------*/
#about .banner {
	margin-top: 40px;
	position: relative;
	height: 276px;
	background: url(../images/about/about_banner.jpg) no-repeat center top;
}
#about #main {
	padding: 20px 0 30px;
	background: #FAFAFA;
}
#main #sideBar {
	width: 240px;
	float: left;
}
#main #sideBar .sNavi {
	margin: 0 0 20px;
	padding: 0 20px 2px;
	width: auto;
	box-shadow: 0 4px 8px rgba(229,229,229,0.4);
	background-color: #fff;
}
#main #sideBar .sNavi li {
	font-size: 12px;
}
#main #sideBar .sNavi li a:hover,
#main #sideBar .sNavi li a:hover span {
	color: #d1a148;
}
#main #sideBar .sNavi li a {
	color: #666;
	line-height: 50px;
	display: block;
	background: url(../images/about/icon01.png) no-repeat right center;
	border-bottom: 1px solid #F1F1F1;
	position: relative;
	position: relative;
}
#main #sideBar .sNavi li:last-child a {
	border: none;
}
#main #sideBar .sNavi li a:hover {
	color: #ff5700;
	background-image: url(../images/about/icon02.png);
}
#main #sideBar .sNavi li a img {
	margin: -2px 12px 0 -1px;
	display: inline-block;
	vertical-align: middle;
}
#main #sideBar .sNavi li a .hot {
	margin: -2px 0 0 10px;
}
#main #sideBar .sNavi li span {
	font-size: 10px;
	display: block;
	color: #8e6c5a;
	margin-top: 5px;
}
#main #sideBar .sNavi li a p {
	padding: 14px 0 14px 0;
	background: url(../images/about/icon01.png) no-repeat right center;
}
#main #sideBar .sNavi li a:hover p {
	color: #ff5700;
	background: url(../images/about/icon02.png) no-repeat right center;
}
#main #sideBar .sNavi li a:hover:before {
	display: block;
}
#main #sideBar .sNavi li.navi10 a {
	border-bottom: none;
}
#about #main #conts {
	width: 800px;
	padding: 25px 40px 3px;
	float: right;
	background-color:#fff;
	box-sizing: border-box;
	box-shadow: 0 4px 8px rgba(229,229,229,0.4);
}
#about #main #conts h2 {
	margin-bottom: 15px;
	padding-bottom:20px;
	font-size: 16px;
	text-align: center;
	color:#ff5700;
	font-weight:normal;
	border-bottom: 1px solid #E3E3E3;
}
#about #main #conts p {
	margin-bottom: 21px;
	line-height: 2;
	font-size: 12px;
	color: #333333;
}
#about #main #conts p a {
	color: #b98b2b;
}
#about #main #conts .title {
	font-size: 16px;
	color: #b98b2b;
	font-weight: bold;
	margin-bottom: 15px;
}
#about #main #conts .ttl {
	color: #e34e00;
	font-size: 12px;
	text-align: left;
}
#about #main #conts .ulLink {
	margin-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #DEDEDE;
}
#about #main #conts .ulLink li {
	margin: 0 5px;
	display: inline-block;
}
#about #main #conts .ulLink li a {
	display: inline-block;
	margin: 0 10px;
	color: #333;
	font-size: 14px;
	line-height: 32px;
	padding: 0 10px 5px;
}
#about #main #conts .ulLink li a:hover,
#about #main #conts .ulLink li.on a {
	color: #ff0019;
	border-bottom: 2px solid #ff0019;
}

/*------register-----------------------*/
#register .banner {
	margin-top: 40px;
	position: relative;
	height: 276px;
	background: url(../images/about/about_banner.jpg) no-repeat center top;
}
#register #main {
	padding: 20px 0;
	background: #FAFAFA;
}
#register #conts h2 {
	margin-bottom: 12px;
	text-align: center;
	color:#ff5700;
	font-weight:normal;
	font-size: 16px;
	padding-bottom:10px;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
}
#main #conts {
	padding: 15px 40px 40px;
	width: 800px;
	float: right;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 4px 8px rgba(229,229,229,0.4);
}
#main #conts .text {
	margin-bottom: 24px;
	line-height:1.7;
	color:#666;
	border-bottom: 1px solid #ccc;
	padding-bottom:15px;
}
#main #conts .text span {
	color:#f00;
}
#main #conts .text span.color2 {
	color:#c9b15e;
	font-size: 15px;

}
#main #conts .regmain {
	width: 718px;
	padding: 5px 0 0 30px;
	background: url(../images/register/regbg.jpg) no-repeat left top;
}
.regmain input {
	width: 282px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #B8B8B8;
	color: #666;
	font-size: 12px;
	padding-left: 5px;
	background-color: #fff;
}
.regmain select {
	height: 34px;
	line-height: 34px;
	border: 1px solid #d9d7d7;
	border-radius: 3px;
}
.regmain .table2 select {
	width: 50px;
}
.regmain .table1 {
	display: inline-block;
	width: 500px;
	margin: 0 0 30px 120px;
}
.regmain .table2 {
	display: inline-block;

	width: 500px;
	margin: 0px 0 0 120px;
}
.regmain .table3 {
	width: 500px;
	margin: 0 0 70px 10px;
}
.regmain table tr td {
	color: #444;
	font-size: 13px;
	vertical-align: middle;
	padding:9px 10px 9px 0;
	text-align: left;
}
.regmain table tr .textTd {
	vertical-align: top;
	padding-top: 20px;
	text-align: right;
}
.regmain table tr td.yanzheng input {
	margin-right: 10px;
	width: 130px;
}
.regmain table tr td .more {
	color: #ece087;
	margin-right: 295px;
	float: right;
}
.regmain table tr td li {
	margin-right: 20px;
	display: inline-block;
}
.regmain table tr td li input {
	margin-right: 5px;
	width: auto;
	height: auto;
}
.regmain span {
	color: #f00;
	font-size: 13px;
}
.regmain .span2 {
	color: #a0a0a0
}
#main #conts .regmain .note {
	display: block;
	color:#777;
	font-size: 12px;
	margin: 4px 0 0;
	font-size: 14px;
	line-height: 1.6;
}
.regmain .note a {
	color: #eae092;
}
.regmain .note i {
	font-style: normal;
	color: #f00;
}
.regmain .spe {
	position: relative;
}
.regmain .spe input {
	width: 108px;
}
.regmain .agree {
	margin: 18px 0 20px -30px;
	z-index: 999;
	font-size: 14px;
	text-align: left;
	position: relative;
	color: #777;
}
.regmain .agree a {
	color: #f00;
}
.regmain .agree input {
	width: auto;
	vertical-align: middle;
	margin-right: 5px;
}
.regmain .spe .test {
	position: absolute;
	top: 12px;
	right: 350px;
}
.regmain .submitUl {
	margin: 0 0 30px 185px;
	z-index: 999;
	position: relative;
}
.regmain .submitUl li {
	display: inline;
	margin: 0 3px;
}
.regmain .submitUl input {
	width: auto;
	height: auto;
	margin: 0;
	border: none;
	text-align: center;
	padding: 0;
	cursor: pointer;
}
.regmain .submitUl .btn1 {
	width: 140px;
	height: 40px;
	color:#fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	background-color: #C9B15E;
	border-radius: 3px;
}
.regmain .submitUl .btn2 {
	width: 140px;
	height: 40px;
	color:#fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	background-color:#333333;
	border-radius: 3px;
}
.regmain .submitUl li input:hover {
	background-color: #ff5700;
	color:#fff;
}
.regmain .ts td {
	height: 26px;
	color: #95796a;
	font-size: 12px;
	line-height: 26px;
}
.regmain a {
	color: #a0a0a0
}
.regmain p {
	color: #a0a0a0;
	line-height: 21px;
}
#main #conts .btnUl {
	margin-bottom: 24px;
	text-align: center;
}
#main #conts .btnUl li {
	margin: 0 8px;
	display: inline;
}
#main #conts .btnUl li a {
	width: 160px;
	display: inline-block;
	color: #894d00;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	background: url(../images/register/bg02.png) no-repeat;
}
#main #conts .btnUl li:last-child a {
	color: #fff;
	background: url(../images/register/bg03.png) no-repeat;
}
#main #conts .btmText {
	color: #666;
	font-size: 12px;
	line-height: 1.6;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
#main #conts .btmText span {
	color: #f00;
}
#main #conts .app {
	margin-bottom: 39px;
	position: relative;
}
#main #conts .app ul {
	position: absolute;
	right: 14px;
	top: 35px;
}
#main #conts .app li {
	margin-right: 10px;
	float: left;
}
#main #conts .ttl {
	margin-bottom: 18px;
	text-align: center;
}
#main #conts .listUl li {
	margin: 0 -1px -1px 0;
	padding-top: 18px;
	width: 145px;
	height: 101px;
	float: left;
	color: #444;
	font-size: 14px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #F5F5F5;
}
#main #conts .listUl li img {
	margin: 0 auto 15px;
	display: block;
}
#main #conts .listUl li:nth-child(2n+1) {
	background: #FAFAFA;
}

/*fish*/
#fish #main {
	padding: 280px 0 30px;
	background: #009EE7 url(../images/fish/fish_bg.jpg) no-repeat center 40px;
}
#fish .newSection {
	width: 1060px;
	margin: 0 auto;
	background: url(../images/new_bg.jpg) repeat-x center top;
    height: 36px;
    position: relative;
}
#fish #main .wrap {
	background: #fff;
}
/*#fish #main .wrap ul {
	width: 1056px;
	position: relative;
}
#fish #main .wrap li {
	width: 160px;
	height: 180px;
	float: left;
	padding: 20px 8px 15px;
	border-bottom: 1px solid #E5F5FD;
}
#fish #main .wrap li a {
	height: 180px;
	display: block;
}
#fish #main .wrap li a:hover {
	background: url(../images/fish/li_bg.png) no-repeat center top;
}
#fish #main .wrap li.none {
	border-bottom: none;
}
#fish #main .wrap li a {
	height: 180px;
	display: block;
	position: relative;
	box-sizing: border-box;
}
#fish #main .wrap li a .img {
	margin-bottom: 10px;
	width: 100%;
	display: table;
}
#fish #main .wrap li a .img span {
	height: 138px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#fish #main .wrap li a .txt {
	display: block;
	color: #333;
	font-size: 14px;
	text-align: center;
}
#fish #main .wrap li a:hover .txt {
	color:#fff;
}
#fish #main .wrap li > .img {
	width: 100%;
	display: table;
}
#fish #main .wrap li > .img span {
	height: 180px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#fish #main .wrap li.more {
	width: 160px;
	height: 180px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 50px;
}
*/
/*----app-------*/
#app #main {
	height: 730px;
	background: url(../images/app/bg01.jpg) no-repeat center top;
}
#app .newSection {
	padding-top: 40px;
}
#app #main .inner {
	margin: 0 auto;
	padding: 113px 0 0 590px;
	width: 1022px;
	box-sizing: border-box;
}
#app #main .inner .img {
	margin: 0 0 14px 11px;
}
#app #main .inner li {
	/*padding: 26px 30px 0 20px;*/
	padding: 6px 30px 0 17px;

	width: 212px;
	height: 242px;
	float: left;
	color: #444;
	font-size: 16px;
	text-align: center;
	box-sizing: border-box;
	background: url(../images/app/bg02.png) no-repeat;
}
#app #main .inner li:last-child {
	float: right;
	color: #2ead97;
}
#app #main .inner li > img {
	margin: 0 auto 6px;
	display: block;
}
#app #main .inner li span {
	display: block;
}
#app #main .inner li span img {
	margin: -4px 7px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.about{height:100%;  padding:20px 0px;}
.about .right{ float:right;  color:#d2d2d2; font-size:13px;}
.about .right h1{color:#ffff77; text-align:center; font-size:22px; line-height:36px; position:relative; margin-bottom:20px;}
.about .right p{line-height:24px; margin-bottom:10px;}
.about .right h1  i{width:18px; height:13px;}
.about .right .left-ico{top:0px; left:50%; position:absolute; margin-left:-100px; top:50%; margin-top:-4px; background:url(../images/about/about_left.png) no-repeat;}
.about .right .right-ico{top:0px; right:50%; position:absolute; margin-right:-100px; top:50%; margin-top:-4px; background:url(../images/about/about_right.png) no-repeat;}

.about .left ul{ margin-top:100px;}
.about .left li{width:100%; height:47px;  text-align:center; line-height:47px;}
.about .left li a{color:#d2d2d2; font-size:18px;}
.about .left li a:hover{color:#fff032;}
.about .right li p {
    width: 100px;
    height: 25px;
    line-height: 25px;
    text-align: right;
    display: block;
    float: left;
}
.wenzi{
    line-height: 22;
    font-size: 12px;
    color: #333333;
}
.zhuzuomz{
 width: 100px;
    height: 25px;
    line-height: 25px;
    text-align: right;
    display: block;
    float: left;
    color: #444;
    margin-right: 5px;
}
.zhucelx{
 
    height: 25px;
    line-height: 25px;
   
    float: left;
    color: #ff5700;
}
#poker{
	background: #FAFAFA;
}
#poker #main .slotsBox {clear: both;
    padding: 30px 0 10px;
    /*background-color: #000;*/
    text-align: center;
}
#poker #main .slotsBox .tabPanel {
    margin: 0 auto;
    width: 960px;
}
#poker #main .slotsBox .tabPanel li {
    margin: 0 5px 17px;
    width: 182px;
    height: 210px;
    float: left;
    overflow: hidden;
    background: url(../images/pokers/bg.png) no-repeat center center;
}
#poker #main .slotsBox .tabPanel li .txt {
    display: block;
    color: #ffe49b;
    font-size: 12px;
    height: 45px;
    line-height: 55px;
    text-align: center;
}
#poker #main .slotsBox .tabPanel li a {
    margin: 15px 7px 0;
    height: 136px;
    display: block;
    text-align: center;
}
#poker #main .slotsBox .tabPanel li a img {
    width: 92%;
    height: 98%;
}
#poker #main .slotsBox .tabPanel02 li {
    margin: 0;
    padding-top: 10px;
    width: 186px;
    height: 225px;
    position: relative;
    text-align: center;
    background: url(../images/pokers/game_bg.png) no-repeat center top;
}
#poker #main .slotsBox .tabPanel02 li a {
    margin: 0;
    padding-left: 10px;
    height: 164px;
    display: block;
}
#poker #main .slotsBox .tabPanel02 li a img {
    width: 164px;
    height: 164px;
    display: block;
}
#poker #main .slotsBox .tabPanel02 li .txt {
    height: auto;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857;
}
#poker #main .slotsBox .tabPanel02 li a span {
    width: 78px;
    display: none;
    position: absolute;
    bottom: 70px;
    left: 16px;
    color: #000;
    font-size: 14px;
    line-height: 30px;
    background: #d62020;
}
#poker #main .slotsBox .tabPanel02 li a span.btn02 {
    left: 99px;
    background: #ff890f;
}
#poker #main .slotsBox .tabPanel02 li:hover a span {
    display: block;
}

#poker #main .slotsBox .jdgame li:nth-child(1) a{
  background-image: url(../images/pokers/j1.png);
      background-position: 16px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .jdgame li:nth-child(1) a:hover{
      background-position: -131px center;
}
#poker #main .slotsBox .jdgame li:nth-child(2) a{
  background-image: url(../images/pokers/j2.png);
      background-position: 22px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .jdgame li:nth-child(2) a:hover{
      background-position: -131px center;
}
#poker #main .slotsBox .jdgame li:nth-child(3) a{
  background-image: url(../images/pokers/j3.png);
      background-position: 16px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .jdgame li:nth-child(3) a:hover{
      background-position: -131px center;
}
#poker #main .slotsBox .jdgame li:nth-child(4) a{
  background-image: url(../images/pokers/j4.png);
      background-position: 18px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .jdgame li:nth-child(4) a:hover{
      background-position: -131px center;
}
#poker #main .slotsBox .jdgame li:nth-child(5) a{
  background-image: url(../images/pokers/j5.png);
      background-position: 18px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .jdgame li:nth-child(5) a:hover{
      background-position: -131px center;
}
#poker #main .slotsBox .jdgame li:nth-child(6) a{
  background-image: url(../images/pokers/j6.png);
      background-position: 21px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .jdgame li:nth-child(6) a:hover{
      background-position: -131px center;
}
#poker #main .slotsBox .jdgame li:nth-child(7) a{
  background-image: url(../images/pokers/j7.png);
      background-position: 20px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .jdgame li:nth-child(7) a:hover{
      background-position: -131px center;
}

#poker #main .slotsBox .mwgame li:nth-child(1) a{
  background-image: url(../images/pokers/m1.png);
      background-position: 0px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .mwgame li:nth-child(2) a{
  background-image: url(../images/pokers/m2.png);
      background-position: 0px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .mwgame li:nth-child(3) a{
  background-image: url(../images/pokers/m3.png);
      background-position: 0px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .mwgame li:nth-child(4) a{
  background-image: url(../images/pokers/m4.png);
      background-position: 0px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .mwgame li:nth-child(5) a{
  background-image: url(../images/pokers/m5.png);
      background-position: 0px center;
        background-repeat: no-repeat;
    background-size: cover;
}
#poker #main .slotsBox .mwgame li:nth-child(6) a{
  background-image: url(../images/pokers/m6.png);
      background-position: 0px center;
        background-repeat: no-repeat;
    background-size: cover;
}