.hint{top:0;left:0;right:0;bottom:0;z-index:1000000;position:fixed}.hint .hint_wrap{top:50%;left:50%;max-width:46.66667vw;position:absolute;border-radius:.93333vw;padding:2vw 4vw;border:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hint .hint_wrap,.hint .hint_wrap.opa{background-color:rgba(0,0,0,.6)}.hint .hint_wrap span{color:#fff;line-height:1.3;font-size:3.33333vw}.hint .scale-enter-active,.hint .scale-leave-active{transition:all .3s linear}.hint .scale-enter{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}.hint .scale-leave-active{-webkit-transform:scale(.75);transform:scale(.75);opacity:0}.hint .fade-enter-active,.hint .fade-leave-active{transition:all .3s linear;opacity:1}.hint .fade-enter,.hint .fade-leave-active{opacity:0}@font-face{font-family:OPPOSans-B;src:url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-B.eot);src:url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-B.eot#iefix) format("embedded-opentype"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-B.woff) format("woff"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-B.ttf) format("truetype"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-B.svg#OPPOSans-B) format("svg");font-style:normal;font-weight:400}@font-face{font-family:OPPOSans-H;src:url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-H.eot);src:url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-H.eot#iefix) format("embedded-opentype"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-H.woff) format("woff"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-H.ttf) format("truetype"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-H.svg#OPPOSans-B) format("svg");font-style:normal;font-weight:400}@font-face{font-family:OPPOSans-L;src:url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-L.eot);src:url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-L.eot#iefix) format("embedded-opentype"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-L.woff) format("woff"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-L.ttf) format("truetype"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-L.svg#OPPOSans-B) format("svg");font-style:normal;font-weight:400}@font-face{font-family:OPPOSans-M;src:url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-M.eot);src:url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-M.eot#iefix) format("embedded-opentype"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-M.woff) format("woff"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-M.ttf) format("truetype"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-M.svg#OPPOSans-B) format("svg");font-style:normal;font-weight:400}@font-face{font-family:OPPOSans-R;src:url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-R.eot);src:url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-R.eot#iefix) format("embedded-opentype"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-R.woff) format("woff"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-R.ttf) format("truetype"),url(https://fxd-cdn.codoon.com/static/20210122/OPPOSans-R.svg#OPPOSans-B) format("svg");font-style:normal;font-weight:400}.card .user{width:87.2vw;height:22vw;margin:0 auto;background:url(https://fxd-cdn.codoon.com/static/20210107172717/usercard.png) no-repeat top;background-size:86.66667vw auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;padding:0 2.26667vw;box-sizing:border-box}.card .user .avatar{width:14.13333vw;height:14.13333vw;background-color:#efefef;border:.4vw solid #ad7b39;margin-right:1.06667vw;border-radius:50%;box-sizing:border-box;background-size:100% 100%;-webkit-flex-shrink:0;flex-shrink:0}.card .user .info{-webkit-flex:1 1;flex:1 1}.card .user .info .nick{font-size:4.26667vw;letter-spacing:-1px;color:#000;height:4.53333vw;font-weight:700;font-family:Heiti SC,-apple-system}.card .user .info .desc{font-size:3.46667vw;letter-spacing:-1px;color:#000;font-family:OPPOSans-R;margin-top:1.6vw;display:-webkit-flex;display:flex;position:relative;-webkit-align-items:center;align-items:center}.card .user .info .desc .tips{color:#e60012;white-space:nowrap;text-decoration:underline}.card .user .info .buy-tips{height:2.93333vw;font-family:OPPOSans-R;font-size:2.93333vw;color:#a40000;width:69.33333vw;white-space:nowrap;margin-top:.66667vw;-webkit-transform:translateX(-2.66667vw);transform:translateX(-2.66667vw)}.card .user .info .buy-tips:before{content:"*";width:2.66667vw;display:inline-block}.btn-customer,.btn-rule{width:20vw;height:5.33333vw;background-color:#000;border-radius:2.66667vw;font-family:OPPOSans-M;font-size:2.93333vw;color:#fff;position:absolute;top:3.06667vw;right:2.53333vw;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;font-weight:400;font-stretch:normal}.btn-customer{right:24.66667vw;background:#000 url(https://fxd-cdn.codoon.com/static/20210113/customer.png) no-repeat 1.86667vw;background-size:2.93333vw 2.93333vw;padding-left:5.6vw;-webkit-justify-content:flex-start;justify-content:flex-start}.image-block{text-align:center}.image-block img{margin:10.66667vw auto 0;width:93.33333vw}.btn-bottom{width:51.6vw;height:12.13333vw;background-image:linear-gradient(180deg,#e2b370,#986424),linear-gradient(#2a2a2a,#2a2a2a);border-radius:6.13333vw;font-size:4.26667vw;letter-spacing:1px;color:#fff;margin:10vw auto 0;font-family:OPPOSans-M}.backdrop,.btn-bottom{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.backdrop{position:fixed;height:100vh;width:100vw;top:0;left:0;background:rgba(0,0,0,.5);z-index:10}.backdrop .modal{width:77.86667vw;background:#fff;border-radius:2.66667vw;text-align:center;padding:5.33333vw 0;font-family:Heiti SC}.backdrop .modal .icon{width:100%;height:26.66667vw;margin-top:-18.66667vw;background:none no-repeat 50%;background-size:26.66667vw auto}.backdrop .modal .icon-success{background-image:url(https://fxd-cdn.codoon.com/static/20210118/icon_upgrade_success@2x.png)}.backdrop .modal .icon-error{background-image:url(https://fxd-cdn.codoon.com/static/20210118/icon_upgrade_activity@2x.png)}.backdrop .modal .title{font-size:5.06667vw;font-weight:400;color:#222;line-height:7.06667vw;margin-bottom:2.66667vw}.backdrop .modal .content{font-size:3.73333vw;font-weight:400;color:#4d4d4d;line-height:5.33333vw;padding:0 6.66667vw;text-align:left}.backdrop .modal .input{text-align:center}.backdrop .modal .input input{text-align:center;width:64.53333vw;border:0;font-size:4.26667vw;border-bottom:1px solid #dedede;font-weight:400;height:13.6vw;background:#fff;outline:none;color:#222}.backdrop .modal .buttons{-webkit-justify-content:space-between;justify-content:space-between;padding:5.33333vw 6.66667vw 0}.backdrop .modal .buttons,.backdrop .modal .buttons>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.backdrop .modal .buttons>div{width:30.93333vw;height:12vw;border-radius:2.66667vw;font-size:4.26667vw;font-weight:400;-webkit-justify-content:center;justify-content:center}.backdrop .modal .cancel{background:#f2f2f2;color:#7a7a7a}.backdrop .modal .confirm{background:#00bc71;color:#fff}.backdrop .modal .confirm-lg{width:64.93333vw!important}.weixin-mask{background:rgba(0,0,0,.6) url(https://fxd-cdn.codoon.com/static/20210204165401/img_share@2x.png) no-repeat 41.33333vw 5.33333vw;background-size:53.33333vw 32.26667vw;position:fixed;z-index:99;left:0;right:0;top:0;bottom:0}body{padding:0;margin:0;overflow-x:hidden}.yoga,body{background:#8ca5ff}.yoga{font-size:1.6vw;min-height:100vh;padding-bottom:12.13333vw;width:100vw;margin:0 auto}.yoga .header{height:108.8vw;background:url(https://fxd-cdn.codoon.com/static/20210122/yujia-header.png) no-repeat 50%;background-size:100vw 108.8vw;position:relative}.yoga .card{margin-top:-9.06667vw;position:relative;z-index:2}.yoga .card .card-main{width:93.33333vw;background-color:#fff;border-radius:2.66667vw;margin:0 auto;padding:4.4vw 6.4vw 0;box-sizing:border-box;display:-webkit-flex;display:flex;height:60vw}.yoga .card .union-card{position:relative}.yoga .card .union-card .name{font-size:8.4vw;letter-spacing:-1px;color:#000;text-align:left;-webkit-transform:translateY(1.33333vw);transform:translateY(1.33333vw);font-family:OPPOSans-H;width:40vw}.yoga .card .union-card .all-price{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:4vw;padding-bottom:4vw;background:url(https://fxd-cdn.codoon.com/static/20210129104337/line-small.png) no-repeat bottom;background-size:77.33333vw auto}.yoga .card .union-card .all-price .price{font-size:12.4vw;letter-spacing:-.26667vw;color:#000;font-family:OPPOSans-H}.yoga .card .union-card .all-price .price:before{content:"\FFE5";font-size:5.06667vw}.yoga .card .union-card .all-price .saved{margin-left:1.6vw;background-image:linear-gradient(90deg,#b91304,#f40c3e);border-radius:2.66667vw;font-size:3.2vw;letter-spacing:-1px;color:#fff;-webkit-justify-content:center;justify-content:center;text-align:center;padding:1.06667vw 2vw 1.06667vw 1.06667vw}.yoga .card .union-card .all-price .saved,.yoga .card .union-card .union-price{font-family:OPPOSans-M;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.yoga .card .union-card .union-price{font-size:4.8vw;height:8vw;margin-bottom:5.33333vw}.yoga .card .union-card .union-price .codoon-price,.yoga .card .union-card .union-price .yoga-price{letter-spacing:-1px;color:#f63d3d;height:8vw;padding-left:8vw;font-family:OPPOSans-B;line-height:8vw}.yoga .card .union-card .union-price .codoon-price{background:url(https://fxd-cdn.codoon.com/static/20210107174839/logo-codoon.png) no-repeat 0;background-size:auto 7.06667vw;margin-right:.4vw}.yoga .card .union-card .union-price .yoga-price{background:url(https://fxd-cdn.codoon.com/static/20210122/icon-yoga.png) no-repeat 0;background-size:auto 7.06667vw;margin:0 .4vw}.yoga .card .union-card .union-price .union-old{text-decoration:line-through;margin-left:.4vw}.yoga .card .union-card .btn{height:11.6vw;border-radius:5.86667vw;font-size:3.73333vw;letter-spacing:-1px;color:#fff;margin:0 auto;font-family:OPPOSans-B;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80.53333vw;background-image:linear-gradient(180deg,#e2b370,#986424),linear-gradient(#000,#000)}