.addPlanReservation .ant-modal-title{font-size:16px;font-weight:700}.addPlanReservation .iconx-sex2{color:pink!important}.addPlanReservation .ant-modal-body{padding:10px 0 20px 0}.addPlanReservation .info-name{height:35px;padding:0 20px}.addPlanReservation .info-name b{font-size:20px;color:#333;margin-right:10px}.addPlanReservation .info-name .iconfont{display:inline-block;margin-right:2px}.addPlanReservation .info-name .iconx-sex1,.addPlanReservation .info-name .iconx-sex2{font-size:18px;color:#1890ff}.addPlanReservation .info-name .badgeIcons{width:19px;height:19px;line-height:20px;font-size:12px;text-align:center;background-color:#e0ffdf;color:#3aa837;display:inline-block;border-radius:20px;margin-right:2px}.addPlanReservation .iconfontText{height:35px;line-height:35px;padding:0 20px}.addPlanReservation .iconfontText p{margin-bottom:0;display:inline-block;color:#666;font-size:14px;margin-right:20px}.addPlanReservation .connent{background-color:#eee;padding:10px 20px;margin-bottom:10px}.addPlanReservation .connent div{height:30px;line-height:33px;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex}.addPlanReservation .connent div span{width:280px;color:#666;font-size:14px}.addPlanReservation .connent div span b{color:#333}.addPlanReservation .formRowCol .ant-form-item-label{width:200px;padding-right:10px}.addPlanReservation .formRowCol .ant-input,.addPlanReservation .formRowCol .ant-select{width:400px}.planAddReservation .box{overflow-y:inherit!important}.planAddReservation .customerName{height:80px;border-bottom:1px solid #e8e8e8;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.planAddReservation .customerName .name{max-width:150px;height:60px;font-weight:700;color:#000;font-size:18px;padding-right:10px}.planAddReservation .customerName .boxCont{-webkit-box-flex:1;-ms-flex:1;flex:1;height:60px}.planAddReservation .customerName .boxCont div{height:30px;line-height:30px}.planAddReservation .customerName .boxCont img{width:22px;height:22px;float:left;margin-right:8px;margin-top:2px}.planAddReservation .customerName .boxCont span{float:left;margin-right:8px}.planAddReservation .el-date-editor{width:220px!important}.planAddReservation .el-date-editor .el-input__icon{line-height:34px}.planAddReservation .el-date-editor.el-date-editor--time-select{width:243px!important}.planAddReservation .el-date-editor.el-date-editor--time-select .el-input__icon{line-height:34px}.planAddReservation .template{padding:5px 20px}.planAddReservation .template .tabs{width:200px;height:32px;line-height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #d1d1d1;border-radius:4px}.planAddReservation .template .tabs div{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;cursor:pointer}.planAddReservation .template .tabs div.check{background-color:#1890ff;color:#fff}.planAddReservation .ant-input,.planAddReservation .ant-select,.planAddReservation .ant-time-picker{width:90%}.planAddReservation .formRowCol{padding-right:0}.planAddReservation .formRowCol .ant-form-item-children{padding-left:10px}.planAddReservation .formRowCol.date{margin-bottom:0}.planAddReservation .formRowCol.date .ant-input-number{width:100px;margin-right:5px}.planAddReservation .formRowCol.date .ant-btn.ant-btn-dashed{width:32px;display:inline-block;margin:0 0 0 20px}.planAddReservation .cotBox{height:calc(100vh - 225px);overflow-y:scroll}.planAddReservation .cotBox .tips{padding-left:27px}.planAddReservation .cotBox .tips b{font-size:18px}.planAddReservation .cotBox .tips i{width:60px;text-align:center;float:right;font-size:20px;color:red}.planAddReservation .cotBox .items{border-bottom:1px solid #ddd}.planAddReservation .cotBox .ant-btn.ant-btn-dashed{width:500px;margin:10px auto;color:#1890ff;border-color:#1890ff;display:block}.planAddReservation .cotBox .ant-btn.ant-btn-dashed:hover{background-color:rgba(24,144,255,.1)}.planAddReservation .table{border:1px solid #d1d1d1}.planAddReservation .table .tr{height:40px;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #d1d1d1}.planAddReservation .table .tr .th1{width:60px;text-align:center;border-right:1px solid #d1d1d1}.planAddReservation .table .tr .th2{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;border-right:1px solid #d1d1d1}.planAddReservation .table .tr .th3{width:180px;text-align:center;border-right:1px solid #d1d1d1}.planAddReservation .table .tr .th3 .el-date-editor{width:160px!important}.planAddReservation .table .tr .th3 .el-date-editor .el-input__inner{padding-right:0}.planAddReservation .table .tr .th3 .red .el-input__prefix{color:red}.planAddReservation .table .tr .th4{width:70px;text-align:center;border-right:1px solid #d1d1d1}.planAddReservation .table .th{color:#000;background-color:#f1f1f1;border-top:none}.planReservationClinicName .customerName{height:95px;border-bottom:1px solid #e8e8e8}.planReservationClinicName .customerName .name{height:35px;line-height:35px}.planReservationClinicName .customerName .name .cust{min-width:50px;max-width:180px;font-weight:700;font-size:18px;color:#000;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:15px;float:left}.planReservationClinicName .customerName .name .badgeIcons{width:20px;height:20px;line-height:20px;text-align:center;border-radius:20px;margin:7px 3px;float:left;color:#fff}.planReservationClinicName .customerName .name .badgeIcons.icon1{background-color:#2478f1}.planReservationClinicName .customerName .name .badgeIcons.icon0{background-color:#79b21f}.planReservationClinicName .customerName .name .badgeIcons.icon2{background-color:#f2910c}.planReservationClinicName .customerName .name .badgeIcons.icon3{background-color:#1800ff}.planReservationClinicName .customerName .name img{width:20px;height:20px;float:left;margin:7px 3px}.planReservationClinicName .customerName .name .icon{width:180px;float:left;text-align:center}.planReservationClinicName .customerName .users{height:30px;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex}.planReservationClinicName .customerName .users .switch{width:44px;height:22px;border-radius:22px;padding:1px;background-color:rgba(0,0,0,.25);display:inline-block;cursor:pointer}.planReservationClinicName .customerName .users .switch i{width:20px;height:20px;border-radius:20px;display:inline-block;background-color:#fff}.planReservationClinicName .customerName .users .switch.active{text-align:right;background-color:#1890ff}.planReservationClinicName .customerName .users div{-webkit-box-flex:1;-ms-flex:1;flex:1;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planReservationClinicName .customerName .users .th1{width:200px;-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit;padding-left:15px}.planReservationClinicName .customerName .users .th2{width:170px;-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit;padding-left:15px}.planReservationClinicName .btns{height:50px;padding:8px;border-bottom:1px solid #d1d1d1}.planReservationClinicName .btns .tabs{width:200px;height:34px;line-height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;border:1px solid #d1d1d1;float:left;cursor:pointer}.planReservationClinicName .btns .tabs div{text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.planReservationClinicName .btns .tabs .check{color:#fff;background-color:#1890ff}.planReservationClinicName .btns .ant-select{width:85px;margin-left:10px}.planReservationClinicName .btns .ant-btn{float:right;margin-right:30px}.planReservationClinicName .btns .btnBg1{margin-right:50px}.planReservationClinicName .boxCont{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 195px)}.planReservationClinicName .boxCont .box1{width:398px;border-right:1px solid #d1d1d1}.planReservationClinicName .boxCont .box2{width:398px}.planReservationClinicName .boxCont .items{padding:0 10px;border-bottom:1px solid #d1d1d1;cursor:pointer}.planReservationClinicName .boxCont .items .times{height:40px;line-height:40px;color:#333}.planReservationClinicName .boxCont .items .times i{width:20px;height:20px;line-height:20px;font-style:inherit;text-align:center;display:inline-block;border-radius:20px;font-size:12px;color:#fff;background-color:#1cbb41}.planReservationClinicName .boxCont .items .times i.plan{background-color:#eec008}.planReservationClinicName .boxCont .items .text{border-radius:4px;padding:10px 5px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;background-color:#f1f1f1}.planReservationClinicName .boxCont .items .text div{width:240px;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planReservationClinicName .boxCont .items .text .flex1{width:120px}.planReservationClinicName .boxCont .items .text.active{background-color:rgba(24,144,255,.2)}.planReservationClinicName .boxCont .items .btn{height:0;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-transition:all .5s;transition:all .5s}.planReservationClinicName .boxCont .items .btn div{width:60px;height:30px;line-height:30px;text-align:center;background-color:rgba(24,144,255,.2);border-radius:4px;cursor:pointer;margin-right:20px}.planReservationClinicName .boxCont .items .btn .bt4{width:85px;margin-right:0;margin-left:35px}.planReservationClinicName .boxCont .items:hover .btn{height:40px}.planReservationClinicName .item{height:40px;line-height:40px;text-align:center;border-bottom:1px solid #d1d1d1;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f1f1f1}.planReservationClinicName .item div{border-left:1px solid #d1d1d1;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planReservationClinicName .item .th1{width:70px;border-left:none;-ms-flex-negative:0;flex-shrink:0}.planReservationClinicName .item .th2{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;overflow:hidden;text-overflow:ellipsis}.planReservationClinicName .item .th3{width:120px;-ms-flex-negative:0;flex-shrink:0}.planReservationClinicName .item .th4{width:70px;-ms-flex-negative:0;flex-shrink:0}.planReservationClinicName .item .th5{width:110px;-ms-flex-negative:0;flex-shrink:0}.planReservationClinicName .item .th6{width:80px;-ms-flex-negative:0;flex-shrink:0}.planReservationClinicName .item .th6 i{width:20px;height:20px;line-height:20px;text-align:center;border-radius:20px;font-size:12px;font-style:inherit;color:#fff;background-color:#1cbb41;float:left;margin:10px 0 0 2px}.planReservationClinicName .item .th6 i.plan{background-color:#eec008}.planReservationClinicName .item .th6 span{float:left;text-indent:4px}.planReservationClinicName .item .th7{width:50px;cursor:pointer;-ms-flex-negative:0;flex-shrink:0}.planReservationClinicName .item .th7.cd{color:#ddd}.planReservationClinicName .box3{height:calc(100vh - 240px)}.planReservationClinicName .box3 .item{background-color:#fff}.customerData-ReservationPan .records{height:40px;line-height:40px;padding:0 30px}.customerData-ReservationPan .records .ant-select{width:180px;float:right;margin-right:20px}.customerData-ReservationPan .box{height:calc(100vh - 207px)}