.packages .el-dialog__header{background:#3d7eff;border-radius:1rem 1rem 0 0}.packages .el-dialog__headerbtn .el-dialog__close{size:1.625rem;color:#fff}.packages .el-dialog--center .el-dialog__body{text-align:initial;padding:0 0 1.25rem 0}.packages .dialog-head{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.packages .dialog-head img{width:2.1875rem;height:2.1875rem;border-radius:50%}.packages .dialog-head span{font-size:1.125rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;margin-left:.625rem}.packages .dialog-content .dialog-tab{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:2.1875rem}.packages .dialog-content .dialog-tab .dialog-content-tab{padding:1.125rem 0;width:50%}.packages .dialog-content .dialog-tab .dialog-content-tab .dialog-content-tab-box{text-align:center;font-size:1.375rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e2134}.packages .dialog-content .dialog-tab .tabActive{background:#f9fafd}.packages .dialog-content .dialog-active-one .dialog-box{padding:0 3.4375rem}.packages .dialog-content .dialog-active-one .dialog-box .dialog-box-item{display:flex;flex-direction:row;justify-content:flex-start;margin-top:1.875rem}.packages .dialog-content .dialog-active-one .dialog-box .dialog-box-item div:first-child{font-size:1.375rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#858585}.packages .dialog-content .dialog-active-one .dialog-box .dialog-box-item div:nth-child(2){font-size:1.375rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#1e2134}.packages .dialog-content .dialog-active-one .dialog-isok{cursor:pointer;margin-top:7.9375rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.packages .dialog-content .dialog-active-one .dialog-isok img{width:1.125rem;height:1.125rem}.packages .dialog-content .dialog-active-one .dialog-isok div{font-size:1.125rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e2134;margin-left:.625rem}.packages .dialog-content .dialog-active-one .dialog-isok span{font-size:1.125rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#3d7eff}.packages .dialog-content .dialog-active-one .dialog-btn{margin-top:1.5625rem;display:flex;flex-direction:row;justify-content:center}.packages .dialog-content .dialog-active-one .dialog-btn .el-button{width:21rem;height:3.125rem}.packages .dialog-content .dialog-active-two{padding:0 2.8125rem}.packages .dialog-content .dialog-active-two .dialog-check-packages{width:100%;display:flex;flex-direction:row;justify-content:space-between}.packages .dialog-content .dialog-active-two .dialog-check-packages .isPackage{border:.125rem solid #3d7eff;border-radius:.75rem}.packages .dialog-content .dialog-active-two .dialog-check-packages .dialog-check-packages-content{width:30%;position:relative}.packages .dialog-content .dialog-active-two .dialog-check-packages .dialog-check-packages-content .dialog-check-packages-box{height:8.75rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;box-shadow:0 .125rem 1.0625rem .125rem hsla(0,0%,80%,.16);border-radius:.75rem;border:.0625rem solid #f1f1f1}.packages .dialog-content .dialog-active-two .dialog-check-packages .dialog-check-packages-content .dialog-check-packages-box div:first-child{font-size:1.125rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#1e2134}.packages .dialog-content .dialog-active-two .dialog-check-packages .dialog-check-packages-content .dialog-check-packages-box div:nth-child(2){margin:.6875rem 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.packages .dialog-content .dialog-active-two .dialog-check-packages .dialog-check-packages-content .dialog-check-packages-box div:nth-child(2) span:first-child{font-size:.5rem;font-family:SFProDisplay-Semibold,SFProDisplay;font-weight:600;color:#f24342}.packages .dialog-content .dialog-active-two .dialog-check-packages .dialog-check-packages-content .dialog-check-packages-box div:nth-child(2) span:nth-child(2){font-size:1.5rem;font-family:SFProDisplay-Semibold,SFProDisplay;font-weight:600;color:#f24342}.packages .dialog-content .dialog-active-two .dialog-check-packages .dialog-check-packages-content .dialog-check-packages-box div:nth-child(3){font-size:1rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#858585}.packages .dialog-content .dialog-active-two .dialog-check-packages .dialog-check-packages-content .is-recommend{text-align:center;width:4.125rem;height:1.5rem;background:linear-gradient(221deg,#ff8282,#f24342);border-radius:.625rem .125rem .625rem 0;font-size:.875rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:1.5rem;position:absolute;top:-.625rem}.packages .dialog-content .dialog-active-two .dialog-check-title{margin-top:1.875rem;font-size:1.125rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e2134}.packages .dialog-content .dialog-active-two .dialog-check-pay{margin-top:.9375rem;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;border-radius:.75rem;border:.0625rem solid #f9fafd}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-left{width:30%;height:13.0625rem;background:#f9fafd;border-radius:.75rem 0 0 .75rem}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-left .dialog-check-pay-left-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:1.25rem 1.875rem}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-left .dialog-check-pay-left-box img{width:1.875rem;height:1.875rem}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-left .dialog-check-pay-left-box span{font-size:.875rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e2134;margin-left:.625rem}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right{width:70%;height:13.0625rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-pay{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-pay img{width:8.75rem;height:8.75rem;margin-right:.9375rem}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-pay .dialog-check-pay-right-pay-phone{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-pay .dialog-check-pay-right-pay-phone span:first-child{font-size:.875rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e2134}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-pay .dialog-check-pay-right-pay-phone span:nth-child(2){font-size:1.5rem;font-family:SFProDisplay-Semibold,SFProDisplay;font-weight:600;color:#f24342}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-pay .dialog-check-pay-right-pay-phone span:nth-child(3){font-size:.875rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e2134}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-balance{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-balance div:first-child{font-size:.875rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e2134}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-balance div:nth-child(2){display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:1.5rem 0 2.25rem 0}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-balance div:nth-child(2) span:first-child{font-size:.875rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e2134}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-balance div:nth-child(2) span:nth-child(2){font-size:1.5rem;font-family:SFProDisplay-Semibold,SFProDisplay;font-weight:600;color:#f24342}.packages .dialog-content .dialog-active-two .dialog-check-pay .dialog-check-pay-right .dialog-check-pay-right-balance div:nth-child(2) span:nth-child(3){font-size:.875rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e2134}.dialog{border-radius:1.25rem}.balance{width:100%}.balance .balance-num{background-image:url(../img/balance-bg.7ae201b2.png);background-repeat:no-repeat;background-size:100%;width:100%;height:8.875rem;display:flex;flex-direction:column;justify-content:center}.balance .balance-num .balance-num-item{margin-left:3.125rem;margin-bottom:.5rem}.balance .balance-num .balance-num-item div:first-child{font-size:1.125rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;margin-bottom:.375rem}.balance .balance-num .balance-num-item div:nth-child(2){font-size:1.625rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff}.balance .input{width:21rem;margin:0 auto}.balance .input .el-input__inner{width:21rem;height:3.5625rem;background:#f9fafd;font-size:1.125rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;margin:0 auto;border:none}.balance .recharge-type{width:21rem;margin:0 auto;margin-top:1.5625rem}.balance .recharge-type .recharge-type-title{font-size:.875rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e2134}.balance .recharge-type .recharge-type-box{margin-top:1.25rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.625rem .9375rem;border-radius:.375rem;border:.0625rem solid #f9fafd}.balance .recharge-type .recharge-type-box .recharge-type-box-left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.balance .recharge-type .recharge-type-box .recharge-type-box-left img{width:1.875rem;height:1.875rem}.balance .recharge-type .recharge-type-box .recharge-type-box-left span{font-size:1rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e2134;margin-left:.625rem}.balance .recharge-type .recharge-type-box img{width:1.125rem;height:1.125rem}.balance .recharge-type .active{background:#f5fafe;color:#3d7eff}.balance .recharge-btn{width:21rem;height:3.125rem;margin:0 auto;margin-top:1.875rem}.balance .recharge-btn .el-button{width:21rem;height:3.125rem;margin:0 auto;background:#3d7eff;border-radius:.375rem;font-size:1.125rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff}.contain-right{width:77%;padding:1.25rem 1.25rem 1.25rem 1.25rem;margin-left:1.25rem}.contain-right .contain-right-menu{width:100%;display:flex;flex-direction:row;justify-content:space-between}.contain-right .contain-right-menu .contain-right-menu-box{cursor:pointer;width:21%;padding:1.25rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;border-radius:.5rem;height:7.5rem}.contain-right .contain-right-menu .contain-right-menu-box .contain-right-menu-box-left{display:flex;flex-direction:column;justify-content:space-between}.contain-right .contain-right-menu .contain-right-menu-box .contain-right-menu-box-left .balance{font-size:1rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#858585}.contain-right .contain-right-menu .contain-right-menu-box .contain-right-menu-box-left .balance-number{font-size:1.25rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#1e2134;margin:.9375rem 0}.contain-right .contain-right-menu .contain-right-menu-box .contain-right-menu-box-left .go-recharge{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.contain-right .contain-right-menu .contain-right-menu-box .contain-right-menu-box-left .go-recharge span{font-size:1rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#3d7eff}.contain-right .contain-right-menu .contain-right-menu-box .contain-right-menu-box-left .go-recharge img{width:.8125rem;height:.8125rem;margin-left:.5rem}.contain-right .contain-right-menu .contain-right-menu-box img{width:4.125rem;height:4.125rem}