@charset 'utf-8';
* { margin: 0; padding: 0; }
html,
body { position: relative; width: 100%; height: 100%; }
body { font: 16px/1.5 'microsoft yahei', 'arial'; }
.dl-page { position: relative; width: 100%; height: 100%; overflow: hidden; }
.dl-page .dl-bgbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden }
.dl-page .dl-bg { position: relative; width: 100%; height: 540px; background: 50% 0 no-repeat; }
.dl-bg.bg-1 { background-image: url(../img/bg_01.jpg); }
.dl-bg.bg-2 { background-image: url(../img/bg_02.jpg); }
.dl-page .logo,
.dl-page .step,
.dl-page .role,
.dl-page .security,
.dl-page .btn-dl { position: absolute; display: block; background: 50% 50% no-repeat; background-size: 100%; }
.dl-page .logo { top: 1.875%; left: 1.59375%; width: 16.927%; height: 8.5%; background-image: url(../img/logo.png); }
.dl-page .step { top: 5.64%; left: 12.5%; width: 30%; height: 76.574%; background-image: url(../img/step.png); }
.dl-page .role { top: 3%; right: 1%; width: 54.583%; height: 73.7%; background-image: url(../img/wuqi.png); }
.dl-page .security { bottom: 5.74%; left: 50%; margin-left: -13.8%; width: 27.6%; height: 4.17%; background-image: url(../img/security.png); }
.dl-page .btn-dl { bottom: 15%; left: 50%; margin-left: -8.85%; width: 17.7%; height: 12.5%; background-image: url(../img/btn_dl.png); }
.dl-page .info-box { position: relative; margin: 0 auto; display: block; }
.dl-page .full-btn { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 99; }