.wraper {
    width: 100%;
    height: 100%
}

.ant-menu, .ant-menu-sub, .ant-menu-inline {
    color: #999;
    background-color: #0000 !important
}

.header {
    width: 100%;
    height: 80px;
    text-align: center;
    background-color: #000
}

.header_memu {
    display: inline
}

.header_logo {
    margin-right: 20vw
}

.header_getapp_btn {
    margin-left: 20vw;
    width: 120px;
    color: #000;
    border-radius: 8px;
    border: 0px;
    background-color: #2ecb91;
    /*background-color: #fdc87a;*/
    height: 35px;
    line-height: 35px;
    font-weight: 500
}

.ant-menu-overflow {
    text-align: center;
    display: block;
    height: 80px;
    padding-top: 15px
}

.page01 {
    width: 100%;
    height: 680px;
    /*background-color: #f3ebe2;/*/
    background-color: #2ecb91;
    padding-left: 5vw;
    padding-right: 5vw;
    justify-content: space-around;
    display: inline-flex
}

#page01_left_content {
    padding-top: 120px
}

#page01_right_content {
    padding-top: 90px
}

.page01_left_img {
    display: block
}

#page01_textimg {
    width: 35.25rem;
    height: 14.125rem
}

#page01_text {
    font-size: 24px;
    font-weight: 600;
    height: 72px;
    width: 489px
}

#page01_googleplaylay {
    width: 15.625rem;
    height: 4rem;
    margin-top: 50px
}

#page01_trend {
    width: 72px;
    height: 44px;
    margin-left: 62%;
    bottom: 20%;
    position: relative
}

#page01_people {
    /*width: 652px;*/
    height: 36.75rem
}

.page02 {
    height: 760px;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    justify-content: space-around
}

#page02_left_content {
    padding-top: 50px
}

#page02_right_content {
    padding-top: 100px;
    display: block
}

#page02_right_content_title {
    font-size: 48px;
    font-weight: 700
}

#page02_icon04 {
    position: relative;
    bottom: 76px;
    left: 267px;
    z-index: -1
}

.page02_img_text_container {
    display: flex;
    padding-bottom: 80px
}

.page02_text {
    padding-left: 20px
}

.page02_text_bold {
    font-weight: 700;
    font-size: 24px;
    margin: 0
}

.page02_icon {
    display: inline
}

.page03 {
    width: 100%;
    /*background-color: #fdf4ea;*/
    background-color: #2ecb91;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 120px
}

#page03_content {
    display: inline-flex;
    justify-content: space-around;
    width: 100%
}

#page03_inside_content {
    height: 550px;
    width: inherit;
    /*background-color: #fee6c3;*/
    background-color: #20b981;
    display: inline-flex;
    margin-top: 140px
}

#page03_title {
    font-size: 48px;
    font-weight: 600
}

.page03_text {
    width: 450px;
    height: 64px;
    line-height: 64px;
    background-color: #fff;
    padding-left: 24px;
    margin-bottom: 32px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600
}

#page03_left_content {
    padding: 80px
}

#page03_right_content {
    position: relative;
    bottom: 90px
}

#page03_icon02 {
    position: relative;
    top: 490px
}

#page04_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 100px;
    height: 440px;
    margin-top: 120px;
    width: 100%;
    background: url(./bg.566d5832.png);
    background-size: cover;

p {
    font-weight: 600;
    font-size: 48px;
    color: #160D07;
    line-height: 48px;
}

.info {
    font-weight: bold;
    font-size: 24px;
    color: #160D07;
    margin-bottom: 72px;
}

.jump {
    width: 60%;
    background: #fff;
    border-radius: 8px;
    margin: 0 195px;
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 34px;

span {
    font-weight: 500;
    font-size: 20px;
    color: #160D07;
}

a {
    height: 40px;
    padding: 0 30px;
    background: #2ecb91;
    /*background: #FDC87A;*/
    border-radius: 8px;
    font-size: 24px;
    color: #160D07;
    font-weight: bold;
}

}
}
.footer {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: space-evenly;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #000
}

.footer_content {
    color: #fff;
    font-size: 16px
}

.footer_text_bold {
    font-size: 20px;
    font-weight: 600
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected:after {
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected {
    color: #fff !important
}