﻿ 
#DownLoad{
	width: 1200px;
	height: 180px;
	position: absolute;
	overflow: hidden;
	top: -257px;
	left: 989px;
	margin: 0 auto;
	margin-left: -600px;
	z-index: 3500;
	margin-top: 0px;
}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
.sp{background: url(../image/sp.png) no-repeat;}
.box1{
	position: absolute;
	width: 781px;
	height: 160px;
	margin: 0 auto;
	opacity: 0;
	animation: box1 1s linear forwards;
	-webkit-animation: box1 1s linear forwards;
	z-index: 1000;
	left: 361px;
	top: 3px;
}
.box1{width: 661px;margin: 0 auto;opacity: 0;animation: box1 1s linear forwards;-webkit-animation: box1 1s linear forwards;}
@keyframes box1{
	0%{transform: translateY(-100px);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes box1{
	0%{transform: translateY(-100px);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
.codetxt{width: 43px;height: 148px;background-color: #0a0a14;float: left;font-size: 14px;color: #dee1e6;margin: 0;
				line-height: 16px;text-align: center;padding-top: 12px;}
.code{display: block;float: left;width: 159px;height: 160px;position: relative;}
.code img{display: block;}
.line{display: block;position: absolute;width: 159px;height: 1px;border-bottom: 1px solid #FFFFFF;position: absolute;top: 0;left: 0;
animation: line 7s linear infinite;
-webkit-animation: line 7s linear infinite;
}
.btnpc2{background: url(../image/bgpcdown2.jpg) no-repeat;width: 247px;height: 160px;float: left;position: relative;overflow:initial;}
.btnpc2 span{display: block;background-position:-15px -1348px;width: 132px;height: 100px;position: absolute;right: -2px;top: 12px;}
@keyframes line{
	0%{top: 0;}
	50%{top: 160px;}
	100%{top: 0;}
}
@-webkit-keyframes line{
	0%{top: 0;}
	50%{top: 160px;}
	100%{top: 0;}
}
.mobidown{width: 182px;float: left;}
.mobidown a{display: block;width: 182px;}
.btnios{height: 55px;background-color: #23232f;padding-top: 24px;
transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
}
.btnandr{height: 57px;background-color: #0a0a14;padding-top: 24px;}
.btnios span{display: block;margin: 0 auto;width: 107px;}
.btnios strong{background-position: -15px -10px;width: 28px;height: 32px;float: left;}
.btnios em{width: 64px;font-size: 16px;color: #FFFFFF;line-height: 38px;float: right;}
.btnanim strong.on{
	animation: btnicon 0.5s linear forwards;
	-webkit-animation: btnicon 0.5s linear forwards;
}
@keyframes btnicon{
	0%{transform: rotateY(0);}
	100%{transform: rotateY(180deg);}
}
@-webkit-keyframes btnicon{
	0%{transform: rotateY(0);}
	100%{transform: rotateY(180deg);}
}
.btnanim strong.cur{
	animation: btnicona 0.5s linear forwards;
	-webkit-animation: btnicona 0.5s linear forwards;
}
@keyframes btnicona{
	0%{transform: rotateY(180deg);}
	100%{transform: rotateY(0);}
}
@-webkit-keyframes btnicona{
	0%{transform: rotateY(180deg);}
	100%{transform: rotateY(0);}
}




.btnandr span{display: block;background-position: -19px -63px;width: 107px;height: 32px;margin: 0 auto;}
.btnandr strong{background-position: -19px -63px;width: 28px;height: 32px;display: block;float: left;}
.btnandr em{width: 64px;font-size: 16px;color: #FFFFFF;line-height: 42px;float: right;}


.btnpc{background: url(../image/bgpcdown.jpg) no-repeat;width: 149px;height: 53px;float: left;padding-top: 27px;}
.btnpc span{background-position: -10046px -19px;width: 147px;height: 55px;display: block;margin: 0 auto;text-align: center;font-weight: bolder;font-size: large;}
 
 
 
  
