.reservation{height:100%;width:100%;background-color:#fff}.reservation .topTitle{text-align:center;color:#3d3d3d;font-size:18px;height:40px;line-height:40px}.reservation .selectDayBox{height:80px;display:flex}.reservation .selectDayBox .selectDayItem{width:20%;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;font-size:18px}.reservation .selectDayBox .activeItem{color:#fff;background:linear-gradient(43deg,#0058ff,#1ab9f7 99%)}.reservation .mainBox{background-color:#f1f2f5;padding:10px;height:calc(100vh - 200px);box-sizing:border-box;overflow:auto}.reservation .mainBox .visitorInfoBox{background:#fff;padding:20px 20px 5px;border-radius:10px;margin-bottom:10px}.reservation .mainBox .visitorInfoBox .title{font-family:PingFang SC;font-size:20px;color:#1d1d1f;text-align:left}.reservation .mainBox .visitorInfoBox .infoBox{margin-top:16px}.reservation .mainBox .timeListBox{background-color:#fff;border-radius:10px;padding:20px}.reservation .mainBox .timeListBox .timeListTitle{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}.reservation .mainBox .timeListBox .timeListTitle .titleSpan{font-size:20px;font-weight:700}.reservation .mainBox .timeListBox .timeListTitle .stateItem{padding:4px;border-radius:5px;margin-left:8px}.reservation .mainBox .timeListBox .timeList{display:flex;justify-content:space-between;flex-wrap:wrap}.reservation .mainBox .timeListBox .timeList .timeItem{width:calc(33% - 11px);margin:8px 0}.reservation .mainBox .timeListBox .timeList .timeItemInfo{padding:10px;box-sizing:border-box;border-radius:5px;font-size:16px}.reservation .mainBox .timeListBox .reservable{background:#f1f1f3;color:#888f9b}.reservation .mainBox .timeListBox .selected{background:#0058ff;color:#fff}.reservation .mainBox .timeListBox .unreservable{background:rgba(250,81,81,.15);color:#fa5151}.reservation .footerBox{height:80px;padding:10px 16px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%;background:#fff}.reservation .footerBox .bookedTime{font-size:16px;text-align:left}.reservation .footerBox .bookedTime .timeSpan{color:#0058ff}.reservation .footerBox .footerBtn{background-color:#0058ff;color:#fff;font-size:18px;width:150px;height:46px;line-height:46px;border-radius:46px}.reservation .el-divider--horizontal{margin:16px 0}.aiHelp{max-width:750px;min-height:100vh;margin:0 auto;background:#fff;padding:0 15px;padding-bottom:85px;position:relative;overflow:hidden;text-align:left}.aiHelp>p{margin:15px 0;text-align:left;display:flex;align-items:center}.aiHelp>p>span:first-child{color:#1d1d1f;display:inline-block;font-size:18px;font-weight:600;max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aiHelp>p>span:nth-child(2){display:inline-block;background:rgba(0,181,120,.1);width:48px;height:22px;line-height:22px;color:#00b578;font-size:12px;text-align:center;font-weight:400;border-radius:20px;margin-left:12px}.aiHelp .bottom{width:100%;height:84px;position:absolute;bottom:0;left:0}.aiHelp .bottom>div:first-child{background:#fff;text-align:center;height:30px;line-height:30px;color:#a6a6a6;font-size:12px;border-top:1px dashed #f1f1f3}.aiHelp .bottom>div:nth-child(2){background:#f1f1f3;height:54px;display:flex;align-items:center;justify-content:center;color:#1d1d1f;font-size:14px;font-weight:500}.aiHelp .bottom>div:nth-child(2)>img{width:30px;height:30px;margin-right:4px}