.rightDetailBox{
    width: 100%;
    height: calc(100vh - 20px);
    .tabTop{
        width: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        .tabBox{
            width: calc(100% - 56px);
        }
        .noTab{
            .noTabIcon{
                width: 24px;
                height: 24px;
                cursor: pointer;
            }
        }
        .closeIcon{
            width: 24px;
            height: 24px;
            cursor: pointer;
            transform: rotate(-90deg);
        }
    }
    .detailContent{
        width: 100%;
        max-height: calc(100vh - 70px);
        box-sizing: border-box;
        padding: 0 16px 0 0;
        .projectBox{
            width: 100%;
            max-height: calc(100vh - 70px);
            .projectTab{
                width: 100%;
                margin-bottom: 16px;
                .el-radio-group{
                    margin-bottom: 0!important;
                }
            }

            .projectList{
                width: 100%;
                height: calc(100vh - 140px);
                overflow-y: auto;
                scrollbar-width: none;
                .projectItem{
                    width: 100%;
                    box-sizing: border-box;
                    border-radius: 8px;
                    background: #fff;
                    padding: 16px;
                    margin-bottom: 16px;
                    cursor: pointer;
                    display: flex;
                    .projectItemLeft{
                        width: 88px;
                        .leftBrandIcon{
                            width: 100%;
                            height: 88px;
                        }
                    }
                    .projectItemRight{
                        margin-left: 12px;
                        width: calc(100% - 100px);
                        .rightTitle{
                            font-size: 16px;
                            font-weight: 600;
                        }
                        .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{
                                display: flex;
                                align-items: center;
                              .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;
                              }
                            }
                          }
                    }
                }
                .selectProjectItem{
                    background: linear-gradient(45deg, #c6e8fc 0%, #bac4ff 100%)!important;
                }
            }
        }

        .detailServerPart{
            width: 100%;
            max-height: calc(100vh - 70px);
            overflow-y: auto;
            scrollbar-width: none;
            .serverPartImg{
                width: 100%;
                height: 300px;
                display: flex;
                justify-content: center;
                align-items: center;
                .serverImg{
                    width: 100%;
                    height: 100%;
                }
                .defaultImg{
                    width: 250px;
                    height: 250px;
                }
            }
            .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: #fff;
                      line-height: 22px;
                    }
                  }
                  .detailItemRight{
                    font-size: 14px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #fff;
                    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: #fff;
                      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: #fff;
                          line-height: 18px;
                          .number{
                            font-size: 12px;
                            font-family: PingFangSC-Regular, PingFang SC;
                            font-weight: 400;
                            color: #fff;
                            line-height: 18px;
                            margin-left: 4px;
                          }
                        }
                      }
                      .noContentItemBox{
                        opacity: 0.4!important;
                        .contentItemText{
                          text-decoration: line-through!important;
                          color: #f3f3f3!important;
                          .number{
                            color: #f3f3f3!important;
                          }
                        }
                      }
                    }
                  }
            
                }
              }
        }
        
    }

   

    .detailTop{
        width: 100%;
        box-sizing: border-box;
        padding-top: 16px;
        display: flex;
        .backIconBox{
            width: 25px;
            .backIcon{
                width: 25px;
                height: 25px;
                cursor: pointer;
            }
        }
        .currentItem{
            width: calc(100% - 40px);
            margin-left: 15px;
            box-sizing: border-box;
            border-radius: 8px;
            background: linear-gradient(45deg, #F7FCFF 0%, #F8F9FF 100%);
            padding: 16px;
            margin-bottom: 16px;
            display: flex;
            .projectItemLeft{
                width: 88px;
                .leftBrandIcon{
                    width: 100%;
                    height: 88px;
                }
            }
            .projectItemRight{
                margin-left: 12px;
                width: calc(100% - 100px);
                .rightTitle{
                    font-size: 16px;
                    font-weight: 600;
                }
                .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{
                        display: flex;
                        align-items: center;
                      .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;
                      }
                    }
                  }
            }
        }
    }

    .loadingBox{
        .el-loading-mask{
            background-color: transparent!important;
        }
    }

    .rightDetailPrintWordBox{
        width: 100%;
        max-height: calc(100vh - 200px);
        overflow-y: auto;
        scrollbar-width: none;
        color: #fff;
        .title{
            display: block;
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 14px;
            color: #fff;
            line-height: 24px;
            text-align: left;
            font-style: normal;
        }
        .div{
            display: block;
            margin-bottom: 4px;
        }
        .bigDiv{
            display: block;
            margin-bottom: 24px;
        }
        .style1{
            display: inline-block;
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 14px;
            color: #1A5D2B;
            line-height: 22px;
            text-align: center;
            font-style: normal;
            background: #E1F3E6;
            padding: 2px 8px;
            border-radius: 2px;
            margin-bottom: 8px;
        }
        .style2{
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 14px;
            color: #2F6DFF;
            line-height: 22px;
            text-align: left;
            font-style: normal;
            cursor: pointer;
        }
        .style3{
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 14px;
            color: #FE7628;
            line-height: 22px;
            text-align: left;
            font-style: normal;
        }
        .style4{
            font-family: DINAlternate, DINAlternate;
            font-weight: bold;
            font-size: 14px;
            color: #2f66c5;
            line-height: 28px;
            text-align: left;
            font-style: normal;
        }
        .style5{
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 14px;
            color: #788395;
            line-height: 22px;
            text-align: left;
            font-style: normal;
        }
    }

    .el-tabs{
        box-sizing: border-box;
        padding-top: 8px;
        .el-tabs__header{
            .el-tabs__item{
                color: #fff;
                font-size: 16px;
            }
            .is-active{
                color: #409eff;
            }
        }
    }
}