body{
	margin: 0;
	font-family: 'Microsoft YaHei';
}
a{
	text-decoration: none;
}
.barnerBox{
	width: 100%;
	position: relative;
	overflow: hidden;  
	height: 1990px;
}
.bgTop{
	position: absolute;
	left: 50%;
	margin-left:-960px;
	width: 1920px;
	z-index: -2;
}
.leftBg{
	top: 630px;
	position: absolute;
	left: 50%;
	margin-left:-960px;
	width: 1920px;
	z-index: -2;
}
.logo{
	position: absolute;
	top: 8px;
	left: 35px;
}
.infoButton{
	line-height: 42px;
	height: 42px;
	width: 160px;
	text-align: center;
	border-radius: 20px;
	font-size: 18px;
	font-weight: 600;
	background: -webkit-linear-gradient(#07D3D0, #0592D1); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#07D3D0, #0592D1); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#07D3D0, #0592D1); /* Firefox 3.6 - 15 */
	background: linear-gradient(#07D3D0, #0592D1); /* 标准的语法 */
	z-index: 1;
}
.infoButton a{
	color: white;	
}
.infoButton:hover{
	background: -webkit-linear-gradient(#07D3DF, #0592EF); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#07D3DF, #0592EF); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#07D3DF, #0592EF); /* Firefox 3.6 - 15 */
	background: linear-gradient(#07D3DF, #0592EF); /* 标准的语法 */
}
.userInfo{
	position: absolute;
	top: 20px;
	right: 450px;
}
.agentInfo{
	position: absolute;
	top: 20px;
	right: 250px;
}
.groupChat{
	position: absolute;
	top: 20px;
	right: 50px;
}
.ccyellow{
	color: #F7B52C;
}
.scrollBg{
	position: absolute;
	top: 435px;
	width: 100%;
	height: 202px;
	/*background-color: #0B3176;
	opacity: 0.4;*/
	z-index: -1;
}
.scroll{
	position: relative;
	padding-top: 450px;
	line-height: 30px;
	width: 100%;
}
.scrollHead{
	margin:0px auto;
	text-align: center;
	color: #F7B52C;
}
.scrollHead td{
	width: 330px;
	height: 40px;
}
.scrollBody{
	margin:0px auto;
	text-align: center;
	color: white;
}
.scrollBody td{
	width: 330px;
	height: 40px;
}
@keyframes move{
    0%{
        transform:translateY(0px);
    }
    100%{
        transform:translateY(-3948px); /* 42*N */
    }
}
.scrollWindow{
	width: 100%;
	height: 140px;
	overflow: hidden;
}
.scrollInner{
	animation: move 120s linear infinite;
}
.functionText{
	background: linear-gradient(to bottom, #FFFFFF, #96ECF3);
	-webkit-background-clip: text;
	color: transparent;
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	width: 100%;
	text-align: center;
	position: relative;
	margin-top: 53px;
}
.functionSub{
	background: linear-gradient(to bottom, #FFFFFF, #66A3C0);
	-webkit-background-clip: text;
	color: transparent;
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
	width: 100%;
	text-align: center;
	position: relative;
	margin-top: 7px;
}
.functions{
	position: relative;
	padding-top: 50px;
	left: 50%;
	margin-left:-496px;
	width: 1100px;
	height: 362px;
}
.funcBox{
	text-align: center;
	color: #A6ACC2;
	width: 168px;
	height: 160px;
	float: left;
	margin-right: 38px;
	margin-bottom: 35px;
}
.funcBox:hover{
	color: white;
	font-weight: 550;
}
.funcEntry{
	width: 168px;
	height: 100px;
	background-color: #1A5E98;
	border-radius: 5px;
}
.funcEntry:hover{
	background: -webkit-linear-gradient(#07D6D0, #0592EF); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#07D6D0, #0592EF); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#07D6D0, #0592EF); /* Firefox 3.6 - 15 */
	background: linear-gradient(#07D6D0, #0591D1); /* 标准的语法 */
}
.funcText{
	line-height: 60px;
	font-size: 18px;
	width: 168px;
}
.hotMarkBg{
	width: 0; 
	height: 0;
    transform: rotate(90deg);
    border-width: 20px;
    border-color: #FF4343 transparent transparent #FF4343;
    border-style: solid;
    border-top-left-radius: 5px;
	position: relative;
	left: 952px;
}
.hotMark{
	position: absolute;
	left: 975px;
	top: 53;
}
.selectGame{
	margin-top: 40px;
}
.selectGame table{
	margin:0px auto;
	text-align: center;
	font-size: 23px;
	line-height: 40px;
}
.selectGame td{
	width: 200px;
}
.selectGameLink{
	color: #A7B8C8;
}
.selectedGameLink{
	color: #FFC63E;
	font-weight: 600;
}
.selectGame a:hover{
	color: #FFC63E;
	font-weight: 600;
}
.games{
	width: 1040px;
	margin: 0 auto;
	margin-top: 36px;
	height: 480px;
}
.gameList1{
	width: 1000px;
	margin: 0 auto;
}
.gameList1 div{
	float: left;
	width: 200px;
	height: 184px;
	margin-bottom: 6px;
}
.ballImg{
	margin-top: 15px;
	margin-left: 23px;
	border-radius: 5px;
	border: 4px solid rgba(13,35,92,0);
}
.ballImg:hover{
	border: 4px solid #96F7FF;
}
.ballSpecial{
	margin-left: 8px;
	margin-top:0;
	border-radius: 5px;
	border: 4px solid rgba(13,35,92,0);
}
.ballSpecial:hover{
	border: 4px solid #96F7FF;
}
.gameList2{
	width: 1028;
	margin: 0 auto;
	display: none;
}
.gameList2 div{
	float: left;
	width: 257px;
	height: 160px;
}
.gameList2 img{
	margin-left: 11px;
	margin-top: 26px;
	border-radius: 5px;
	border: 4px solid rgba(13,35,92,0);
}
.gameList2 img:hover{
	border: 4px solid #96F7FF;
}
.gameList3{
	width: 1040px;
	margin: 0 auto;
	display: none;
	padding-top: 15px;
}
.gameList3 div{
	float: left;
	width: 254px;
	height: 160px;
	margin-bottom: 20px;
}
.gameList3 img{
	margin-left: 10px;
	margin-top: 10px;
	border-radius: 5px;
	border: 4px solid rgba(13,35,92,0);
}
.gameList3 img:hover{
	border: 4px solid #96F7FF;
}
.gameList4{
	width: 1040px;
	margin: 0 auto;
	display: none;
	padding-top:30;
}
.gameList4 div{
	float: left;
	width: 208px;
	height: 220px;
}
.gameList4 img{
	margin-left: 12px;
	border-radius: 5px;
	border: 4px solid rgba(13,35,92,0);
}
.gameList4 img:hover{
	border: 4px solid #96F7FF;
}
.tottom{
	width: 100%;
	height: 65px;
	line-height: 65px;
	color: white;
	font-size: 15px;
	text-align: center;
	background-color: #021439;
}
.toTop{
	position: fixed;  
	bottom: 100px;
	right: 5px;
	z-index: 1;
}
.cover{
	background-color: #06163B;
	position: absolute;
	width: 100%;
	height: 1990px;
	opacity:0.6;
	z-index: 2;
	display: none;
}
.userLogin{
	width: 520px;
	height: 350px;
	position: fixed;  
	z-index: 3;
	display: none;
	background-color: #1A5E98;
	left: 50%;
	margin-left:-260px;	
	top: 50%;
	margin-top:-175px;
}
.agentLogin{
	width: 520px;
	height: 350px;
	position: fixed;  
	z-index: 3;
	display: none;
	background-color: #1A5E98;
	left: 50%;
	margin-left:-260px;	
	top: 50%;
	margin-top:-175px;	
}
.agentJoin{
	width: 520px;
	height: 320px;
	position: fixed;  
	z-index: 2147483647;
	display: none;
	background-color: white;
	left: 50%;
	margin-left:-260px;	
	top: 50%;
	margin-top:-160px;	
	padding-top: 15px;
	padding-left: 20px;
}
.agentJoinTitle{
	color: black;
}
.agentClose{
	position: relative;
	top: -20px;
	left: 480px;
}
.agentClose a{
	color: black;
}
.developing{
	width: 520px;
	height: 250px;
	position: fixed;  
	z-index: 3;
	display: none;
	background-color: #1A5E98;
	left: 50%;
	margin-left:-260px;	
	top: 50%;
	margin-top:-175px;	
}
.developingInfo{
	width: 270px;
	float: left;
	line-height: 50px;
	height: 50px;
	text-align: center;
	margin-left: 80px;
	margin-right: 30px;
	margin-bottom: 30px;
	background-color: #4791D0;
	border-radius: 5px;
}
.aroundInfo{
	font-size: 19px;
	text-align: center;
	line-height: 40px;
	color: white;
}
.popBorder{
	width: 500px;
	height: 330px;
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #2BC770;	
}
.waitBorder{
	width: 500px;
	height: 230px;
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #2BC770;	
}
.popTitle{
	color: b4FDFF;
	font-size: 22px;
	line-height: 40px;
	width: 100%;
	text-align: center;
	font-weight: 600;
	margin-top: 10px;
}
.popClose{
	position: relative;
	top: -40px;
	left: 450px;
}
.routes{
	width: 460px;
	margin: 0 auto;
}
.route{
	width: 170px;
	float: left;
	line-height: 50px;
	height: 50px;
	text-align: center;
	font-size: 19px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	background-color: #4791D0;
	border-radius: 5px;
}
.routes a{
	color: white;
}
.route:hover{
	background: -webkit-linear-gradient(#07D6D0, #0592EF); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#07D6D0, #0592EF); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#07D6D0, #0592EF); /* Firefox 3.6 - 15 */
	background: linear-gradient(#07D6D0, #0591D1); /* 标准的语法 */
}