*{margin:0;padding:0;}
body{min-width: 1237px;font-family: "微软雅黑"!important;font-size: 12px;}

.download-top{height:50px; background:#fff; padding: 0;}
.download-top p{width:1216px; height:50px;margin:0 auto;}
.download-top p .logo{ float:left; display:inline;}
.download-top span{float:right;font-size:20px; padding-top:14px;}
.download-top span em{display: inline;float:left; margin:0px 5px 0 5px;font-style:normal;}
.download-top span em.line{ font-size:18px; padding-top:2px;}
.download-top span a.cpcenter{ margin-right:70px;}
.download-top span a{color:#555;display:inline;float:left;line-height: 20px;}
.download-top span em.img{display: inline;float:left;width:20px; height:20px; margin:0 5px 0 70px;}
.download-top span em.img img{width:20px; height:20px;}
.download-top span em.name{display:inline;float: left;font-size: 14px; line-height:20px;}
.download-top span em.name a{color:#555;}
.download-top span em.colred a{color:#ed402d;}
.download-top span em.vip{width:20px; height:20px;display:inline; float: left;margin-left: 4px;margin-top: 4px;}
.download-top span em.grade{width:20px; height:20px;}
/**banner**/
.download-banner{
	height:600px;
	background:url('http://r2.ykimg.com/05100000579B234567BC3D2B7606009F') repeat-x 0 0;
}
.download-banner .download-banner-c{
	width:1200px;
	height:600px;
	margin:0 auto;
	background:url('http://r3.ykimg.com/05100000579B234567BC3D2B08074B44') no-repeat 221px 0px;
	overflow:hidden;
	_zoom:1;
}
.download-banner .download-banner-c .box-left{
	float:left;
	width:700px;
	height:600px;
	position:relative;
}
.box-left .box-img{margin:58px 0 0 10px;}
.box-left .box-img p{display:none;}
.box-left .box-img .show{display:block;}
.box-left .box-btn{position: absolute;left:265px;bottom:111px; font-size: 0;
    -webkit-text-size-adjust:none;}
.box-left .box-btn a{
	width:88px;
	height:88px;
	margin-right:18px;
	display:inline-block;
	_display:inline;
	_zoom:1;
	cursor:pointer;
	background-image: url('http://r1.ykimg.com/05100000585A1C8C67BC3D7E100D494E');
}
.box-left .box-btn .pc{background-position: 0 0}
.box-left .box-btn .mac{background-position: -174px 0}
.box-left .box-btn .pc.on{background-position: -87px 0}
.box-left .box-btn .mac.on{background-position: -262px 0}
.download-banner .download-banner-c .box-right{
	float:right;
	width:460px;
	margin:84px 6px 0 0;
}
.box-right .logo{
	/* width:435px; */
	height:102px;
	background:url('http://r1.ykimg.com/05100000585A1C8C67BC3D7E100D494E') no-repeat 22px -260px
}
.box-right .pc{
	margin-top:58px;
	padding-left:162px;
	background:url('http://r3.ykimg.com/0510000057A1670A67BC3D642405B16C') no-repeat 26px 7px;
}
.box-right .pc a,.box-right .mac a{display:block;width:290px;height:54px;border:1px solid #fff;border-radius: 5px;
line-height: 54px;text-align: center;font-size:26px;cursor: pointer;color:#fff;text-decoration: none;font-family: "Microsoft YaHei Ui Light,Microsoft YaHei Ui Regular"}
.box-right .pc a:hover,.box-right .mac a:hover{
	background:rgba(153,205,241,0.4);
}
.box-right .pc span,.box-right .mac span{margin-top:8px;color:#fff;display: block;padding-left:8px;}
.box-right .pc span a,.box-right .mac span a{display:inline;font-size:12px;border:none;line-height: normal;color:#bcdff6;text-decoration: underline;}
.box-right .pc span a:hover,.box-right .mac span a:hover{background:none;}
.box-right .pc span em,.box-right .mac span em{display: inline-block;_display:inline;_zoom:1;width:48px;height:20px;background:url('http://r1.ykimg.com/05100000585A1C8C67BC3D7E100D494E')
 no-repeat 0 -94px; vertical-align: middle;margin-left:5px;}
.box-right .mac{margin-top:15px;padding-left:162px;background:url('http://r1.ykimg.com/05100000585A1C8C67BC3D7E100D494E') no-repeat 0 -470px;}

.download-box-w{background:#fff;}
.download-box-b{background: #d8f1ff;}
.download-box-o{background: #ffac7a;}
.download-box-c{width:1200px;margin:0 auto;}
.download-box-c .txt-img,.download-box-c .done{position: absolute;}

.download-box-system{
	position: relative;
	height:726px;
}
.download-box-system .system-logo{
	position: absolute;
	width:334px;
	height: 103px;
	top:0;
	left:21px;
	background: url('http://r1.ykimg.com/05100000585A1C8C67BC3D7E100D494E') no-repeat 0 -116px
}
.download-box-system .system-info{
	position: absolute;
	width:214px;
	height:24px;
	top:22px;
	right:8px;
	background: url('http://r1.ykimg.com/05100000585A1C8C67BC3D7E100D494E') no-repeat 0 -231px
}
.download-box-system .done{
	left:67px;
	top:127px;
	opacity: 0;
	transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transition: all ease 1s;
	-moz-transform: all ease 1s;
	-webkit-transform: all ease 1s;
	-o-transform: all ease 1s;
	-ms-transform: all ease 1s;
}	
.download-box-system .txt-img{
	right:114px;
	top:249px;
}
.transform-go .download-box-c .done{
	opacity: 1;
	transform: translateX(0) translateY(0) scale(1);
	-moz-transform: translateX(0) translateY(0) scale(1);
	-webkit-transform: translateX(0) translateY(0) scale(1);
	-o-transform: translateX(0) translateY(0) scale(1);
	-ms-transform: translateX(0) translateY(0) scale(1);
}
.download-box-play,.download-box-filter,.download-box-skin,
.download-box-video,.download-box-enhancedPlay,.download-box-upload{
	position: relative;
	height:600px;
}
.download-box-play .txt-img{
	left:92px;
	top:177px;
}
.download-box-play .done{
	top:124px;
	right:124px;
	opacity: 0;
	transform: translateX(50px);
	transition: all ease 1s;
}
.download-box-filter .done{
	left:65px;
	top:21px;
	opacity: 0;
	transform: translateX(-50px);
	transition: all ease 1s;
}
.download-box-filter .txt-img{
	top:147px;
	right:114px;
}
.download-box-skin .txt-img{
	left:92px;
	top:179px;
}
.download-box-skin .done{
	right:98px;
	top:110px;
	opacity: 0;
	transform: translateX(50px);
	transition: all ease 1s;
}
.download-box-video .txt-img{
	right:114px;
	top:187px;
}
.download-box-video .done{
	left:55px;
	top:87px;
	opacity: 0;
	transform: translateX(-50px);
	transition: all ease 1s;
}
.download-box-enhancedPlay .txt-img{
	left:41px;
	top:167px;
}
.download-box-enhancedPlay .done{
	top:17px;
	right:8px;
	opacity: 0;
	transform: translateX(50px);
	transition: all ease .5s;
}
.download-box-upload .txt-img{
	top:144px;
	right:54px;
}
.download-box-upload .done{
	top:62px;
	left:28px;
	opacity: 0;
	transform: translateX(-50px);
	transition: all ease 1s;
}
.download-box-mac{height:821px;}