.mobilemain .center .swiper-container .swiper-slide .pic,.mobilemain .center .swiper-container .swiper-slide .text,.mobilemain .btn ul li span,.mobilemain .btn ul li i,.mobilemain .btn ul li em,.mobilemain .btn ul li {
	-webkit-transition: all .4s cubic-bezier(.4,.01,.165,.99);
	-moz-transition: all .4s cubic-bezier(.4,.01,.165,.99);
	-ms-transition: all .4s cubic-bezier(.4,.01,.165,.99);
	-o-transition: all .4s cubic-bezier(.4,.01,.165,.99);
	transition: all .4s cubic-bezier(.4,.01,.165,.99)
}

.mobilemain {
	width: 100%;
	position: relative;
	overflow: hidden
}

.mobilemain .center {
	width: 100%;
	background: #f9f9f9 url(/images/app_bg.png) left bottom repeat-x
}

.mobilemain .center .swiper-container {
	width: 1200px;
	height: 100%;
	margin: 0 auto
}

.mobilemain .center .swiper-container .swiper-slide {
	width: 100%;
	min-height: 440px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.mobilemain .center .swiper-container .swiper-slide .main {
	width: 100%;
	height: 440px;
	position: absolute;
	top: 50%;
	margin-top: -220px
}

.mobilemain .center .swiper-container .swiper-slide .pic {
	width: 410px;
	height: 440px;
	float: left;
	padding-left: 160px;
	margin-right: 30px;
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0)
}

.mobilemain .menu {
	width: 100%;
	height: 110px;
	background-color: #fff
}

.mobilemain .menu ul {
	width: 1200px;
	height: 110px;
	margin: 0 auto;
	overflow: hidden
}

.mobilemain .menu ul li {
	width: 68px;
	height: 110px;
	float: left;
	cursor: pointer;
	text-align: center
}

.mobilemain .menu ul li i {
	width: 68px;
	height: 68px;
	margin-top: 15px;
	float: left;
	display: block;
	background-image: url(/images/all_icon.png)
}

.mobilemain .menu ul li.zx i {
	background-position: 0 0
}

.mobilemain .menu ul li.zx:hover i,.mobilemain .menu ul li.zx.on i {
	background-position: 0 -72px
}

.mobilemain .menu ul li.ebet i {
	background-position: -72px 0
}

.mobilemain .menu ul li.ebet:hover i,.mobilemain .menu ul li.ebet.on i {
	background-position: -72px -72px
}

.mobilemain .menu ul li.lb i {
	background-position: -144px 0
}

.mobilemain .menu ul li.lb:hover i,.mobilemain .menu ul li.lb.on i {
	background-position: -144px -72px
}

.mobilemain .menu ul li.sport i {
	background-position: -216px 0
}

.mobilemain .menu ul li.sport:hover i,.mobilemain .menu ul li.sport.on i {
	background-position: -216px -72px
}

.mobilemain .menu ul li.ea i {
	background-position: -288px 0
}

.mobilemain .menu ul li.ea:hover i,.mobilemain .menu ul li.ea.on i {
	background-position: -288px -72px
}

.mobilemain .menu ul li.pt i {
	background-position: -360px 0
}

.mobilemain .menu ul li.pt:hover i,.mobilemain .menu ul li.pt.on i {
	background-position: -360px -72px
}

.mobilemain .menu ul li.kg i {
	background-position: -432px 0
}

.mobilemain .menu ul li.kg:hover i,.mobilemain .menu ul li.kg.on i {
	background-position: -432px -72px
}

.mobilemain .menu ul li.ag i {
	background-position: -504px 0
}

.mobilemain .menu ul li.ag:hover i,.mobilemain .menu ul li.ag.on i {
	background-position: -504px -72px
}

.mobilemain .menu ul li.mg i {
	background-position: -576px 0
}

.mobilemain .menu ul li.mg:hover i,.mobilemain .menu ul li.mg.on i {
	background-position: -576px -72px
}

.mobilemain .menu ul li.n2 i {
	background-position: -648px 0
}

.mobilemain .menu ul li.n2:hover i,.mobilemain .menu ul li.n2.on i {
	background-position: -648px -72px
}

.mobilemain .menu ul li.be i {
	background-position: -720px 0
}

.mobilemain .menu ul li.be:hover i,.mobilemain .menu ul li.be.on i {
	background-position: -720px -72px
}

.mobilemain .menu ul li span {
	color: #888
}

.mobilemain .menu ul li.on span,.mobilemain .menu ul li:hover span {
	color: #282828
}

.mobilemain .menu ul li.dt i {
	background-position: -792px 0
}

.mobilemain .menu ul li.dt:hover i,.mobilemain .menu ul li.dt.on i {
	background-position: -792px -72px
}

.mobilemain .center .swiper-container .swiper-slide .text {
	width: 560px;
	float: left;
	padding-top: 80px;
	margin-left: 30px;
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	-ms-transform: translate3d(100%,0,0);
	-o-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0)
}

.mobilemain .center .swiper-container .swiper-slide.swiper-slide-active .pic,.mobilemain .center .swiper-container .swiper-slide.swiper-slide-active .text {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.mobilemain .tit {
	width: 100%;
	float: left
}

.mobilemain .tit h1 {
	font-size: 40px;
	color: #4b4b4b;
	font-weight: inherit
}

.mobilemain .tit p {
	font-size: 20px;
	color: #717171
}

.mobilemain .btn {
	width: 370px;
	overflow: hidden;
	margin-top: 50px;
	float: left
}

.mobilemain .btn ul {
	width: 100%;
	height: 100%
}

.mobilemain .btn ul li {
	width: 168px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	cursor: pointer;
	position: relative;
	border-radius: 3px;
	background: #0088fe;
	overflow: hidden;
	border: 1px solid #0e73ca
}

.mobilemain .btn ul li.android {
	background: #16c38d;
	border: 1px solid #13b17d
}

.mobilemain .btn ul li.html5 {
	background: #f06627;
	border: 1px solid #e54f2a
}

.mobilemain .btn ul li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	text-align: center
}

.mobilemain .btn ul li i {
	width: 18px;
	height: 22px;
	float: left;
	margin: 8px 10px 0 75px;
	opacity: 0;
	position: relative;
	z-index: 1;
	background-image: url(/images/all_icon.png);
	background-position: 0 -144px
}

.mobilemain .btn ul li.android i {
	background-position: -22px -144px
}

.mobilemain .btn ul li.html5 i {
	background-position: -44px -144px
}

.mobilemain .btn ul li em {
	width: 190px;
	height: 190px;
	display: block;
	position: absolute;
	top: -75px;
	left: -10px;
	z-index: 0;
	background: #ff9100;
	border-radius: 95px;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0)
}

.mobilemain .btn ul li:hover {
	border: 1px solid #d87e08
}

.mobilemain .btn ul li:hover i {
	opacity: 1;
	margin-left: 40px
}

.mobilemain .btn ul li:hover span {
	-webkit-transform: translate3d(10px,0,0);
	-moz-transform: translate3d(10px,0,0);
	-ms-transform: translate3d(10px,0,0);
	-o-transform: translate3d(10px,0,0);
	transform: translate3d(10px,0,0)
}

.mobilemain .btn ul li:hover em {
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1)
}