@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; list-style: none; word-break: break-all; -webkit-appearance: none; box-sizing: border-box;}
html { font-size: 13.333vw; background: #f5f5f5;}
body { min-height: 100vh; color: #000; font-size: 0.24rem; min-height: 100vh; background: url(https://853picbastet-ali.launchiso.com/images/bg.png) no-repeat #fff; background-size: 100% 100%; font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, STHeitiSC-Light, simsun, \\5B8B\4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";}
a { color: inherit; display: inline-block; text-decoration: none;}
@media screen and (min-width:769px) {
html { font-size: 75px;}
body { width: 7.5rem; margin: 0 auto;}
}
img { max-width: 100%; border: 0; vertical-align: middle;}

.wrapper { min-height: 100vh; padding-top: 7.2rem; background: url(https://853picbastet-ali.launchiso.com/images/bg.jpg) top center no-repeat #fff; background-size: 100% auto;}

.btn { display: flex; justify-content: center; display: flex; flex-wrap: wrap; padding: 0.32rem 0 0.16rem 0;}
.btn a { display: flex; justify-content: center; align-items: center; width: 6.22rem; height: 1.12rem; margin-bottom: 0.16rem; color: #fff; box-sizing: border-box; border: solid 0.08rem #fff; border-radius: 0.56rem; background: #007AFF;}
.btn a img { width: 0.64rem; height: 0.64rem;}
.btn a h2 { font-size: 0.36rem; font-weight: bold; padding-left: 0.16rem;}
.btn a span { padding-left: 0.16rem;}
.btn a.az { background: #FF9000;}
.btn a.ie { background: #1E9FFF;}

.content {}
.content .box { padding-bottom: 0.32rem;}
.content .tit { display: inline-block; height: 0.48rem; line-height: 0.48rem; margin-bottom: 0.16rem; padding: 0 0.24rem 0 0.16rem; border-radius: 0 0.32rem 0.32rem 0; background: #1E9FFF;}
.content .tit span { display: inline-block; width: 0.32rem; height: 0.32rem; line-height: 0.32rem; margin-right: 0.16rem; text-align: center; font-weight: bold; color: #1E9FFF; border-radius: 0.32rem; background: #fff;}
.content .tit h3 { display: inline-block; font-size: 0.24rem; font-weight: bold; color: #fff;}
.content .txt { line-height: 1.75; padding: 0 0.32rem;}
.content .txt font { color: #1E9FFF;}

.footer-blank { height: 0.96rem;}
.footer { display: flex; align-items: center; width: 100%; max-width: 7.5rem; color: #fff; padding: 0.2rem; background: rgba(0,0,0,.7); position: fixed; left: 0; right: 0; bottom: 0; margin: auto;}
.footer .footer1 { padding-right: 0.16rem;}
.footer .footer1 span { display: inline-block; width: 0.36rem; height: 0.36rem;}
.footer .footer1 span img { width: 0.36rem; height: 0.36rem;}
.footer .footer2 { flex: 1; font-size: 0.3rem;}
.footer .footer2 font { color: #ff0;}
.footer .footer3 {}
.footer .footer3 a { display: block; height: 0.56rem; line-height: 0.56rem; color: #f00; padding: 0 0.2rem; font-size: 0.26rem; border-radius: 1rem; background: linear-gradient(to top, #ff0, #fff);}