.barSuccess{text-align:center}.barSuccess>p{font-family:Monaco;display:flex;align-items:center;justify-content:center;color:#5d59a5}.barSuccess>p>img{margin-right:2px}.barSuccess>p:first-child{font-weight:700;color:rgba(235,64,64,.778);margin-bottom:8px;text-decoration:underline}.j8vip1{width:100%}.j8vip1>.title{height:40px;font-size:12px;line-height:40px;font-weight:700;display:flex;justify-content:center;font-family:Monaco;text-align:center;background:linear-gradient(90deg,#f1874d,#ffa030);color:#fff}.j8vip1>.title>i{margin-right:4px;font-size:12px}.birthdayPopUp.success{height:380px;background-image:url(../img/birthday-pop-up-success-bg.7a95e30c.gif);background-size:100% 100%;background-repeat:no-repeat}.birthday-pop-up-success.isPc .last-p{top:135%;left:53%;white-space:nowrap}.birthday-pop-up-success.isPc .last-p>span{font-size:18px}.birthday-pop-up-success .birthdayPopUp .dt-content{position:absolute;left:50%;bottom:25%;transform:translateX(-50%)}.birthday-pop-up-success .birthdayPopUp .dt-content .first-p,.birthday-pop-up-success .birthdayPopUp .dt-content .last-p{white-space:nowrap}.birthday-pop-up-success .birthdayPopUp .dt-content .last-p>img{position:relative;top:10px;width:28px;height:28px}.birthday-pop-up-success .birthdayPopUp .dt-content .last-p>span{font-size:18px}.birthday-pop-up-success .birthdayPopUp .dt-btn-sty{width:45%;left:50%;bottom:5%;transform:translateX(-50%);position:absolute}.birthdayPopUp{z-index:3;width:600px;left:calc(50% - 300px);top:25%;background-image:url(../img/authentication.d48cf943.gif);background-size:100% 100%;background-repeat:no-repeat}.birthdayPopUp .birthdayPopUp-box{margin-top:165px}.birthdayPopUp .dt-title{margin:25px 0 65px 0;font-size:25px}@media(max-width:600px){.birthdayPopUp .dt-title{margin:0;font-size:18px}}@media(max-width:1200px){.birthdayPopUp{width:95%;left:2.5%}.birthdayPopUp-box{padding-left:10px!important;padding-right:10px!important}.birthdayPopUp-box-con-img{width:50%;margin:0 auto}.birthdayPopUp-box-con img{width:100%}.birthdayPopUp-box-con-dis{margin-top:10px;text-align:center}}@media(max-width:1000px){.birthdayPopUp .common-form-input{height:40px!important;font-size:16px!important;color:#6a6d81;padding-left:11px!important;line-height:36px!important}.birthdayPopUp .input-code{height:40px!important;line-height:40px!important;width:200px;border-radius:6px;margin-left:10px}.birthdayPopUp .codeImg{width:60px!important}}.birthdayPopUp .common-form-input.dt-other{display:flex;background:none!important}.birthdayPopUp .common-form-input.dt-other .dt-input-other{width:30%!important;background:#111114}.birthdayPopUp .common-form-input.dt-other .code{margin-left:50px;background-color:red}.birthdayPopUp .common-form-input{width:100%;background-color:#111114;border-radius:8px;border:2px solid #32354f;font-size:16px;color:#6a6d81;padding-left:21px;line-height:50px}.birthdayPopUp .input-code{height:50px;line-height:50px;width:200px;border-radius:6px;margin-left:10px}.birthdayPopUp .codeImg{cursor:pointer;width:94px;border-radius:6px}.birthdayPopUp .dt-btn-sty{margin-top:30px!important}.dt-draw-box{display:flex;align-content:center}.dt-draw-box>img{width:24px}.dt-draw-box .dt-draw{margin-left:20px;color:#ffcb77;cursor:pointer;border:1px solid #ffcb77;border-radius:20px;padding:5px 8px;font-size:12px}.pg-m{margin:0 auto;max-width:1720px;display:flex;flex-direction:column;align-items:center}@media(max-width:1300px){.pg-m{padding-top:0}}.pg-m .icon{display:block;width:1026px;height:500px;-o-object-fit:contain;object-fit:contain}@media(max-width:1300px){.pg-m .icon{width:100%;height:180px}}.pg-m .txt{line-height:1!important;margin-top:20px;font-size:18px;color:#8b8c97}@media(max-width:1300px){.pg-m .txt{font-size:12px}}.pg-m .bj{font-size:12px}.pg-m .user{width:100%;margin-top:-140px;height:118px;padding-left:85px;padding-right:45px}@media(max-width:1300px){.pg-m .user{margin-top:0;height:auto;padding:20px 14px;padding-bottom:25px;background:#6257b1;padding-left:0;padding-right:0}.pg-m .user>.myvip{display:flex;padding:0 14px;padding-bottom:20px;justify-content:space-between;align-items:center}.pg-m .user>.myvip>div{display:flex;font-size:14px;align-items:center}.pg-m .user>.myvip>.left{font-weight:700;font-family:Monaco;color:#e8e8e8}.pg-m .user>.myvip>.left>img{margin-left:5px}.pg-m .user>.myvip>.right{color:#eee}.pg-m .user>.myvip>.right>img{margin-right:4px}.pg-m .user>.myvip>.right>span{text-decoration:underline}}.pg-m .user .user-main{width:100%;height:100%;display:flex;align-items:center}.pg-m .user .user-main .img{flex-shrink:0;width:80px;height:54px;-o-object-fit:contain;object-fit:contain;display:block;margin-right:60px}.pg-m .user .user-main .info{flex-shrink:0;width:337px;height:50px;padding-right:20px;display:flex;align-items:center}@media(max-width:1300px){.pg-m .user .user-main .info{width:137px}}.pg-m .user .user-main .info .head{flex-shrink:0;width:50px;height:100%;background-color:#b4b8cd;border-radius:8px;overflow:hidden}@media(max-width:1300px){.pg-m .user .user-main .info .head{width:35px;height:35px}}.pg-m .user .user-main .info .head img{width:100%;height:100%}.pg-m .user .user-main .info .nickname{padding-left:13px;max-width:calc(100% - 50px);font-size:14px;font-weight:700}.pg-m .user .user-main .progress{flex-shrink:0;height:100%;margin:0 auto;display:flex;align-items:center;background:none}.pg-m .user .user-main .progress .progress-now{width:56px;height:37.8px;display:block}@media(max-width:1300px){.pg-m .user .user-main .progress .progress-now{width:62px;height:auto}}.pg-m .user .user-main .progress .progress-info{width:420px;height:100%;position:relative;display:flex;align-items:center;justify-content:center}@media(max-width:1300px){.pg-m .user .user-main .progress .progress-info{width:220px}}.pg-m .user .user-main .progress .progress-info .progress-exp{top:calc(50% - 34px);position:absolute;font-family:Monaco;font-size:16px;line-height:1}.pg-m .user .user-main .progress .progress-info .progress-exp span:first-child{color:#f5f5f9}@media(max-width:1300px){.pg-m .user .user-main .progress .progress-info .progress-exp{font-size:12px;top:calc(50% - 24px);top:12px}}.pg-m .user .user-main .progress .progress-info .progress-exp>span{font-family:Monaco;color:#b3b2ce}.pg-m .user .user-main .progress .progress-info .progress-react{width:100%}.pg-m .full-scale-box{width:420px;height:118px;text-align:center;background-image:url(../img/full-scale.2e49c33d.webp);background-size:100% 100%;background-repeat:no-repeat}.pg-m .footer{width:100%;margin-top:30px}@media(max-width:1300px){.pg-m .footer{margin-top:0}}.pg-m .footer .title{line-height:1;text-align:center;width:100%;height:42px;border-bottom:1px solid #33333c;font-size:18px;position:relative;display:flex;justify-content:center;align-items:center}.pg-m .footer .title>img{cursor:pointer;margin-left:10px}.pg-m .footer .title:after{content:"";position:absolute;left:calc(50% - 160px);bottom:-1px;width:320px;height:1px;background-color:#b4b8cd}@media(max-width:1300px){.pg-m .footer .title:after{left:calc(50% - 80px);width:160px}}.pg-m .footer .nth{flex:1;min-width:0;padding-right:20px}@media(max-width:1300px){.pg-m .footer .nth{padding-right:10px}}.pg-m .footer .list{width:100%;padding:0 10px;display:flex;flex-direction:column;align-items:center;margin-top:30px}@media(max-width:1300px){.pg-m .footer .list{margin-top:0}}.pg-m .footer .list .dt-birthday.dt-phone{width:auto;padding-right:0}.pg-m .footer .list .dt-birthday{width:100%;padding-right:40px;display:flex;justify-content:right}.pg-m .footer .list .dt-birthday div{display:flex;justify-content:center}.pg-m .footer .list .dt-birthday div>img{cursor:pointer}.pg-m .footer .list .dt-birthday div>.box{margin-right:10px;color:#ffcb77;cursor:pointer;text-align:right;border-bottom:2px solid #ffcb77;padding-bottom:4px}.pg-m .footer .list .dt-birthday div>.box>span{padding-left:5px;width:70px}.pg-m .footer .list .dt-birthday div>.box>img{width:20px;height:16px;vertical-align:bottom}.pg-m .footer .list .thead{width:calc(100% - 80px);display:flex;align-items:center;padding:10px 40px;margin:10px auto}@media(max-width:1300px){.pg-m .footer .list .thead{margin-bottom:0;padding:0 15px}}.pg-m .footer .list .thead .nth{line-height:40px!important;font-size:14px;color:#615ca7;font-weight:700;padding-right:0}@media(max-width:1300px){.pg-m .footer .list .thead{line-height:40px!important;font-size:12px;width:100%}}.pg-m .footer .table{width:100%;border-radius:8px;padding:0 40px}@media(max-width:1300px){.pg-m .footer .table{padding:0}}.pg-m .footer .table .table-list{width:100%;overflow:hidden}.pg-m .footer .table .table-list .table-list-li{width:100%;height:62px;display:flex;align-items:center;border-bottom:1px solid #d5d9f0;background-color:transparent;margin-bottom:10px}@media(max-width:1300px){.pg-m .footer .table .table-list .table-list-li{padding:10px}}.pg-m .footer .table .table-list .table-list-li .info{width:1560px;height:100%;display:flex;align-items:center;margin:0 auto}@media(max-width:1300px){.pg-m .footer .table .table-list .table-list-li .info{width:100%;height:40px}}.pg-m .footer .table .table-list .table-list-li .info .nth{height:100%;display:flex;align-items:center}@media(max-width:1300px){.pg-m .footer .table .table-list .table-list-li .info .nth{height:30px}}@media(max-width:1300px){.pg-m .footer .table .table-list .table-list-li .info .nth img{width:50px}}.pg-m .footer .table .table-list .table-list-li .info .txt{margin-top:0;font-size:14px;color:#b4b8cd;line-height:1!important}.pg-m .footer .table .table-list .table-list-li .info .btn{width:102px;height:40px;text-align:center;line-height:24px;border-radius:8px;font-size:14px}.pg-m .footer .table .table-list .table-list-li .info .btn.btn0{color:#535461;border:1px solid #31303e}.pg-m .footer .table .table-list .table-list-li .info .cp.cffcb77{color:#ffcb77}.pg-m .footer .table .table-list .table-list-li .info .cp{height:16px;font-size:16px;display:flex;align-items:center;max-width:100%}@media(max-width:1300px){.pg-m .footer .table .table-list .table-list-li .info .cp{font-size:12px}}.pg-m .footer .table .table-list .table-list-li .info .cp .cp-img{flex-shrink:0;height:100%;-o-object-fit:contain;object-fit:contain}.pg-m .footer .table .info-bottom{width:100%;height:30px;text-align:center;color:#535461;border:1px solid #31303e;border-radius:8px;font-size:12px}.pg-m .footer .table .sur-bottom{width:100%;height:30px;text-align:center;color:#fff;background:#00ab2b;border-radius:8px;font-size:12px}