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


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

}


.lody4rl8 { display: flex; justify-content: start; align-items: center; flex-direction: column; flex-wrap: nowrap; row-gap: 10px; column-gap: 10px; height: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgba(209,237,241,1); background-size: cover; overflow-x: auto; overflow-y: auto; width: 100vw; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


@media (max-width: 600px) {.lody4rl8 { display: flex; justify-content: start; align-items: center; flex-direction: column; flex-wrap: nowrap; row-gap: 15px; column-gap: 15px; height: 953px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: auto; overflow-y: auto; width: 100vw; flex-grow: unset; flex-basis: unset; }

}


.m8cyf12m { display: flex; justify-content: start; align-items: center; flex-direction: row; flex-wrap: nowrap; row-gap: 25px; column-gap: 25px; width: 59.900001525878906%; height: auto; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgba(238,247,255,0); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color: transparent; border-style: unset; cursor: inherit; box-shadow:  0px 0px 0px 0px transparent; overflow-x: visible; overflow-y: visible; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


@media (max-width: 600px) {.m8cyf12m { display: flex; justify-content: start; align-items: center; flex-direction: column; flex-wrap: nowrap; row-gap: 25px; column-gap: 25px; width: 83.5999984741211%; height: auto; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: visible; overflow-y: visible; flex-grow: unset; flex-basis: unset; }

}


.m8cyf9t1 { display: flex; justify-content: start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; row-gap: 0px; column-gap: 0px; height: 100%; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; background-color: rgba(255,255,255,0.05); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; border-color: transparent; border-style: unset; cursor: inherit; box-shadow:  0px 0px 0px 0px transparent; overflow-x: visible; overflow-y: visible; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }


@media (max-width: 600px) {.m8cyf9t1 { display: flex; justify-content: start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; row-gap: 0px; column-gap: 0px; width: 100%; height: auto; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; overflow-x: visible; overflow-y: visible; flex-grow: unset; flex-basis: unset; }

}


.cp_d7b5e710 { width: 100%; height: auto; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; background-color: rgba(0,0,0,0); cursor: inherit; opacity: 1; overflow-x: hidden; color: rgba(46,125,50,0.7); overflow: hidden; white-space: break-spaces; word-break: break-word; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


@media (max-width: 600px) {.cp_d7b5e710 { width: 93.4000015258789%; height: auto; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; overflow-x: hidden; flex-grow: unset; flex-basis: unset; }

}


.m8cyj687 { display: block; width: 143px; height: 36px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; background-color: transparent; cursor: inherit; opacity: 1; overflow-x: hidden; color: rgba(46,125,50,1); text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; font-style: normal; font-weight: 400; font-size: 20px; line-height: 28px; font-family: Mi Sans; text-align: left; overflow: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


@media (max-width: 600px) {.m8cyj687 { overflow-x: hidden; flex-basis: unset; }

}


.m8cyf808 { display: flex; justify-content: start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; row-gap: 0px; column-gap: 0px; height: 100%; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; background-color: rgba(255,255,255,0.05); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; border-color: transparent; border-style: unset; cursor: inherit; box-shadow:  0px 0px 0px 0px transparent; overflow-x: visible; overflow-y: visible; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }


@media (max-width: 600px) {.m8cyf808 { display: flex; justify-content: start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; row-gap: 0px; column-gap: 0px; width: 100%; height: auto; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; overflow-x: visible; overflow-y: visible; flex-grow: unset; flex-basis: unset; }

}


.m8cymg71 { width: 99.5999984741211%; height: auto; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; background-color: rgba(0,0,0,0); cursor: inherit; opacity: 1; overflow-x: hidden; color: rgba(46,125,50,0.7); overflow: hidden; white-space: break-spaces; word-break: break-word; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


@media (max-width: 600px) {.m8cymg71 { width: 93.4000015258789%; height: auto; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; overflow-x: hidden; flex-grow: unset; flex-basis: unset; }

}


.m8cyhxae { display: block; width: 114px; height: 36px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; background-color: transparent; cursor: inherit; opacity: 1; overflow-x: hidden; color: rgba(46,125,50,1); text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; font-style: normal; font-weight: 400; font-size: 20px; line-height: 28px; font-family: Mi Sans; text-align: left; overflow: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


@media (max-width: 600px) {.m8cyhxae { width: 114px; height: 36px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; overflow-x: hidden; flex-grow: unset; flex-basis: unset; }

}


.m8dzpf78 { display: flex; justify-content: end; align-items: center; flex-direction: row; flex-wrap: nowrap; row-gap: 0px; column-gap: 0px; width: 59.70000076293945%; height: 81px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgba(238,247,255,0); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color: transparent; border-style: unset; cursor: inherit; box-shadow:  0px 0px 0px 0px transparent; overflow-x: visible; overflow-y: visible; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


@media (max-width: 600px) {.m8dzpf78 { display: flex; justify-content: end; align-items: center; flex-direction: row; flex-wrap: nowrap; row-gap: 0px; column-gap: 0px; width: 84.30000305175781%; height: 81px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: visible; overflow-y: visible; flex-grow: unset; flex-basis: unset; }

}


.cp_2454b9ed { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; background-color: rgba(76,175,80,1); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-color: transparent; border-style: unset; cursor: pointer; box-shadow:  0px 0px 0px 0px transparent; opacity: 1; color: #ffffff; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; font-style: normal; font-weight: 700; font-size: 20px; line-height: 20px; font-family: Mi Sans; text-align: center; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


@media (max-width: 600px) {.cp_2454b9ed { width: 315px; height: 48px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; border-style: solid; cursor: inherit; font-size: 15px; line-height: 15px; flex-grow: unset; flex-basis: unset; }

}


.m8cybnb5 { display: flex; justify-content: space-evenly; align-items: center; flex-direction: row; flex-wrap: nowrap; row-gap: 0px; column-gap: 0px; width: 59.900001525878906%; height: 17.399999618530273%; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgba(238,247,255,0); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color: transparent; border-style: unset; cursor: inherit; box-shadow:  0px 0px 0px 0px transparent; overflow-x: visible; overflow-y: visible; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


@media (max-width: 600px) {.m8cybnb5 { display: flex; justify-content: space-evenly; align-items: center; flex-direction: row; flex-wrap: nowrap; row-gap: 0px; column-gap: 0px; width: 86.30000305175781%; height: 17.399999618530273%; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: visible; overflow-y: visible; flex-grow: unset; flex-basis: unset; }

}


.m8cyc0cb { display: block; box-sizing: border-box; width: 100%; height: 100%; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 18px; padding-left: 18px; background-color: rgba(255,255,255,1); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; border-color: rgba(129,199,132,1); border-style: solid; box-shadow:  0px 0px 0px 0px transparent; color: rgba(102,112,133,1); font-style: normal; letter-spacing: 0px; font-weight: 400; font-size: 16px; font-family: Mi Sans; text-align: left; text-indent: 0px; overflow: hidden; white-space: break-spaces; word-break: break-word;  flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
.m8cyc0cb .__placeholder, .m8cyc0cb ::placeholder { color: rgba(102,112,133,1); flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
.m8cyc0cb .__mixImagePickerBorderStyle { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 600px) {.m8cyc0cb { box-sizing: border-box; width: 98.19999694824219%; height: 106.80000305175781%; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; border-style: solid; color: rgba(102,112,133,1); letter-spacing: 0px; text-indent: 0px;  flex-grow: unset; flex-basis: unset; }
.m8cyc0cb .__placeholder, .m8cyc0cb ::placeholder { flex-basis: unset; }
.m8cyc0cb .__mixImagePickerBorderStyle { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }}


.m8cy7at0 { display: block; width: auto; height: auto; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; background-color: transparent; cursor: inherit; opacity: 1; overflow-x: hidden; color: rgba(46,125,50,1); text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; font-style: normal; font-weight: 400; font-size: 90px; line-height: 90px; font-family: Wendaochao Heiti; text-align: center; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


@media (max-width: 600px) {.m8cy7at0 { cursor: inherit; overflow-x: hidden; font-size: 60px; line-height: 72px; flex-basis: unset; }

}