.appoint-record{background:#f2f3f4}.appoint-record .van-cell__value{-webkit-box-flex:0.5;-ms-flex:0.5;flex:0.5}.appoint-record .menu{position:fixed;top:46px;left:0;width:100%;z-index:10;background:#fff}.appoint-record .menu .outterDept{width:33.33333%;text-align:center}.appoint-record .menu .outterDept .dept{position:relative}.appoint-record .menu .outterDept .dept:after{position:absolute;top:3px;right:-12px;border:3px solid;border-color:transparent transparent currentColor currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.8;content:""}.appoint-record .menu .van-dropdown-menu{-webkit-box-flex:1;-ms-flex:1;flex:1}.appoint-record .menu.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.appoint-record .van-list{margin:0 0 0 0}.appoint-record .listBox{width:100%;padding:8px 20px}.appoint-record .listBox .box{background-color:#fff;border-radius:10px;border:1px solid #e1e1e1;padding:15px;padding-right:10px;position:relative}.appoint-record .listBox .box .statusName{position:absolute;top:.6rem;right:0;z-index:1;color:#fff;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 8px;border-top-left-radius:15px;border-bottom-left-radius:15px}.appoint-record .listBox .box .statusName.success{background:#17b3ec}.appoint-record .listBox .box .statusName.error{background-color:#c8c8c8}.appoint-record .listBox .box .statusName span{background:#fff;width:5px;height:5px;display:inline-block;border-radius:50%;margin-right:4px}.appoint-record .listBox .box .infoTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.appoint-record .listBox .box .infoTop img{width:58px;height:58px;border-radius:50%;margin-right:12px}.appoint-record .listBox .box .infoTop .detInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.appoint-record .listBox .box .infoTop .detInfo .name{font-size:16px;font-weight:400;font-stretch:normal;line-height:25px;letter-spacing:0;color:#222}.appoint-record .listBox .box .infoTop .detInfo .name .job{display:inline-block;font-size:14px;font-weight:400;letter-spacing:0;color:#444;margin-left:10px}.appoint-record .listBox .box .infoTop .detInfo .keshi,.appoint-record .listBox .box .infoTop .detInfo .time{font-family:PingFang-SC-Medium;font-size:14px;font-weight:400;letter-spacing:0;color:#666;line-height:24px}.appoint-record .dropdown-menu{position:fixed;top:0;left:0;width:100%;z-index:3}.appoint-record .list{margin-top:50px}