@charset "utf-8";
.index-top{height: 53px;position: relative;background:#fff;}
.menu-nav{
	position:relative;top:0px;left:0px;width:100%;z-index:999; height: 50px;
	transition:all .8s;
}
.menu-nav.anim-in{
	top:0px;
}
.top_menu{position: relative;height: 52px;width: 90%;min-width:1150px;z-index: 999;margin: 0px auto 0;}
.logo-area{height: 100%;width: 183px;text-align: center;float: left;line-height: 76px;position: absolute;left: 0px;top:0px;}
.menu-list{width:50%;min-width: 560px;height: 100%;margin:0 auto;text-align: center;}
.menu-list .menu-ul{display: block;height: 100%;}
.menu-list .menu-ul li{float: left;display:block;width: 10%;margin-left: 2%;height: 100%;}
.menu-list .menu-ul li:FIRST-CHILD {
	margin-left: 0;
}
.menu-list  a{text-align: center;color: #5e5e5e;display: inline-block;height: 100%;line-height: 56px;transition:all .3s;padding: 0px 16px;}
.menu-list  a:hover,.menu-list a.cur{border-bottom:3px solid #0091ff;color: #0091ff;}
.login-area{
	float: right;height: 56px;
	color: #fff;
	position: absolute;
	right: 0px;
	top:0;
}
.login_box_div{
	height: 28px;
	margin-top:14px;
	line-height:28px;
	text-align:center;
	letter-spacing:2px;
	border-radius:4px;
	background-color:rgba(255,255,255,0.3);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#33ffffff', EndColorStr='#33ffffff');
}
:root .login_box_div{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00ffffff', EndColorStr='#00ffffff')\9;}
.login_box_div a{color: #5e5e5e;padding: 2px 8px;}
.login_box_div a:hover{color: #fff;background-color: #89ccf7;border-radius:15px;}

.partner-block{height: 520px;background-color:#f6f6f6; }
.web-title{height: 70px;width: 234px;margin: 0px auto;background: url("../../images/webv3/web_title_sprites.png") no-repeat;}
.web-title.item-partner{background-position: 0 0;width: 170px;}
.web-title.item-maingame{background-position: -225px 0;width: 236px;}
.web-title.item-aboutus{background-position: -495px 0;width: 189px;}
.web-title.item-contact{background-position: -720px 0;width: 186px;}
.web-title.conitem{position: absolute;width: 70px;height: 70px;left: -35px;top:46px;}
.web-title.conitem.hand{background-position: -207px -116px;}
.web-title.conitem.qq{background-position: -11px -116px;}
.web-title.conitem.service{background-position: -109px -116px;}

.partner-slider{height: 335px;width: 100%;position: relative;}
.partner-slider .slider-ul{display: block;height: 100%;}
.partner-slider .slider-ul .slider-item{display: block;height: 100%;position: relative;}
.partner-item{
	width: 140px;height: 140px;
	background:#fff;
	background: url("../../images/webv3/web_partner_item_bg.png") no-repeat 0 0\9;
	position: absolute;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
/*从左到右，从下到上第二排比第一排x加236 ，第二行比第一行x加119，y加116*/
.partner-item:hover{
	background:-webkit-linear-gradient( top left,#2ecdce,#729cdd);
	background:-moz-linear-gradient( top left,#2ecdce,#729cdd);
	background:-o-linear-gradient( top left,#2ecdce,#729cdd);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2ecdce,endcolorstr=#729cdd,gradientType=1);
	background-position: -164px 0\9;
}
.partner-item.item1{left: 50px;bottom:0px;}
.partner-item.item2{left: 155px;bottom:103px;}
.partner-item.item3{left: 259px;bottom:0px;}
.partner-item.item4{left: 364px;bottom:103px;}
.partner-item.item5{left: 479px;bottom:0px;}
.partner-item.item6{left: 584px;bottom:103px;}
.partner-item.item7{left: 688px;bottom:0px;}
.partner-item.item8{left: 793px;bottom:103px;}
.partner-item.item9{left: 830px;bottom:232px;}
.partner-item .item-img{
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	position: relative;
	left: 0px;
	top: 56px;
	height: 45px;
	text-align: center;
}

.main-games-block{height:800px;background: url("../../images/webv3/jian_bg.jpg") no-repeat 50% 50%;}
.jian-item{position: absolute;}
.jian-item.item-1{background: url("../../images/webv3/jian_icon_01.png") no-repeat 50% 50%;width: 206px;height: 261px;left: -510px;top:134px;}
.jian-item.item-2{
	background: url("../../images/webv3/jian_icon_02.png") no-repeat 50% 50%;
	width: 286px;height: 98px;left: -290px;top:134px;
}
.jian-item.item-3{
	background: url("../../images/webv3/jian_icon_03.png") no-repeat 50% 50%;
	width: 279px;height: 177px;left: 0px;top:134px;
	animation:changeShake3 2s infinite;
}
.jian-item.item-4{
	background: url("../../images/webv3/jian_icon_04.png") no-repeat 50% 50%;
	width: 232px;height: 217px;left: 272px;top:134px;
	animation:changeShake4 2s infinite;
}
.jian-item.item-5{
	background: url("../../images/webv3/jian_icon_05.png") no-repeat 50% 50%;
	width: 183px;height: 277px;left: 510px;top:134px;
	animation:changeShake4 2s infinite;
}
.jian-item.item-6{
	background: url("../../images/webv3/jian_icon_06.png") no-repeat 50% 50%;
	width: 238px;height: 232px;left: 685px;top:134px;
	animation:changeShake6 2s infinite;
}
.jian-item.item-7{
	background: url("../../images/webv3/jian_icon_07.png") no-repeat 50% 50%;
	width: 138px;height: 272px;left: 905px;top:134px;
	animation:changeShake7 2s infinite;
}
.jian-item.item-8{
	background: url("../../images/webv3/jian_icon_08.png") no-repeat 50% 50%;
	width: 260px;height: 161px;left: 1065px;top:134px;
}
.mg-items{display: block;z-index: 20;position: relative;}
.mg-items li{
	display: block;float: left;
	width: 251px;margin: 50px 40px;
	background: url("../../images/webv3/main_game_bg_01.png") no-repeat 50% 0;
	height: 161px;
	cursor: pointer;
	position: relative;
}
.mg-items li:hover{background: url("../../images/webv3/main_game_bg_02.png") no-repeat 50% 0;color: #fff;}
.mg-items li .mg-game-logo{
	position: absolute;
	left: 84px;top: -68px;
}
.mg-items li h3{
	margin-top: 22px;
	text-align: center;
	font-size: 20px;
}
.mg-items li p{
	margin-top: 10px;
	font-size: 12px;
	padding: 0px 12px;
	line-height: 18px;
}

.games_block{background-color: #f7fafc;}
.web-large-title{font-size: 30px;text-align: center;color: #fff;font-weight: 400;}
.web-large-title-shadow{text-align: center;padding-top: 5px;padding-bottom: 25px;}
.game_list_box{padding: 75px 20px 0px;}
.game-suc-tit-box{background: none;position: absolute;top:-115px;width: 100%;}
.game_list_ul{overflow: hidden;}
.game_list_ul li{display: block;float: left;margin: 10px 45px;width: 100px;}
.game_list_ul li .gamelogo{text-align: center;}
.game_list_ul li .gamelogo img {
  margin: 0 auto;
  width:100px;
  height:100px;
  max-width: 100%;
  max-height: 100%;
}
.game_list_ul li .gamename {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
  line-height: 24px;
}
.game_list_ul.pt-link-ul li{
	display: block;float: left;margin: 10px 8px;width: 175px;
}
.game_list_ul li .pt-link-logo{width: 175px;height: 75px;line-height: 75px;background-color: #fff;}
.game_list_ul li .pt-link-logo img{
	width:175px;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.seemore-game{
	margin-top: 40px;
}
.jian-btn-downlink{margin: 0 auto;width: 148px;height: 50px;position: relative;}
.jian-btn-downlink a{
	position:relative;
	display: block;border: 1px solid #434343;color: #2d2d2d;
	line-height: 48px;text-align: center;border-radius:8px;font-size: 20px;
	height:48px;
	transition: border-color 0.4s, color 0.4s;
	z-index:1;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.jian-btn-downlink a:BEFORE{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 48px;
	z-index:-1;
	opacity: 0;
	border-radius:6px;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.jian-btn-downlink a:hover{
	color: #fff;
	border-color: #0086ee;
	background: #0086ee\9;
}
.jian-btn-downlink a:hover:BEFORE{
	opacity: 1;
	background: #0086ee;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.useQuickSdk_box{background-color: #f5f6f7;}
.allsdk-tit-box{position: absolute;top:-160px;width: 100%;}
.sdks-tab{display: block;width: 420px;height: 60px;margin: 30px auto;}
.sdks-tab li{
	float: left;height: 100%;width: 200px;
	margin:0px 5px;cursor:pointer;
	color:#fff;font-size:18px;line-height:60px;
	background: url("../../images/webv2/support_bg.png") no-repeat 0 0;
}
.sdks-tab li.and{background-position:0 0;}
.sdks-tab li.ios{background-position: -210px -70px;}
.sdks-tab li.and.cur{background-position:0 -70px;}
.sdks-tab li.ios.cur{background-position:-210px 0px;}
.sdk-logos{padding: 0px 40px;}
.table_ul{display: block;}
.table_ul li{display: block;float: left;width: 224px;height: 100px;border: 1px solid #eee;margin:1px 2px;background-color: #fff;text-align: center;}
.table_ul li .sdk-logo-box{padding: 22px;width: 180px;height: 55px;}
.table_ul li .sdk-logo-box img{vertical-align: middle;}
.aboutus-block{padding: 70px 10px 0px 10px;}
.txt-box-left{float: left;}
.txt-box-right{float: left;margin-left: 60px;width: 719px;}
.txt-box-right p{font-size: 18px;line-height: 28px;text-indent: 36px;}


.contact-block{height: 460px;background-color: #f7f7f7;}
.con-itembg{
	position: absolute;width: 306px;height: 340px;
	background: url("../../images/webv3/contact_bg_01.png") no-repeat 50% 50%;
	bottom:0px;left: 20px;
}
.conbox-txt{margin: 70px 0px 0px 366px;}
.conbox-txt p{line-height: 26px;font-size: 16px;}
.cont-triangle{
	content: "";
	position: absolute;
	border-width: 25px;
	border-style: solid;
	border-color:#f7f7f7 transparent transparent;
	line-height: 1;
	display: inline-block;
	left: 475px;
	bottom: -50px;
}
.nav-contract{margin-top: 10px;}
.contract-ul li{display: block;float: left;width: 435px;margin-left: 110px;cursor: pointer; }
.contract-ul li:FIRST-CHILD {
	margin-left: 0;
}
.contract-ul li .con-left-box{height: 30px;line-height: 30px;padding-top: 55px;background: url("../../images/webv2/sprite_icon_contact.png") no-repeat 0 0;}
.contract-ul li .con-left-box.busi-con-left{background-position: 0 -121px;color: #58a7f6;}
.contract-ul li .con-left-box.tech-con-left{background-position: -93px -121px;color: #58a7f6;}
.aboutus-contact-box{margin: 60px 0;}
.cont-l{float: left;width: 470px;}
.cont-l-items{display: block;}
.cont-l-items li{display: block;position: relative;width: 276px;border: 1px solid #dbdbdb;margin: 0px auto;height: 120px;padding: 20px 0 20px 58px;margin-top: 50px;}
.cont-l-items li:FIRST-CHILD{margin-top: 0;}
.cont-l-items li h4{color: #4c6071;font-size: 15px;font-weight: 600;margin-bottom:10px;line-height: 24px;}
.cont-l-items li p{line-height: 24px;color: #99abb7;}
.cont-r{float: right;width: 470px;}
.cont-r-items{display: block;}
.cont-r-items li{display: block;margin-top: 30px;}
.cont-r-items li:FIRST-CHILD{margin-top: 0;}
.cont-r-items li img{max-width: 470px;max-height: 260px;}
.cont-r-items li p{line-height: 24px;}
.cont-r-items .ditu{width: 470px;height: 250px;}


.news-block{background-color: #f5f6f8;}
.top-serbox{padding: 50px 0px 20px 0px;}
.ser-formbox{height: 44px;background-color: #fff;border: 2px solid #eeeeee;border-radius:6px;padding-left: 8px;}
.ser-formbox .ser-input{border: none;outline: none;height: 40px;line-height: 40px;padding-left: 8px;width: 918px;}
.ser-formbox .ser_icon{
	border: none;outline: none;height: 44px;width: 55px;
	background: url("../../images/webv3/search_icon_gray.png") no-repeat 50% 50%;
	text-indent: -9999px;cursor: pointer;
	padding: 0px;
}
.ser-keys-item{display: block;height: 40px;line-height: 40px;}
.ser-keys-item li{display: block;float: left;margin-left: 20px;}
.ser-keys-item li:FIRST-CHILD{margin-left: 0;}
.ser-keys-item li a{color: #9c9c9c;}
.news-conmain{padding: 10px 0px 50px 0px;}
.news-ul{display: block;}
.news-ul li{display: block;margin-top: 45px;position: relative;background-color: #fff;padding: 30px 100px 20px 120px;min-height: 400px;}
.news-ul li:FIRST-CHILD{margin-top: 0;}
.news-ul li .news-tit{font-size: 18px;line-height: 30px;border-bottom: 1px solid #d7d7d7;padding-bottom: 10px;}
.news-ul li .news-tit a{color: #333;font-weight: 400;}
.news-ul li .news-post-time{
	position: absolute;left: -38px;
	width: 76px;
	top:35px;
}
.news-post-time p{color: #fff;line-height: 38px;text-align: center;background-color: #2eaafc;}
.news-post-time p.month{border-bottom: 1px solid #f5f6f8;border-top-right-radius:12px;}
.news-post-time p.day{border-bottom-left-radius:12px;}
.news-ul li .news-keys{margin: 12px 0px 20px 0;}
.news-ul li .news-keys img{vertical-align: middle;}
.news-ul li .news-keys a{margin-left: 10px;color: #eb4549;text-decoration: underline;font-size: 12px;}
.news-abstract{color:#5b6875;line-height: 32px;margin-top: 20px;}
.news-ul li#pageTip{min-height:0;padding-left: 0px;padding-right: 0;text-align: center;margin-top: 10px;background-color: #f5f6f8;}
.news-ul li.noList{text-align: center;font-size: 18px;padding: 20px 0px;min-height: 400;}
.news-detail-link{text-align: right;margin: 16px 0px 0px 0px;}
.news-detail-link a{color: #eb4549;}
.news-detail-box{background-color: #fff;}
.ui-use-doc{padding: 20px 100px;}
.ui-use-doc .new-tit{font-size: 24px;text-align: center;color: #333;line-height: 40px;}
.ui-use-doc .post-info{margin-top: 20px;line-height: 30px}
.post-info .news-keys{float: left;}
.post-info .news-keys img{vertical-align: middle;}
.post-info .news-keys a{margin-left: 10px;color: #eb4549;}
.post-con{margin-top: 40px;}
.post-con img{max-width: 780px;}

.down-box-list{border-bottom: 1px solid #c9c9c9;}
.down-sdk-title{text-align: center;font-size: 30px;color: #ff9500;}
.down-sdk-ul{display: block;margin: 0px auto;padding: 0px 0px 50px 0px;}
.down-sdk-ul li{display: block;float: left;width: 490px;height: 400px;background-color: #fff;margin: 10px 0px;position: relative; }
.down-sdk-ul li.left{margin-right: 10px;}
.down-sdk-ul li.right{margin-left: 10px;}
.downsdk_ostype{position: absolute;width: 86px;height: 86px;top: -4px;right: -4px;}
.downsdk_ostype img{width: 100%;height: 100%;border: none;}
.down-sdk-a span{display: block;}
.down-sdk-a .down-span-txt{font-size: 18px;color: #515151;display: block;height: 130px;line-height: 130px;text-align: center;}
.down-sdk-a .down-span-link{display: block;height: 50px;line-height: 50px;background-color: #477aa2;text-align: center;color: #fff;font-size: 16px;}
.down-con-box{padding: 10px 0px 0px 0px;position: relative;background-color: #f8f8f8;}
.down-con-top{margin-left: 155px;}
.down-con-top .left-img{float: left;height: 100%;width: 100px;background: url("../../images/webv2/download_icons_bg.png") no-repeat;}
.down-con-top .left-img.win{background-position: 0px 0px;}
.down-con-top .left-img.mac{background-position: -148px 0px;}
.down-con-top .left-img.android{background-position: -444px 0px;}
.down-con-top .left-img.ios{background-position: -592px 0px;}
.down-con-top .left-img.unity3d{background-position: -740px 0px;}
.down-con-top .left-img.cocos2d{background-position: -888px 0px;}
.down-con-top .left-img.server{background-position: -296px 0px;}
.down-con-top .right-down-tit{height: 100%;}
.down-con-top .right-down-tit h3{font-size: 26px;color: #323232;margin-top: 24px;font-weight: 400;height: 36px;line-height: 36px;}
.down-con-top .right-down-tit h3 .tit-ver{color: #565656;font-size: 18px;margin-left: 6px;}
.down-con-top .right-down-tit p{font-size: 14px;color: #a0a0a0;line-height: 28px;}
.down-con-middle{margin-top: 25px;margin-left: 155px;}
.down-con-middle p{font-size: 14px;color: #646464;}
.down-con-middle p.down-con-intro{height: 80px;overflow: hidden;margin-top: 6px;line-height: 22px;}
.down-link-box{margin-top: 40px;height:48px;}
.down-link-box a{display: block;height: 100%;line-height: 48px;color: #fff;background-color: #5face0;font-size: 18px;text-align: center;}
.down-link-box a:hover{background-color: #2E88D0;}
.down-link-box span{margin-left: 10px;}
.logo-cur-triangle{position: absolute;left: 200px;top:175px;transition:all 0.5s;}
.logo-cur-triangle:BEFORE{
	content: "";
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #e3e3e3;
	line-height: 1;
}
.downlink{
	display: inline-block;height: 100%;line-height: 36px;color: #fff;
	background-color: #5face0;font-size: 18px;text-align: center;
	padding: 0px 20px;border-radius:4px;margin-left: 10px;
}
.downlink:hover{background-color: #2E88D0;color: #fff;}
/*接入流程*/
.guide-step01{width: 188px;height: 164px;margin:0 auto; background: url("../../images/webv2/guide/guide_stepimg_01.png") no-repeat 50% 50%; }
.guide-step02{width: 909px;height: 282px;margin:0 auto; background: url("../../images/webv2/guide/guide_stepimg_02.png") no-repeat 50% 50%; }
.guide-step02 ul{height: 110px;padding-top: 140px;width: 790px;margin: 0 auto;}
.guide-step02 ul li{float: left;width: 19%;height: 100%;}
.guide-step02 ul li h2{font-size: 20px;font-weight: 400;text-align: center;}
.guide-step02 ul li p{line-height: 24px;margin-top: 10px;}
.guide-step02 ul li a,.guide-step02 ul li a{color:#ff9500; text-decoration: underline;}
.guide-step03{height: 228px;margin-top: 10px;background: url("../../images/webv2/guide/guide_stepimg_03.png") no-repeat 400px 50%;}
.guide-step03 .intro-box{position: absolute;height: 70px;width: 365px;right:83px;bottom:35px;}
.guide-step03 .intro-box h2{color: #7d7d7d;font-size: 24px;font-weight: 400;line-height: 36px;}
.guide-step03 .intro-box p{color: #4d4d4d;font-size: 16px;line-height: 24px;}
.guide-step04{height: 180px;background: url("../../images/webv2/guide/guide_stepimg_04.png") no-repeat 43px 50%;}
.guide-step04 .intro-box{position: absolute;width: 360px;height: 70px;left:90px;top:58px;text-align: right;}
.guide-step04 .intro-box h2{color: #ce7886;font-size: 24px;font-weight: 400;line-height: 36px;}
.guide-step04 .intro-box p{color: #4d4d4d;font-size: 16px;line-height: 24px;}
.guide-step05{height: 139px;background: url("../../images/webv2/guide/guide_stepimg_05.png") no-repeat 399px 0px;}
.guide-step05 .intro-box{position: absolute;height: 85px;width: 365px;right:83px;bottom:28px;}
.guide-step05 .intro-box h2{color: #724419;font-size: 24px;font-weight: 400;line-height: 36px;}
.guide-step05 .intro-box p{color: #4d4d4d;font-size: 16px;line-height: 24px;}
.guide-step06{height: 159px;background: url("../../images/webv2/guide/guide_stepimg_06.png") no-repeat 43px 0;}
.guide-step06 .intro-box{position: absolute;width: 360px;height: 102px;left:90px;top:44px;text-align: right;}
.guide-step06 .intro-box h2{color: #f3c46b;font-size: 24px;font-weight: 400;line-height: 36px;}
.guide-step06 .intro-box p{color: #4d4d4d;font-size: 16px;line-height: 24px;}
.guide-step07{height: 247px;background: url("../../images/webv2/guide/guide_stepimg_07.png") no-repeat 400px 0px;}
.guide-step07 .intro-box{position: absolute;height: 85px;width: 365px;right:83px;top:57px;}
.guide-step07 .intro-box h2{color: #51c4b8;font-size: 24px;font-weight: 400;line-height: 36px;}
.guide-step07 .intro-box p{color: #4d4d4d;font-size: 16px;line-height: 24px;}
.guide-step08{height: 253px;background: url("../../images/webv2/guide/guide_stepimg_08.png") no-repeat 58% 50%;}
.guide-step08 .intro-box{position: absolute;height: 106px;width: 700px;right:121px;bottom:8px;}
.guide-step08 .intro-box p{font-size: 18px;line-height: 24px;}
.intro-box a{color:#ff9500; text-decoration: underline;}
.download-tab-ul{display: block;height: 47px;border-bottom: 3px solid #048eca;background-color: #fff;}
.download-tab-ul li{float: left;height: 100%;line-height: 47px;color: #136eb5;text-align: center;font-size: 20px;width: 50%;cursor: pointer;}
.download-tab-ul li:hover,.download-tab-ul li.cur{background-color: #4bb4e2;color: #fff;}
.download-icons{display: inline-block;width: 34px;height: 32px;background: url("../../images/webv2/download_icon_sprites.png?v=20160525") no-repeat;vertical-align: middle;}
.download-icons.sdk{background-position: -30px -114px;}
.download-icons.pack-tool{background-position: -30px -159px;}
.download-icons.sdk-down{background-position: -30px -204px;}
.download-tab-ul li:hover .download-icons.sdk,.download-tab-ul li.cur .download-icons.sdk{background-position: -30px -22px;}
.download-tab-ul li:hover .download-icons.pack-tool,.download-tab-ul li.cur .download-icons.pack-tool{background-position: -30px -68px;}
.down-box{background-color: #fff;display: none;position: relative;}
.down-sdk-ul.ul-logo{height: 162px;padding:20px 0 20px 140px;background-color: #fff;border-bottom: 1px solid #e3e3e3}
.down-sdk-ul.ul-logo li{
	display: block;float: left;width: 128px;height: 130px;cursor: pointer;
	background: url("../../images/webv2/download_icon_sprites.png?v=20160525");
	margin: 0px 5px;
	transition:all 0.5s;
	position: relative;
}
.down-sdk-ul.ul-logo li .flatform-h4{position: absolute;bottom: -23px;left: 0px;text-align: center;width: 100%;}
.down-sdk-ul.ul-logo li.win{background-position: -1087px 8px;}
.down-sdk-ul.ul-logo li.mac{background-position: -925px 8px;}
.down-sdk-ul.ul-logo li.android{background-position: -768px 8px;}
.down-sdk-ul.ul-logo li.ios{background-position: -598px 8px;}
.down-sdk-ul.ul-logo li.unity3d{background-position: -278px 8px;}
.down-sdk-ul.ul-logo li.cocos2d{background-position: -100px 8px;}
.down-sdk-ul.ul-logo li.server{background-position: -440px 8px;}
.down-sdk-ul.ul-logo li:hover.win,.down-sdk-ul.ul-logo li.cur.win{background-position: -1088px -131px;}
.down-sdk-ul.ul-logo li:hover.mac,.down-sdk-ul.ul-logo li.cur.mac{background-position: -923px -131px;}
.down-sdk-ul.ul-logo li:hover.android,.down-sdk-ul.ul-logo li.cur.android{background-position: -766px -131px;}
.down-sdk-ul.ul-logo li:hover.ios,.down-sdk-ul.ul-logo li.cur.ios{background-position: -597px -131px;}
.down-sdk-ul.ul-logo li:hover.unity3d,.down-sdk-ul.ul-logo li.cur.unity3d{background-position: -278px -131px;}
.down-sdk-ul.ul-logo li:hover.cocos2d,.down-sdk-ul.ul-logo li.cur.cocos2d{background-position: -98px -131px;}
.down-sdk-ul.ul-logo li:hover.server,.down-sdk-ul.ul-logo li.cur.server{background-position: -440px -131px;}
.down-sdk-conul li{display: none;}
.down-sdk-conul li:FIRST-CHILD{display: block;}
/*footer*/
.footer-block{min-height:378px; background-color:#eef7ff;min-width: 1100px;}
.footer-block .main{width: 1100px;}
.ft-download{width: 480px;}
.ft-download h2{font-weight: 400;font-size: 20px;}
.ft-download .sdk-ul{height: 90px;display: block;margin-top: 30px;}
.ft-download .sdk-ul li{
	width: 16%;float: left;height: 100%;position: relative;
	background: url("../../images/webv3/ft_download_icon_sprites.png?v=20160525");
	position: relative;
	text-align: center;
}
.sdk-ul li .dm-link{display: block;height: 100%;}
.sdk-ul li .flatform-h4{position: absolute;bottom: -23px;left: 0px;text-align: center;width: 100%;color: #3a3a3a;}
.sdk-ul li .flatform-h4 a{font-size: 14px;}
.sdk-ul li.android{background-position: -234px 1px;}
.sdk-ul li.ios{background-position: -333px 1px;}
.sdk-ul li.unity3d{background-position: -135px 1px;}
.sdk-ul li.cocos2d{background-position: -39px 1px;}
.sdk-ul li.server{background-position: -430px 1px;}
.sdk-ul li.html5{background-position: -734px 1px;}
.sdk-ul li:hover.android,.sdk-ul li.cur.android{background-position: -234px -88px;}
.sdk-ul li:hover.ios,.sdk-ul li.cur.ios{background-position: -333px -88px;}
.sdk-ul li:hover.unity3d,.sdk-ul li.cur.unity3d{background-position: -135px -88px;}
.sdk-ul li:hover.cocos2d,.sdk-ul li.cur.cocos2d{background-position: -39px -88px;}
.sdk-ul li:hover.server,.sdk-ul li.cur.server{background-position: -430px -88px;}
.sdk-ul li:hover.html5,.sdk-ul li.cur.html5{background-position: -734px -88px;}
.ft-right{width: 550px;margin-left: 50px;}
.ft-right-ul{display: block;}
.ft-right-ul li{display: block;width: 30%;float: left;}
.ft-right-ul li .ft-tab-tit{font-size: 20px;}
.ft-tab-item{margin: 20px 0px;font-size: 16px;}
.ft-tab-item a{transition:color .5s;}
.ft-copy-box{height: 50px;line-height: 50px;background-color: #dceeff;text-align: center;color: #202020}
.ft-wechat{text-align: center;}
.ft-wechat img{width: 120px;}

/*css3 animation*/
@keyframes changeShake3{
	0%{transform: rotate(0deg); }
	50%{transform: rotate(5deg); }
	100%{transform: rotate(0deg); }
}
@keyframes changeShake4{
	0%{transform: rotate(5deg); }
	50%{transform: rotate(0deg); }
	100%{transform: rotate(5deg); }
}
@keyframes changeShake5{
	0%{transform: rotate(5deg); }
	50%{transform: rotate(0deg); }
	100%{transform: rotate(5deg); }
}
@keyframes changeShake6{
	0%{transform: rotate(0deg); }
	50%{transform: rotate(5deg); }
	100%{transform: rotate(0deg); }
}
@keyframes changeShake7{
	0%{transform: rotate(5deg); }
	50%{transform: rotate(0deg); }
	100%{transform: rotate(5deg); }
}