html,body{width: 100%; height: 100%;}
.bg{width: 100%; height: 100%; background: url("/static/image/image/download-bg.png") center no-repeat; background-size: 100% 100%;}
.download-text{width: 100%; height: 6rem; margin: 0 auto; padding-top: 6rem; text-align: center;}
.download-text img{width: 18rem; height: 6rem;}
.download-image{width: 100%; height: 18rem; margin: 0 auto; padding-top: 2rem; text-align: center;}
.download-image img{width: 20rem; height: 18rem; margin: 0 auto;}
.download-button{display: block; width: 20rem; height: 4rem; margin: 4rem auto; font-size: 2rem; line-height: 4rem; text-align: center; color: #fff; background-color: #39D89C; border-radius: 4rem;}

.open-browser-guide{display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; flex-direction: column; align-items: center;}
.open-browser-guide p{width: calc(100% - 8rem); color: #fff; padding: 0.5rem 0; display: flex; flex-direction: row; font-size: 1.6rem;}
.open-browser-guide p:first-child{margin-top: 6rem; line-height: 2rem;}
.open-browser-guide .blue{color: #6ED5A0}
.open-browser-guide .dot{background-color: rgba(0, 0, 0, 0.4); width: 3rem; text-align: center; border-radius: 0.5rem; margin-left: 0.5rem;}
.open-browser-guide .serial{background-color: #6ED5A0; border-radius: 50%; height: 2rem; width: 2rem; margin-right: 1rem; flex-shrink: 0; line-height: 2rem; text-align: center;}
.guide-arrow{position: absolute; top: 2rem; right: 3rem;}
.guide-image{margin-top: 6rem;}
.guide-button{width: 20rem; height: 4rem; line-height: 4rem; margin-top: 3rem; border: 0.1rem solid #fff; border-radius: 2rem; color: #fff; font-size: 1.6rem; text-align: center;}