.bookingPlanPage,.bookingPlanPage .container{width:100%}.bookingPlanPage .container .orderListContent{margin:0 15px;display:flex;flex-wrap:wrap}.bookingPlanPage .container .orderListContent .orderList{position:relative;width:180px;height:180px;font-weight:700;background-color:#fff;border:1px solid #eee;border-radius:4px;font-size:12px;margin:20px 20px 20px 0}.bookingPlanPage .container .orderListContent .orderList .orderTestMark{position:absolute;width:25px;height:25px;background-color:red;top:-20px;right:-10px;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9}.bookingPlanPage .container .orderListContent .orderList .orderTitle{height:35px;line-height:20px;display:flex;justify-content:space-between;padding:5px;border-bottom:1px solid #ccc}.bookingPlanPage .container .orderListContent .orderList .orderContent{line-height:20px;padding:5px;font-weight:700;font-size:10px!important}.bookingPlanPage .container .orderListContent .delivery{background-color:#a3f6d8}.bookingPlanPage .container .bar{width:100%;display:flex;flex-wrap:wrap;line-height:55px;align-items:center;justify-content:start}.bookingPlanPage .container .bar .flexItem{margin-right:5px}.bookingPlanPage .container .bar .flexItem .s{width:100px}.bookingPlanPage .container .bar .flexItem .m{width:150px}.bookingPlanPage .container .bar .flexItem .l{width:200px}.bookingPlanPage .container .bar .flexItem .xl{width:250px}.bookingPlanPage .container .bar .flexItem .xxl{width:300px}.bookingPlanPage .container .bar .flexItem .btn i{position:relative;top:-2px}.bookingPlanPage .container .pageBar{display:flex;justify-self:start}.bookingPlanPage .container .pageBar .batchOptClass{display:flex;margin:22px 10px 22px 0}.bookingPlanPage .container .pageBar .batchOptClass .btn{margin-left:5px}.forms .form{width:100%}.forms .form .line{margin:30px 0 10px 0}.forms .form .label{font-size:16px;margin:5px;display:flex;justify-content:space-between}.forms .form .item{margin:5px}.forms .form .item .default{background-color:#aaa;color:#fff;font-weight:700}.forms .form .select .selectItem{display:flex;align-items:center;justify-content:start}.forms .form .select .selectItem .img{width:40px;height:40px;background-size:cover;background-repeat:no-repeat;background-position:top;border-radius:50%}.forms .form .select .selectItem .label{margin:0 10px}.forms .form .textarea{border:1px solid #ddd;border-radius:0}.forms .form .button{width:100%;padding:30px;text-align:right}.forms .form .button button{margin-right:5px}.pro-row-red td{color:red}.pro-row-yellow td{background-color:#f9f4ed}.pro-row-green td{background-color:#eafcfa}.schedule-row{cursor:pointer}.scheduleModal .scheduleModal-title{font-size:14px;font-weight:700}.scheduleModal .scheduleModal-container{min-height:200px}.scheduleModal .scheduleModal-container .scheduleModal-loading{min-height:200px;display:flex;align-items:center;justify-content:center}.scheduleModal .scheduleModal-container .oceanProduct-startDate{margin-bottom:5px}.scheduleModal .scheduleModal-container .oceanProduct-transit{font-size:14px;margin-bottom:5px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotation{animation:spin 2s linear infinite}