.selfStudyRoomVipDetails[data-v-3d7b67a9]{padding:30px 0 60px;box-sizing:border-box;display:flex;justify-content:center}.selfStudyRoomVipDetails .mainBox[data-v-3d7b67a9]{width:746px;background:#fff;box-shadow:0 3px 40px 1px rgba(112,27,0,.06);border-radius:10px 10px 10px 10px;padding:38px 38px 51px;box-sizing:border-box}.selfStudyRoomVipDetails .mainBox .mainImg[data-v-3d7b67a9]{width:100%;height:381px;border-radius:30px;overflow:hidden}.selfStudyRoomVipDetails .mainBox .mainImg img[data-v-3d7b67a9]{width:100%;height:100%}.selfStudyRoomVipDetails .mainBox .mainTitle[data-v-3d7b67a9]{margin-top:40px;text-align:center;font-size:26px;font-weight:700;color:#333}.selfStudyRoomVipDetails .mainBox .mainFreeContent[data-v-3d7b67a9]{margin-top:18px;width:100%;padding:0 160px;box-sizing:border-box;display:flex;justify-content:center}.selfStudyRoomVipDetails .mainBox .mainFreeContent .mainPeople[data-v-3d7b67a9]{margin-top:10px;display:flex;align-items:center;font-size:14px;font-weight:500;color:#6b6870}.selfStudyRoomVipDetails .mainBox .mainFreeContent .mainPeople img[data-v-3d7b67a9]{width:24px;height:24px;margin-right:10px}.selfStudyRoomVipDetails .mainBox .mainContent[data-v-3d7b67a9]{margin-top:18px;width:100%;padding:0 160px;box-sizing:border-box;display:flex;justify-content:space-between}.selfStudyRoomVipDetails .mainBox .mainContent .mainPrice[data-v-3d7b67a9]{font-size:14px;font-weight:500;color:#6b6870}.selfStudyRoomVipDetails .mainBox .mainContent .mainPrice span[data-v-3d7b67a9]{font-size:36px;font-weight:700;color:#e94b19}.selfStudyRoomVipDetails .mainBox .mainContent .mainPrice span[data-v-3d7b67a9]:first-child{font-size:21px}.selfStudyRoomVipDetails .mainBox .mainContent .mainPeople[data-v-3d7b67a9]{margin-top:10px;display:flex;align-items:center;font-size:14px;font-weight:500;color:#6b6870}.selfStudyRoomVipDetails .mainBox .mainContent .mainPeople img[data-v-3d7b67a9]{width:24px;height:24px;margin-right:10px}.selfStudyRoomVipDetails .mainBox .userBox[data-v-3d7b67a9]{display:flex;align-items:center;justify-content:center;margin-top:30px}.selfStudyRoomVipDetails .mainBox .userBox .userArr[data-v-3d7b67a9]{display:flex}.selfStudyRoomVipDetails .mainBox .userBox .userArr>div[data-v-3d7b67a9]{width:38px;height:38px;border:1px dashed #707070;box-sizing:border-box;border-radius:50%;overflow:hidden}.selfStudyRoomVipDetails .mainBox .userBox .userArr>div img[data-v-3d7b67a9]{width:100%;height:100%}.selfStudyRoomVipDetails .mainBox .userBox .userArr>div[data-v-3d7b67a9]:not(:first-child){margin-left:-10px}.selfStudyRoomVipDetails .mainBox .userBox .userArr .noBorder[data-v-3d7b67a9]{border:none}.selfStudyRoomVipDetails .mainBox .userBox .groupText[data-v-3d7b67a9]{margin-left:45px;color:#6b6870;font-size:14px}.selfStudyRoomVipDetails .mainBox .mainBtn[data-v-3d7b67a9]{cursor:pointer;margin:45px auto 0;width:140px;height:46px;background:#e94b19;border-radius:23px 23px 23px 23px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff}.selfStudyRoomVipDetails .mainBox .sharingBox[data-v-3d7b67a9]{margin-top:14px;display:flex;justify-content:center}.selfStudyRoomVipDetails .selectPaymentMethodBox[data-v-3d7b67a9]{padding:0 25px;box-sizing:border-box}.selfStudyRoomVipDetails .selectPaymentMethodBox .close[data-v-3d7b67a9]{cursor:pointer;width:23px;height:23px;position:absolute;left:317px}.selfStudyRoomVipDetails .selectPaymentMethodBox .close img[data-v-3d7b67a9]{width:100%;height:100%}.selfStudyRoomVipDetails .selectPaymentMethodBox .contentBox[data-v-3d7b67a9]{padding:25px 0}.selfStudyRoomVipDetails .selectPaymentMethodBox .contentBox .paymentMethod[data-v-3d7b67a9]{text-align:center;margin-bottom:20px;font-size:24px}.selfStudyRoomVipDetails .selectPaymentMethodBox .contentBox .selectPaymentMethod[data-v-3d7b67a9]{display:flex;justify-content:space-between}.selfStudyRoomVipDetails .paymentBtnBox[data-v-3d7b67a9]{padding-top:38px;box-sizing:border-box}.selfStudyRoomVipDetails .paymentBtnBox .topBox[data-v-3d7b67a9]{padding:0 25px 17px;box-sizing:border-box}.selfStudyRoomVipDetails .paymentBtnBox .topBox .headline[data-v-3d7b67a9]{display:flex;justify-content:center;font-size:20px;font-weight:400;color:#333}.selfStudyRoomVipDetails .paymentBtnBox .topBox .smallContentBox[data-v-3d7b67a9]{margin-top:5px}.selfStudyRoomVipDetails .paymentBtnBox .topBox .smallContentBox .textBox[data-v-3d7b67a9]{margin-top:10px;font-size:16px;font-weight:400;color:#000}.selfStudyRoomVipDetails .paymentBtnBox .bottomBox[data-v-3d7b67a9]{padding:20px 0 41px;box-sizing:border-box;background:#f6f6f6}.selfStudyRoomVipDetails .paymentBtnBox .bottomBox .money[data-v-3d7b67a9]{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;color:#000}.selfStudyRoomVipDetails .paymentBtnBox .bottomBox .money span[data-v-3d7b67a9]{font-size:20px;font-weight:400;color:#ed5221}.selfStudyRoomVipDetails .paymentBtnBox .bottomBox .QRCodeBox[data-v-3d7b67a9]{margin-top:21px}.selfStudyRoomVipDetails .paymentBtnBox .bottomBox .QRCodeBox .paymentCode[data-v-3d7b67a9]{width:106px;height:106px;margin:0 auto}.selfStudyRoomVipDetails .paymentBtnBox .bottomBox .QRCodeBox .paymentCode img[data-v-3d7b67a9]{width:100%;height:100%}.selfStudyRoomVipDetails .paymentBtnBox .bottomBox .QRCodeBox .Hint[data-v-3d7b67a9]{margin-top:8px;display:flex;align-items:center;justify-content:center}.selfStudyRoomVipDetails .paymentBtnBox .bottomBox .QRCodeBox .Hint img[data-v-3d7b67a9]{width:18px;height:18px}.selfStudyRoomVipDetails .paymentSucceededBox[data-v-3d7b67a9]{padding:66px 67px 65px;box-sizing:border-box;text-align:center}.selfStudyRoomVipDetails .paymentSucceededBox .paymentSucceededImg[data-v-3d7b67a9]{width:146px;height:160px;margin:0 auto}.selfStudyRoomVipDetails .paymentSucceededBox .paymentSucceededImg img[data-v-3d7b67a9]{width:100%;height:100%}.selfStudyRoomVipDetails .paymentSucceededBox .paymentSucceededPoint[data-v-3d7b67a9]{margin-top:36px;font-size:18px;font-weight:400;color:#333}.selfStudyRoomVipDetails .paymentSucceededBox .paymentSucceededBtn[data-v-3d7b67a9]{cursor:pointer;width:292px;height:50px;background:#e94b19;border-radius:4px 4px 4px 4px;font-size:18px;font-weight:400;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:50px}.selfStudyRoomVipDetails[data-v-3d7b67a9] .el-dialog{border-radius:4px;background:#fff}.selfStudyRoomVipDetails[data-v-3d7b67a9] .el-dialog__header{display:none}.selfStudyRoomVipDetails[data-v-3d7b67a9] .el-dialog__body{padding:0}