a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
*,:after,:before{box-sizing:border-box;outline:0}
body,html{font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","AOS Icons","PingFang SC","Helvetica Neue","Hiragino Sans GB","Microsoft Yahei",微软雅黑,STHeiti,华文细黑,sans-serif;line-height:1;text-align:center;letter-spacing:1px}
html{font-size:16px}
a{text-decoration:none;color:#fff}
.container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:left;padding:50px 0;overflow:hidden;background-image:linear-gradient(1deg,#161000,#161000 51%,#161622);color:#fff}
.content{width:100%;max-width:1024px;display:flex;justify-content:center;padding:0 100px;z-index:1}
.right{max-width:518px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.download_content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:30px 0 20px}
.download_content .btn{width:70%;max-width:300px;height:45px;line-height:45px;text-align:center;margin:7.5px 9px;background:#fff;color: #333;font-size:.9375em;cursor:pointer;position:relative}
.download_content .btn:hover{background:#333;color:#fff}
.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;background-size:cover}
.QandA{position:relative;margin-top:30px;margin-bottom:15px;width:100%;}
h1{text-align:center;color:#fff;font-size:34px;font-weight:100;text-transform:uppercase;background-color:#161000;padding:20px 0 20px 0}
h2{font-size:1.2rem;letter-spacing:1.2px;font-weight:500}
p{font-size:.8rem;letter-spacing:1.2px;line-height:1.6}
.ans{line-height:2.13}
.ground_img{width:100%;background-image:linear-gradient(1deg,#161000,#161000 51%,#161000);color:#fff}
.footer{display:flex;justify-content:flex-end;flex-direction:column;align-items:center;width:100%;height:100%;padding-bottom:40px;color:#fff;font-weight:300}
.footer p{color:#666;font-size:1rem;text-align:left;line-height:1.5}
@media (max-width:992px){
.content{padding:0 50px}
}
@media (max-width:767px){html{font-size:14px}
.right{width:100%;margin-left:0}
}
@media (max-width:640px){.container{padding:30px 0}
.content{padding:0 25px}
.footer{color:#666;padding-bottom:10px}
.QandA{flex-wrap:wrap}
.QandA .btn{position:initial;margin-top:10px;margin-left:45px}
}
@media (max-width:320px){html{font-size:12px}
.content{padding:0 10px}
}

.sky{position:absolute;width:100%;height:100%;top:0;left:0}
.star-blink{position:absolute;width:7px;height:7px;background-color:#b6cbd4;border-radius:50%;z-index:0;-webkit-transform:rotate(0) scale(.08);-webkit-backface-visibility:hidden;-webkit-animation:blinkAfter 15s infinite ease-out}
.star-blink div{width:100%;height:100%;border-radius:50%;-webkit-transform:rotate(45deg) scale(.75);background-image:linear-gradient(1deg,#f35d44,#f35c44 51%,#dd0f3a);box-shadow:0 0 2px 8px rgba(221,15,58,.4),0 0 2px 9px rgba(255,255,255,.07),0 0 2px 15px rgba(243,93,68,.4),0 0 2px 16px rgba(255,255,255,.1);-webkit-backface-visibility:hidden}
.star-blink div:after,.star-blink div:before,.star-blink:after,.star-blink:before{content:'';position:absolute;display:block;top:-350%;left:45%;height:800%;width:10%;border-radius:50%;background-color:#b6cbd4;background:-webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,.7) 50%,rgba(255,255,255,.1) 100%);z-index:1;box-shadow:0 0 25px #fff;-webkit-backface-visibility:hidden}
.star-blink div:before,.star-blink:before{-webkit-transform:rotate(90deg)}
@-webkit-keyframes blinkAfter{0%{-webkit-transform:rotate(0) scale(.08)}
4%{-webkit-transform:rotate(-20deg) scale(.9)}
8%{-webkit-transform:rotate(-40deg) scale(.08)}
50%{-webkit-transform:rotate(-40deg) scale(.08)}
52%{-webkit-transform:rotate(-50deg) scale(.3)}
54%{-webkit-transform:rotate(-60deg) scale(.08)}
100%{-webkit-transform:rotate(0) scale(.08)}
}

