@charset "utf-8";

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	font-family: "微软雅黑";
	/* font-size: 17px; */
	min-width: 1200px;
}

.mlgz_container {
	width: 75em;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.tit_l {
	margin-right: 2.35em;
}

.tit_r {
	margin-left: 2.35em;
}


/*第一屏*/
.top_js {
	background-color: #3573b5;
	width: 100%;
}

.gzgk {
	background-image: url(/images/2237/whjn-bg-01.jpg);
	perspective: 800px;
	display: block !important;
	background-repeat: no-repeat;
}

.gzgk .fp-tableCell {
	display: block !important;
}

.gzgk_bg {
	position: absolute;
	left: 0;
	top: 124px;
	right: 0;
	bottom: 0;
	background: url(/images/2237/whjn-bg-01.jpg) no-repeat center 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.mlgz_container {
	position: relative;
}

.active .gzgk_bg {
	animation: majority 1s linear 1 both;
	-webkit-animation: majority 1s linear 1 both;
}

.gzgk .whjn_logo {
	padding-top: 2em;
}

.gzgk .whjn_shipin {
	position: absolute;
	right: 0;
	top: 25%;
}


/*中国体彩网app概况*/
.jngk {
	background: url(/images/2237/whjn-bg-03.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.jngk .jngk_tit {
	text-align: left;
	padding-top: 4.875em;
	overflow: hidden;
}

.jngk .jngk_tit .tit_l {
	float: left;
}

.jngk .jngk_tit .tit_r {
	float: right;
}

.jngk .jngk_con {
	/* background: url(/images/2237/mllj_15.png) no-repeat; */
	background-size: 100%;
	height: 31.76em;
	margin-top: 1.17em;
	/* width: 70.58em; */
	position: relative;
}

.jngk .jngk_con .jngk_con_1 {
	float: left;
	width: 380px;
	height: 355px;
	z-index: 3;
	position: absolute;
}

.jngk .jngk-1 {
	position: relative;
	padding-left: 3.4375em;
}

.jngk .jngk-1 .jngk-1-1,
.jngk .jngk-1 .jngk-1-2,
.jngk .jngk-1 .jngk-1-3,
.jngk .jngk-1 .jngk-1-4,
.jngk .jngk-1 .jngk-1-5,
.jngk .jngk-1 .jngk-1-6 {
	width: 6.0625em;
	height: 6.6875em;
	position: absolute;
	text-align: center;
	background-image: url(/images/2237/whjn-bg-06.png);
	padding: 0.625em;
	cursor: pointer;
}

.jngk .jngk-1 .jngk-1-1 {
}

.jngk .jngk-1 .jngk-1-1.on {
	background-image: url(/images/2237/whjn-bg-06-1.png);
}

.jngk .jngk-1 .jngk-1-2 {
	left: 10em;
}

.jngk .jngk-1 .jngk-1-2.on {
	background-image: url(/images/2237/whjn-bg-06-1.png);
}

.jngk .jngk-1 .jngk-1-3 {
	left: 6.75em;
	top: 5.625em;
}

.jngk .jngk-1 .jngk-1-3.on {
	background-image: url(/images/2237/whjn-bg-06-1.png);
}

.jngk .jngk-1 .jngk-1-4 {
	left: 213px;
	top: 5.625em;
}

.jngk .jngk-1 .jngk-1-4.on {
	background-image: url(/images/2237/whjn-bg-06-1.png);
}

.jngk .jngk-1 .jngk-1-5 {
	left: 10em;
	top: 11.25em;
}

.jngk .jngk-1 .jngk-1-5.on {
	background-image: url(/images/2237/whjn-bg-06-1.png);
}

.jngk .jngk-1 .jngk-1-6 {
	left: 16.5em;
	top: 11.25em;
}

.jngk .jngk-1 .jngk-1-6.on {
	background-image: url(/images/2237/whjn-bg-06-1.png);
}


.jngk .jngk-1-01 {
	background-position: center 27%;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 16px;
	color: #4a86bc;
}

.jngk .jngk-1 .jngk-1-1 .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-1.png);
}

.jngk .jngk-1 .jngk-1-1.on .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-1-1.png);
	color: #fff;
}

.jngk .jngk-1 .jngk-1-2 .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-2.png);
}

.jngk .jngk-1 .jngk-1-2.on .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-2-1.png);
	color: #fff;
}

.jngk .jngk-1 .jngk-1-3 .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-3.png);
}

.jngk .jngk-1 .jngk-1-3.on .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-3-1.png);
	color: #fff;
}

.jngk .jngk-1 .jngk-1-4 .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-4.png);
}

.jngk .jngk-1 .jngk-1-4.on .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-4-1.png);
	color: #fff;
}

.jngk .jngk-1 .jngk-1-5 .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-5.png);
}

.jngk .jngk-1 .jngk-1-5.on .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-5-1.png);
	color: #fff;
}

.jngk .jngk-1 .jngk-1-6 .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-6.png);
}

.jngk .jngk-1 .jngk-1-6.on .jngk-1-01 {
	background-image: url(/images/2237/jngk-tb-6-1.png);
	color: #fff;
}

.jngk .jngk-1 {
}

/* .jngk .jngk_con .jngk_con_1 img{width: 100%;height: 100%;} */
.jngk .jngk_con .jngk_con_2 {
	float: right;
	width: 782px;
	min-height: 260px;
	/* margin-left: 410px; */
	color: #030000;
	font-size: 17px;
	line-height: 240%;
	padding: 28px 37px;
	background: rgba(255, 255, 255, 0.7);
	margin-top: 30px;
	border-radius: 15px;
}

.jngk .jngk_con .jngk_con_2 div {
	display: none;
}

.jngk .jngk_con .jngk_con_3 {
	clear: both;
	padding-top: 45px;
}

.jngk .jngk_con .jngk_con_3 li {
	background: url(/images/2237/yuanjiao.png) no-repeat;
	height: 50px;
	width: 200px;
	float: left;
	margin-left: 60px;
	height: 50px;
	text-align: center;
	line-height: 50px;
}

/* .jngk .jngk_con .jngk_con_3 li:first-child{margin-left: 0;} */
.jngk .jngk_con .jngk_con_3 li a {
	color: #fff;
	font-size: 19px;
	font-weight: bold;
}

/*中国体彩网app旅游*/
.jnly {
	background: url(/images/2237/whjn-bg-08.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.jnly .jnly_tit {
	padding-top: 75px;
	text-align: left;
}

.jnly .jnly_list {
	height: 31.5625em;
	width: 1200px;
	margin-top: 6.375em;
	/* background: url(/images/2237/whjn-ly-01.png) no-repeat center; */
	position: relative;
}

.jnly .jnly_list li {
	width: 232px;
	height: 232px;
	/* padding: 5px; */
	/* background-color: #fff; */
	margin-right: 20px;
	margin-bottom: 20px;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
	position: absolute;
	overflow: hidden;
	border: 5px solid #fff;
}

.jnly .jnly_list li:first-child {
	top: 49px;
	left: 135px;
}

.jnly .jnly_list li:first-child + li {
	top: 49px;
	left: 484px;
}

.jnly .jnly_list li:first-child + li + li {
	top: 49px;
	left: 833px;
}

.jnly .jnly_list li:first-child + li + li + li {
	top: 223px;
	left: 310px;
}

.jnly .jnly_list li:first-child + li + li + li + li {
	top: 223px;
	left: 657px;
}


.jnly-1 {
	width: 330px;
	height: 330px;
	margin-top: -54px;
	margin-left: -54px;
	text-align: center;
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
}

.jnly-1:hover {
	/* background-size: 200%; */
	transform: scale(1.2) rotate(-45deg);
	transition: all 0.5s ease-out 0s;
}


.jnly .jnly_list li a {
	width: 100%;
	height: 100%;
	display: block;
}


.jnly .jnly_list li a {
	color: #fff;
}


/*中国体彩网app印象*/
.jnyx {
	background: url(/images/2237/whjn-bg-20.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.jnyx .jnyx_tit {
	padding-top: 75px;
	text-align: center;
}


.jnyx .jnyx_box {
	margin-top: 105px;
}

.wip_zjpnglist {
	width: 1200px;
	height: 280px;
	position: relative;
	display: none;
}

.wip_zjpnglist:first-child {
	display: block;
}

.wip_zjpnglist ul {
	height: 280px;
}

.wip_zjpnglist ul.pic_box li {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	z-index: 0;
	cursor: pointer;
}

.wip_zjpnglist ul.pic_box li a {
	color: #FFFFFF;
}

.wip_zjpnglist ul.pic_box li img {
	width: 100%;
	height: 100%;
}

.wip_zjpnglist ul.pic_box li p {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 60px;
	background: url(/images/2237/wip_lbbjico.png);
	text-align: center;
	color: #FFFFFF;
	font-size: 22px;
}

.wip_zjpnglist .prev {
	z-index: 100;
	position: absolute;
	left: 0px;
	top: 100px;
	width: 27px;
	height: 98px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background: url(/images/2237/btnleft.png) no-repeat;
	background-size: cover;
}

.wip_zjpnglist .next {
	z-index: 100;
	position: absolute;
	right: 0px;
	top: 100px;
	width: 27px;
	height: 98px;
	display: block;
	cursor: pointer;
	background: url(/images/2237/btnright.png) no-repeat;
	background-size: cover;
}

/*中国体彩网app记忆*/
.tslj {
	background: url(/images/2237/whjn-bg-20.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.tslj .tslj_tit {
	padding-top: 65px;
	/* text-align: center; */
}

.tslj .tslj_list {
	width: 1600px;
	margin-top: 90px;
	height: 23.5em;
}

.tslj .tslj_list li {
	float: left;
	position: relative;
	margin-right: 24px;
	margin-bottom: 2.35em;
	width: 282px;
}

.tslj .tslj_list li span {
	position: absolute;
	bottom: 0;
	left: 0;
	/* width: 373px; */
	top: 0;
	right: 0;
	/* height: 50px; */
	background: #000;
	background-color: rgba(0, 0, 0, 0.5);
	filter: Alpha(opacity=70);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	font-size: 24px;
	line-height: 30px;
	font-family: 宋体;
	text-align: center;
	padding-top: 40px;
	display: none;
}

.tslj .tslj_list li:hover span {
	display: block;
}

.tslj .tslj_list li b {
	font-weight: lighter;
	display: inline-block;
	width: 30px;
}

.tslj .tslj_list li a {
	color: #fff;
}

.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

.xqgk {
	background: url(/images/2237/xqgk-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.xqgk_tit {
	padding-top: 65px;
}

.xqgk-container {
	position: relative;
	margin-top: 80px;
}

.xqgk-bd {
	overflow: hidden;
}

.xqgk-left,
.xqgk-right {
	position: absolute;
	top: 160px;
}

.xqgk-left {
	left: -90px;
}

.xqgk-right {
	right: -90px;
}

.xqgk_list li {
	width: 285px;
	height: 370px;
	float: left;
	background: #fff;
	margin-right: 20px;
}

.xqgk-detail {
	height: 100%;
	position: relative;
	margin: 10px;
}

.xqgk-detail span {
	display: inline-block;
	width: 50px;
	text-align: center;
	padding: 15px 10px;
	color: #fff;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: 0;
	background: #3573b5;
}

.xqgk_list li img {
	width: 100%;
	height: 350px;
}

.xqgk-container1 {
	width: 590px;
	position: relative;
	margin: 80px auto 0;
	display: none;
}

.xqgk .footer-f {
	margin-top: 2.35em;
	text-align: center;
	position: absolute;
	bottom: 0;
	background-color: #757575;
	width: 100%;
	height: 190px;
}


/*animate*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	
	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	
	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}


@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}


@-webkit-keyframes bounce {
	
	0%,
	20%,
	53%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	40% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -6px, 0);
		transform: translate3d(0, -6px, 0);
	}
	
	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
	
	90% {
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);
	}
}

@keyframes bounce {
	
	0%,
	20%,
	53%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	40% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -6px, 0);
		transform: translate3d(0, -6px, 0);
	}
	
	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
	
	90% {
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);
	}
}


@keyframes majority {
	0% {
		transform: translateZ(350px);
	}
	
	100% {
		transform: translateZ(0);
	}
}

@media (max-width: 1280px) {
	.mlgz_container {
		width: 1100px;
		margin: 0 auto;
		height: 100%;
		position: relative;
	}
	
	.wlzx_l {
		width: 30%;
	}
	
	.wlzx_news {
		width: 38%;
		margin-left: 1.8%;
	}
	
	.wlzx_news ul li div {
		height: 68px;
	}
	
	.lyzn {
		width: 75%;
	}
	
	.lylx {
		width: 23%;
	}
	
	.tsgz_list li.pic1 {
		width: 231px;
		height: 280px;
	}
	
	.tsgz_list li.pic2,
	.tsgz_list li.pic9,
	.tsgz_list li.pic10 {
		width: 265px;
		height: 153px;
	}
	
	.tsgz_list li.pic3 {
		width: 208px;
		height: 239px;
	}
	
	.tsgz_list li.pic4,
	.tsgz_list li.pic5,
	.tsgz_list li.pic6,
	.tsgz_list li.pic7,
	.tsgz_list li.pic12,
	.tsgz_list li.pic13 {
		width: 178px;
		height: 154px;
	}
	
	.tsgz_list li.pic8 {
		width: 231px;
		height: 189px;
		margin-top: -36px;
	}
	
	.tsgz_list li.pic9 {
		margin-top: -165px;
	}
	
	.tsgz_list li.pic10 {
		*margin-left: -295px;
	}
	
	.tsgz_list li.pic11 {
		width: 208px;
		height: 21.76em;
		margin-top: -77px;
	}
	
	.wllj li.hover {
		width: 52.35em;
	}
	
	.yxgzCon {
		width: 52.35em;
	}
	
	.yxgzImg {
		width: 52.35em;
	}
	
	.yxgz_list li {
		width: 12.35em;
	}
	
}


@media (max-height: 768px) {
	.gzgk .zjlj_tit {
		padding-top: 100px;
	}
	
	.ljgk .ljgk_tit,
	.jqlj .jqlj_tit,
	.wllj .wllj_tit,
	.tslj .tslj_tit {
		padding-top: 25px;
	}
	
	.tit_c {
		height: 100px;
	}
}