.member-page{height:100vh;padding-top:.58rem;background-color:#000;overflow:auto}.member-page .membership_card{padding:.2rem .28rem;height:1.58rem;background:url(../img/card_bg.0a0f17af.png) no-repeat;background-size:100% 1.58rem;margin:0 .16rem}.member-page .membership_card h1{font-weight:600;font-size:.22rem;color:#000}.member-page .membership_card span{display:block;font-size:.13rem;color:rgba(0,0,0,.82);transform:translateY(.5rem)}.member-page .purchase{margin-top:-.2rem;background:#e3e3e3;height:100%}.member-page .purchase .broadcast{width:100%;height:.34rem;line-height:.34rem;border-radius:.2rem;padding-left:.15rem}.member-page .purchase .broadcast img{width:.16rem;height:.14rem;margin-right:.15rem}.member-page .purchase .broadcast span{color:#ff2727;font-size:.13rem}.member-page .purchase .title{font-weight:700;font-size:.16rem;color:#161823}.member-page .purchase .member-card{display:flex;justify-content:space-between;flex-direction:row-reverse}.member-page .purchase .member_price{padding:.24rem .16rem;background-color:#fff}.member-page .purchase .member_price .monthly{margin-top:.25rem;width:1.8rem;height:1.8rem;border-radius:.12rem;border:.02rem solid #efefef;background:#fafafa;padding:.2rem .16rem;font-weight:600;font-size:.19rem;color:#5a2515;border-radius:12px;position:relative}.member-page .purchase .member_price .monthly .price{font-weight:600;font-size:.19rem;color:#5a2515;border-radius:.1rem;margin-top:.43rem;display:flex;align-items:flex-end}.member-page .purchase .member_price .monthly .price h1{font-weight:600;font-size:.3rem;line-height:.29rem;color:#ff2438;margin-right:.08rem}.member-page .purchase .member_price .monthly .usage_time{font-weight:700;font-size:.13rem;color:#986859;margin-top:.08rem}.member-page .purchase .member_price .card-item:nth-child(2) .monthly:before{position:absolute;top:0;left:0;transform:translateY(-50%);content:"";display:block;width:.69rem;height:.2rem;background:url(../img/discount_icon.9719a8a7.png) no-repeat;background-size:.69rem .2rem}.member-page .purchase .member_price .annual{border:.02rem solid #ffc46a;background:#fffaec}.member-page .purchase .entitlement{margin-top:.08rem;background-color:#fff}.member-page .purchase .entitlement .title{padding:.24rem .16rem}.member-page .purchase .entitlement .all-entitlement{display:flex;flex-wrap:wrap;padding:0 .24rem}.member-page .purchase .entitlement .all-entitlement .item{width:.56rem;margin:0 .48rem .3rem 0;align-items:center}.member-page .purchase .entitlement .all-entitlement .item img{width:.56rem;height:.56rem;margin-bottom:.12rem}.member-page .purchase .entitlement .all-entitlement .item .text{font-size:.14rem;color:#3c3c3c;text-align:center;line-height:.18rem}.member-page .purchase .entitlement .all-entitlement .item:nth-child(4n){margin-right:0}.member-page .purchase .payment_method{display:flex;justify-content:space-between;width:100%;height:.5rem;background-color:#f7f8fc;margin-top:1rem;font-size:.15rem;color:#3d3d3d;font-weight:700;line-height:.5rem;border-radius:.1rem;padding:0 .2rem}.member-page .purchase .payment_method .wechat_payment i{position:relative;display:inline-block;width:.15rem;height:.15rem;border:.02rem solid #ee2e2a;border-radius:.075rem;margin-bottom:-.02rem}.member-page .purchase .payment_method .wechat_payment i:before{position:absolute;top:.02rem;left:.02rem;content:"";display:block;width:.07rem;height:.07rem;background-color:#ee2e2a;border-radius:.035rem}.member-page .purchase .payment{margin:0 .16rem;width:auto;padding-bottom:.28rem;height:.58rem;background:linear-gradient(125deg,#ffeabd,#ffc76f);border-radius:.3rem .3rem .3rem .3rem;color:#683a00;line-height:.58rem;text-align:center;font-size:.18rem;font-weight:700}.member-page .success{text-align:center;color:#388ceb;padding-top:.8rem}.member-page .error{text-align:center;color:#ee2e2a;padding-top:.8rem}