html,
body,
div,
p,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe,
table,
th,
td {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Source Han Sans CN";
	src: url(../font);
}

img {
	border: 0 none;
	vertical-align: center;
}

ul,
li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 14px;
	font-weight: normal;
}

body,
input,
select,
button,
textarea {
	font-size: 12px;
}

button {
	cursor: pointer;
}

i,
em,
cite {
	font-style: normal;
}

aside section,
.body {
	display: block;
	width: 1000px;
	margin: 0 auto;
}

a,
a:link {
	text-decoration: none;
}




a:visited {}

a:active,
a:hover {
	text-decoration: none;
	color: #ff0000;
}

a:focus {
	outline: none;
}

.orange {
	color: #F26E01;
}

.clear {
	clear: both;
}

* {
	margin: 0;
	auto: 0
}

input::-ms-clear {
	display: none;
}

input::-ms-reveal {
	display: none;
}

.head {
	width: 100%;
	background-color: #fcfbfa;
}

.comCon {}

.comLogo {
	cursor: pointer;
}

.comNav li {
	cursor: pointer;
}

.swiper-slide a {}

@-webkit-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-webkit-transform: translate3d(0, -16rem, 0)
	}

	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: translate3d(0, 15px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -8px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 4px, 0)
	}

	100% {
		-webkit-transform: none
	}
}

@-moz-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-moz-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-moz-transform: translate3d(0, -16rem, 0)
	}

	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-transform: translate3d(0, 15px, 0)
	}

	75% {
		-moz-transform: translate3d(0, -8px, 0)
	}

	90% {
		-moz-transform: translate3d(0, 4px, 0)
	}

	100% {
		-moz-transform: none
	}
}

@-o-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-o-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-o-transform: translate3d(0, -16rem, 0)
	}

	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-o-transform: translate3d(0, 15px, 0)
	}

	75% {
		-o-transform: translate3d(0, -8px, 0)
	}

	90% {
		-o-transform: translate3d(0, 4px, 0)
	}

	100% {
		-o-transform: none
	}
}

@-ms-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-ms-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-ms-transform: translate3d(0, -16rem, 0)
	}

	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-transform: translate3d(0, 15px, 0)
	}

	75% {
		-ms-transform: translate3d(0, -8px, 0)
	}

	90% {
		-ms-transform: translate3d(0, 4px, 0)
	}

	100% {
		-ms-transform: none
	}
}

@keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		transform: translate3d(0, -16rem, 0)
	}

	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translate3d(0, 15px, 0)
	}

	75% {
		transform: translate3d(0, -8px, 0)
	}

	90% {
		transform: translate3d(0, 4px, 0)
	}

	100% {
		transform: none
	}
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translate3d(0, -100%, 0)
	}
}

@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-transform: translate3d(0, -100%, 0)
	}
}

@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-o-transform: translate3d(0, -100%, 0)
	}
}

@-ms-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translate3d(0, -100%, 0)
	}
}

body {
	min-height: 100%;
	position: relative;
	background-color: #faf7f5;
}

i,
em,
cite {
	font-style: normal;
}

@media screen and (min-width: 751px) {
	body {
		background-color: #faf7f5;
	}

	.head {
		height: 0.1757rem;
		position: fixed;
		width: 100%;
		z-index: 11;
	}

	.hideHead {
		height: 0.1757rem;
		width: 100%;
	}

	.goBack {
		display: none;
	}

	#footitem {
		height: 0.582rem;
		background-color: #1f0802;
		display: block;
		min-height: 230px;
	}

	.footer {
		width: 100%;
		height: 0.582rem;
		background-color: #1f0802;
		min-height: 230px;
	}

	.footer .comCon {
		width: 76%;
	}

	.footCen {
		text-align: center;
		font-size: 0;
	}

	.footLogo:after {
		content: "";
		display: block;
		clear: both;
	}

	.footLogo {
		padding-top: 0.0585rem;
	}

	.footLogo .foLogo {
		background: url(../images/foLogo.png) no-repeat;
		width: 0.2753rem;
		height: 0.0898rem;
		display: inline-block;
		background-size: 100% 100%;
		vertical-align: middle;
		margin-right: 0.0625rem;
	}

	.footLogo ul {
		display: inline-block;
		font-size: 14px;
		color: white;
		vertical-align: middle;
	}

	.footLogo ul li {
		font-size: 14px;
		color: white;
		display: inline-block;
		margin-right: 0.01rem;
	}

	.footLogo ul a {
		cursor: pointer;
		color: white;
	}

	.footLogo ul a:hover {
		color: #eb5635;
	}

	.font_page {
		font-size: 0;
		margin-top: 0.0781rem;
	}

	.font_page p {
		font-size: 14px;
		color: white;
		margin-top: 0.02rem;
	}

	.font_page p a {
		color: white;
	}

	.font_page p img {
		vertical-align: middle;
		width: 0.0625rem;
		height: 0.0625rem;
		margin: 0 0.02rem;
	}

	.comCon {
		width: 63%;
		min-width: 570px;
		height: 100%;
		margin: 0 auto;
		overflow: hidden;
		box-sizing: border-box;
	}

	.comLogo {
		width: 0.3593rem;
		height: 0.1171rem;
		display: block;
		margin-top: 0.0292rem;
		background: url(../images/MK-logo.png) no-repeat;
		background-size: 100% 100%;
		float: left;
	}

	.comNav {
		float: right;
		font-size: 0;
		display: block !important;
	}

	.comNav li {
		display: inline-block;
		line-height: 0.1757rem;
		margin: 0 0.05rem;
	}

	.comNav li:nth-of-type(1) {
		margin-left: 0;
	}

	.comNav li a {
		font-size: 14px;
		display: block;
		color: #2E343B;
	}

	.comNav .active a {
		color: #eb5635;
		text-decoration: underline;
	}

	.comNav li a:hover {
		color: #eb5635;
	}

	.indexBanner {
		width: 100%;
		height: 1.3906rem;
		min-height: 334px;
		position: relative;
		overflow: hidden;
	}

	.swiper-container,
	.swiper-wrapper {
		height: 100%;
		width: 100%;
	}

	.indexBanner .swBane1 {
		background-image: url(../images/xzgt.jpg);
	}

	.indexBanner .swBane2 {
		background-image: url(../images/banner5.jpg);
	}

	.indexBanner .swBane3 {
		background-image: url(../images/qhhw.jpg);

	}

	.indexBanner .swiper-slide {
		height: 100%;
		width: 100%;
		display: block;
		background-position: center;
		float: left;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.indexBanner .pagination {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0.039rem;
	}

	.indexBanner .pagination .swiper-pagination-switch {
		height: 0.0312rem;
		width: 0.0468rem;
		border-radius: 50px;
		background: white;
		display: block;
		float: left;
		margin-left: 5px;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}

	.indexBanner .pagination .swiper-active-switch {
		background: #ff7b58;
		width: 0.0703rem;
	}

	.left_center {
		margin-top: 0.5rem;
		font-size: 0;
		width: 1.1445rem;
	}

	.item_logo {
		font-size: 0;
	}

	.item_logo img {
		width: 0.1875rem;
		height: 0.1875rem;
		display: inline-block;
		border-radius: 14px;
	}

	.item_logo .ercode {
		margin-left: 0.0429rem;
		display: none;
	}

	.gameName {
		font-size: 0.082rem;
		border-bottom: 2px solid #eb5635;
		display: inline-block;
		font-weight: bold;
		letter-spacing: 5px;
		margin-top: 0.0585rem;
	}

	.gameIntro {}

	.gameIntro p {
		font-size: 0.0325rem;
		margin-top: 0.0429rem;
		font-weight: bold;
	}

	.toDetails {
		display: inline-block;
		font-size: 0.039rem;
		text-align: center;
		background-color: #eb5635;
		color: #f8f8f8;
		padding: 0.0312rem 0.1132rem;
		border-radius: 50px;
		margin-top: 0.0585rem;
		cursor: pointer;
	}

	.toDetails:hover {
		color: white;
	}

	.gameExhibition {
		/*min-height: 274px;*/
		margin-top: 0.0976rem;
	}

	.gameExhibition:after {
		display: block;
		clear: both;
		content: "";
	}

	.itemTitle {
		display: none;
	}

	.hjGame {
		position: relative;
		overflow: hidden;
		width: 0.9375rem;
		float: left;
		min-width: 228px;
	}

	.gameBan {
		width: 100%;
		width: 100%;
		display: block;
	}

	.mob_gameBan {
		display: none;
	}

	.gamelis {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.8);
		-webkit-transform: translateY(-101%);
		transform: translateY(-101%);
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}

	.hjGame:hover .gamelis,
	.fsGame:hover .gamelis {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.jlGame:hover .gamelis {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.listCon {
		width: 98%;
		height: 98%;
		position: relative;
		box-sizing: border-box;
		border: 1px solid white;
		margin: 1%;
	}

	.lisLogo {
		text-align: center;
		font-size: 0;
		margin-top: 0.2089rem;
	}

	.lisLogo img {
		width: 0.2578rem;
		height: 0.2578rem;
		display: inline-block;
	}

	.lisLogo .liscode {
		margin-left: 0.1562rem;
	}

	.gnamelb {
		font-size: 0;
		color: white;
		display: block;
		text-align: center;
	}

	.gnamelb p {
		font-size: 0.039rem;
		display: block;
		margin-top: 0.02rem;
		text-align: left;
	}

	.hjGame .gnamelb p {
		margin-left: 0.17rem;
	}

	.downGet {
		text-align: center;
	}

	.downGet span{
		font-size: 0.0292rem;
		display: inline-block;
		cursor: pointer;
		background: #eb5635;
		padding: 0.015rem 0.07rem;
		border-radius: 50px;
		margin: 0.03rem 0.0253rem 0;
	}

	.downGet .getW {}

	.toWebsite {
		font-size: 0.039rem;
		color: white;
		border: solid 2px #ffffff;
		padding: 0.01rem 0.11rem;
		display: inline-block;
		border-radius: 50px;
		margin: 0.04rem auto 0;
		box-sizing: border-box;
		cursor: pointer;
	}

	.rightGitem {
		float: right;
		min-width: 332px;
		width: 1.3671rem;
	}

	.rightGitem .fsGame,
	.rightGitem .jlGame {
		width: 100%;
		height: 0.5468rem;
		min-height: 133px;
		display: block;
		position: relative;
		overflow: hidden;
	}

	.jlGame .listCon,
	.fsGame .listCon {
		height: 95%;
	}

	.jlGame .lisLogo,
	.fsGame .lisLogo {
		float: left;
		margin-top: 0.07rem;
		margin-left: 0.1rem;
	}

	.jlGame .gnamelb,
	.fsGame .gnamelb {
		margin-top: 0.04rem;
		float: left;
		margin-left: 0.05rem;
	}

	.fsGame .gnamelb {
		margin-top: 0.1rem;
	}

	.fsGame {
		margin-top: 0.039rem;
	}

	.informationItem {
		margin: 0.0976rem 0 0.1953rem;
		height: 0.625rem;
		min-height: 152px;
	}

	.informationItem:after {
		content: "";
		display: block;
		clear: both;
	}

	.informationItem .inforLift {
		height: 100%;
		width: 1.1601rem;
		min-width: 282px;
		float: left;
		overflow: hidden;
		position: relative;
	}

	.informationItem .inforRight {
		height: 100%;
		width: 1.15rem;
		min-width: 281px;
		float: right;
		background: white;
		overflow: hidden;
	}

	.inforLift .swiper-container,
	.inforLift .swiper-wrapper {
		height: 100%;
	}

	.inforLift .swiper-slide {
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
		float: left;
	}

	.inforLift .swiper-slide a {
		display: block;
		height: 100%;
	}

	.inforLift .swiper-slide img {
		display: block;
		height: 100%;
		width: 100%;
	}

	.inforLift .pagination {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 5px;
	}

	.inforLift .pagination .swiper-pagination-switch {
		height: 12px;
		width: 12px;
		border-radius: 50px;
		background: white;
		display: block;
		float: left;
		margin-left: 5px;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}

	.inforLift .pagination .swiper-active-switch {
		background: #ff7b58;
		width: 30px;
	}

	.inforRight dt {
		font-size: 0;
		height: 0.1132rem;
		margin: 0 0.0468rem;
		border-bottom: 1px solid #dcdcdc;
		position: relative;
	}

	.inforRight dt span {
		font-size: 0.0546rem;
		color: #eb5635;
		margin-left: 0.0292rem;
		margin-top: 0.0292rem;
		display: inline-block;
	}

	.inforRight dt a {
		content: "";
		width: 0.1328rem;
		height: 0.039rem;
		background: url(../images/more.png) no-repeat;
		background-size: 100% 100%;
		display: block;
		float: right;
		line-height: initial;
		cursor: pointer;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 3%;
	}

	.inforRight dd {
		font-size: 0;
		height: 0.13rem;
		min-height: 33px;
		border-bottom: 1px dashed #f0f0f0;
		margin: 0 0.0703rem;
		box-sizing: border-box;
	}

	.inforRight dd a {
		color: #4b4b4b;
		font-size: 14px;
		display: block;
		padding-top: 0.04rem;
		cursor: pointer;
		height: 10%;
		box-sizing: border-box;
	}

	.inforRight dd a:after {
		content: "";
		display: block;
		clear: both;
	}

	.inforRight dd a:hover {
		color: #eb5635;
	}

	.inforRight dd span {
		float: left;
		width: 63%;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.inforRight dd em {
		float: right;
	}

	.inCenteres {
		min-height: 800px;
		background: white;
	}

	.moreInfor {
		display: none;
	}

	.font_page span {
		display: none;
	}

	/*弹窗*/
	.guideBg,
	.gamedownBg {
		position: fixed;
		z-index: 1001;
		background: rgba(0, 0, 0, 0.7);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}

	.guideBox,
	.gamedownBox {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 1.0156rem;
		margin: auto;
	}

	.tcclose {
		width: 0.0859rem;
		height: 0.0859rem;
		position: absolute;
		right: -0.1rem;
		top: 0;
		display: block;
		background: url(../images/closeicon.png) no-repeat;
		background-size: 100% 100%;
		cursor: pointer;
	}

	.guideBox .title,
	.gamedownBg .title {
		padding: 0.031rem 0;
		color: white;
		text-align: center;
		background: #bbb0ae;
		font-size: 0.0781rem;
	}

	.guideBox .conMain,
	.gamedownBox .conMain {
		background: #FAF7F5;
		padding-top: 0.0839rem;
	}

	.guideBox .conMain img {
		width: 0.3515rem;
		display: block;
		margin: 0 auto 0.0839rem;
	}

	.guideBox .conMain p,
	.gamedownBox .conMain p {
		font-size: 0.0312rem;
		padding: 0.031rem 0;
		color: #4B4B4B;
		background: white;
		display: block;
		text-align: center;
	}

	.gamedownBox .conMain p {
		text-align: left;
		padding-left: 0.1rem;
	}

	.gamedownBox .downZs {
		text-align: center;
		padding: 0.05rem 0;
	}

	.downZs em {
		display: inline-block;
		width: 0.0625rem;
		height: 0.0566rem;
		vertical-align: middle;
		background: url(../images/xzimg3.png) no-repeat;
		background-size: 100% 100%;
	}

	.downZs img {
		height: 0.3515rem;
		vertical-align: middle;
	}

	.downButbox {
		font-size: 0;
		padding: 0.0371rem 0.1rem;
		text-indent: 1em;
	}

	.downButbox a {
		width: 0.3281rem;
		height: 0.082rem;
		display: inline-block;
		cursor: pointer;
	}

	.downButbox a:nth-of-type(1) {
		background: url(../images/iOS.png) no-repeat;
		background-size: 100% 100%;
	}

	.downButbox a:nth-of-type(2) {
		background: url(../images/Android.png) no-repeat;
		background-size: 100% 100%;
		margin-left: 0.1171rem;
	}


	.remove_him {
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0);
		top: 0;
		left: 0;
		z-index: 11111111;
	}

	.remove_him span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 16px;
		text-align: center;
		background: rgba(0, 0, 0, 0.7);
		color: white;
		padding: 10px 30px;
		border-radius: 50px;
	}
}

@media screen and (min-width: 1024px) {

	/*.head {
		height: 0.4687rem;
	}*/
	.footer .comCon {
		width: 63%;
	}

 
	.comLogo {}

	/*.comNav li {
		display: inline-block;
		line-height: 0.4687rem;
		margin: 0 0.165rem;
	}*/
	.comNav li a {
		font-size: 18px;
		display: block;
	}


}

@media screen and (max-width: 750px) {


   .qhhw a{
		color: #ff8d74!important;
	}
	.head {
		height: 0.57rem;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}

	.hideHead {
		height: 0.57rem;
	}

	.headBox {
		height: 0.57rem;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}

	.comLogo {
		width: 0.92rem;
		height: 0.3rem;
		display: block;
		margin-top: 0.135rem;
		margin-left: 0.1rem;
		background: url(../images/MK-logo.png) no-repeat;
		background-size: 100% 100%;
		float: left;
	}

	.change-btn {
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		justify-content: space-between;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		box-pack: justify;
		width: 0.2rem;
		height: 0.18rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 5%;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.change-btn.cur {
		/*right: 3%;*/
	}

	.change-btn i {
		display: block;
		background: #000;
		width: .2rem;
		height: 2px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.change-btn.cur i:nth-of-type(1) {
		-webkit-transform: rotate(45deg) translate(0.05rem, .065rem);
		-moz-transform: rotate(45deg) translate(0.05rem, .065rem));
		-ms-transform: rotate(45deg) translate(0.05rem, .065rem);
		transform: rotate(45deg) translate(0.05rem, .065rem);
	}

	.change-btn.cur i:nth-of-type(2) {
		display: none;
	}

	.change-btn.cur i:nth-of-type(3) {
		-webkit-transform: rotate(-45deg) translate(.045rem, -.06rem);
		-moz-transform: rotate(-45deg) translate(.045rem, -.06rem);
		-ms-transform: rotate(-45deg) translate(.045rem, -.06rem);
		transform: rotate(-45deg) translate(.045rem, -.06rem);
	}

	.comNav {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		background: rgba(250, 250, 250, .95);
		z-index: 99;
		display: none;
		-webkit-animation: bounceInDown .5s 0s ease-in-out both;
		-moz-animation: bounceInDown .5s 0s ease-in-out both;
		-ms-animation: bounceInDown .5s 0s ease-in-out both;
		animation: bounceInDown .5s 0s ease-in-out both;
	}

	.comNav ul {
		width: 100%;
		margin: 0.57rem auto 0;
		padding: 0 0.15rem;
		box-sizing: border-box;
	}

	.comNav li {
		height: 0.6rem;
		line-height: 0.6rem;
		text-align: center;
		border-bottom: 1px solid #f0f0f0;
	}

	.comNav a {
		font-size: 0.14rem;
		color: #4b4b4b;
		height: 0.6rem;
		line-height: 0.6rem;
		display: block;
	}

	.comNav.nav-show {
		-webkit-animation: bounceInDown .5s 0s ease-in-out both;
		-moz-animation: bounceInDown .5s 0s ease-in-out both;
		-ms-animation: bounceInDown .5s 0s ease-in-out both;
		animation: bounceInDown .5s 0s ease-in-out both;
	}

	.comNav.nav-hide {
		-webkit-animation: fadeOutUp .5s 0s ease-in-out both;
		-moz-animation: fadeOutUp .5s 0s ease-in-out both;
		-ms-animation: fadeOutUp .5s 0s ease-in-out both;
		animation: fadeOutUp .5s 0s ease-in-out both;
	}

	.indexBanner {
		width: 100%;
		height: 4.21rem;
		min-height: 334px;
		position: relative;
		overflow: hidden;
	}

	.swiper-container,
	.swiper-wrapper {
		height: 100%;
		width: 100%;
	}

	.indexBanner .swBane1 {
		background-image: url(../images/xzgt1.jpg);
	/* 	background-size: cover !important;
		background-position: 81% 50%!important; */
	}

	.indexBanner .swBane2 {
		background-image: url(../images/mob_banner5.jpg);
	}

	.indexBanner .swBane3 {
		background-image: url(../images/qhhw1.jpg);
		/* background-size: cover !important; */
	}

	.indexBanner .swiper-slide {
		height: 100%;
		width: 100%;
		display: block;
		background-position: center;
		float: left;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		position: relative;
	}

	.indexBanner .pagination {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 5%;
	}

	.indexBanner .pagination .swiper-pagination-switch {
		height: 0.12rem;
		width: 0.12rem;
		border-radius: 50px;
		background: white;
		display: block;
		float: left;
		margin: 0 5px;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}

	.indexBanner .pagination .swiper-active-switch {
		background: #eb5635;
	}

	.indexBanner .item_logo,
	.indexBanner .gameName,
	.indexBanner .gameIntro {
		display: none;
	}

	.toDetails {
		width: 1.25rem;
		height: 0.36rem;
		line-height: 0.36rem;
		background-color: #eb5635;
		border-radius: 50px;
		font-size: 0.15rem;
		text-align: center;
		color: white;
		display: block;
		position: absolute;
		bottom: 14%;
		left: 50%;
		transform: translateX(-50%);
	}

	.toDetails:hover {
		color: white;
	}

	.gameExhibition {
		margin: 0.245rem 0;
	}

	.gameExhibition:after {
		clear: both;
		content: "";
		display: block;
	}

	.itemTitle {
		text-align: center;
		margin-bottom: 0.135rem;
	}

	.itemTitle span {
		display: block;
		font-size: 0.21rem;
		color: #000000;
		font-weight: bold;
	}

	.itemTitle em {
		display: block;
		width: 0.7rem;
		height: 2px;
		background: #eb5635;
		margin: auto;
	}

	.hjGame {
		margin: 0 4%;
	}

	.lisLogo .liscode,
	.gnamelb p {
		display: none;
	}

	.lisLogo {
		padding: 0.2266rem 0.2666rem;
		background: white;
		margin-top: 0.1066rem;
	}

	.lisLogo:after {
		content: "";
		clear: both;
		display: block;
	}

	.lisLogo img {
		width: 0.55rem;
		height: 0.55rem;
		display: block;
		float: left;
	}

	.mob_title {
		margin-left: 0.695rem;
	}

	.mob_title p {
		font-size: 0.14rem;
		color: #4B4B4B;
	}

	.mob_title p:nth-of-type(1) {
		font-size: 0.16rem;
		color: #000000;
		margin-top: 0.1rem;
		font-weight: bold;
	}

	.gnamelb {
		font-size: 0;
	}

	.downGet {
		font-size: 0;
		display: inline-block;
	}

	.downGet span,
	.toWebsite {
		padding: 0.06rem 0.225rem;
		display: inline-block;
		box-sizing: border-box;
		color: #ff8d74;
		font-size: 0.12rem;
		border: 1px solid #ff8d74;
		border-radius: 50px;
		background: white;
		margin-top: 0.08rem;
	}

	.downGet span:nth-of-type(1),
	.downGet {
		margin-right: 0.25rem;
	}

	.mob_gameBan {
		width: 100%;
		height: 100%;
		display: block;
	}

	.hjGame .gameBan,
	.rightGitem .gameBan {
		width: 100%;
		height: 100%;
		display: none;
	}

	.gamelis {
		margin-bottom: 0.3rem;
	}

	.rightGitem {
		margin: 0 4%;
	}

	.rightGitem .jlGame,
	.rightGitem .fsGame {
		width: 100%;
		display: block;
	}

	.rightGitem .jlGame {
		/*background: url(../images/mob_gameBan2.jpg) no-repeat;
		background-size: 100% 100%;*/
	}

	.rightGitem .fsGame {
		/*margin-top: 0.1333rem;
		background: url(../images/mob_gameBan3.jpg) no-repeat;
		background-size: 100% 100%;*/
	}


	.informationItem {
		margin-bottom: 1.04rem;
	}

	.informationItem .comCon {
		background: white;
	}

	.inforLift {
		width: 100%;
		height: 1.905rem;
		overflow: hidden;
		position: relative;
	}

	.inforLift .swiper-container,
	.inforLift .swiper-wrapper {
		height: 100%;
	}

	.inforLift .swiper-slide {
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
		float: left;
	}

	.inforLift .swiper-slide a {
		display: block;
		height: 100%;
	}

	.inforLift .pagination {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 5px;
	}

	.inforLift .pagination .swiper-pagination-switch {
		height: 12px;
		width: 12px;
		border-radius: 50px;
		background: white;
		display: block;
		float: left;
		margin-left: 5px;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}

	.inforLift .pagination .swiper-active-switch {
		background: #ff7b58;
		width: 30px;
	}

	.inforRight {
		margin: 0 0.15rem;
		font-size: 0.15rem;
		color: #4b4b4b;
		padding-bottom: 0.3466rem;
	}

	.inforRight dl {
		margin-bottom: 0.3466rem;
	}

	.inforRight dt {
		display: none;
	}

	.inforRight dt span {
		display: inline-block;
		color: white;
		background: url(../images/mob_inor.png) no-repeat;
		background-size: 100% 100%;
		line-height: initial;
		padding: 0.1rem 0.4rem 0.1rem 0.2rem;
	}

	.inforRight dt a {
		display: none;
	}

	.inforRight dd a {
		height: 0.56rem;
		line-height: 0.56rem;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		display: block;
		color: #4b4b4b;
	}

	.inforRight dd span {
		float: left;
		width: 63%;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.inforRight dd em {
		float: right;
	}

	.moreInfor {
		display: block;
		background: #dcdcdc;
		color: #4b4b4b;
		text-align: center;
		font-size: 0.15rem;
		padding: 0.08rem 0;
	}

	#footitem {
		width: 100%;
		min-height: 3.4rem;
		background: #1f0802;
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
	}

	.footer {
		width: 100%;
		min-height: 3.4rem;
		background: #1f0802;
		position: relative;
		bottom: 0;
		left: 0;
	}

	.footLogo {
		text-align: center;
		padding-top: 0.13rem;
	}

	.footLogo .foLogo {
		background: url(../images/foLogo.png) no-repeat;
		width: 0.99rem;
		height: 0.325rem;
		background-size: 100% 100%;
		display: inline-block;
		vertical-align: middle;
	}

	.footLogo ul {
		font-size: 0.13rem;
		color: #fefefe;
		display: inline-block;
		vertical-align: middle;
		margin-left: 0.1rem;
	}

	.footLogo li {
		display: inline-block;
		margin-right: 0.05rem;
	}

	.font_page p {
		color: #b1b1b1;
		display: none;
	}

	.font_page span {
		color: #b1b1b1;
		display: block;
		font-size: 0.12rem;
		text-align: center;
		margin-top: 0.1rem;
	}

	.font_page a {
		color: #b1b1b1;
		display: inline-block;
		font-size: 0.12rem;
		text-align: center;
	}

	.font_page a img {
		width: 0.16rem;
		vertical-align: middle;
	}


	.inCenter {
		padding-bottom: 2.67rem;
	}


	.guideBg,
	.gamedownBg {
		position: fixed;
		z-index: 1001;
		background: rgba(0, 0, 0, 0.7);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}

	.guideBox,
	.gamedownBg {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 70%;
		margin: auto;
	}

	.tcclose {
		width: 0.22rem;
		height: 0.22rem;
		position: absolute;
		right: -0.26rem;
		top: 0;
		display: block;
		background: url(../images/closeicon.png) no-repeat;
		background-size: 100% 100%;
	}

	.guideBox .title,
	.gamedownBg .title {
		padding: 0.1rem 0;
		color: white;
		text-align: center;
		background: #ff8d74;
		font-size: 0.15rem;
	}

	.guideBox .conMain {
		background: #FAF7F5;
		padding-top: 0.233rem;
	}

	.guideBox .conMain img {
		width: 0.9rem;
		display: block;
		margin: 0 auto 0.233rem;
	}

	.guideBox .conMain p {
		font-size: 0.1rem;
		padding: 0.1rem;
		color: #4B4B4B;
		background: white;
		display: block;
		text-align: center;
	}

	.footLogo ul a {
		cursor: pointer;
		color: white;
	}

	.remove_him {
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0);
		top: 0;
		left: 0;
		z-index: 11111111;
	}

	.remove_him span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 0.15rem;
		text-align: center;
		background: rgba(0, 0, 0, 0.7);
		color: white;
		padding: 0.05rem 0.3rem;
		border-radius: 50px;
	}
}