.App { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.App { flex-basis: unset; }
}


.lypfy996 { height: 100%; left: 0; top: 0; width: 100vw; min-height: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: scroll; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #FFFFFF; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.lypfy996 { flex-basis: unset; }
}


.cp_86e4a9cc { cursor: inherit; height: 60px; left: 0px; top: 0px; width: 100%; max-width: unset; min-width: unset; position: fixed; right: unset; bottom: unset; display: flex; align-items: flex-start; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; border-style: None; border-color: #F3F3F3; border-radius: 0px; border-width: 0px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_86e4a9cc { height: 60px; width: 100%; max-width: unset; min-width: unset; position: fixed; right: unset; left: 0px; bottom: unset; top: 0px; align-items: flex-start; flex-direction: row; justify-content: space-evenly; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.cp_ce369c2a { height: 60px; left: 967px; top: 0px; width: 150px; position: absolute; background-color: #F3F3F3; border-style: None; border-color: #F3F3F3; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_ce369c2a { flex-basis: unset; }
}


.cp_e6552662 { height: auto; left: 0; top: 0; width: 150px; max-height: unset; min-height: 60px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: #F3F3F3; border-radius: 5px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_e6552662 { flex-basis: unset; }
}


.cp_bd85bac7 { height: auto; left: 0; top: 0; width: 150px; max-height: unset; min-height: 60px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: #F3F3F3; border-radius: 5px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_bd85bac7 { height: auto; max-height: unset; min-height: 60px; width: auto; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.cp_44662446 { cursor: pointer; height: 60px; left: 0; top: 0; width: 100px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: #333333; font-family: HarmonyOS Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; overflow: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_44662446 { height: 60px; width: auto; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.cp_0b4292db { height: auto; left: 0; top: 0; width: 150px; max-height: unset; min-height: 60px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: #F3F3F3; border-radius: 5px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_0b4292db { height: auto; max-height: unset; min-height: 60px; width: auto; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.cp_fb911ec8 { cursor: pointer; height: 60px; left: 0; top: 0; width: 100px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: hidden; gap: 10px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; border-style: None; border-color: #F3F3F3; border-radius: 5px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_fb911ec8 { height: 60px; width: auto; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: hidden; gap: 10px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.cp_0184c435 { cursor: pointer; height: auto; left: 0; top: 0; width: auto; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: #666666; font-family: HarmonyOS Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 13px; font-style: normal; font-weight: 400; line-height: 16px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_0184c435 { flex-basis: unset; }
}


.cp_86f4d980 { cursor: pointer; height: auto; left: 0; top: 0; width: auto; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: #666666; font-family: HarmonyOS Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 13px; font-style: normal; font-weight: 400; line-height: 16px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_86f4d980 { flex-basis: unset; }
}


.cp_e3bbb013 { cursor: pointer; height: 50px; left: 0; top: 0; width: 50px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; background-color: transparent; border-style: None; border-color: #F3F3F3; border-radius: 25px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_e3bbb013 { flex-basis: unset; }
}


.cp_4efef3af { cursor: pointer; height: 60px; left: 0; top: 0; width: 60px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: hidden; gap: 20px; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 10px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_4efef3af { height: 60px; width: 0px; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: hidden; gap: 20px; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.cp_b04e05c5 { cursor: inherit; height: auto; left: 0; top: 0; width: auto; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: #000000; font-family: HarmonyOS Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 25px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_b04e05c5 { flex-basis: unset; }
}


.cp_26201821 { cursor: inherit; height: 160px; left: 0; top: 0; width: 160px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 10px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_26201821 { flex-basis: unset; }
}


.cp_d2b2a0a0 { cursor: inherit; height: 40px; left: 0; top: 0; width: 40px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_d2b2a0a0 { flex-basis: unset; }
}


.cp_8c9e7b18 { cursor: inherit; height: 40px; left: 0; top: 0; width: 265px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: row; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; background-color: #F3f3f3; border-style: solid; border-color: #F3f3f3; border-radius: 5px; border-width: 1px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_8c9e7b18 { height: 40px; width: 0px; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: row; justify-content: start; flex-wrap: nowrap; overflow: hidden; gap: 0px; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.cp_3fe8b436 { cursor: pointer; height: 30px; left: 0; top: 0; width: 30px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 5px 0px 0px; background-color: transparent; border-style: None; border-color: #F3F3F3; border-radius: 5px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_3fe8b436 { flex-basis: unset; }
}


.cp_7f2c307e { height: 100%; left: 0; top: 0; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: #F3F3F3; border-radius: 5px; border-width: 1px; color: #333333; font-family: HarmonyOS Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: left; display: flex; justify-content: flex-start; flex-direction: row; box-shadow: 0px 0px 0px 0px transparent; box-sizing: border-box; padding: 0px 18px; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }

@media (max-width: 600px) {.cp_7f2c307e { flex-basis: 0px; }
}


.cp_1feda5dd { height: 60px; left: 0; top: 0; width: 350px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; border-style: None; border-color: #F3F3F3; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; overflow: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_1feda5dd { height: 60px; width: 200px; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; overflow: auto; flex-grow: unset; flex-basis: unset; }
}


.cp_917efaeb { height: 100%; left: 0; top: 0; width: 70px; max-height: unset; min-height: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: end; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: #F3F3F3; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_917efaeb { height: 100%; max-height: unset; min-height: unset; width: 50px; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: end; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.cp_000e39dd { cursor: inherit; height: 5px; left: 0; top: 0; width: 30px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #e5404f; border-style: None; border-color: #F3F3F3; border-radius: 5px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_000e39dd { flex-basis: unset; }
}


.cp_106c0a53 { cursor: inherit; height: 50px; left: 0; top: 0; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: #F3F3F3; border-radius: 0px; border-width: 0px; color: #000000; font-family: HarmonyOS Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; box-shadow: 0px 0px 0px 0px transparent; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_106c0a53 { font-size: 14px; flex-basis: unset; }
}


.cp_fccf6a4d { height: 100%; left: 0; top: 0; width: 70px; max-height: unset; min-height: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: #F3F3F3; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_fccf6a4d { height: 100%; max-height: unset; min-height: unset; width: 50px; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.cp_e19274cb { cursor: pointer; height: 100%; left: 0; top: 0; width: 100%; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: #F3F3F3; border-radius: 0px; border-width: 0px; color: #666666; font-family: HarmonyOS Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; box-shadow: 0px 0px 0px 0px transparent; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_e19274cb { font-size: 14px; flex-basis: unset; }
}


.cp_b5e25bf8 { cursor: pointer; height: 60px; left: 0; top: 0; width: 30%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: row; justify-content: center; flex-wrap: nowrap; overflow: visible; gap: 10px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; border-style: None; border-color: #F3F3F3; border-radius: 5px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_b5e25bf8 { height: 60px; width: auto; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: row; justify-content: center; flex-wrap: nowrap; overflow: visible; gap: 10px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.cp_1f887504 { cursor: inherit; height: auto; left: 0; top: 0; width: auto; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: #333333; font-family: Youshe Header Heiti,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 30px; font-style: normal; font-weight: 400; line-height: 30px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_1f887504 { height: 100%; max-height: unset; min-height: unset; width: 0px; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.cp_fd57a264 { cursor: inherit; height: auto; left: 0; top: 0; width: auto; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: #333333; font-family: Youshe Header Heiti,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 30px; font-style: normal; font-weight: 400; line-height: 30px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.cp_fd57a264 { line-height: 30px; flex-basis: unset; }
}


.lypg0dkn { height: auto; left: 0; top: 0; width: 60%; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 80px 0px 0px 0px; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 600px) {.lypg0dkn { height: auto; max-height: unset; min-height: unset; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 80px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}