/* pack-book/pages/reservation/bookDetails.wxss */
.wrapBox {
    padding: 16rpx 32rpx 0 32rpx;
}

.info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32rpx;
}

.rightInfo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tableItem {
    background: #438E93;
    color: #fff;
    padding: 6rpx;
    flex-shrink: 0;
    margin: 0 6rpx 6rpx 0;
}

.tableItem:nth-last-of-type(1) {
    margin-right: 0;
}

.dateInfo {
    color: #999;
}

.editInfo {
    color: #438E93;
    text-decoration: underline;
}

.addBtn {
    color: #438E93;
    border: 2rpx solid #438E93;
    border-radius: 22rpx;
    padding: 8rpx 22rpx;
}

.delImg {
    width: 40rpx;
    height: 40rpx;
}

.tables {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 32rpx 0 46rpx;
    width: 100%;
    box-sizing: border-box;
}

.items {
    width: 100%;
    margin-bottom: 20rpx;
    border: 2rpx solid #999;
    border-radius: 8rpx;
    padding-top: 6rpx;
    box-sizing: border-box;
}

.topItem {
    border-bottom: 2rpx solid #999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4rpx 6rpx 20rpx;
}

.bottomItem {
    display: flex;
    flex-wrap: wrap;
    padding: 10rpx 20rpx 18rpx;
}

.bottomItem view {
    width: 50%;
}

.news text {
    color: #E34D59;
}

.checkmeal {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
}

.topInfo {
    display: flex;
    align-items: center;
}

.color1 {
    color: #515151;
}

.color2 {
    color: #999;
}

.color3 {
    color: #438E93;
}

.topInfo view:nth-of-type(2) {
    margin: 0 10rpx 0 20rpx;
}

.botInfo {
    margin: 10rpx 0;
    text-align: right;
}

.orderOperation {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
    padding-left: 68rpx;
    box-sizing: border-box;
    margin-bottom: 16rpx;
}

.infoList {
    display: flex;
    flex-direction: column;
}

.orderOperation text {
    display: block;
}

.flexEnd {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-bottom: 16rpx;
}

.infoItem {
    width: 48%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.leftInfo {
    width: max-content;
    flex-shrink: 0;
}

.infoItem input {
    text-align: right;
    flex: 1;
}

.itemBox {
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    max-height: 500rpx;
}

.itemsInfo {
    padding: 10rpx 20rpx;
    border: 2rpx solid #515151;
    color: #515151;
    border-radius: 10rpx;
    box-sizing: border-box;
    margin: 0 24rpx 24rpx 0;
}

.itemsInfoActive {
    border: none;
    background: #438E93;
    color: #fff;
}

.titleModal {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.texts {
    color: #000;
    font-weight: bold;
}

page {
    padding-bottom: 260rpx;
}

.btns {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 26rpx 48rpx 20rpx;
    box-sizing: border-box;
}

.oneBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24rpx;
}

.btn1 {
    width: 202rpx;
    margin-right: 24rpx;
    color: #438E93;
    border: 2rpx solid #438E93;
    text-align: center;
    border-radius: 10rpx;
    padding: 20rpx 0;
    background: #fff;
}

.oneBtn button {
    padding: 0;
}

.btn3 {
    margin-right: 0;
}

.btn2 {
    background: #438E93;
    text-align: center;
    color: #fff;
    padding: 20rpx 0;
    flex: 1;
    border-radius: 10rpx;
}

#cancelData .mymodal {
    width: 90% !important;
    left: 5% !important;
    right: 5% !important;
    top: 25% !important;
}

#cancelData.cancelBox1 .mymodal {
    top: 35% !important;
}

#cancelData .mymodal .mymodal-content {
    padding: 0 !important;
    height: 100% !important;
}

#cancelData .itemBox {
    padding: 0 30rpx;
}

.radioBox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.radioLabel {
    display: flex;
    width: 50%;
    margin-bottom: 32rpx;
    align-items: center;
}

radio::before,
checkbox::before {
    opacity: 0;
}

.radioLabelText {
    display: flex;
    justify-content: center;
    width: max-content;
    color: #000;
    font-weight: 400;
}

.radioLabel:nth-last-of-type(1) {
    width: 100%;
}

.radioBox input {
    height: 84rpx;
    line-height: 84rpx;
    background: #f3f3f3;
    flex: 1;
    padding-left: 16rpx;
}

.texts1 {
    margin-bottom: 32rpx;
}

.cancelBtns {
    display: flex;
}

.cancelBtns view:nth-of-type(1) {
    border-right: 2rpx solid #E7E7E7;
    color: #000;
}

.cancelBtns view:nth-of-type(2) {
    color: #438E93;
}

.cancelBtns view {
    height: 80rpx;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2rpx solid #E7E7E7;
}

.disabledSty {
    color: #999;
}

.disabledbtn1 {
    color: #999;
    border: 2rpx solid #999;
    background: #fff;
}

.disabledbtn2 {
    background: #999;
    color: #fff;
}