.pageMain{
  width: 100%;
  height: calc(100vh - 128px);
  background: #F1F3F4;
  position: relative;
  .loading{
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.1);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    .loadingBox{
      display:flex;
      align-items:center;
      padding:15px 20px 10px;
      background:#fff;
      border-radius:8px;
    }
  }
  .pageTop{
    width: 100%;
    height: 64px;
    box-sizing: border-box;
    padding: 16px 20px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EBEBEB;
    position: relative;
    .backIcon{
      position: absolute;
      z-index: 2;
      width: 24px;
      height: 24px;
      margin-right: 8px;
      top: 20px;
    }
    .goBack{
      position: absolute;
      top: 20px;
      left: 48px;
      z-index: 2;
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 600;
      color: rgba(0,0,0,0.85);
      line-height: 24px;
    }
    .topBg{
      position: absolute;
      top: 0;left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
    }
    .pageTopLeft{
      position: absolute;
      z-index:2;
      display: flex;
      align-items: center;
      .icon{
        width: 32px;
        height: 32px;
      }
      .serviceTypeIcon{
        width: 40px;
        margin-left: 12px;
      }
      .state{
        display: inline-block;
        padding: 0 6px;
        background: #F2F2F2;
        border-radius: 2px;
        margin-left: 8px;
      }
      .ant-select-selector{
        .ant-select-selection-item{
          font-weight: 600!important;
          font-size: 18px!important;
        }
      }
    }
    .pageTopRight{
      position: absolute;
      right: 20px;
      z-index:2;
      display: flex;
      align-items: center;
      padding: 6px 16px;
      background: #1890FF;
      border-radius: 4px;
      cursor: pointer;
      .rightIcon{
        width: 20px;
        height: 20px;
        margin-right: 8px;
      }
      .rightText{
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 20px;
      }
    }
  }
  .pageContent{
    width: 100%;
    height: calc(100% - 64px);
    display: flex;
    position: relative;
    .toSmall{
      width: 16px;
      height: 52px;
      position: absolute;
      top: 50%;
      left: calc(25% - 16px);
      cursor: pointer;
    }
    .contentLeft{
      width: 25%;
      height: 100%;
      background: #fff;
      overflow-y: scroll;
      box-sizing: border-box;
      padding: 20px;
      .onSaleProject{
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        border-radius: 4px 4px 0 0;
        .onSaleProjectTitle{
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 600;
          color: rgba(0,0,0,0.85);
          line-height: 24px;
        }
        .projectContent{
          margin-top: 12px;
          .tab{
            border-radius: 4px;
            overflow: hidden;
            .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){
              color: #fff;
              background: #1890FF;
            }
            .tabItem{
              padding: 0 12px;
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: rgba(0,0,0,0.65);
              background: #F9FAFC;
            }
          }
          .brandList{
            margin-top: 12px;
            .brandItem{
              width: 100%;
              border-radius: 8px;
              background: linear-gradient(45deg, #F7FCFF 0%, #F8F9FF 100%);
              box-sizing: border-box;
              padding: 16px;
              margin-bottom: 16px;
              display: flex;
              .brandLeft{
                width: 88px;
                height: 88px;
                border-radius: 6px;
                overflow: hidden;
                .brandLeftImg{
                  width: 100%;
                  height: 100%;
                }
              }
              .brandRight{
                flex: 1;
                margin-left: 16px;
                .topTitle{
                  font-size: 16px;
                  font-family: PingFangSC-Medium, PingFang SC;
                  font-weight: 600;
                  color: rgba(0,0,0,0.85);
                  line-height: 22px;
                }
                .typeLists{
                  display: flex;
                  margin-top: 4px;
                  .typeItem{
                    display: inline-block;
                    padding: 1px 8px;
                    border-radius: 2px;
                    font-size: 14px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    line-height: 22px;
                    margin-right: 8px;
                  }
                }
                .topRight{
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                  justify-content: center;
                  margin-top: 20px;
                  .dailyItem{
                    .itemIcon{
                      width: 26px;
                      height: 26px;
                      margin-right: 8px;
                    }
                    .itemLabel{
                      font-size: 14px;
                      font-family: PingFangSC-Regular, PingFang SC;
                      font-weight: 400;
                      color: rgba(0,0,0,0.45);
                    }
                    .itemValue{
                      font-size: 18px;
                      font-family: DINAlternate-Bold, DINAlternate;
                      font-weight: bold;
                      color: rgba(0,0,0,0.85);
                      margin-left: 6px;
                    }
                  }
                }
              }
            }
          }
        }
      }
      .serviceImg{
        width: 100%;
        height: 192px;
        border-radius: 8px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        .img{
          width: 100%;
          height: 100%;
        }
        .defaultImg{
          width: 192px;
          height: 192px;
        }
      }
      .desc{
        margin-top: 16px;
        position: relative;
        .descIcon{
          width: 18px;
          height: 18px;
          position: absolute;
          top: -4px;
          left: -7px;
        }
        .descText{
          width: 100%;
          overflow:hidden;
          text-overflow:ellipsis;
          display:-webkit-box;
          -webkit-line-clamp:2;
          -webkit-box-orient:vertical;
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: rgba(0,0,0,0.85);
          line-height: 22px;
        }
        .notice{
          display: none;
        }
      }
      .desc:hover{
        position: relative;
        .notice{
          width: 100%;
          display: block;
          padding: 12px;
          background: #fff;
          border-radius: 12px;
          top: 10%;
          left: 0;
          position: absolute;
          box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
        }
      }
      .serviceTypeTabs{
        width: 100%;
        height: 86px;
        background: #F7FAFF;
        border-radius: 4px;
        margin-top: 16px;
        display: flex;
        .serviceTypeItem{
          width: 25%;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          .itemIcon{
            width: 30px;
            height: 30px;
            margin-bottom: 8px;
          }
          .itemText{
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(0,0,0,0.65);
            line-height: 18px;
          }
        }
      }
      .detailList{
        margin-top: 16px;
        .detailItem{
          display: flex;
          align-items: flex-start;
          margin-bottom: 8px;
          .detailItemLeft{
            width: 100px;
            display: flex;
            align-items: center;
            .itemLeftIcon{
              width: 16px;
              height: 16px;
              margin-right: 4px;
            }
            .itemLeftLabel{
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: rgba(0,0,0,0.45);
              line-height: 22px;
            }
          }
          .detailItemRight{
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(0,0,0,0.85);
            line-height: 22px;
          }
        }

      }
      .areaList{
        width: 100%;
        .areaItem{
          .areaItemTop{
            display: flex;
            align-items: center;
            .itemTopIcon{
              width: 24px;
              height: 24px;
              margin-right: 8px;
            }
            .itemTitle{
              font-size: 14px;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: rgba(0,0,0,0.85);
              line-height: 22px;
            }
            .typeItem{
              font-size: 12px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              line-height: 18px;
              padding: 0 6px;
            }
          }

          .itemList{
            margin-top: 12px;
            .contentItem{
              width: 33.3%;
              display: inline-block;
              margin-bottom: 20px;
              .contentItemBox{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;
                .contentItemIcon{
                  width: 30px;
                  height: 30px;
                }
                .contentItemText{
                  font-size: 14px;
                  font-family: PingFangSC-Regular, PingFang SC;
                  font-weight: 400;
                  color: rgba(0,0,0,0.65);
                  line-height: 18px;
                  .number{
                    font-size: 12px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: rgba(0,0,0,0.85);
                    line-height: 18px;
                    margin-left: 4px;
                  }
                }
              }
              .noContentItemBox{
                opacity: 0.4!important;
                .contentItemText{
                  text-decoration: line-through!important;
                  color: rgba(0,0,0,0.25)!important;
                  .number{
                    color: rgba(0,0,0,0.25)!important;
                  }
                }
              }
            }
          }

        }
      }

    }
    .contentRight{
      width: calc(75% - 40px);
      margin-left: 20px;
      height: 100%;
      box-sizing: border-box;
      padding-top: 20px;
      overflow-y: scroll;
      .planView{
        width: 100%;
        height: 100%;
      }
      .yesterDayData{
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
        background: linear-gradient(314deg, #FFFFFF 0%, #ECF6FF 9%, #F2F6FF 34%, #F1F5FF 87%, #FFFFFF 100%);
        border-radius: 4px;
        margin-bottom: 20px;
        .yesterDayTop{
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          .yesterDayTitle{
            font-size: 16px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 600;
            color: rgba(0,0,0,0.85);
            line-height: 24px;
          }
          .dateSelect{

          }
        }
        .dateDetail{
          margin-top: 20px;
          width: 100%;
          .customerRevenue{
            display: flex;
            align-items: center;
            .revenueIcon{
              width: 56px;
              height: 56px;
            }
            .revenue{
              font-size: 24px;
              font-family: DINAlternate-Bold, DINAlternate;
              font-weight: bold;
              color: rgba(0,0,0,0.85);
              line-height: 22px;
              margin: 0 8px 0 12px;
            }
            .revenueLabel{
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: rgba(0,0,0,0.45);
              line-height: 22px;
            }
          }
          .revenueList{
            width: 100%;
            display: flex;
            margin-top: 20px;
            .revenueBox{
              width: 20%;
              display: inline-block;
              .revenueItem{
                display: flex;
                align-items: center;
                .itemImg{
                  width: 36px;
                  height: 36px;
                }
                .itemDetail{
                  display: flex;
                  flex-direction: column;
                  margin-left: 12px;
                  .itemValue{
                    font-size: 18px;
                    font-family: DINAlternate-Bold, DINAlternate;
                    font-weight: bold;
                    color: rgba(0,0,0,0.85);
                    line-height: 22px;
                  }
                  .itemLabel{
                    font-size: 14px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: rgba(0,0,0,0.45);
                    line-height: 22px
                  }
                }
              }
            }
          }
        }
      }
      .contentRightTop{
        width: 100%;
        box-sizing: border-box;
        padding: 16px 20px;
        background: #fff;
        border-radius: 4px;
        .contentRightTopTitle{
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 600;
          color: rgba(0,0,0,0.85);
          line-height: 24px;
        }
        .funList{
          width: 100%;
          display: flex;
          justify-content: space-between;
          margin-top: 20px;
          .funItem{
            width: calc((100% - 24px) / 3);
            border-radius: 4px;
            background-size: 100% 100%;
            position: relative;
            cursor: pointer;
            .notice{
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #6778A0;
              line-height: 18px;
              position: absolute;
              left: 6%;top: 30%;
            }
            .tabList{
              position: absolute;
              bottom: 16px;
              left: 16px;
              display: flex;
              .tabItem{
                font-size: 14px;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #1E86F9;
                line-height: 20px;
                padding: 2px 6px;
                background: linear-gradient(90deg, #EEF4FE 0%, #FFFFFF 100%);
                border-radius: 2px;
                border: 1px solid #D0D9EF;
                margin-right: 6px;
                cursor: pointer;
              }
            }
          }
          .funItem:hover{
            box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
          }
        }


        .functionList{
          width: 100%;
          margin-top: 20px;
          display: flex;
          justify-content: space-between;
          .functionItem{
            width: 12.5%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            cursor: pointer;
            .imgBox{
              width: 48px;
              height: 48px;
              background: #FFFFFF;
              border-radius: 6px;
              border: 1px solid #EEEEEF;
              margin-bottom: 8px;
              display: flex;
              align-items: center;
              justify-content: center;
              .img{
                width: 100%;
                height: 100%;
              }
            }
            .itemValue{
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: rgba(0,0,0,0.85);
              line-height: 20px;
            }
          }
        }
      }
      .planContent{
        width: 100%;
        box-sizing: border-box;
        padding: 16px 20px;
        background: #fff;
        margin-top: 20px;
        border-radius: 4px;
        .planContentTitleList{
          display: flex;
          align-items: center;
          .planContentTitle{
            display: inline-block;
            width: calc((100% - 12px) / 2);
            text-align: left;
            font-size: 16px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 600;
            color: rgba(0,0,0,0.85);
            line-height: 24px;
          }
          .selectTitle{
            position: relative;
            color: #1890FF!important;
          }
          .selectTitle:after{
            position: absolute;
            content:'';
            width: calc(100% - 32px);
            height: 2px;
            background: #1890FF;
            bottom: -5px;
            left: 16px;
          }
        }

        .plan{
          .trafficBox{
            width: calc((100% - 12px) / 2);
            padding: 12px 16px;
            box-sizing: border-box;
            border-radius: 8px;
            background: #f5f2f2;
            margin: 16px 0 12px 0;
            cursor: pointer;
            .top {
              width: 100%;
              display: flex;
              .big {
                width: 40px;
                height: 40px;
                background: #ffffff;
                border-radius: 8px;
                border: 1px solid #ebebeb;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-right: 8px;
                .icon {
                  width: 20px;
                  height: 20px;
                }
              }
              .text {
                width: calc(100% - 60px);
                padding: 2px 0;
                .textTop{
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  .left{
                    display: flex;
                    align-items: center;
                    .number {
                      font-size: 16px;
                      font-family: PingFangSC-Medium, PingFang SC;
                      font-weight: 600;
                      color: rgba(0,0,0,0.85);
                      line-height: 22px;
                    }
                    .desc{
                      font-size: 16px;
                      font-family: PingFangSC-Medium, PingFang SC;
                      font-weight: 600;
                      color: rgba(0,0,0,0.85);
                      line-height: 22px;
                      .success{
                        width: 20px;
                        height: 20px;
                        margin-right: 4px;
                      }
                    }
                  }
                  .right{
                    flex: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    .comparePlan{
                      font-size: 24rpx;
                      font-family: PingFangSC-Regular, PingFang SC;
                      font-weight: 400;
                      color: #a69e9f;
                      line-height: 36rpx;
                      white-space: nowrap;
                    }
                    .box2{
                      display: flex;
                      align-items: center;
                      .text{
                        font-size: 14px;
                        font-family: DINAlternate-Bold, DINAlternate;
                        color: #150002;
                        font-weight: bold;

                        line-height: 40rpx;
                      }
                      .addIcon {
                        width: 16px;
                        height: 16px;
                        margin-right: 2px;
                      }
                    }
                  }
                }
                .progressPlan{
                  width: 100%;
                  height: 8px;
                  border-radius: 5px;
                  background: #fff;
                  margin-top: 8px;
                  position: relative;
                  overflow: hidden;
                  .trans{
                    height: 8px;
                    position: absolute;
                    left: 0;top: 0;
                    border-top-right-radius: 4px;
                    border-bottom-right-radius: 4px;
                    background:#FF8E5B;
                  }
                  .transYear{
                    height: 8px;
                    position: absolute;
                    left: 0;top: 0;
                    border-top-right-radius: 4px;
                    border-bottom-right-radius: 4px;
                    background: url("https://eshangtech.com/ShopICO/ahyd-BID/index/progress_blue.png")no-repeat 100% 100%;
                  }
                }
              }
            }
            .bottom {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 16px;
              padding-left: 48px;
              .success {
                .text {
                  font-size: 16px;
                  font-family: PingFangSC-Medium, PingFang SC;
                  font-weight: 600;
                  color: #786b6c;
                  .unit {
                    font-size: 14px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 600;
                    color: #a69e9f;
                    line-height: 22px;
                  }
                }
                .money {
                  font-size: 16px;
                  font-family: PingFangSC-Medium, PingFang SC;
                  font-weight: 600;
                  color: rgba(0,0,0,0.85);
                  line-heigfht: 22px;
                  margin-left: 12px;
                }
              }
            }
          }
          .trafficBox:hover{
            box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
          }
          .carType{
            width:100%;
            display: flex;
            justify-content: flex-end;
            .carTypeItem{
              border: 1px solid #ccc;
              background: rgba(202,208,218,0.5);
              border-radius: 4px;
              padding: 2px 6px;
              margin: 0 6px 6px 0;
              box-sizing: border-box;
              cursor: pointer;
            }
            .carSelect{
              background: #fff!important;
            }
          }
        }
      }
    }
  }

  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    color:transparent;
  }

  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color:transparent;
  }

  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color:transparent;
  }
}
.showFunDrawer{
  box-sizing: border-box;
  padding: 16px;
  .drawerTitle{
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.85);
    line-height: 24px;
  }
  .drawerTabs{
    display: flex;
    align-items: center;
    margin: 20px 0;
    .drawerItem{
      display: inline-block;
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 600;
      color: rgba(0,0,0,0.85);
      line-height: 24px;
      margin-right: 12px;
      cursor: pointer;
    }
    .select{
      position: relative;
      color: #5F96FB!important;
    }
    .select:after{
      content:'';
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #5F96FB;
    }
  }
  .drawerContent{
    width: 100%;
    height: calc(100vh - 180px);
    position: relative;
    .contentLoading{
      position: absolute;
      width: 100%;
      height: 100%;
      z-index:9;
      top: 0;left: 0;
      background: rgba(0,0,0,0.1);
      display:flex;
      align-items:center;
      justify-content: center;
      .loading{
        display:flex;
        align-items:center;
        justify-content: center;
        padding:15px 20px 10px;
        background:#fff;
        border-radius:8px;
        width: 150px;
      }
    }
    //overflow-y: scroll;
    .meetingBox{
      .meetingTop{
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 12px;
        .meetingTitle{
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 600;
          color: rgba(0,0,0,0.85);
          line-height: 24px;
          display: inline-block;
        }
      }

      .meetingDetail{
        background: #FBFBFB;
        border-radius: 8px;
        box-sizing: border-box;
        padding: 16px;
        margin-bottom: 12px;
        .detailItem{
          display: flex;
          margin-bottom: 8px;
          .icon{
            width: 18px;
            height: 18px;
          }
          .label{
            display: inline-block;
            width: 60px;
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(0,0,0,0.45);
            line-height: 22px;
            margin-left: 4px;
          }
          .value{
            display: inline-block;
            flex: 1;
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(0,0,0,0.85);
            line-height: 22px;
            margin-left: 8px;
          }
        }
      }
    }
    .serviceList{
      width: 100%;
      .title{
        font-size: 18px;
        font-family: Alimama ShuHeiTi;
        color: #33077A;
        line-height: 26px;
        margin-bottom: 12px;
        display: inline-block;
      }
      .serviceItem{
        width: 100%;
        box-sizing: border-box;
        padding: 16px;
        border-radius: 8px;
        margin-bottom: 12px;
        background: #FBFBFB;
        border: 1px solid #E8E8E8;
        .itemTitle{
          display: flex;
          align-items: center;
          .title{
            font-size: 18px;
            font-family: Alimama ShuHeiTi;
            color: #33077A;
            line-height: 26px;
          }

        }
        .serviceDetail{
          .detailTop{
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid rgba(212, 196, 244, 0.2);
            padding: 0 0 8px;
            .detailTopLeft{
              display: flex;
              align-items: center;
              .icon{
                width: 22px;
                height: 22px;
              }
              .type{
                font-size: 14px;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #160002;
                line-height: 20px;
                margin-left: 8px;
              }
              .unit{
                font-size: 12px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #3B48E3;
                line-height: 12px;
                padding: 3px 4px;
                background: rgba(59, 72, 227, 0.1);
                margin-left: 8px;
                border-radius: 2px;
              }
              .secondUnit{
                background:rgba(0, 147, 46, 0.1);
                border-radius: 2px;
                font-size: 12px;
                padding: 3px 4px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #00932E;
                margin-left: 8px;
                line-height: 12px;
              }
            }
            .detailTopRight{
              font-size: 22px;
              font-family: DINAlternate-Bold, DINAlternate;
              font-weight: bold;
              color: #160002;
              line-height: 22px;
              .unit{
                font-size: 12px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #786B6C;
                line-height: 18px;
                margin-left: 2px;
              }
            }
          }
          .detailMessage{
            margin-top: 14px;
            .message{
              display: flex;
              align-items: center;
              .icon{
                width: 16px;
                height: 16px;
              }
              .value{
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #160002;
                line-height: 20px;
                margin-left: 8px;
                width: 90%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
              }
            }
          }
        }
      }
      .dailyInspection{
        width: 100%;
        height: 267px;
        background: linear-gradient(314deg, #FFF1F8 0%, #F2F2FF 32%, #FCFAFF 54%, #FCF6FF 70%, #F2EAFF 100%);
        border-radius: 8px;
        margin-bottom: 12px;
        box-sizing: border-box;
        padding: 16px;
        .itemTitle{
          display: flex;
          align-items: center;
          justify-content: space-between;
          .title{
            font-size: 18px;
            font-family: Alimama ShuHeiTi;
            color: #33077A;
            line-height: 26px;
          }
          .more{
            display: flex;
            align-items: center;
            .moreText{
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #786B6C;
              line-height: 20px;
            }
            .icon{
              width: 15px;
              height: 15px;
              margin-left: 7px;
            }
          }
        }
        .detail{
          margin-top: 19px;
          .detailTop{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .left{
              display: flex;
              align-items: center;
              .icon{
                width: 22px;
                height: 22px;
                margin-right: 8px;
              }
              .type{
                font-size: 14px;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #160002;
                line-height: 20px;
                margin-right: 4px;
              }
              .number{
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #786B6C;
                line-height: 20px;
              }
            }
            .right{
              width: 20px;
              height: 20px;
            }
          }
          .detailMessage{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 16px;
            .person{
              margin-top: 12px;
              .value{
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #160002;
                line-height: 20px;
                margin-bottom: 2px;
              }
              .label{
                font-size: 12px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #786B6C;
                line-height: 18px;
              }
              .icon{
                margin-bottom:-2px;
                width: 16px;
                height: 19px;
              }
            }

          }
        }
      }
      .meeting{
        width: 100%;
        height: 209px;
        background: linear-gradient(314deg, #FFF1F8 0%, #F2F2FF 32%, #FCFAFF 54%, #FCF6FF 70%, #F2EAFF 100%);
        border-radius: 8px;
        margin-bottom: 12px;
        box-sizing: border-box;
        padding: 16px;
        .title{
          font-size: 18px;
          font-family: Alimama ShuHeiTi;
          color: #33077A;
          line-height: 26px;
          margin-bottom: 18px;
        }
        .meetContent{
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding-bottom: 8px;
          border-bottom: 1px solid rgba(212, 196, 244, 0.2);
          .left{
            display: flex;
            align-items: center;
            .icon{
              width: 24px;
              height: 24px;
              margin-right: 8px;
            }
            .text{
              font-size: 14px;
              font-family: PingFangSC-Semibold, PingFang SC;
              font-weight: 600;
              color: #160002;
              line-height: 20px;
            }
          }
          .right{
            display: flex;
            align-items: center;
            .icon{
              width: 12px;
              height: 12px;
              margin-right: 4px;
            }
            .text{
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #160002;
              line-height: 20px
            }
          }
        }
        .noDataItem{
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin-top: 6px;
          .img{
            width: 80px;
            height: 80px;
          }
          .text{
            text-align: center;
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #A69E9F;
          }
        }
        .detail{
          margin-top: 12px;
          .message{
            display: flex;
            align-items: center;
            position: relative;
            .icon{
              width: 16px;
              height: 16px;
            }
            .value{
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #160002;
              line-height: 20px;
              margin-left: 8px;
              width: 90%;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
            }
            .more{
              width: 12px;
              height: 12px;
              position: absolute;
              right: 0;
            }
          }
          .other{
            display: flex;
            align-items: flex-start;
            position: relative;
            .icon{
              width: 16px;
              height: 16px;
              margin-top: 2px;
            }
            .value{
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #160002;
              line-height: 20px;
              margin-left: 8px;
              width: 90%;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden;
            }
            .more{
              width: 12px;
              height: 12px;
              position: absolute;
              right: 0;bottom: 3px;
            }
          }
        }
      }
      .noData{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20vh;
        .img{
          width: 80px;
          height: 80px;
        }
        .text{
          text-align: center;
          font-size: 20px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #A69E9F;
          line-height: 20px;
          margin-top: 8px;
        }
      }
    }
    .dailyInspection{
      width: 100%;
      height: 267px;
      background: #FBFBFB;
      border-radius: 8px;
      margin-bottom: 12px;
      box-sizing: border-box;
      padding: 16px;
      .itemTitle{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        .title{
          font-size: 18px;
          font-family: Alimama ShuHeiTi;
          color: #33077A;
          line-height: 26px;
        }
        .more{
          display: flex;
          align-items: center;
          cursor: pointer;
          .moreText{
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #786B6C;
            line-height: 20px;
          }
          .icon{
            width: 15px;
            height: 15px;
            margin-left: 7px;
          }
        }
      }
      .dailyDetail{
        margin-top: 19px;
        .detailTop{
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          .left{
            display: flex;
            align-items: center;
            .icon{
              width: 22px;
              height: 22px;
            }
            .type{
              margin-left: 8px;
              font-size: 14px;
              font-family: PingFangSC-Semibold, PingFang SC;
              font-weight: 600;
              color: #160002;
              line-height: 20px;
              margin-right: 4px;
            }
            .number{
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #786B6C;
              line-height: 20px;
            }
          }
          .right{
            width: 20px;
            height: 20px;
          }
        }
        .detailMessage{
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding-bottom: 16px;
          .person{
            margin-top: 12px;
            .value{
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #160002;
              line-height: 20px;
              margin-bottom: 2px;
            }
            .label{
              font-size: 12px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #786B6C;
              line-height: 18px;
            }
            .icon{
              margin-bottom:-2px;
              width: 16px;
              height: 19px;
            }
          }

        }
      }
    }
    .serviceList{
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding: 16px;
      .tab{
        width: 100%;
        height: 38px;
        background: #F3F1F5;
        border-radius: 4px;
        margin-top: 16px;
        box-sizing: border-box;
        padding: 4px;
        .tabItem{
          display: inline-block;
          width: 50%;
          height:100%;
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #786B6C;
          line-height: 30px;
          text-align: center;
          cursor: pointer;
        }
      }
      .serviceItemBox{
        width: 100%;
        height: 400px;
        display: flex;
        justify-content: space-between;
        .boxItem{
          width: 49%;
          height: 100%;
          .list{
            margin-top: 12px;
            .item{
              display: flex;
              justify-content: space-between;
              .person{
                margin-top: 12px;
                text-align: left;
                .value{
                  font-size: 14px;
                  font-family: PingFangSC-Regular, PingFang SC;
                  font-weight: 400;
                  color: #160002;
                  line-height: 20px;
                  margin-bottom: 2px;
                }
                .label{
                  font-size: 12px;
                  font-family: PingFangSC-Regular, PingFang SC;
                  font-weight: 400;
                  color: #786B6C;
                  line-height: 18px;
                }
                .icon{
                  margin-bottom:-2px;
                  width: 16px;
                  height: 19px;
                }
              }
            }
          }
        }
      }
    }
    .carType{
      width:100%;
      display: flex;
      justify-content: flex-end;
      .carTypeItem{
        border: 1px solid #ccc;
        background: rgba(202,208,218,0.5);
        border-radius: 4px;
        padding: 2px 6px;
        margin: 0 6px 6px 0;
        box-sizing: border-box;
        cursor: pointer;
      }
      .carSelect{
        background: #fff!important;
      }
    }
  }
}
.showGetMoreDrawer{
  .serviceList{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 16px;
    .tab{
      width: 100%;
      height: 38px;
      background: #F3F1F5;
      border-radius: 4px;
      margin-top: 16px;
      box-sizing: border-box;
      padding: 4px;
      .tabItem{
        display: inline-block;
        width: 50%;
        height:100%;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #786B6C;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
      }
      .selectTabItem{
        background: #fff;
        border-radius: 4px;
      }
    }
    .list{
      display: inline-block;
      width: 100%;
      height: calc(100% - 80px);
      margin-top: 12px;
      overflow-y: scroll;
      .item{
        width: 100%;
        display: flex;
        justify-content: space-between;
        .person{
          margin-top: 12px;
          text-align: left;
          .value{
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #160002;
            line-height: 20px;
            margin-bottom: 2px;
          }
          .label{
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #786B6C;
            line-height: 18px;
          }
          .icon{
            margin-bottom:-2px;
            width: 16px;
            height: 19px;
          }
        }
      }
    }
  }
}
//.ant-pro-page-container-children-content{
//  margin: 0;
//}
