html, body { height: 100%; padding: 0; margin: 0; overflow: hidden; }

body { color: #1d2129; }

body div { box-sizing: border-box; }

body img { display: block; }

body .index { height: 100%; overflow: auto; padding: 1.493rem 0 1.92rem 0; }

body .index .header { width: 100%; height: 1.493rem; background-color: #ffffff; padding: 0 0.533rem 0 0.267rem; box-shadow: 0 2px 6px 0 rgba(29, 33, 41, 0.1); display: flex; align-items: center; position: fixed; top: 0; left: 0; z-index: 8; }

body .index .header-menu-icon { width: 0.533rem; height: 0.533rem; }

body .index .header-menu-icon--wrap { width: 0.8rem; height: 0.8rem; display: flex; justify-content: center; align-items: center; }

body .index .header-logo { width: 4.8rem; object-fit: contain; position: absolute; left: calc((100% - 4.8rem) / 2); }

body .index .footer { background-color: #ffffff; padding: 1.067rem 0.533rem; display: flex; flex-direction: column; font-size: 0.373rem; line-height: 0.533rem; }

body .index .footer .wechat { margin-bottom: 0.533rem; display: flex; align-items: center; }

body .index .footer .wechat-icon { width: 0.533rem; height: 0.533rem; margin-left: 0.213rem; color: #93979F; transition: color 0.3s; cursor: pointer; }

body .index .footer-menu { margin-bottom: 0.64rem; }

body .index .footer-menu-item-header { height: 1.28rem; display: flex; justify-content: space-between; align-items: center; font-size: 0.373rem; line-height: 0.533rem; }

body .index .footer-menu-item-header a { width: 100%; height: 100%; text-decoration: none; font-size: 0.373rem; color: inherit; line-height: 0.533rem; display: flex; align-items: center; }

body .index .footer-menu-item-header img { width: 0.427rem; height: 0.427rem; transform: rotate(90deg); transition: all 0.3s; }

body .index .footer-menu-item-header.hidden img { transform: rotate(0); }

body .index .footer-menu-item__inner { display: flex; flex-direction: column; transition: all 0.3s; }

body .index .footer-menu-item__inner-item { text-decoration: none; padding: 0 0.533rem; display: flex; align-items: center; height: 1.28rem; font-size: 0.373rem; color: inherit; line-height: 0.533rem; transition: all 0.3s; }

body .index .footer-menu-item__inner.hidden .footer-menu-item__inner-item { height: 0; opacity: 0; }

body .index .footer .info { margin-bottom: 0.8rem; font-size: 0.373rem; color: #4E5969; line-height: 0.533rem; }

body .index .footer .info div + div { margin-top: 0.32rem; }

body .index .footer .link { text-decoration: none; font-size: 0.373rem; color: #4E5969; line-height: 0.533rem; }

body .index .footer .link + .link { margin-left: 0.427rem; }

body .index .footer .link-wrap { margin-bottom: 8px; display: flex; }

body .index .footer .icp { color: inherit; }

body .index .footer .icp--wrap { width: calc(100% - 2.347rem); margin-bottom: 0.107rem; font-size: 0.32rem; color: #7a7a7a; line-height: 0.48rem; }

body .index .footer .copyright { width: calc(100% - 2.347rem); font-size: 0.32rem; color: #7a7a7a; line-height: 0.48rem; }

body .index .set-top { background-color: #ffffff; border-radius: 50%; box-shadow: 0 0 20px 0 rgba(29, 33, 41, 0.1); display: flex; justify-content: center; align-items: center; position: fixed; right: 0.64rem; bottom: 5.307rem; opacity: 0; transition: all 0.3s; cursor: pointer; z-index: 8; }

body .index .set-top svg { width: 0.64rem; line-height: 0.64rem; color: #7a7a7a; }

body .drawer { width: 0; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; display: flex; opacity: 0; transition: all 0.3s; overflow-y: hidden; }

body .drawer-body { width: 6.88rem; height: 100%; background-color: #ffffff; display: flex; flex-direction: column; }

body .drawer-body-header { height: 1.6rem; padding: 0 0.533rem; display: flex; align-items: center; }

body .drawer-body-content { flex: 1; overflow-y: auto; }

body .drawer-body-item { text-decoration: none; height: 1.6rem; padding: 0 1.28rem; display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: inherit; line-height: 20px; }

body .drawer-body-item.sub-menu { padding: 0 0.533rem 0 1.28rem; transition: all 0.1s; }

body .drawer-body-item.sub-menu img { width: 0.427rem; height: 0.427rem; transition: all 0.3s; }

body .drawer-body-item.sub-menu.expanded { background-color: #F3F5F7; }

body .drawer-body-item.sub-menu.expanded img { transform: rotate(90deg); }

body .drawer-body-item.sub-menu-a-child, body .drawer-body-item.sub-menu-b-child { transition: all 0.3s; height: 0; opacity: 0; }

body .drawer-body-item.sub-menu-a-child.expanded, body .drawer-body-item.sub-menu-b-child.expanded { height: 1.28rem; opacity: unset; }

body .drawer-close { width: 0.427rem; height: 0.427rem; }

body .drawer-close--wrap { width: 0.693rem; height: 0.693rem; display: flex; justify-content: center; align-items: center; }

body .drawer-mask { flex: 1; height: 100%; background-color: rgba(29, 33, 41, 0.6); }

body .tippy-tooltip { background-color: #ffffff; padding: 0; border-radius: 4px; }

body .tippy-content { padding: 0; box-shadow: 0 -3px 6px 0 rgba(29, 33, 41, 0.1); }

body .tippy-content .qrcode { width: 140px; height: 140px; }

body .tippy-arrow { border-top-color: #ffffff !important; bottom: -16px !important; }

.contact { width: 100%; height: 1.92rem; background: #fff1dc; padding: 0 0.427rem; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0; z-index: 1; }
.contact-content { width: 100%; height: 1.067rem; background: linear-gradient(180deg, #ffc155 0%, #fd9b08 100%); border-radius: 0.587rem; display: flex; align-items: center; justify-content: center; }
.contact-content-icon { margin-right: 0.213rem; display: flex; font-size: 0.64rem; color: #fff; }
.contact-content-text { font-size: 0.373rem; color: #fff; line-height: 0.533rem; }