#DownLoad {width: 780px;height: 170px;position:absolute;overflow:hidden;left:50%;margin:0 auto;margin-left: -394px;z-index: 35;margin-top: 810px;}

.c:before,.c:after {content:"";display:table;}

.c:after {clear:both;}

.c {zoom:1;}

.sp{background: url(../images/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;}

.box1{width: 781px;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(../images/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(../images/bgpcdown.jpg) no-repeat;width: 147px;height: 115px;float: left;padding-top: 45px;}

.btnpc span{background-position:  -146px -19px;width: 120px;height: 67px;display: block;margin: 0 auto;}