.package { position: absolute; width: 100%; top: 2.5rem; } .package .package-item { width: 20%; height: 2.4rem; padding: 0.2rem; color: #fff; text-shadow: 0 0.02rem 0.04rem rgb(0 0 0 / 20%); box-shadow: 0 0.02rem 0.15rem 0 rgb(0 0 0 / 15%); border-radius: 0.05rem; } .package .package-item .item-title { font-size: 0.2rem; } .package .package-item .item-amount { font-size: 0.3rem; text-align: center; margin-bottom: 0.05rem; } .package .package-item .item-button { background-color: #fff; width: 100%; line-height: 0.3rem; text-align: center; cursor: default; color: #000; border-radius: 0.05rem; text-shadow: none; cursor: pointer; } .fixedSearch { position: fixed; top: 0.9rem; box-sizing: border-box; width: 100%; } .mgt80 { margin-top: 0.8rem; } .detail { background-color: #f8f8f8; padding-bottom: 0.5rem; } .detail-head { height: 0.8rem; line-height: 1.5; background-color: #f8f8f8; } .detail-head .head-box { height: 0.8rem; border-bottom: 1px solid #d8d8d8; } .detail-head .head-title { font-size: 0.2rem; flex: 0 0 3.2rem; margin-top: 0.15rem; } .detail-head .head-content { flex: 1; text-align: center; } .detail-head .head-content .head-content-title { font-size: 0.2rem; margin-top: 0.15rem; margin-bottom: 0.04rem; } .detail-title { font-size: 0.16rem; padding-left: 0.2rem; background-color: #ebebeb; font-weight: 600; height: 0.5rem; line-height: 0.5rem; border-bottom: 1px solid #d8d8d8; } .detail .detail-main { height: 0.5rem; /* line-height: 0.5rem; */ display: flex; align-items: center; border-bottom: 1px solid #d8d8d8; } .detail .detail-main:hover { background-color: #fff; } .detail .detail-main .main-title { box-sizing: border-box; flex: 0 0 3.2rem; padding-left: 0.2rem; } .detail .detail-main .main-content { flex: 1; display: flex; align-items: center; height: 100%; justify-content: center; text-align: center; } .detail .detail-main .main-content:nth-child(even) { background: rgba(0, 0, 0, 0.02); } .detail .detail-main .main-content .main-content-title { font-size: 0.2rem; margin-bottom: 0.06rem; } .account-package-dialog .el-dialog__header { border-bottom: 1px solid #ebeef5; box-shadow: 0 0 0.04rem 0 hsl(0deg 0% 78% / 40%); padding: 0.2rem 0.2rem !important; } .account-package-dialog .el-dialog__footer { border-top: 1px solid #ebeef5; box-shadow: 0 0 0.04rem 0 hsl(0deg 0% 78% / 40%); } .account-package-dialog .el-dialog__title { padding: 0.2rem 0rem !important; font-size: 0.18rem; } .account-package-dialog .el-dialog__body { padding: 0; } .account-package-dialog .el-dialog__footer { padding: 0.15rem 0.2rem; } .account-package-dialog .dialog-content { width: 100%; height: 100%; overflow: inherit; } .account-package-dialog .el-dialog { margin-top: 15vh !important; } .account-package-dialog .pay-package-box { min-height: 2.25rem; } .account-package-dialog .pay-package-item { box-sizing: border-box; background-color: #f6f6f6; background: url(https://alicdn.vgometa.com/home/images/vip/pay-bg.png) 100% no-repeat; background-size: 100% 100%; border: 1px solid #427afb; user-select: none; height: 1.12rem; width: 100%; border-radius: 0.05rem; } .account-package-dialog .pay-methods { background-color: #f8f8f8; width: 1.3rem; height: 0.5rem; border: 1px solid #fff; user-select: none; } .account-package-dialog .pay-methods .pay-methods-img { width: 0.24rem; height: 0.24rem; } .account-package-dialog .pay-info-right { min-height: 0.99rem; } .account-pay-dialog .el-dialog__header { border-bottom: 1px solid #ebeef5; box-shadow: 0 0 0.04rem 0 hsl(0deg 0% 78% / 40%); padding: 0.2rem 0.2rem !important; } .account-pay-dialog .el-dialog__footer { border-top: 1px solid #ebeef5; box-shadow: 0 0 0.04rem 0 hsl(0deg 0% 78% / 40%); } .account-pay-dialog .el-dialog__title { padding: 0.2rem 0rem !important; font-size: 0.18rem; } .account-pay-dialog .el-dialog__body { padding: 0; } .account-pay-dialog .el-dialog__footer { padding: 0.15rem 0.2rem; } .account-pay-dialog .dialog-content { width: 100%; height: 100%; overflow: inherit; } .account-pay-dialog .el-dialog { margin-top: 15vh !important; } .account-pay-dialog .pay-package-box { min-height: 2.25rem; } .account-pay-dialog .pay-package-item { box-sizing: border-box; background-color: #f6f6f6; background: url(https://alicdn.vgometa.com/home/images/vip/pay-bg.png) 100% no-repeat; background-size: 100% 100%; border: 1px solid #fff; user-select: none; height: 1.12rem; border-radius: 0.05rem; margin: 0 0.666%; } .account-pay-dialog .pay-methods { background-color: #f8f8f8; width: 1.3rem; height: 0.5rem; border: 1px solid #fff; user-select: none; } .account-pay-dialog .pay-methods .pay-methods-img { width: 0.24rem; height: 0.24rem; } .account-pay-dialog .pay-info-right { min-height: 0.99rem; } .account-wx-dialog .el-dialog__header { border-bottom: 1px solid #ebeef5; box-shadow: 0 0 0.04rem 0 hsl(0deg 0% 78% / 40%); padding: 0.2rem 0.2rem !important; } .account-wx-dialog .el-dialog__footer { border-top: 1px solid #ebeef5; box-shadow: 0 0 0.04rem 0 hsl(0deg 0% 78% / 40%); } .account-wx-dialog .el-dialog__title { padding: 0.2rem 0rem !important; font-size: 0.18rem; } .account-wx-dialog .el-dialog__body { padding: 0; } .account-wx-dialog .el-dialog__footer { padding: 0.15rem 0.2rem; } .account-wx-dialog .dialog-content { width: 100%; height: 100%; overflow: inherit; } .account-wx-dialog .el-dialog { margin-top: 15vh !important; } .account-wx-dialog .wxsys { width: 2.55rem; height: 3.26rem; } .previewitem-dialog .el-dialog__header { border-bottom: 1px solid #ebeef5; box-shadow: 0 0 0.04rem 0 hsl(0deg 0% 78% / 40%); padding: 0.2rem 0.2rem !important; } .previewitem-dialog .el-dialog__footer { border-top: 1px solid #ebeef5; box-shadow: 0 0 0.04rem 0 hsl(0deg 0% 78% / 40%); } .previewitem-dialog .el-dialog__title { padding: 0.2rem 0rem !important; font-size: 0.18rem; } .previewitem-dialog .el-dialog__body { padding: 0; } .previewitem-dialog .el-dialog__footer { padding: 0.15rem 0.2rem; } .previewitem-dialog .dialog-content { width: 100%; height: 100%; max-height: 60vh; overflow: auto; } .w23p { width: 23%; } .w30p { width: 32%; } .agreement { left: 0.05rem; line-height: 0.32rem; } .activePay { border: 1px solid #427afb !important; } .title-hint { top: -0.45rem; left: 1.3rem; } .fs-24 { font-size: 0.24rem; } .w320 { width: 3.2rem; } .fc-blue1 { color: #427afb !important; } @media screen and (max-width: 768px) { .detail-head .head-content { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } .detail-head .head-content .head-content-title { font-size: 0.1rem; } .detail-head .head-title { font-size: 0.1rem; flex: 0 0 1.2rem; } .vip-bg { display: none; } .package1 { padding-top: 0.2rem; padding-bottom: 0.2rem; } .package1 .package-item { flex: 0 0 45%; height: 1.7rem; padding: 0.2rem; color: #fff; text-shadow: 0 0.02rem 0.04rem rgb(0 0 0 / 20%); box-shadow: 0 0.02rem 0.15rem 0 rgb(0 0 0 / 15%); border-radius: 0.05rem; margin: 0 0.1rem 0 0; } .package1 .package-item .item-title { font-size: 0.18rem; } .package1 .package-item .item-amount { font-size: 0.22rem; } .detail .detail-main .main-title { box-sizing: border-box; flex: 0 0 1.2rem; padding-left: 0.1rem; } .reminder { position: fixed; bottom: 0; left: 0; width: 100%; height: 0.5rem; line-height: 0.5rem; background: #ffffff; box-shadow: 0rem 0.04rem 0.1rem 0rem rgb(0 0 0 / 30%); font-size: 0.16rem; color: #fa6400; z-index: 2; } }