.bottom[data-v-f2449e12] {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: -.1rem;
    z-index: 2;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 -.2rem 1rem 0 rgba(0,0,0,.06)
}

.bottom .flex-bom[data-v-f2449e12] {
    height: 11.6rem;
    justify-content: space-around!important
}

.item[data-v-f2449e12] {
    flex: 1;
    color: hsla(0,0%,100%,.35);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: .5rem;
    position: relative;
    height: 11.6rem
}

.item.center img[data-v-f2449e12] {
    width: 9rem;
    height: 9rem;
    transform: translateY(-1rem);
    border-radius: 10rem
}

.item.center p[data-v-f2449e12] {
    display: none
}

.item .img-box[data-v-f2449e12] {
    top: 2.3rem;
    position: absolute
}

.item .img-box .imgc[data-v-f2449e12] {
    width: 4.2rem;
    height: 4.2rem
}

.item .img-box .imgf[data-v-f2449e12] {
    transform: translateY(-1.4rem);
    width: 7rem;
    height: 7rem
}

.item .img-box .img-ball[data-v-f2449e12] {
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translate(-50%,-64%)
}

.item .img-box .ballactive[data-v-f2449e12] {
    animation: kserr-f2449e12 1s linear
}

@keyframes kserr-f2449e12 {
    0% {
        transform: translate(-50%,-64%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-64%) rotate(2turn)
    }
}

.item .hand-img[data-v-f2449e12] {
    transform: translateY(-.3rem)
}

.item .item-pone[data-v-f2449e12] {
    margin-top: 5.5rem;
    font-size: 2.4rem
}

.img-wrap[data-v-f2449e12] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10rem;
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%)
}

img[data-v-f2449e12] {
    width: 3.6rem;
    height: 3.6rem
}

.iconfont[data-v-f2449e12] {
    font-size: 2.4rem;
    margin-bottom: 2rem
}

.active[data-v-f2449e12] {
    font-weight: 600;
    color: #000;
    position: relative;
    z-index: -1
}

.active .img-wrap img[data-v-f2449e12] {
    width: 4.6rem;
    height: 4.6rem
}

.active .iconfont[data-v-f2449e12] {
    color: #333
}

.mine-popup-left[data-v-f2449e12].van-popup {
    width: 81vw;
    padding: 0;
    box-sizing: border-box;
    min-height: 100vh;
    background: #fff
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    color: #fff
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup {
    border-radius: 10px;
    width: 94%;
    margin-left: 3%;
    margin-bottom: 10px;
    padding: 25px 15px 15px;
    box-sizing: border-box;
    text-align: left
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup .signout-content .van-icon {
    font-size: 20px;
    color: #2852e5;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    background: rgba(40,82,229,.05)
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup .signout-content h3 {
    margin: 0 0 5px;
    font-weight: 900
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup .signout-content p {
    margin-bottom: 15px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup .signout-content .van-checkbox__icon {
    border-radius: 2px;
    overflow: hidden
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup .signout-content .van-checkbox__label {
    color: #fff;
    font-weight: 700
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup .signout-content .btn-wrap {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-around
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup .signout-content .btn-wrap .confirm {
    background: linear-gradient(90deg,#2852e5,#2852e5)
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup .signout-content .btn-wrap .confirm .van-button__text {
    color: #fff
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup .signout-content .btn-wrap .cancel {
    background: rgba(40,82,229,.05)
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup .signout-content .btn-wrap .van-button {
    flex: 0 1 40%;
    height: 40px;
    line-height: 40px;
    border-radius: 6px!important;
    margin-top: 15px!important;
    box-shadow: none!important
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .signout-wrap::v-deep.van-popup .signout-content .btn-wrap .van-button .van-button__text {
    font-size: 16px!important
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head {
    width: 100%;
    margin: 0 auto;
    padding: 35px 15px 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .recharge-wrap {
    position: absolute;
    top: 35px;
    right: 15px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .recharge-wrap .recharge-item {
    display: flex;
    align-items: center;
    background: #e1f4ff;
    border-radius: 100px;
    padding: 3px 10px;
    font-weight: 600;
    font-size: 14px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .recharge-wrap .recharge-item:nth-of-type(2) {
    margin-top: 10px;
    background: #fff5d5
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .recharge-wrap .recharge-item img {
    width: 27px;
    height: 27px;
    margin-left: 5px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .help-wrap {
    margin-bottom: 15px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .help-wrap p {
    font-weight: 700
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .help-wrap .red {
    position: relative;
    z-index: 1
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .help-wrap .red:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 20px;
    width: 4px;
    height: 4px;
    background: red;
    border-radius: 100%
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .help-wrap .flex img {
    width: 22px;
    height: 22px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .help-wrap .flex img:nth-of-type(2) {
    margin-left: 10px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .user-text {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    margin: 10px 0;
    position: relative;
    justify-content: flex-start!important
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .user-text .position-bar {
    position: absolute;
    top: 0;
    right: -3vw;
    padding: 0 10px;
    height: 37px;
    line-height: 37px;
    background: #ffba1c;
    border-radius: 100px 0 0 100px;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .user-text .position-bar .van-icon {
    animation: mymoveac-f2449e12 1s infinite
}

@keyframes mymoveac-f2449e12 {
    0% {
        opacity: .1
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .1
    }
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .user-text .user-text-logo {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border-radius: 100px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .user-text .user-text-item {
    flex: 1
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .user-text .user-text-item p {
    font-size: 14px;
    font-weight: 900;
    line-height: 30px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .user-text .user-text-item span {
    font-size: 12px;
    line-height: 19px;
    color: #999
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .head .user-text .user-name {
    font-size: 18px;
    margin: 2px 0
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mymine {
    width: 100%;
    margin: 15px auto 0
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mymine .after {
    margin-top: 15px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mymine .after:after {
    width: 100%;
    height: 1px;
    transform: scaleY(.5);
    background: hsla(0,0%,100%,.5)
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mymine .mymine-box {
    padding: 13px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mymine .mymine-box .mymine-box-div {
    display: flex;
    align-items: center
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mymine .mymine-box .mymine-box-div .mymine-box-p {
    margin-left: 12px;
    font-weight: 500
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mymine .mymine-box .mymine-box-div img {
    width: 22px;
    height: 22px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mymine .mymine-box .van-icon {
    opacity: 0
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .assets-wrap {
    margin-bottom: 20px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .assets-wrap .assets-item {
    flex: 1;
    font-weight: 500
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .assets-wrap .assets-item p {
    font-size: 16px;
    font-weight: 600
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .assets-wrap .assets-item span {
    font-size: 12px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .coupon-card-wrap {
    width: calc(100% - 30px);
    margin: 0 auto;
    height: 65px;
    padding: 10px 15px;
    box-sizing: border-box;
    background: linear-gradient(270deg,#717d91,#424b56);
    border-radius: 10px 10px 0 0;
    margin-bottom: 15px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .coupon-card-wrap img {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .coupon-card-wrap .content {
    color: #fff;
    text-align: left;
    font-size: 14px;
    flex: 1
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .coupon-card-wrap .content p {
    font-weight: 500;
    margin-bottom: 5px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .coupon-card-wrap .content span {
    font-size: 12px;
    background: #fff;
    border-radius: 100px;
    padding: 1px 10px;
    color: #424b56
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mine-top-nav {
    padding: 0 15px;
    box-sizing: border-box;
    background: rgba(0,0,0,.4)
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mine-top-nav .nav-item {
    flex: 0 1 33%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    border-radius: 8px;
    padding: 10px 5px;
    box-sizing: border-box;
    position: relative;
    text-align: center
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mine-top-nav .nav-item p {
    font-weight: 500;
    font-size: 14px
}

.mine-popup-left[data-v-f2449e12].van-popup .mine-page .mine-top-nav .nav-item img {
    width: 30px;
    height: 30px
}

.homepage[data-v-d84df0f0] {
    min-height: 100vh;
    padding: 0 0 20rem
}

.homepage .nav-top[data-v-d84df0f0] {
    width: 100%;
    height: 12rem;
    background: #008d42;
    padding-top: 5rem
}

.homepage .nav-top p[data-v-d84df0f0] {
    color: #fff;
    font-size: 3.6rem;
    font-weight: 500
}

.homepage .welcomei[data-v-d84df0f0] {
    padding: 3.6rem 3rem 3.6rem;
    position: relative
}

.homepage .welcomei .vipbox[data-v-d84df0f0] {
    position: absolute;
    right: 6rem;
    top: 1rem;
    width: 15.48rem;
    height: 13.56rem;
    padding-top: 3.5rem;
    background: url(../img/2.7f0d2569.png) no-repeat top/100% auto
}

.homepage .welcomei .vipbox .level[data-v-d84df0f0] {
    font-size: 4rem;
    font-family: HelveticaNeue;
    font-style: italic;
    text-shadow: 0 .4rem .4rem rgba(0,0,0,.1);
    background: linear-gradient(109.729014786deg,#fdfdec,#f5df76);
    -webkit-background-clip: text;
    font-weight: 700;
    -webkit-text-fill-color: transparent
}

.homepage .welcomei .toplogo[data-v-d84df0f0] {
    text-align: left
}

.homepage .welcomei .toplogo .bergele .julius[data-v-d84df0f0] {
    font-size: 4.3rem;
    color: #333;
    margin-bottom: 1.5rem;
    font-weight: 600;
    transform: skewX(-10deg)
}

.homepage .welcomei .toplogo .bergele .amuist[data-v-d84df0f0] {
    font-size: 3.6rem;
    color: #008d42;
    font-weight: 600
}

.homepage .welcomei .toplogo .imgi[data-v-d84df0f0] {
    width: 12rem;
    height: auto
}

.homepage .welcomei .currenti[data-v-d84df0f0] {
    align-items: flex-start
}

.homepage .welcomei .currenti .left[data-v-d84df0f0] {
    text-align: left;
    width: 60%
}

.homepage .welcomei .currenti .left .current[data-v-d84df0f0] {
    font-size: 2.4rem;
    color: #999;
    margin-bottom: 1.6rem
}

.homepage .welcomei .currenti .left .waiui[data-v-d84df0f0] {
    display: flex
}

.homepage .welcomei .currenti .left .todayi[data-v-d84df0f0] {
    display: flex;
    align-items: center;
    background: rgba(0,141,66,.1);
    padding: 1.6rem 1.5rem;
    border-radius: .4rem
}

.homepage .welcomei .currenti .left .todayi span[data-v-d84df0f0] {
    font-size: 2.4rem;
    color: #008d42
}

.homepage .welcomei .currenti .left .todayi p[data-v-d84df0f0] {
    font-size: 2.6rem;
    font-weight: 600;
    margin-left: .8rem;
    color: #008d42
}

.homepage .welcomei .currenti .right[data-v-d84df0f0] {
    display: flex;
    align-items: center;
    background: #f4f4f4;
    padding: 2rem 2rem;
    border-radius: 1rem
}

.homepage .welcomei .currenti .right img[data-v-d84df0f0] {
    width: 8rem;
    height: auto;
    margin-right: 1.5rem
}

.homepage .welcomei .currenti .right p[data-v-d84df0f0] {
    font-size: 3.2rem;
    color: #ff2d2f;
    font-weight: 600
}

.homepage .welcomei .recharbox[data-v-d84df0f0] {
    margin-top: 3rem
}

.homepage .welcomei .recharbox .leftto[data-v-d84df0f0] {
    background: #f4f4f4;
    display: flex;
    align-items: center;
    padding: 2.4rem 3rem;
    border-radius: .6rem
}

.homepage .welcomei .recharbox .leftto .imggo[data-v-d84df0f0] {
    width: 9rem;
    height: auto;
    margin-right: 2rem
}

.homepage .welcomei .recharbox .leftto .goarrow p[data-v-d84df0f0] {
    font-size: 3.2rem;
    font-weight: 600;
    color: #008d42;
    margin-bottom: 1rem
}

.homepage .welcomei .recharbox .leftto .goarrow .iconto[data-v-d84df0f0] {
    display: flex;
    align-items: center;
    background: #008d42;
    padding: 1.2rem 2rem 1.2rem 3.5rem;
    border-radius: .4rem
}

.homepage .welcomei .recharbox .leftto .goarrow .iconto span[data-v-d84df0f0] {
    font-size: 2.6rem;
    font-weight: 500;
    color: #fff;
    margin-right: .5rem
}

.homepage .welcomei .recharbox .leftto .goarrow .iconto i[data-v-d84df0f0] {
    color: #fff;
    font-size: 2.7rem;
    transform: translateY(.1rem)
}

.homepage .welcomei .recharbox .leftto .lastiy p[data-v-d84df0f0] {
    color: #b90082
}

.homepage .welcomei .recharbox .leftto .lastiy .iconto[data-v-d84df0f0] {
    background: #b90082
}

.homepage .imgcon[data-v-d84df0f0] {
    position: relative
}

.homepage .imgcon img[data-v-d84df0f0] {
    width: 100%;
    height: auto
}

.homepage .imgcon .innovati[data-v-d84df0f0] {
    position: absolute;
    left: 3rem;
    bottom: -2rem
}

.homepage .imgcon .innovati p[data-v-d84df0f0] {
    text-align: left;
    font-size: 3.6rem;
    color: #0c51a1;
    font-weight: 600
}

.homepage .imgcon .unmatch[data-v-d84df0f0] {
    position: absolute;
    right: 3rem;
    bottom: -5rem
}

.homepage .imgcon .unmatch p[data-v-d84df0f0] {
    text-align: left;
    font-size: 3.6rem;
    color: #0c51a1;
    font-weight: 600
}

.homepage .plcstan[data-v-d84df0f0] {
    font-size: 3rem;
    color: #666;
    margin: 6rem 0 3.6rem;
    text-align: left;
    padding: 0 3rem
}

.homepage .lasttow[data-v-d84df0f0] {
    margin: 9rem 0 3.6rem
}

.homepage .manimgi[data-v-d84df0f0] {
    position: fixed;
    right: 1rem;
    bottom: 32rem
}

.homepage .manimgi img[data-v-d84df0f0] {
    display: block;
    width: 10rem;
    height: auto;
    margin-bottom: 2rem
}

.homepage .imgmani[data-v-d84df0f0] {
    width: 100%;
    height: auto
}

[data-v-d84df0f0] .newsbox {
    border-radius: 3.4rem;
    overflow-y: visible;
    width: 69rem;
    padding: 2rem 0 2rem
}

[data-v-d84df0f0] .newsbox .imgtop {
    width: 25rem;
    height: auto
}

[data-v-d84df0f0] .newsbox .newscontent {
    padding: 0 2.5rem
}

[data-v-d84df0f0] .newsbox .newscontent .seacar {
    font-size: 3.4rem;
    color: #666;
    font-weight: 600
}

[data-v-d84df0f0] .newsbox .newscontent .textuis {
    font-size: 2.6rem;
    text-align: left;
    margin-top: 1.5rem;
    font-weight: 500;
    color: #666
}

[data-v-d84df0f0] .newsbox .newscontent .textuis p {
    color: #666
}

[data-v-d84df0f0] .newsbox .newscontent .textuis a {
    color: #ffda00
}

[data-v-d84df0f0] .newsbox .newscontent .confirmi {
    width: 60rem;
    height: 9rem;
    background: linear-gradient(315deg,#00c451,#00e489);
    background: #ffda00;
    border-radius: 1.6rem;
    margin-top: 2rem;
    font-size: 3.2rem;
    font-family: Helvetica-Bold,Helvetica;
    color: #0b060a;
    font-weight: 700;
    margin-top: 4rem
}

[data-v-d84df0f0] .newsbox .telboxit,[data-v-d84df0f0] .newsbox .telboxit .jointel {
    display: flex;
    align-items: center;
    justify-content: center
}

[data-v-d84df0f0] .newsbox .telboxit .jointel {
    border: .2rem solid #00c451;
    border-radius: 5rem;
    padding: .5rem 0;
    width: 40%
}

[data-v-d84df0f0] .newsbox .telboxit .jointel p {
    font-size: 3rem;
    font-weight: 600;
    color: #333;
    margin-left: 2rem;
    color: #00c451
}

[data-v-d84df0f0] .newsbox .telboxit .jointel img {
    width: 6rem;
    height: auto
}

[data-v-d84df0f0] .newsbox .telboxit .lastjoin {
    border: .2rem solid #1296db
}

[data-v-d84df0f0] .newsbox .telboxit .lastjoin p {
    color: #1296db
}

[data-v-d84df0f0] .newsbox .closebox {
    position: absolute;
    right: 2rem;
    top: 2rem;
    color: #999;
    font-size: 6rem
}

[data-v-d84df0f0] .checkboxot {
    background: url(../img/7.69bd02ba.png) no-repeat;
    background-size: cover;
}

[data-v-d84df0f0] .checkboxot .checkino {
    font-size: 3.6rem;
    font-weight: 600;
    color: #000
}

[data-v-d84df0f0] .checkboxot .congratul {
    margin-top: 3rem;
    color: #666
}

[data-v-d84df0f0] .checkboxot .amountn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem
}

[data-v-d84df0f0] .checkboxot .amountn img {
    width: 6rem;
    height: auto;
    margin-right: .5rem
}

[data-v-d84df0f0] .checkboxot .amountn p {
    font-size: 5rem;
    color: #ff7b00;
    font-weight: 600
}

[data-v-d84df0f0] .checkboxot .btnfirm {
    background: #008d42;
    color: #fff;
    font-size: 3.5rem;
    font-weight: 500;
    width: 100%;
    margin-top: 5rem;
    padding: 2rem 0
}

[data-v-d84df0f0] .checkboxot .closebox {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10rem;
    color: #fff;
    font-size: 7rem
}