/*体育*/
.gymChose { display:none;}
img { display:block;}
.contaiBox { background:url(../css/images/background@2x.png); background-repeat:no-repeat; background-size:100% 100%;padding-top: 106px;}
.nrBox { 
    padding-top:80px;
	position: relative;
    width: 1200px;
    height: 854px;
    box-sizing: border-box;
    margin: auto;}
.flexBar { position:relative; display:flex;}

.tiyuImgs { display:none;}
.tiyuImgs>img {position: absolute;
    left: 0;
    right: 0;
    margin: auto;}
.tiyuImgs .gymtop {top: -20px;
    width: 468px;}
.tiyuImgs .gymbottom {left: -70px;
    bottom: 0;
    width: 854px;}
.tiyuImgs .gymcenter {width: 800px;
    height: 600px;
    bottom: 130px;
    left: -40px;}
.active .gymani1 {-webkit-animation: gymAni1 .7s forwards;
	animation: gymAni1 .7s forwards}
.active .gymani2 {-webkit-animation: gymAni2 .7s forwards;
	animation: gymAni2 .7s forwards}
.active .gymani3 {-webkit-animation: gymAni3 .7s forwards;
	animation: gymAni3 .7s forwards}
.flexLeft {width: 854px; height: 754px; position: relative; left: -70px;}
.nrBox .active { display:block;}
.flexRight {width: 484px;
    position: relative;
    margin-top: 100px;}
.gymChose>img.sportTit { width:250px;}
.gymChose>img.sportIcon{width: 484px;
    margin-top: 20px;}
.gymChose p {line-height: 1.4;
    margin-top: 20px;
    font-size: 14px;
    color: #b1b2b3;}
.gymChose a {width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
    background-image: none!important;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: all .2s ease; display:block;}
.gymChose a:before {    content: "";
    z-index: -1;
    top: 0;
    display: block;
    width: 180px;
    height: 66px;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%,0,0);
	background-image:url(../css/images/primary-medium-new-selected.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;}
.gymChose.active {-webkit-animation: gymAni4 1s forwards;
    animation: gymAni4 1s forwards;}
.gymChose a:hover { transform:scale(1.03);}
.buttonIcon {width: 90px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;background-image: none!important;
    position: relative;
    z-index: 1;}
.buttonIcon:before {content: "";
    z-index: -1;
    top: 0;
    display: block;
    width: 101px;
    height: 113px;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%,0,0);
	background-image: url(../css/images/spec-normal-new@2x.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;}
.flexChose ul {position: relative;
    display: flex; margin-top:40px;}
.flexChose li p {position: relative;
    margin-top: 8px;
    font-size: 16px;
    color: #b1b2b3; text-align:center;}
.flexChose li i {width: 50px;
    height: 50px;
    display: inline-block; background-image:url(../images/huanya/sprite8.png);background-repeat: no-repeat;
    background-size: 2606px 50px;}
.flexChose li i.icons1 { background-position:-1976px 0px;}
.flexChose li i.icons2 { background-position:-2494px 0px;}
.flexChose li{ margin-right:5px;}
.flexChose li.cur i.icons1 {background-position: -2028px 0px;}
.flexChose li.cur i.icons2 {background-position: -2546px 0px;}
.flexChose li:hover i.icons1 {background-position: -2028px 0px;}
.flexChose li:hover i.icons2 {background-position: -2546px 0px;}
.flexChose li.cur .buttonIcon:before { background-image:url(../css/images/spec-selected-new@2x.png); background-repeat: no-repeat; background-size: 100% 100%;}
.flexChose li:hover .buttonIcon:before { background-image:url(../css/images/spec-selected-new@2x.png); background-repeat: no-repeat; background-size: 100% 100%;}
.flexChose li:hover .buttonIcon {-webkit-animation: hoverAni .5s ease forwards;
animation: hoverAni .5s ease forwards;position: relative;z-index: 1}
/*体育动画*/
@-webkit-keyframes hoverAni {
	0% {
		transform: scale(1.1)
	}

	to {
		transform: scale(1)
	}
}

@keyframes hoverAni {
	0% {
		transform: scale(1.1)
	}

	to {
		transform: scale(1)
	}
}
@-webkit-keyframes gymAni1 {
	0% {
		opacity: 0;
		transform: translate3d(0,-50px,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes gymAni1 {
	0% {
		opacity: 0;
		transform: translate3d(0,-50px,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}
@-webkit-keyframes gymAni2 {
	0% {
		opacity: 0;
		transform: translate3d(0,50px,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes gymAni2 {
	0% {
		opacity: 0;
		transform: translate3d(0,50px,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}
@-webkit-keyframes gymAni3 {
	0% {
		opacity: 0;
		transform: rotateX(20deg)
	}

	to {
		opacity: 1;
		transform: rotateX(0)
	}
}

@keyframes gymAni3 {
	0% {
		opacity: 0;
		transform: rotateX(20deg)
	}

	to {
		opacity: 1;
		transform: rotateX(0)
	}
}
@-webkit-keyframes gymAni4 {
	0% {
		opacity: 0;
		transform: translate3d(50px,0,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes gymAni4 {
	0% {
		opacity: 0;
		transform: translate3d(50px,0,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

/*真人*/
.zhenrenFlex {height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;}
.zhenrenImgs {width: 595px;
    height: 100%;
    padding-left: 25px;}
.zhenrenimgChose { display:none; position:relative;}
.bigglod {position: absolute;
    top: 24px;
    left: 123px;
    z-index: 1;
    -webkit-animation: Y1_ZG 5s infinite;
    animation: Y1_ZG 5s infinite; width:71px;}
.smallglod {position: absolute;
    top: 25px;
    left: 394px;
    z-index: 1;
    -webkit-animation: Y1_ZI 5s infinite;
    animation: Y1_ZI 5s infinite;width: 35px;}
.bigglod2 {position: absolute;
    top: 196px;
    left: 442px;
    z-index: 1;
    -webkit-animation: Y1_ZK 5s infinite;
    animation: Y1_ZK 5s infinite; width:71px;}
.flypan {width: 121px;
    -webkit-animation: Y1_ZB 5s infinite;
    animation: Y1_ZB 5s infinite;position: absolute;
    top: 229px;
    left: -33px;
    z-index: 1;}
.touzi {    position: absolute;
    top: 405px;
    left: -36px;
    z-index: 1;width: 66px;
    -webkit-animation: Y1_ZE 5s infinite;
    animation: Y1_ZE 5s infinite;}
.zhenrenimgChose.active {animation: Y1_Y5 1s ease-in-out forwards; display:block;}
.w515 { width:515px;}
.flexRight.zhenrenright {width:536px;
    position: relative;
    margin-top:47px;} 
.nrBox .active { display:block;}
.sportTit { width:250px;}
.flexRight.zhenrenright .gymChose{ height:342px; position:relative;}
.flexRight.zhenrenright .gymChose p {line-height: 24px;
    margin-top: 21px;
    margin-bottom: 20px;
    color: #a2a2a2;}
.flexRight.zhenrenright .gymChose>img.sportIcon { height:40px; margin-top:0; width:auto;}
.flexChose li i.icons3 { background-position:-2080px 0px;}
.flexChose li i.icons4 { background-position:0px 0px;}
.flexChose li i.icons5 { background-position:-416px 0px;}
.flexChose li i.icons6 { background-position:-1248px 0px;}
.flexChose li i.icons7 { background-position:-728px 0px;}
.flexChose li i.icons8 { background-position:-208px 0px;}
.flexChose li i.icons17 { background-position:-1560px 0px;}
.flexChose li i.icons19 { background-position:-1456px 0px;}
.flexChose li:last-child{ margin-right:0;}
.flexChose li.cur i.icons3 { background-position:-2132px 0px;}
.flexChose li.cur i.icons4 { background-position:-52px 0px;}
.flexChose li.cur i.icons5 { background-position:-468px 0px;}
.flexChose li.cur i.icons6 { background-position:-1300px 0px;}
.flexChose li.cur i.icons7 { background-position:-780px 0px;}
.flexChose li.cur i.icons8 { background-position:-260px 0px;}
.flexChose li.cur i.icons17 { background-position:-1612px 0px;}
.flexChose li.cur i.icons19 { background-position:-1508px 0px;}

.flexChose li:hover i.icons3 { background-position:-2132px 0px;}
.flexChose li:hover i.icons4 { background-position:-52px 0px;}
.flexChose li:hover i.icons5 { background-position:-468px 0px;}
.flexChose li:hover i.icons6 { background-position:-1300px 0px;}
.flexChose li:hover i.icons7 { background-position:-780px 0px;}
.flexChose li:hover i.icons8 { background-position:-260px 0px;}
.flexChose li:hover i.icons17 { background-position:-1612px 0px;}
.flexChose li:hover i.icons19 { background-position:-1508px 0px;}
/*真人动画*/
@-webkit-keyframes Y1_ZO {
	0% {
		opacity: 0;
		transform: translate3d(25px,0,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes Y1_ZO {
	0% {
		opacity: 0;
		transform: translate3d(25px,0,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@-webkit-keyframes Y1_ZQ {
	0% {
		opacity: 0;
		transform: translate3d(-25px,0,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes Y1_ZQ {
	0% {
		opacity: 0;
		transform: translate3d(-25px,0,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@-webkit-keyframes Y1_ZS {
	0% {
		opacity: 1;
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		transform: translate3d(25px,0,0)
	}
}

@keyframes Y1_ZS {
	0% {
		opacity: 1;
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		transform: translate3d(25px,0,0)
	}
}

@-webkit-keyframes Y1_ZU {
	0% {
		opacity: 1;
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		transform: translate3d(-25px,0,0)
	}
}

@keyframes Y1_ZU {
	0% {
		opacity: 1;
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		transform: translate3d(-25px,0,0)
	}
}

@-webkit-keyframes Y1_SI {
	0% {
		opacity: 0;
		transform: translate3d(50px,0,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes Y1_SI {
	0% {
		opacity: 0;
		transform: translate3d(50px,0,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@-webkit-keyframes Y1_SK {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes Y1_SK {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes Y1_Y5 {
	0% {
		opacity: 0;
		transform: translateX(50px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes Y1_Y5 {
	0% {
		opacity: 0;
		transform: translateX(50px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes Y1_Y3 {
	0% {
		opacity: 0;
		transform: translateX(-50px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes Y1_Y3 {
	0% {
		opacity: 0;
		transform: translateX(-50px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes Y1_Y9 {
	0% {
		opacity: 1;
		transform: translateX(0)
	}

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

@keyframes Y1_Y9 {
	0% {
		opacity: 1;
		transform: translateX(0)
	}

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

@-webkit-keyframes Y1_Y7 {
	0% {
		opacity: 1;
		transform: translateX(0)
	}

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

@keyframes Y1_Y7 {
	0% {
		opacity: 1;
		transform: translateX(0)
	}

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

@-webkit-keyframes Y1_ZW {
	0% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(10px)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes Y1_ZW {
	0% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(10px)
	}

	to {
		transform: translateX(0)
	}
}

@-webkit-keyframes Y1_ZK {
	0% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(-10px)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes Y1_ZK {
	0% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(-10px)
	}

	to {
		transform: translateX(0)
	}
}

@-webkit-keyframes Y1_ZI {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3D(-10px,10px,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes Y1_ZI {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3D(-10px,10px,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes Y1_ZM {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3D(-10px,-10px,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes Y1_ZM {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3D(-10px,-10px,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes Y1_ZE {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3D(10px,-10px,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes Y1_ZE {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3D(10px,-10px,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes Y1_ZG {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3D(10px,10px,0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes Y1_ZG {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3D(10px,10px,0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes Y1_ZB {
	0% {
		transform: translateX(0)
	}

	50% {
		transform: translateY(-10px)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes Y1_ZB {
	0% {
		transform: translateX(0)
	}

	50% {
		transform: translateY(-10px)
	}

	to {
		transform: translateX(0)
	}
}
/*棋牌*/
.flexRight.qipai { margin-top:132px; margin-left:18px; width:490px}
.flexRight.qipai .gymChose img{ height:100px;}
.qipaibox.nrBox { padding-top:24px;}
.qipaibox.nrBox .zhenrenImgs { width:688px; height:810px;}
.w100 { width:100%;}
.flexRight.qipai .gymChose a { margin-top:85px;}
.flexRight.qipai .flexChose { margin-top:65px;}
.flexChose li i.icons9 { background-position:-1976px 0px;}
.flexChose li i.icons10 { background-position:-624px 0px;}
.flexChose li i.icons11 { background-position:-1664px 0px}
.flexChose li i.icons18 { background-position:-934px 0px}

.flexChose li.cur i.icons9 { background-position:-2028px 0px;}
.flexChose li.cur i.icons10 { background-position:-676px 0px}
.flexChose li.cur i.icons11 { background-position:-1716px 0px}
.flexChose li.cur i.icons18 { background-position:-986px 0px}

.flexChose li:hover i.icons9 { background-position:-2028px 0px;}
.flexChose li:hover i.icons10 { background-position:-676px 0px}
.flexChose li:hover i.icons11 { background-position:-1716px 0px}
.flexChose li:hover i.icons18 { background-position:-986px 0px}
/*电竞*/
.active .dianjingani {animation: 0.5s dianjingani forwards;}
.dianjiangbox.nrBox { padding-top:90px;}
.dianjiangbox .tiyuImgs .gymtop{top: -20px;
    left: 106px;
    width: 538px;
    z-index: 0;}
.dianjiangbox .flexLeft{width: 600px;
    height: 688px;
    position: relative;
    left: -70px;}
.dianjiangbox .tiyuImgs .gymcenter{width: 640px; height:auto;
    top:71px;
    left: 28px;}
.dianjiangbox .tiyuImgs .gymbottom{bottom: 0px;
    width: 815px;
    z-index: 0; left:0; right:0;}	
.dianjiangbox .flexRight {width: 490px;
    position: relative;
    margin-top: 90px;
    margin-left: 110px;}
.dianjiangbox .flexRight p { height:57px;}
.dianjiangbox .gymChose>img.sportIcon { margin-top:20px; height:42px; width:auto;}
@-webkit-keyframes dianjingani{
	0%{opacity:0;transform:rotateX(-25deg)}
	to{opacity:1;transform:rotateX(0)}
}
@keyframes dianjingani{
	0%{opacity:0;transform:rotateX(-25deg)}
	to{opacity:1;transform:rotateX(0)}
}
.flexChose li i.icons12 { background-position:-104px 0px}
.flexChose li.cur i.icons12 { background-position:-156px 0px;}
.flexChose li:hover i.icons12 { background-position:-156px 0px}
.flexChose li i.icons21 { background-position:-2391px 0px}
.flexChose li.cur i.icons21 { background-position:-2442px 0px;}
.flexChose li:hover i.icons21 { background-position:-2442px 0px}
.flexChose li i.icons22 { background-position:-2284px 0px}
.flexChose li.cur i.icons22 { background-position:-2336px 0px;}
.flexChose li:hover i.icons22 { background-position:-2336px 0px}
/*彩票*/
.caipiaobox.flexLeft {width: 595px;
    height: 100%;
    padding-left: 25px;
    transform-origin: bottom;}
.gameTtop {position: absolute;
    left: 50%;
    top: -30px;
    transform: translate(-50%);}
.gameTtop img { width:350px;}
.nrBox.caipiaobox { padding-top:97px;}

.caipiaog { position:relative; margin-top: 80px; width:600px;}
.caipiaobox .flexLeft {width: 595px;
    height: 100%;
    padding-left: 25px;
    transform-origin: bottom; margin:0;}
.caipiaobox .flexRight {width: 536px;
    position: relative;
    margin-top: 47px;}
.caipiaobox .gymChose>img.sportTit { height:100px; width:auto; max-width:70%;}
.caipiaobox .gymChose p {line-height:24px;
    margin-top: 20px;
    font-size: 14px;
    color: #a2a2a2;}
.caipiaobox .gymChose>img.sportIcon { height:80px; width:auto;}
.caipiaoPicbottom .fly1 {position: absolute;
    top: 160px;
    right: 50px;
    width: 66px;
    -webkit-animation: flyani1 5s ease infinite;
    animation: flyani1 5s ease infinite;}
.caipiaoPicbottom .fly2{position: absolute;
    top: 260px;
    left: 83px;
    width: 55px;
    -webkit-animation: flyani2 5s ease infinite;
    animation: flyani2 5s ease infinite;}
@-webkit-keyframes flyani1{
	0%{transform:translate(0)}
	50%{transform:translateY(-20px)}
	to{transform:translate(0)}
}
@keyframes flyani1{
	0%{transform:translate(0)}
	50%{transform:translateY(-20px)}
	to{transform:translate(0)}
}
@-webkit-keyframes flyani2{
	0%{transform:translate(0)}
	50%{transform:translateY(20px)}
	to{transform:translate(0)}
}
@keyframes flyani2{
	0%{transform:translate(0)}
	50%{transform:translateY(20px)}
	to{transform:translate(0)}
}
@-webkit-keyframes btani1{
	0%{opacity:0;transform:translate3d(0,-50px,0)}
	to{opacity:1;transform:translateZ(0)}
}
@keyframes btani1{
	0%{opacity:0;transform:translate3d(0,-50px,0)}
	to{opacity:1;transform:translateZ(0)}
}
@-webkit-keyframes tyani{
	0%{opacity:0;transform:translate3d(0,50px,0)}
	to{opacity:1;transform:translateZ(0)}
}
@keyframes tyani{
	0%{opacity:0;transform:translate3d(0,50px,0)}
	to{opacity:1;transform:translateZ(0)}
}
.active .gameTtop img{animation: btani1 .7s forwards;}
.active .caipiaog {webkit-animation: tyani .7s forwards;
    animation: tyani .7s forwards;}
.caipiaobar .gymChose {min-height:345px;}
.flexChose li i.icons13 { background-position:-1768px 0px}
.flexChose li.cur i.icons13 { background-position:-1820px 0px;}
.flexChose li:hover i.icons13 { background-position:-1820px 0px}
.flexChose li i.icons14 { background-position:-1040px 0px}
.flexChose li.cur i.icons14 { background-position:-1092px 0px}
.flexChose li:hover i.icons14 { background-position:-1092px 0px}
.flexChose li i.icons15 { background-position:-208px 0px}
.flexChose li.cur i.icons15 { background-position:-260px 0px}
.flexChose li:hover i.icons15 { background-position:-260px 0px}
.flexChose li i.icons16 { background-position:-1872px 0px}
.flexChose li.cur i.icons16 { background-position:-1924px 0px}
.flexChose li:hover i.icons16 { background-position:-1924px 0px}
.flexChose li i.icons20 { background-position:-2182px 0px}
.flexChose li.cur i.icons20 { background-position:-2233px 0px;}
.flexChose li:hover i.icons20 { background-position:-2233px 0px}

/* 电子 */
 #all{
	width: 100%;
	margin: 0 auto;
	padding-top:360px;
	position:relative; z-index:8;
}
#all .t_num i {

		display:block; float:left;
		position:relative;
		margin-right:15px;
    top: 3px;
    left: 12px;
    width: 60px;
    height: 90px;
   background-image: url(../css/images/spritenum.png);
    background-repeat: no-repeat;
    background-size: 60px 918px;
    background-repeat: repeat;
    background-position:-298px 0;
}
#all .t_num i:after { content:''; position:absolute;
    display: inline-block;
	z-index:-1;
    width: 80px;
	left:-10px;
	top:-2px;
    height: 110px;
    background-image: url(../css/images/spritenumbg.png);
    background-repeat: no-repeat;
    background-size: 915px 110px;
    background-position: -312px 0;}
	#all .t_num i:nth-child(9):before { content:'';    display: inline-block;
    height: 85px;
    width: 20px;
    margin-top: 7px;
    background-image: url(../css/images/spritenumbg.png);
    background-repeat: no-repeat;
    background-size: 915px 110px;
    background-position: -397px 0; position:absolute; left:-25px;}
	#all .t_num i:nth-child(9) { margin-left:15px;}
	#all .t_num i:nth-child(6):before { content:'';    display: inline-block;
    height: 85px;
    width: 20px;
    margin-top: 7px;
    background-image: url(../css/images/spritenumbg.png);
    background-repeat: no-repeat;
    background-size: 915px 110px;
    background-position: -419px 0; position:absolute; left:-25px;}
	#all .t_num i:nth-child(6) { margin-left:15px;}
	#all .t_num i:nth-child(3):before { content:'';    display: inline-block;
    height: 85px;
    width: 20px;
    margin-top: 7px;
    background-image: url(../css/images/spritenumbg.png);
    background-repeat: no-repeat;
    background-size: 915px 110px;
    background-position: -419px 0; position:absolute; left:-25px;}
	#all .t_num i:nth-child(3) { margin-left:15px;}
.bannerNumber { margin:100px auto 0; width:1200px; position:relative; height:517px;}
.bannertTitbig {position: absolute;
    top: 82px;
    left: 0;
    width: 511px;}
.bannerimgbig {position: absolute;
    top: 33px;
    right: -90px;
    width: 738px;
    height: 485px;}
.ElectronicsgameList {box-sizing: border-box;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    background-color: #4a4a4a;
    z-index: 19; width:1200px; margin:0 auto;}
.ElectronicsTitgame { padding:0 40px; border-bottom:1px solid #5f5f5f;}
.ElectronicsTitgame span { display:inline-block; line-height:64px; font-size:16px; color:#b7b7b7; width:70px; position:relative; text-align:center;}
.ElectronicsTitgame span:after { content:''; position: absolute;
    left: 2px;
    bottom: 0;
    display: inline-block;
    width: 66px;
    height: 4px;
    border-radius: 2px;
    background-color: #e09542;}
.elegamelistone ul { margin-top:22px; overflow:hidden;}
.elegamelistone li { float:left; width:564px; height:180px; position:relative; overflow:hidden;}
.elegamelistone li img {    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out; display:block; width:100%;}
.elegamelistone li:hover img {transform: scale(1.05);}
.elegamelistone li .game-details {
    position: absolute;
    z-index: 3;
    height: 16px;
    width: 100%;
    bottom: 14px;
    left: 0;
    color: #fff;
}
.game-details p {
    font-size: 14px;
    color: #fff;
    float: left;
    padding-left: 17px;
    line-height: 20px;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.game-details p span { display:block; color:#fff; font-size:14px; line-height:20px;}
.game-details p span.game-dec {
    color: #cca352;
    font-size: 12px;}
.game-likes{
    float: right;
    margin-right: 14px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
}
.game-likes span {
	background:url(../css/images/likefire.png) no-repeat;
    width: 16px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -4px;
    margin-left: 8px;
}
.game-msk {background: url(../css/images/gamecoverzz.png) repeat-x 0 100%;width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;}
.elegamelistone li:nth-child(2n){ float:right;}
.game-hover { box-sizing:border-box;    display: none;
    z-index: 4;
    padding-top: 28px;
    text-align: center;
    width: 100%;
    height: 100%;
    border: 1px solid #996b3d;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(10,10,10,.8);}
.game-hover h5 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 22px;
}
.game-hover .game-btn {
    width: 160px;
    height: 40px;
    display: block;
    background: #cca352;
    background-image: linear-gradient(-45deg,#996b3d,#cca352);
    margin: 0 auto 15px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
}
.elegamelistone li:hover .game-hover { display:block;}
.game-hover .game-btn:hover {background: #996b3d;}



.elegamelistTwo ul { margin-top:12px; overflow:hidden;}
.elegamelistTwo li { margin-bottom:8px; margin-right:12px; float:left; width:276px; height:180px; position:relative; overflow:hidden;}
.elegamelistTwo li img {    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out; display:block; width:100%;}
.elegamelistTwo li:hover img {transform: scale(1.05);}
.elegamelistTwo li .game-details {
    position: absolute;
    z-index: 3;
    height: 16px;
    width: 100%;
    bottom: 14px;
    left: 0;
    color: #fff;
}
.elegamelistTwo li:hover .game-hover { display:block;}
.elegamelistTwo li:nth-child(4n){ margin-right:0;}
.game-hover .addSave {    font-size: 14px;
    color: #cca352;
    text-align: center; display:block;}
/**/
.contBox { background:#403f3f; margin:11px auto 0; padding:0;}
.artTop { overflow:hidden;}
.artTop .artSlide { float:left; width:595px;}
.artSlide img { display:block; width:100%;}
.artTop .artSlide:nth-child(2n){ float:right;}
.conInfor { margin-top:10px; overflow:hidden;padding: 0 10px;}
.conLeft { float:left; width:790px;}
.conTap { background:#e3e3e3; line-height:40px; overflow:hidden;}
.conTap p { float:left; background:url(../css/images/conIcon.jpg) 13px center no-repeat #363636; color:#ffffff; font-size:13px; padding-left:40px; box-sizing:border-box; width:120px;}
.conTap marquee { float:left; width:490px; font-size:16px;}
.conTap a{ float:right; width:75px; text-align:center; color:#ffffff; background:#363636; display:block; line-height:40px; font-size:12px;}
.newsImg { float:left; width:200px; height:116px; overflow:hidden;}
.newsImg img { display:block; width:100%;}
.newsTxt { padding-top:14px; float:right; width:calc(100% - 210px);}
.newsTxt h2 { font-weight:bold; font-size:14px; color:#f1f1f1;}
.newsTxt h6 { font-size:12px; color:#abaaaa;line-height: 24px;}
.newsTxt p { margin-bottom:8.5px; font-size:14px; color:#f1f1f1;}
.newsTxt a { text-decoration:underline; color:#abaaaa; font-size:14px;}
.newsList li { overflow:hidden; border-bottom:1px solid #616161; padding:0 0 15px; margin-bottom:10px;}
.newsList ul { padding-top:15px;}
.conRight { float:right; width:380px;}
.contactImg { margin-bottom:30px;}
.contactImg img { display:block; width:100%;}
.noticeInfor { margin-bottom:8px; border:1px solid #cacaca; position:relative; background:url(../css/images/mincell.jpg) center no-repeat; height:72px;}
.noticeInfor { background:url(../css/images/mincell.jpg) center no-repeat; height:90px; position:relative;}
.noticeGame { width:105px; height:60px; overflow:hidden; position:absolute; left:10px; top:15px;}
.noticeGame img { display:block; width:100%;}
.ngameTxt { position:absolute; color:#ebeaea; font-size:18px; right:16px; top:50%; transform:translateY(-50%);display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
width:140px;}
.noticeSlides h2 { font-weight:bold; font-size:14px; margin-bottom:10px; color:#ff9200;}
.noticeInfor a { overflow:hidden; display:block;}
.notName { float:left; display:block; background: url(../css/images/ball.jpg) 13px center no-repeat #e3e3e3; padding-left:40px; width:90px; box-sizing:border-box; }
#screen { position:fixed; z-index:1000; display:none; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
#screen video { width:818px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);}
.videoBox img { display:block; width:100%;}
.videoBox { margin-bottom:12px;}
.videoBox1 { margin-bottom:12px;}
.videoBox1 img { display:block; width:100%;}