.menu[data-v-8f7d2024]{font-size:16px;font-weight:400;color:#180808}.layout[data-v-8f7d2024]{position:relative}.loading[data-v-8f7d2024]{position:absolute;z-index:1000;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.5);display:flex;justify-content:center;align-items:center;height:100%;width:100%}.loading span[data-v-8f7d2024]{display:inline-block;width:20px;height:20px;background-color:#3498db;border-radius:50%;opacity:0;animation:scale-8f7d2024 1s ease-in-out infinite;animation-delay:0s,.25s,.5s;margin:0 5px}@keyframes scale-8f7d2024{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ordermain[data-v-8f7d2024]{width:100%;background:#f1f1f1}.ordermain .bookinfro[data-v-8f7d2024],.ordermain .custominfro[data-v-8f7d2024]{background:#fff;margin-bottom:20px;padding:20px 28px}.ordermain .custominfro .customname[data-v-8f7d2024]{margin-bottom:10px}.ordermain .custominfro .customname h3[data-v-8f7d2024]{font-size:14px;font-weight:700;color:#000;line-height:24px}.ordermain .custominfro .customname p[data-v-8f7d2024]{font-size:12px;font-weight:400;color:#888;line-height:24px}.ordermain .custominfro .costomlist ul[data-v-8f7d2024]{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px}.ordermain .custominfro .costomlist ul li[data-v-8f7d2024]{width:30%;margin-bottom:10px;border-bottom:1px solid #dbdbdb}.ordermain .custominfro .costomlist ul li[data-v-8f7d2024] .el-input__inner{border:none;padding-left:0;color:#000}.ordermain .custominfro .costomlist ul li p[data-v-8f7d2024]{font-size:12px;font-weight:400;color:#444;line-height:30px}.ordermain .custominfro .costomlist ul li[data-v-8f7d2024]:last-child:nth-child(3n - 1){margin-right:35%}.ordermain .custominfro .customphone[data-v-8f7d2024]{width:30%;border-bottom:1px solid #dbdbdb}.ordermain .custominfro .customphone h3[data-v-8f7d2024]{font-size:14px;font-weight:700;color:#000;line-height:24px}.ordermain .custominfro .customphone[data-v-8f7d2024] .el-input__inner{border:none;padding-left:0;color:#000}.ordermain .bookdate[data-v-8f7d2024]{display:flex;justify-content:space-between}.ordermain .bookdate .datedetail[data-v-8f7d2024],.ordermain .bookdate .roomnum[data-v-8f7d2024]{border-bottom:1px solid #dbdbdb;width:160px}.ordermain .bookdate .roomnum p[data-v-8f7d2024]{font-size:12px;font-weight:400;color:#444;line-height:30px}.ordermain .el-form .custom-input .el-input__inner[data-v-8f7d2024]{border-bottom:1px solid #dbdbdb}.ordermain .el-form .el-form-item[data-v-8f7d2024]{margin-bottom:0}.ordermain .el-form .datedetail p[data-v-8f7d2024]{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#444;line-height:30px}.ordermain .el-form .night[data-v-8f7d2024]{display:flex;align-items:center;font-weight:400;color:#555;font-size:14px}.ordermain .el-form[data-v-8f7d2024] .el-input__inner{border:none;padding-left:0;color:#000}.ordermain .el-form[data-v-8f7d2024] .el-input__prefix{display:none}.ordermain .el-form[data-v-8f7d2024] .el-date-editor{width:160px}.ordermain .paybox[data-v-8f7d2024]{background:#fff;margin-bottom:20px;padding:20px 28px}.ordermain .paybox .paytips[data-v-8f7d2024]{padding:10px 20px;background:#faffe0;border-radius:8px;font-size:12px;font-weight:400;color:#494949;line-height:21px;margin-bottom:30px}.ordermain .paybox .paytotal[data-v-8f7d2024]{display:flex;justify-content:space-between}.ordermain .paybox .paytotal p[data-v-8f7d2024]{font-size:12px;font-weight:400;color:#000;line-height:24px;display:flex;align-items:center}.ordermain .paybox .paytotal p span[data-v-8f7d2024]{font-size:30px;font-family:Arial;font-weight:400;color:red;font-weight:700}.ordermain .paybox .paytotal p span small[data-v-8f7d2024]{padding:0 5px}.ordermain .paybox .paytotal .paybotton[data-v-8f7d2024]{height:50px;background:#f55;border-radius:8px;text-align:center;line-height:50px;font-size:18px;font-weight:400;color:#fffcfc;color:#fff;width:160px;cursor:pointer}.ordermain .paybox .paytotal .paybotton i[data-v-8f7d2024]{font-style:normal}.ordermain .paybox .paytotal .paybotton p[data-v-8f7d2024]{display:none}.ordermain .paybox .paytotal .submitting[data-v-8f7d2024]{width:160px;height:50px;background:#ddd;border-radius:8px;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#888}.ordermain .orderside[data-v-8f7d2024]{background:#fff;padding:20px 28px}.ordermain .orderside .orderhotel[data-v-8f7d2024]{padding:0 0 20px 0;border-bottom:1px dashed #dbdbdb;margin-bottom:20px}.ordermain .orderside .orderhotel img[data-v-8f7d2024]{width:100%}.ordermain .orderside .orderhotel h3[data-v-8f7d2024]{font-size:16px;line-height:36px;font-weight:700;font-family:Microsoft YaHei;padding:0 5px;color:#222}.ordermain .orderside .orderhotel h4[data-v-8f7d2024]{display:flex;justify-content:space-between;line-height:36px;padding:0 5px}.ordermain .orderside .orderhotel h4 span[data-v-8f7d2024]{color:#f55}.ordermain .orderside .orderhotel p[data-v-8f7d2024]{padding:0 5px;color:#888;line-height:32px;display:flex;justify-content:space-between}.popper-scrollbar-show .el-scrollbar>.el-scrollbar__bar.is-vertical[data-v-8f7d2024]{display:block!important}@media (min-width:320px) and (max-width:780px){.ordermain .layout[data-v-8f7d2024]{padding-bottom:100px}.ordermain .bookinfro[data-v-8f7d2024]{padding:20px 15px}.ordermain .bookdate[data-v-8f7d2024]{flex-wrap:wrap;position:relative}.ordermain .bookdate .datedetail[data-v-8f7d2024]{width:80%}.ordermain .bookdate .night[data-v-8f7d2024]{position:absolute;right:0;top:40%;background:#f1f1f1;padding:8px}.ordermain .custominfro[data-v-8f7d2024]{padding:20px 15px}.ordermain .custominfro .costomlist ul li[data-v-8f7d2024],.ordermain .custominfro .customphone[data-v-8f7d2024]{width:48%}.ordermain .paybox .paytotal .paybotton[data-v-8f7d2024]{width:100%;position:fixed;box-sizing:border-box;bottom:0;left:0;right:0;z-index:100;height:70px;line-height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.ordermain .paybox .paytotal .paybotton i[data-v-8f7d2024]{background:#fed046;height:50px;padding:0 20px;line-height:50px;font-weight:700;border-radius:10px}.ordermain .paybox .paytotal .paybotton p[data-v-8f7d2024]{color:#fff;display:block;display:flex;justify-content:space-between;align-items:center}.ordermain .paybox .paytotal .paybotton p span[data-v-8f7d2024]{color:#fff;padding:0 15px 0 0}.footbox[data-v-8f7d2024]{display:none}.orderbox .container[data-v-8f7d2024]{flex-wrap:wrap;position:relative;margin-top:10px}.orderbox .sides[data-v-8f7d2024]{display:none;width:100%}}