.home-banner[data-v-170c0886] {
    padding: .50667rem 0;
    background: url(../../static/img/bannerbg.bc93f44c.png) 50% no-repeat;
    background-size: 100% 100%
}

.home-notice[data-v-170c0886] {
    position: relative;
    margin-top: .26667rem
}

.home-notice[data-v-170c0886]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .10667rem;
    background: url(../../static/img/linebg.ca150a7a.png) 50% no-repeat;
    background-size: 100% 100%
}

.home-notice .van-notice-bar[data-v-170c0886] {
    padding: 0
}

.card-con[data-v-27ff805d] {
    margin: .53333rem 0 .72rem;
    display: flex;
    padding-top: .16rem;
    background: url(../../static/img/invitebg.9453dfe1.png) 50% no-repeat;
    background-size: 100% 100%
}

.card-con .card-info[data-v-27ff805d] {
    position: relative;
    flex: 0 0 50%;
    padding: .42667rem .37333rem 1.38667rem
}

.card-con .card-info[data-v-27ff805d]:first-child {
    border-right: .02667rem solid rgba(100, 108, 255, .4)
}

.card-con .card-info .info-name[data-v-27ff805d] {
    width: 2.4rem;
    font-size: .37333rem;
    color: #fff;
    line-height: .37333rem
}

.card-con .card-info .info-desc[data-v-27ff805d] {
    width: 2.4rem;
    margin-top: .21333rem;
    font-size: .32rem;
    line-height: .37333rem;
    color: hsla(0, 0%, 100%, .6)
}

.card-con .card-info img[data-v-27ff805d] {
    position: absolute;
    bottom: .16rem;
    right: .34667rem;
    width: 2.13333rem;
    height: 2.13333rem
}

.home-video[data-v-6cd948c4] {
    width: 100%;
    aspect-ratio: 1.93785311;
    padding: .45333rem .26667rem;
    background: url(../../static/img/bg-video.84478bf3.png) no-repeat;
    background-size: 100% 100%;
    position: relative
}

.home-video .title[data-v-6cd948c4] {
    position: absolute;
    top: -.21333rem;
    left: 50%;
    transform: translate(-50%);
    color: #fff;
    font-size: .32rem
}

.home-video .cover[data-v-6cd948c4] {
    width: 92%;
    height: 82%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100
}

.home-video .play[data-v-6cd948c4] {
    width: 1.06667rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101
}

.home-video video[data-v-6cd948c4] {
    width: 100%;
    height: 100%
}

.notice_popup[data-v-33acf8e5] {
    background: none;
    overflow: hidden;
    width: 80%;
    z-index: 999999999
}

.notice_popup .van-popup__close-icon--top-right[data-v-33acf8e5] {
    top: 0;
    right: 0
}

.notice_popup .popup[data-v-33acf8e5] {
    max-width: 8rem;
    margin: 0 auto;
    padding-top: 37.3%;
    background-image: url(../../static/img/home_notice_top_bg.55d5bea6.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
    background-color: #101533;
    border-radius: .32rem;
    border: .02667rem solid rgba(100, 108, 255, .32);
    overflow: hidden
}

.notice_popup .notice_pop[data-v-33acf8e5] {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    color: #333;
    line-height: 1.1;
    position: relative;
    background-color: #101533;
    border-radius: .32rem
}

.notice_popup .notice_pop .n_p_bg[data-v-33acf8e5] {
    width: 100%;
    height: auto
}

.notice_popup .conter_box[data-v-33acf8e5] {
    font-family: PingFang SC
}

.notice_popup .conter_box-con[data-v-33acf8e5] {
    padding: .3rem .4rem 0
}

.notice_popup .conter_box .btn-con[data-v-33acf8e5] {
    width: 100%;
    display: flex;
    align-items: center
}

.notice_popup .conter_box .btn-con .tab-btn[data-v-33acf8e5] {
    flex: 1;
    padding: .4rem 0;
    text-align: center;
    color: #00c7e9;
    font-family: PingFang SC;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em
}

.notice_popup .conter_box .btn-con .tab-btn[data-v-33acf8e5]:first-child {
    color: #000
}

.notice_popup .conter_box .btn-con .tab-btn.disable[data-v-33acf8e5] {
    color: #e4e4e4
}

.notice_popup .conter_box .richText[data-v-33acf8e5] {
    width: 100%;
    height: 9rem;
    overflow-y: auto
}

.notice_popup .conter_box .richText .title[data-v-33acf8e5] {
    flex-shrink: 0;
    color: #fff;
    font-size: .36rem;
    line-height: 1.2em
}

.notice_popup .conter_box .richText .n_p_conter[data-v-33acf8e5] {
    margin-top: .2rem;
    width: 100%;
    position: relative;
    z-index: 2006;
    line-height: .45rem;
    color: #fff;
    font-size: .28rem
}

.notice_popup .conter_box .richText[data-v-33acf8e5] img,
.notice_popup .conter_box .richText[data-v-33acf8e5] video {
    max-width: 100% !important;
    height: auto !important
}

.notice_popup .close_icon[data-v-33acf8e5] {
    margin-top: .2rem;
    display: flex;
    justify-content: center;
    z-index: 2006;
    position: relative
}

.notice_popup .close_icon img[data-v-33acf8e5] {
    width: .6rem;
    height: .6rem
}

.notice_popup[data-v-33acf8e5] .van-tabs__wrap {
    display: none
}

.market-list {
    min-height: 4rem
}

.market-list .market-load {
    padding: 1rem 0;
    text-align: center
}

.page-home-card li {
    height: 3.84rem;
    background-repeat: no-repeat;
    background-size: contain
}

.page-home-card li.invite {
    background-image: url(../../static/img/bg_invite.5097160c.png)
}

.page-home-card li.task {
    background-image: url(../../static/img/bg_task.364e55e9.png)
}

.page-home-card li.level {
    background-image: url(../../static/img/bg_level.7e9a0454.png)
}

.page-home-market-tab {
    margin: .53333rem 0 .37333rem;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(90deg, #111427, #1c2458 50%, #111427)
}

.page-home-market-tab li {
    height: 1.17333rem;
    flex: 1;
    font-size: .37333rem;
    color: #f0f8ff;
    text-align: center;
    line-height: 1.17333rem
}

.page-home-market-tab .active {
    background: url(../../static/img/tabbg.a933a3f0.png) 50% no-repeat;
    background-size: 100% 100%
}

.page-home-market-content {
    padding: .37333rem .32rem;
    border-radius: .26667rem;
    border: .02667rem solid #646cff;
    background: linear-gradient(180deg, rgba(100, 108, 255, .12), rgba(100, 108, 255, 0))
}

.page-home-market-content .market-title {
    margin-bottom: .26667rem;
    display: flex;
    font-size: .32rem;
    color: hsla(0, 0%, 100%, .6);
    line-height: .37333rem
}

.page-home-market-content .market-title div {
    flex: 0 0 33.3%
}

.page-home-market-content-change {
    padding-left: .32rem;
    position: relative
}

.page-home-market-content-change:after {
    content: "";
    position: absolute;
    top: .16rem;
    left: 0;
    width: 0;
    height: 0
}

.page-home-market-content-change.rise {
    color: #00bc81
}

.page-home-market-content-change.rise:after {
    border-left: .10667rem solid transparent;
    border-right: .10667rem solid transparent;
    border-bottom: .16rem solid #00bc81
}

.page-home-market-content-change.fall {
    color: #f24e53
}

.page-home-market-content-change.fall:after {
    border-left: .10667rem solid transparent;
    border-right: .10667rem solid transparent;
    border-top: .16rem solid #f24e53
}

.page-home-market-content-change.default {
    color: #707e96
}

.page-home-market-content-change.default:after {
    display: none
}

.partner-community {
    padding: .50667rem .37333rem .53333rem;
    background: url(../../static/img/partnerbg.361eaf3c.png) 50% no-repeat;
    background-size: 100% 100%
}

.home-header {
    display: flex;
    padding: .26667rem .42667rem;
    justify-content: space-between
}

.home-header .logo {
    font-size: .42667rem;
    color: #fff;
    line-height: .64rem
}

.home-header .logo img {
    height: .64rem;
    margin-right: .16rem
}

.home-header .icon {
    display: flex
}

.home-header .icon svg {
    width: .53333rem;
    height: .53333rem;
    margin-left: .42667rem
}