//计划巡检数和已完成数字体样式

.plan {

    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    font-size: .75rem;
    color: #dceff9;
    letter-spacing: 0;
}

//数字样式
.number {
    font-family: DIN-Medium;
    font-weight: 500;
    font-size: 1.125rem;
    color: #6eece9;
    letter-spacing: 0;
}

.rate {
    width: 2.5rem;
    height: 1.5rem;
    font-family: DIN-Medium;
    font-weight: 500;
    font-size: 1.25rem;
    color: #f4dba2;
    letter-spacing: .0256rem;
    position: absolute;
    bottom: 5.8125rem;
    left: 11.875rem;
}

.title {
    //   width: 122px;
    height: 1.3125rem;
    font-family: PangMenZhengDao;
    font-size: 1.3125rem;
    color: #ffffff;
    // letter-spacing: 0.95px;
    margin-top: .4375rem;
    margin-left: 2.375rem;
    line-height: 1.5rem;

}

.monthOrWeek {
    height: .875rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    font-size: .875rem;
    // color: #6EECE9;//选中
    // color: #8FCFFF;//未选中
    letter-spacing: .0181rem;
    margin-top: .75rem;
    margin-right: 1.875rem;
    line-height: .875rem;
    cursor: pointer;
    // color: #8FCFFF;
}


.header1 {
    width: 24.3125rem;
    height: 1.4rem;
    display: flex;
    justify-content: space-between;
}

.header1 div:first-child {
    margin-left: .5rem;
    width: 2.8125rem;
    height: .875rem;
}

.header1> :nth-child(2) {
    width: calc((100% - 3.625rem - .5rem - 1.8125rem)/2);
    // height: .875rem;
}

.header1> :nth-child(3) {
    width: calc((100% - 3.625rem - .5rem - 1.8125rem)/2);
    // width: 3.625rem;
    // height: .875rem;
}


.index {
    margin-left: 0.5rem;
    width: 2.8125rem;
    // width: 33.3%;
    padding-left: 0.5rem;
    height: 1.1875rem;
    // border-radius: 50%;

    // margin-left: .5rem;
}

.index div {
    height: 1.1875rem;
    width: 1.1875rem;
    border-radius: 50%;
    background: rgba(33, 106, 167);
    text-align: center;

}

.name {
    width: calc((100% - 3.625rem - 0.5rem - 1.8125rem)/2);
    // height: .875rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1875rem;
    color: #CCE6FF;
    letter-spacing: .0181rem;
    text-align: center;
}

.quests {
    width: calc((100% - 3.625rem - 1.3rem - 1.8125rem)/2);
    text-align: center;
    // width: 3.625rem;
    // height: .875rem;
    line-height: .875rem;
    text-align: center;
    font-family: DIN-Regular;
    font-weight: 400;
    font-size: 1rem;
    color: rgba(64, 110, 152);
    // letter-spacing: .0206rem;
}



.header {
    width: 23.3125rem;
    height: 1.4rem;

    display: flex;
    justify-content: space-between;
}

.header div:first-child {
    margin-left: .5rem;
    width: 2.8125rem;
    height: .875rem;
}

.header> :nth-child(2) {
    width: calc((100% - 3.625rem - .5rem - 1.8125rem)/3);
    // height: .875rem;
}

.header> :nth-child(3) {
    width: calc((100% - 3.625rem - .5rem - 1.8125rem)/3);
    // width: 3.625rem;
    // height: .875rem;
}

.header> :nth-child(4) {
    width: calc((100% - 3.625rem - .5rem - 1.8125rem)/3);
    // width: 3.625rem;
    // height: .875rem;
}

.index1 {
    margin-left: 0.5rem;
    width: 2.8125rem;
    // width: 33.3%;
    padding-left: 0.5rem;
    height: 1.1875rem;
    // border-radius: 50%;

    // margin-left: .5rem;
}

.index1 div {
    height: 1.1875rem;
    width: 1.1875rem;
    border-radius: 50%;
    background: rgba(33, 106, 167);
    text-align: center;

}

.name1 {
    width: calc((100% - 3.625rem - .5rem - 1.8125rem)/3);
    // height: .875rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1875rem;
    color: #CCE6FF;
    letter-spacing: .0181rem;
    text-align: center;
}

.num1 {
    width: calc((100% - 3.625rem - .5rem - 1.8125rem)/3);
    // height: .875rem;
    font-family: DIN-Regular;
    font-weight: 400;
    font-size: 1rem;
    text-align: center;
    color: #6EECE9;
    line-height: .875rem;
    letter-spacing: .0206rem;
}

.quests1 {
    width: calc((100% - 3.625rem - .5rem - 1.8125rem)/3);
    text-align: center;
    // width: 3.625rem;
    // height: .875rem;
    line-height: .875rem;
    text-align: center;
    font-family: DIN-Regular;
    font-weight: 400;
    font-size: 1rem;
    color: rgba(64, 110, 152);
    // letter-spacing: .0206rem;
}

.threeHeaderFontStyle {
    // width: 33.3%;
    height: .875rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    font-size: .875rem;
    color: #8FCFFF;
    letter-spacing: .0181rem;
    text-align: center;
}

.thridCardItem {
    width: 23.3125rem;
    height: 2.1875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(1, 43, 96);
    margin-top: .875rem;
    overflow: hidden;
}

.thirdCardItem>div {
    text-align: center;
}

.thridCardItem:hover {
    background: #8f7a49;
}



//右边
.contanier1 {
    width: 26.3125rem;
    height: 18.8125rem;
    margin-top: 2.6875rem;
    position: relative;
    background-image: linear-gradient(-45deg, #0080ff00 0%, #0080ff1a 58%, #0080ff3d 100%);
    // margin-bottom: 0.5rem
}

;

.cardHeader {
    display: flex;
    justify-content: space-between;
    height: 2.5rem;
    background: url(/assets/bigScreen/cardHeader.png);
    background-size: 100% 100%;
    background-repeat: no-repeat,
}

.right1bg {
    width: 26.3125rem;
    height: 7.1875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.content {
    display: flex;
    justify-content: center;
}

.qcNum {
    position: absolute;
    top: 4.7rem;
    left: 5rem;
    // width: 1.375rem;
    // height: 1.5rem;
}

.numFontStyle {
    width: 3.625rem;
    height: 1.5rem;
    font-family: DIN-Medium;
    font-weight: 500;
    font-size: 1.25rem;
    color: #6EECE9;
    letter-spacing: 0;
    text-align: center;
}

.ge {
    width: .75rem;
    height: .75rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    font-size: .75rem;
    color: #6EECE9;
    letter-spacing: 0;
}

.qcDescribe {
    position: absolute;
    top: 7.8rem;
    left: 5rem;

}

.describeFontStyle {
    width: 3.625rem;
    height: .875rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    font-size: .875rem;
    color: #CCE6FF;
    letter-spacing: 0;
    text-align: center;
}

.deviceNum {
    position: absolute;
    top: 4.7rem;
    right: 5rem;
}

.deviceDescribe {
    position: absolute;
    top: 7.8rem;
    right: 5rem;
}

.centerNum {
    position: absolute;
    top: 5.6rem;
    right: 11.3rem;
    width: 3.5rem;
    height: 31px;
    font-family: DIN-Medium;
    font-weight: 500;
    font-size: 1.625rem;
    color: #6EECE9;
    letter-spacing: -0.1163rem;
    text-align: center;
}

.pDescribe {
    width: 3.5rem;
    height: .75rem;
    font-family: SourceHanSansCN-Medium;
    font-weight: 500;
    font-size: .75rem;
    color: #CCE6FF;
    letter-spacing: -0.0537rem;
    position: absolute;
    top: 7.9rem;
    right: 11.3rem;
    text-align: center;
}

.percent {
    margin-top: 1rem;
    width: 23.25rem;
    height: 2.875rem;
    display: flex;
    background: url(/assets/bigScreen/arrow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    justify-content: space-between;
    align-items: center;
}

.describe {
    width: 8rem;
    height: .875rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    font-size: .875rem;
    color: #CCE6FF;
    letter-spacing: 0;
    margin-left: 2rem;
    margin-top: -1rem;
}

.ant-progress-line {
    margin-top: -0.5rem !important;
}

.ant-progress-text {
    color: #6EECE9 !important;
}



.contanier {
    width: 26.3125rem;
    height: 18.8125rem;
    margin-top: 2.6875rem;
    background-image: linear-gradient(-45deg, #0080ff00 0%, #0080ff1a 58%, #0080ff3d 100%);
}

.angle_top {
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-width: 0 .375rem .375rem;
    // border-color: transparent transparent #5e5e5e;
    position: absolute;
    transform: rotate(180deg);
    bottom: -0.3187rem;
    right: 0.425rem;
  }
 
  .angle_bottom {
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-width: 0 .375rem .375rem;
    // border-color: transparent transparent #5e5e5e;
    position: absolute;
    top: 0.325rem;
    right:0.425rem;
  }
  .angle_bottom,.angle_top:first-child{
    border-color: transparent transparent #5e5e5e;
  }
  .angle_bottom,.angle_top:nth-child(2){
    border-color: transparent transparent #5e5e5e;
  }
  .angle_bottom,.angle_top:nth-child(3){
    border-color: transparent transparent #5e5e5e;
  }
 
 
 
  #angleSelected {
      /* 添加选中时的样式 */
      border-color: transparent transparent blue
 
  }