@charset "utf-8";
* { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
body > div > iframe { display: none !important; }
button { border: none; }
body { max-width: 640px; margin: 0 auto; background-color: #ffffff; }
a { text-decoration: none; color: inherit; }
*::-webkit-scrollbar { width: 0; display: none; }
*::-ms-scrollbar { width: 0; display: none; }
.main { padding-bottom: 0.1rem; }
.app-container { display: flex; padding: 0.3204rem 0.3738rem 0.3471rem; background-color: #ecffe4; }
.app-container .logo-icon { width: 1.3884rem; height: 1.3884rem; background: url(/static/m/img/box/app-icon.png); background-size: 1.3884rem 1.3884rem; }
.app-container .app-info { flex: 1; min-width: 0; margin-left: 0.2136rem; }
.app-container .app-info .title { width: 3.7113rem; height: 0.8811rem; text-indent: 0; font-size: 0.48rem; color: #333; line-height: 0.8811rem; font-weight: bold; background: none; }
.app-container .app-info .desc { font-size: 0.267rem; color: #1b9f50; margin-top: 0.0801rem; line-height: 0.3471rem; }
.app-container .quanwan { width: 2.1093rem; height: 0.8544rem; background: #ff5c00; border-radius: 0.1602rem; display: flex; justify-content: center; align-items: center; font-size: 0.4005rem; color: #ffffff; font-weight: 600; margin-top: 0.2937rem; }
.section.bg1 { position: relative; width: 100%; height: 18.1026rem; background: url(/static/m/img/box/bg1.jpg) center top no-repeat; background-size: 100% 18.1026rem; }
.section.bg1 .quanwan-container { display: block; width: 6.0609rem; height: 1.4952rem; background: url(/static/m/img/box/download-btn.png) center top no-repeat; background-size: 6.0609rem 1.4952rem; position: absolute; left: 50%; transform: translateX(-50%); top: 14.3379rem; animation: scaleLoop 600ms infinite alternate ease-in-out; }
.section.bg1 .down-arrow { width: 0.7209rem; height: 0.7476rem; background: url(/static/m/img/box/arrow-down.png) center top no-repeat; background-size: 0.7209rem 0.7476rem; position: absolute; left: 50%; transform: translateX(-50%); top: 16.5807rem; }
.section.bg2 { width: 100%; height: 13.2699rem; background: url(/static/m/img/box/bg2.jpg) center top no-repeat; background-size: 100% 13.2699rem; margin-top: 1.1214rem; }
.section.bg3 { width: 100%; height: 15.5928rem; background: url(/static/m/img/box/bg3.jpg) center top no-repeat; background-size: 100% 15.5928rem; margin-top: 1.068rem; }
.section.bg4 { width: 100%; height: 10.8669rem; background: url(/static/m/img/box/bg4.jpg) center top no-repeat; background-size: 100% 10.8669rem; margin-top: 0.1869rem; }
@keyframes scaleLoop { 0% { transform: translate(-50%, 0) scale(1); } 100% { transform: translate(-50%, 0) scale(0.9); } }
.app-section { width: 9.2921rem; height: 2.5098rem; position: fixed; bottom: -3.869rem; left: 50%; transform: translateX(-50%); display: flex; align-items: center; box-sizing: border-box; background: #fff; border-radius: 10px; padding: 0.4005rem 0.267rem; z-index: 999; border: 1px solid #eef1f5; box-shadow: 0 0.0801rem 0.267rem #eff3f6; }
.app-section.fixed-bottom { bottom: 1.8005rem; transition: 0.2s; }
.app-section .logo-icon { width: 1.2816rem; height: 1.2816rem; border: 1px solid #fff; border-radius: 0.267rem; background: url(/static/m/img/box/app-icon.png); background-size: 100%; }
.app-section .container { box-sizing: border-box; display: flex; min-width: 0; flex-direction: column; justify-content: space-between; height: 1.2816rem; margin-left: 0.267rem; padding: 0.0534rem 0; flex: 1; }
.app-section .container .title { font-size: 0.4539rem; font-family: Alimama ShuHeiTi-Bold, Alimama ShuHeiTi; font-weight: bold; color: #fff; line-height: 1; }
.app-section .quanwan { width: 2.2695rem; height: 0.8544rem; background: #ff5c00; border-radius: 0.4539rem; opacity: 1; color: #fff; font-size: 0.3738rem; font-family: PingFang SC-Semibold, PingFang SC; font-weight: 600; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; }
.app-section .container .type-list { display: flex; }
.app-section .container .type-list .type-item { font-size: 0.267rem; border-radius: 0.1068rem; padding: 0.1068rem 0.1602rem; margin-right: 0.1869rem; white-space: nowrap; background: #089359; color: #fff; }
.fixed-bottom.app-section .logo-icon { flex: 0 0 1.7088rem; width: 1.7088rem; height: 1.7088rem; }
.fixed-bottom.app-section .container { height: 1.6554rem; margin-left: 0.267rem; flex: 1; min-width: 0; }
.fixed-bottom.app-section .container .title { font-size: 0.534rem; color: #333; }
.fixed-bottom.app-section .container .type-list .type-item { font-size: 0.2937rem; padding: 0.0601rem 0.0835rem; border: 0.0267rem solid #ff5c00; background: #fff; color: #ff5c00; }
.fixed-bottom.app-section .container .type-list .type-item:nth-child(3) { display: none; }
.fixed-bottom.app-section .quanwan { width: 2.203rem; height: 0.968rem; font-size: 0.4005rem; border-radius: 0.534rem; background: #ff5c00; }
.modal { display: none; top: 0; width: 100%; height: 100vh; position: fixed; background: #000; z-index: 999; opacity: 0.8; background-image: url("/static/m/img/box/mengb-qq.png"); background-position: top center; background-size: contain; background-repeat: no-repeat; }
.footer {text-align: center;padding: 15px;     }
.footer p {line-height: 1.5;color: #333;font-size: 12px;margin: 5px 0;}