/*  css common */
body{font-family:"Microsoft YaHei","微软雅黑";}
body,ul,ol,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
li{list-style: none;}
a{text-decoration: none;color:#fff;}
.clear{zoom:1;}
.clear:after{content:'';display: block;height:0;visibility: hidden;clear:both;}
.f16{font-size: 16px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f30{font-size: 30px;}
.f18{font-size: 18px;}
.f14{font-size:14px;}
.f12{font-size:12px;}
.f10{font-size:10px;}
.white{color:#fff;}
.green{color:#20a238;}
.grey{color:#ababab;}
.yellow{color:#d0d031;}
.yellow1{color:#f5dc28;}
.yellow2{color:#d1d3c8;}
.red{color:#ff0000;}
.black{color:#000;}
.gColor{color:#51b060;}
.textc{text-align: center;}
.texti{text-indent: 2em;}
.hide{display:none;}
.m0{margin:0 auto;}
.white_1{color:white !important}

/* css for contact */
		.contactBox{
			position: fixed;
			z-index:999;
			bottom: 70px;
			right: 10px;
			width:60px;
			height: 200px;
		}

	   .contactBox>.news{
			width:60px;
			height: 60px;
			margin-bottom: 10px;
			background: #969696;
			border-radius: 8px;
			z-index: 999;
			box-sizing: content-box;


		}

	   .contactBox>.news:hover{
			background: #414141;
			border-radius: 8px;
		}

	   .contactBox>.news>img{
			width: 70%;
			height: 70%;
			margin: 15%;
		}

		#newsBox{
			width: 155px;
			height: 160px;
			position: fixed;
			bottom: 130px;
			right: 70px;
		}

		.contactBox .message{
			width: 132px;
			height: 140px;
			position: relative;
			background: #fff;
			border: 1px solid #dcdcdc;
			border-radius: 5px;
		}
	   .contactBox .message>div{
			text-align: center;
			font-size: 14px;
		}
	   .contactBox .dot{
			position: absolute;
			right: -9px;
			top: 50px;
		}
		.tel_text{
			color: #8d8d8d;
			position: relative;
			font-size: 14px;
			line-height: 25px;
			margin: 0;
			margin-top: 20px;
			padding-left: 0px;
			letter-spacing: 1px;
		}
		.tel_text>span{
			position: absolute;
			width: 18px;
			height: 18px;
			top: 3px;
			left: 15px;
			background-size: cover;
		}
		.tel_phone{
			color: #414141;
			font-size: 13px;
			margin: 0;
		}
		.tel_line{
			width: 86px;
			border-top: 1px solid #dfdfdf;
			margin: 0 auto;
			margin-top: 12px;
		}
		.tel_btn{
			background: #969696;
			width: 86px;
			height: 28px;
			color: #fff;
			line-height: 28px;
			border-radius: 3px;
			margin: 0px auto;
			margin-top: 15px;
			font-size: 12px;
			display: block;
			text-align: center;
			letter-spacing: 1px;
		}
		.tel_btn>a{
			text-decoration: none;
			color: #fff;
		}
/* css for landing page */
@media (min-width: 768px) {
	.wrap1{width:1050px;margin:0 auto;position: relative;height:720px;}
	.landingC{padding:11px 0 0 36px;}
	.lcContent{height:110px;overflow: hidden;}
	.lccRight{float:left;margin-left: 25px;width:370px;}
	.lccrTop{font-size: 18px;height:20px;line-height: 20px;color:#fff;}
	.lccrBottom{font-size: 14px;margin-top: 15px;line-height: 18px;color:#fff;}
	.lcDownloads{height:35px;}

	.buttonAndroid{background: #ffffff;width:87px;height:29px;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float:left;cursor: pointer;display: block;}
	.buttonIos{background: #fff;width:87px;height:29px;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float:left;margin-left:4px;cursor: pointer;display: block;}

	.landingFooter{height:350px;width:100%;padding-bottom: 12px;}
	.lfLeft{padding:18px 33px 34px 25px;float:left;}
	#lfUl{border:1px solid #137b2d;border-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding:40px 45px 20px 32px; width:560px;background: rgba(0,0,0,0.2);}
	.lftime{float:right;font-size: 12px;}
	.lfRight{float:left;padding:0 40px 0 30px;width:205px;border-left: 1px solid #82c494;height:340px;}
	.lfrTop{font-size: 18px;height:18px;color: #fff;margin-top: 15px;}
	.lfrBottom{font-size: 14px;color:#fff;margin-top: 18px;line-height: 18px;}

	#microMessage{position: absolute;left:600px;top:198px;width:400px;height:160px;}
	#mmContent{width:100%;height:100%;}
	#mmContent li{float:left;width:130px;margin-right: 50px;}
	.mmcLi{width:100%;height:130px;}
	#mmContent li img{width:130px;height:130px;}
	#mmContent li .mmcLi1{width:130px;height:30px;line-height: 30px;font-size: 14px;text-align: center;color:#fff;}
}
@media (max-width: 767px){
	.wrap1{width:10rem;margin:0 auto;position: relative;}
	.landingC{padding:0.17rem 0 0 0.56rem;}
	.lcContent{height:1.7rem;overflow: hidden;}
	.lccRight{float:left;margin-left: 0.39rem;width:5.78rem;}
	.lccrTop{font-size: 0.28rem;height:0.31rem;line-height: 0.31rem;color:#fff;}
	.lccrBottom{font-size: 0.21rem;margin-top: 0.22rem;line-height: 0.28rem;color:#fff;}
	.lcDownloads{height:0.54rem;}

	.buttonAndroid{background: #ffffff;width:1.36rem;height:0.45rem;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float:left;cursor: pointer;display: block;}
	.buttonIos{background: #fff;width:1.36rem;height:0.45rem;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float:left;margin-left:0.2rem;cursor: pointer;display: block;}

	.landingFooter{height:5.08rem;width:100%;padding-bottom: 0.19rem;}
	.lfLeft{padding:0.28rem 0.51rem 0.52rem 0.39rem;width:9.1rem;}
	#lfUl{border:1px solid #137b2d;border-radius:0.15rem;-webkit-border-radius: 0.15rem;-moz-border-radius: 0.15rem;padding:0.625rem 0.7rem 0.3rem 0.5rem; width:7.9rem;background: rgba(0,0,0,0.2);}
	.lftime{float:right;font-size: 0.18rem;}
	.lfRight{padding:0 0.625rem 0 0.47rem;width:8.9rem;}
	.lfrTop{font-size: 0.28rem;height:0.28rem;color: #fff;margin-top: 0.23rem;}
	.lfrBottom{font-size: 0.21rem;color:#fff;margin-top: 0.28rem;line-height: 0.28rem;}

	#microMessage{width:10rem;}
	#mmContent{width:100%;height:100%;}
	#mmContent li{float:left;width:3rem;margin: 0 1rem 0 1rem;}
	.mmcLi{width:100%;}
	#mmContent li img{width:3rem;height:3rem;}
	#mmContent li .mmcLi1{width:3rem;height:0.468rem;line-height: 0.468rem;font-size: 0.21rem;text-align: center;color:#fff;}
}

header{background: #363636;width:100%;height:83px;border-bottom:1px solid #fff;position: relative;z-index: 5;}
.wrap{width:1050px;margin:0 auto;position: relative;}
.logo{float:left;width:152px;height:59px;display:block;line-height: 85px;color: #a0a0a0;font-size: 28px;}
#nav{float:left;padding:0 10px;margin-left:45px;}
#nav li{float:left;}
#nav li a{line-height:85px;height:78px;display: block;margin-right:38px;color:#a0a0a0;}
#nav li a:hover{color:#fff;}
#nav li .b-active{color:#fff;}
#move{width:864px;height:5px;position: absolute;top:78px;right:-6px;}
#move .moveAlong{background: #f5dc28;position: absolute;left:0;top:0;width:64px;height:5px;}



.swiper-button-prev {
	background: none;
	left: 0;
}

.content .swiper-button-next {
	background: none;
	right: 30px;
}

/* swiper */
.pl {
	padding-left: 50px;
}

.swiper-button-prev img,
.swiper-button-next img {
	width: 70%;
}

/* css for picList */
@media screen and (min-width: 1801px)  {
	#imgList li{float:left;height:450px;}
	#picList{width:100%;position:relative;overflow: hidden;height:450px;}
}
@media screen and (min-width: 1601px) and (max-width: 1800px)  {
	#imgList li{float:left;height:430px;}
	#picList{width:100%;position:relative;overflow: hidden;height:430px;}
}
@media screen and (min-width: 1400px) and (max-width:1600px)   {
	#imgList li{float:left;height:380px;}
	#picList{width:100%;position:relative;overflow: hidden;height:380px;}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	#imgList li{float:left;height:320px;}
	#picList{width:100%;position:relative;overflow: hidden;height:320px;}
}
@media screen and (min-width: 960px) and (max-width: 1199px)  {
	#imgList li{float:left;height:250px;}
	#picList{width:100%;position:relative;overflow: hidden;height:250px;}
}
@media screen and (max-width: 959px)  {
	#imgList li{float:left;height:210px;}
	#picList{width:100%;position:relative;overflow: hidden;height:210px;}
}
#imgList{position: absolute;left:0;top:0;}

#imgList li a{display:block;width:100%;height:100%;}
#imgList li img{display:block;width:100%;height:100%;}
#points{position: absolute;left:50%;bottom:28px;margin-left:-90px;}
#points li{float:left;width:12px;height:12px;background: #fff;margin:0 5px;cursor:pointer;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius: 6px;}
#points li.active{background:#f5dc28;}



/* css for content */
.common{background: url("/assets/img/logo1.png") no-repeat;margin-top:34px;}
.wrap .head{height:21px;line-height:21px;margin-left:66px;background: url("/assets/img/bgPoint.gif") repeat-x 0 39px;padding:30px 0;}
.wrap .head .tleft{float:left;background:#fff;}
.wrap .head .tright{float:right;background:#fff;display: block;cursor: pointer;padding-left:5px;}
.wrap .head .triangle{border-left:7px solid #20a238;border-top: 5px solid transparent;border-bottom: 5px solid transparent;width:0;height:0;float:right;margin-top:5px;margin-left:4px;}
.wrap .head .forAll{float:right;}

.wrapCent{padding-top:4px;}
.overflow{overflow: hidden;float:left;width:924px;position: relative;height:330px;}
.turnLeft{height:148px;width:18px;float:left;background: url("/assets/img/left.gif") no-repeat 1px 64px;cursor:pointer;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.turnRight{height:148px;width:18px;float:left;background: url("/assets/img/right.gif") no-repeat 7px 64px;cursor:pointer;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.turnLeft:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}
.turnRight:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}
#gList{position: absolute;top:0;left:0;}
#gList li{height:330px;float:left;padding:0 8px;width:215px;}
#gList li a{display: block;}
#gList li img{display:block;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.glTitle{height:45px;line-height:55px;}
#gLists{position: absolute;top:0;left:0;}
#gLists li{height:330px;float:left;padding:0 8px;width:215px;}
#gLists li a{display: block;}
#gLists li img{display:block;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
#gListed{position: absolute;top:0;left:0;}
#gListed li{height:330px;float:left;padding:0 8px;width:215px;}
#gListed li a{display: block;}
#gListed li img{display:block;width:100%;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

/* css for footer */
footer{background: #363636;height:20%;}
.fHead{padding-top:34px;padding-bottom: 15px;}
.fContent{color:#999999;line-height: 28px;}

/* css for game */
.common2{margin-top:21px;}
.gameHead{height:39px;width:100%;border-bottom: 1px solid #3ca94d;}
.ghLeft{float:left;line-height:56px;padding-left:68px;}
.ghRight{float:left;padding-left:19px;margin-bottom:-2px;}
#ghrNav{padding-top:8px;overflow: hidden;}
#ghrNav li{margin:0 12px;padding:0 13px;line-height:30px;float:left;display: inline;z-index: 10;background: #fff;cursor: pointer;height:30px;}
#ghrNav li:hover{border:1px solid #3ca94d;border-bottom:1px solid #fff;border-top-left-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;-moz-border-top-right-radius: 4px;-ms-border-top-left-radius: 4px;-ms-border-top-right-radius: 4px;font-weight: bold;}
#ghrNav .ghrActive{border:1px solid #3ca94d;border-bottom:1px solid #fff;border-top-left-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;-moz-border-top-right-radius: 4px;-ms-border-top-left-radius: 4px;-ms-border-top-right-radius: 4px;font-weight: bold;}

.gameCarousel{margin-top:18px;width:100%;overflow: hidden;position: relative;height:346px;}
#gbanner{position: absolute;top:0;left:0;}
#gbanner li{float:left;}
#gbanner img{width:960px;height:346px;display: block;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;}
#gleft{position: absolute;left:6px;top:50%;width:30px;height:39px;margin-top:-20px;background: url("/assets/img/gleft.png") no-repeat 2px 0;-moz-opacity:0.6;
    opacity:0.6;cursor:pointer;filter:alpha(opacity=60);}
#gright{position: absolute;right:6px;top:50%;width:30px;height:39px;margin-top:-20px;background: url("/assets/img/gright.png") no-repeat 2px 0;-moz-opacity:0.6;
    opacity:0.6;cursor:pointer;filter:alpha(opacity=60);}
#gleft:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}
#gright:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}

#gameContent{margin-top:26px;width:100%;overflow: hidden;position: relative;}
.gccSec{width:960px;}
.gCont li{float:left;padding:0 12px 0 13px;width:215px;position: relative;}
.gCont .gContImg{border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;height:146px;}
.gCont li .gWeixin{display:block;position: absolute;top:0;left:13px;z-index: 5;height:146px;width:215px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;
    border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;}
.gCont .gWeixin .gwBg{position: absolute;left:0;top:0;width:100%;height:100%;background: #41af53;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}
.gCont .gWeixin img{position:absolute;left:18px;top:35px;z-index:10;width:77px;height:77px;}
.gCont .gWeixin .gweixinRight{position:absolute;left:105px;top:35px;z-index:10;height:80px;width:110px;}
.gCont .gWeixin .gweixinCont{line-height:16px;}
.gCont .gWeixin .gweixinMid{line-height:28px;height:28px;}
.gCont .gWeixin .gweixinDown{padding-top:26px;line-height: 14px;position: absolute;left:0;bottom: 5px;}
.gCont .gamecCont{padding-top:15px;padding-bottom: 30px;}
.gCont .gamecLeft{float:left;line-height:27px;}
.gCont .gamecRight{float:right;line-height:27px;display: block;border:1px solid #20a238;background:url("/assets/img/download-g.png") no-repeat 48px 6px;background-size: 14px 14px;width:62px;padding-left:5px;
    border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;}

/* css for watch */
.header{background: #20a238;}
.backHead{float:right;height:83px;line-height: 80px;display: block;padding-right: 20px;}
.watchImg{width:100%;height:345px;margin-top:22px;}
.watchImg img{width:100%;height:345px;display: block;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius:3px;}
.watchTitle{width:100%;text-align: center;line-height:46px;height:46px;font-size: 16px;font-weight: bold;margin-top:18px;color:#20a238;}
/* origin
.watchDescription{width:100%;line-height:33px;font-size: 14px;margin-bottom:17px;color:#ababab;}
.watchDescription .watchLink{font-size: 16px;color:#20a238;}
 */
.watchDescription{width:100%;line-height:33px;font-size: 14px;margin-bottom:17px;color:#000000;}
.watchDescription .watchLink{font-size: 16px;color:#000000;}
.watchDown{width:215px;margin:42px auto;}
.watchDown li{width:100%;height:54px;line-height: 54px;background: #eeeeee;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius:5px;margin-bottom: 10px;}
.watchDown li a{color:#20a238;display: block;width:100%;height:100%;}
.watchDown li:nth-of-type(3),.watchDown li:nth-of-type(4){text-indent: 32px;}
.watchDown li:nth-of-type(3) a,.watchDown li:nth-of-type(4) a{background: url("/assets/img/download-g.png") no-repeat 166px 20px;}
.watchTarget{width:100%;text-align: center;line-height:45px;height:45px;font-size: 14px;color:#ababab;}
.watchTarget a{color:#20a238;}

.footer{background: #20a238;}
.footerCon{color:#99cda0;line-height: 28px;}

.mt240{margin-top:240px;}
.mb50{margin-bottom:50px;}