@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}  
 
 

.download_box{width: 630px;height: 106px;padding: 8px;border-radius: 5px;background-color: rgba(255,255,255,.2);position: absolute;top: 900px;left: 50%;margin-left: -320px;z-index: 444444;box-shadow: 0 0 15px rgba(255,255,255,1) inset;border: 1px rgba(255,255,255,.85) solid;}
.download_box img{ display: block; }
.download_box .download_qrcode{ width: 138px; height: 104px; float: left; border: 1px #8ec2c7 solid; border-radius: 5px; background-color: #fff; position: relative;}
.download_box .download_qrcode img{ width: 104px; float: left; margin-left: 5px; }
.download_box .download_qrcode span{ width: 15px; display: block; float: left; font-size: 16px; color: #000; margin-left: 5px; line-height: 20px; padding-top: 11px;}
.download_box .download_qrcode .qrcode_light { width: 115px; height: 16px; display: block; background-image: url(../images/qrcode_light.png); background-size: 100% 100%; position: absolute; top: 0; left: 0; animation: Qrcode_light 1.2s linear infinite alternate; z-index: 4; }
@-webkit-keyframes Qrcode_light {
	from { transform: translateY(0); }
	to { transform: translateY(90px); }
}
@keyframes Qrcode_light {
	from { transform: translateY(0); }
	to { transform: translateY(90px); }
}
.download_box .download_qrcode:after { content: ""; display: block; width: 104px; height: 104px; background-color: #2c4464; position: absolute; top: 0; left: 0; -ms-mix-blend-mode: lighten; mix-blend-mode: lighten; opacity: 0\0; display: none\0}
.download_box .download_qrcode:before { content: ""; display: block; width: 25px; height: 25px; display: block; position: absolute; top: 39px; left: 43px; background-image: url(../images/icon.png); background-size: 100% 100%; z-index: 3; }
.download_box .download_btn{ width: 140px; float: left; padding-left: 10px; margin-top: 2px;}
.download_box .download_btn a{ display: block; margin: 5px 0; }
.download_box .download_desk{ width: 140px; float: left; padding-left: 10px; margin-top: 4px;}
.download_box .new_server{ width: 180px; height: 98px; float: left; margin-left: 7px; background-color: #bfaa6c; border: 1px #fff solid; border-radius: 5px; margin-top: 4px; }
.download_box .new_server .server_t{ height: 39px; border-bottom: 1px #b49f61 solid; width: 158px; margin: 0 auto;}
.download_box .new_server .server_t b{ line-height: 39px; font-size: 16px; color: #fff; display: block; float: left; }
.download_box .new_server .server_t b:before{ content: ""; display: inline-block; width: 3px; height: 3px; background-color: #fff; border-radius: 3px;  vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.download_box .new_server .server_t span{ width: 31px; height: 15px; line-height: 15px; font-size: 12px; color: #fff; text-align: center; white-space: nowrap; background-color: #cd6f47; float: right; margin-top: 13px; border-radius: 3px; display: block;}
.download_box .new_server .server_list{ width: 158px; margin: 0 auto; border-top: 1px #ceb879 solid; padding-top: 4px;}
.download_box .new_server .server_list ul li{font-size: 14px;color: #fff;line-height: 24px;overflow: hidden;white-space: nowrap;}
.download_box .new_server .server_list ul li span.sys{ width: 31px; height: 15px; line-height: 15px; font-size: 12px; color: #fff; text-align: center; white-space: nowrap; background-color: #9a864d; border-radius: 3px; margin-top: 5px; margin-right: 5px; display: inline-block;}
.download_box a{ transition: .5s }
.download_box a:hover{ transform: translateY(-5px); }