@font-face {
  font-family: 'DS-DIGII';
  src: url(../../../static/font/DS-DIGI.TTF) format('truetype');
}

.testdiv {
  width: 100%;
  height: 100%;
  background-image: url('../../../static/images/u0.png');
  background-size: 100% 100%;
  padding: 11px;
  box-sizing: border-box;
  overflow-y: auto;
}

.top_title {
  width: 100%;
  height: 106px;
  background: url('../../../static/images/u2.png') center center no-repeat;
  background-size: 81.25% 100%;
  padding: 0 0px 0 40px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  font-size: 59px;
  color: #fff;
  font-weight: bold;
  line-height: 100px;
  position: relative;
  font-style: italic;

  .logo {
    width: 140px;
    height: 41px;
    float: left;
    margin-top: 27px;
    cursor:pointer;
  }

  .times_bg {
    width: 184px;
    height: 28px;
    font-size: 18px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    float: right;
    background: url('../../../static/images/u4.png') center center no-repeat;
    background-size: 100% 28px;
    margin-top: 34px
  }

  .backBtn {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.container {
  clear: both;
  width: 100%;
  padding: 15px 13px 22px 20px;
  box-sizing: border-box;

  .formBox_left {
    width: 32%;
    float: left;

    .formBox {
      .form_title {
        width: 538px;
        height: 60px;
        background: url('../../../static/images/u6.png') center center no-repeat;
        background-size: 100% 100%;
        font-size: 24px;
        color: #B1E2FF;
        line-height: 60px;
        padding-left: 45px;
        box-sizing: border-box;
        margin-bottom: 25px;
        margin-left: 30px;
      }

      .formMain {
        width: 100%;
        box-sizing: border-box;
        .resultBox_left{
          margin-bottom: 30px;
        }
        .resultBox {
          display: inline-block;
          position: relative;
          width: 100%;

          div {
            display: inline-block;
          }

          ul {
            margin-left: 30px;
            display: inline-block;
            position: absolute;
            top: 40px;
            width: 180px;

            li {
              color: #fff;
              line-height: 30px;

              div {
                margin-right: 20px;
                width: 15px;
                height: 15px;
              }

              .first-batch {
                background-color: #8FEA5E;
              }

              .second-batch {
                background-color: #FF9318
              }

              .third-batch {
                background-color: #FF1938
              }

              .fourth-batch {
                background-color: #FF40AF
              }

              .A-batch {
                background-color: #0000FF
              }

              .B-batch {
                background-color: #FFD669
              }

              .C-batch {
                background-color: #F59A23
              }

              .D-batch {
                background-color: #95F204
              }

              span {
                margin-left: 30px;
              }
            }
          }
        }

        .secondResult {
          width:100%;
          min-height: 110px;
          // ul {
          //   margin-left: 100px !important;
          // }
          .result_table_title{
            width:100%;
            height:36px;
            background: url(../../../static/images/u101.png) center center no-repeat;
            background-size: 100% 100%;
            padding:0 15px;
            box-sizing: border-box;
            margin-bottom: 5px;
            li{
              font-size: 18px;
              width:20%;
              display: inline-block;
              color:#fff;
              line-height: 36px;
            }
            li:first-child{
              width:15%;
              text-align: center;
            }
            li:nth-child(2){
              width:25%
            }
            li:nth-child(3){
              width:30%
            }
            li:nth-child(4){
              text-align: center;
              width:15%
            }
            li:nth-child(5){
              text-align: center;
              width:15%
            }
          }
          .result_table{
            width:100%;
            max-height:100px;
            overflow-y: auto;
            li{
              width:100%;
              // border-bottom: 1px solid #67B6E6;
              padding:0 15px;
              box-sizing: border-box;
              display:flex;
              align-items: center;
              min-height:30px;
              div{
                font-size: 14px;
                width:20%;
                display: inline-block;
                color:#fff;
                // line-height: 30px;
                word-break:break-all;
                word-wrap:break-word;
                overflow: hidden;
              }
              div:first-child{
                width:15%;
                text-align: center;
              }
              div:nth-child(2){
                width:25%
              }
              div:nth-child(3){
                width:30%
              }
              div:nth-child(4){
                text-align: center;
                width:15%
              }
              div:nth-child(5){
                text-align: center;
                width:15%
              }
              .number{
                color:#FF9922;
                background: url(../../../static/images/bg_01.png) center center no-repeat;
              }
            }
            li:nth-child(2n){
              background: rgba(71, 107, 211, 0.1)
            }
          }
        }

        .result {
          width: 250px;
          height: 160px;
        }

        #result1,
        #status2 {
          margin-left: 320px;
        }

        .table_title {
          font-size: 18px;
          color: #fff;
        }

        .table_title_bg {
          width: 100%;
          height: 37px;
          margin-bottom: 9px;
          background: url('../../../static/images/u101.png') center center no-repeat;
          background-size: 100% 100%;

          li {
            height: 100%;
            line-height: 37px;
            font-size: 18px;
            color: #B1E2FF;
            font-weight: normal;
            width: 20%;
            text-align: center;
            border: none !important;
            display: inline-block;
          }
        }

        table {
          width: 100%;
          border: none !important;
          border-spacing: 0px;

          tbody {
            tr {
              border: none !important;
              padding: 0 !important;
              margin: 0 !important;

              td {
                text-align: center;
                font-size: 13px;
                color: #000;
                line-height: 36px;
                border: none !important;
                padding: 0 !important;
                margin: 0 !important;
                width: 20%;

                span {
                  padding: 0 8px;
                  border-radius: 2px;
                }
              }

            }

            // tr:nth-child(2n-1) {
            //   background: #162576;
            // }

            tr:nth-child(2n) {
              background: rgba(71, 107, 211, 0.1);
            }
          }

        }

        .statusBox {
          width: 100%;
          // background: #0D155C;
          color: #fff;
          display: inline-block;
          text-align: center;
          padding: 10px 0;

          div {
            display: inline-block;

            div {
              width: 20px;
              height: 8px;
              margin-right: 10px;
            }
          }

          div:first-child {
            div {
              background-color: #0000FF;
            }
          }

          div:nth-child(2) {
            div {
              background-color: #FFFF00;
            }
          }

          div:nth-child(3) {
            div {
              background-color: #00FF00;
            }
          }

          div:nth-child(4) {
            div {
              background-color: #FF0000;
            }
          }

          div:nth-child(5) {
            div {
              background-color: #F59A23;
            }
          }

          div:nth-child(2),
          div:nth-child(3),
          div:nth-child(4),
          div:nth-child(5) {
            margin-left: 40px;
          }
        }
      }

      .table_bg {
        height: 364px;
        padding: 15px;
        background: url('../../../static/images/u9.png') center center no-repeat;
        background-size: 100% 100%;
      }
      .resultMain{
        min-height:364px;
      }
    }

    .compre_analysis {
      margin-bottom: 25px;
    }

  }

  .formBox_middle {
    width: 33.33%;
    float: left;
    margin: 0 20px;

    .middle_top {
      width: 100%;
      height: 379px;

      .q_title {
        color: #fff;
        font-size: 25px;
        font-style: italic;
        text-align: center;
        font-weight: bold;
        margin-top: 30px;
      }

      .q_number {
        width: 100%;
        color: #fff;
        text-align: center;
        .andeng_num{
          width:100%;
          margin: 96px 0 40px 0;
          font-size: 36px;
          .allNumber {
            font-family: 'DS-DIGII';
            font-size: 42px;
            // font-style: italic;
            letter-spacing: 10px;
            background:url(../../../static/images/u487.png) center center no-repeat;
            background-size: 356px 70px;
          }
        }
        .andeng_detail{
          font-size: 24px;
          width:100%;
          .detailBox{
            width:33%;
            display: inline-block;
            .number{
              font-family: 'DS-DIGII';
              font-size: 32px;
              // font-style: italic;
              background:url(../../../static/images/u487.png) center center no-repeat;
              background-size: 100% 100%;
            }
          }
        }
        
        /*
        .doneNumber,
        .nonNumber {
          position: absolute;
          
          font-weight: bold;
          top: 210px;
        }

        .doneNumber {
          left: 115px;
          letter-spacing: 24px;
        }

        .nonNumber {
            left:372px;
            letter-spacing: 24px;
        }
        .done_label,.non_label{
            position: absolute;
            font-size: 16px;
            font-style: italic;
            top:290px;
        }
        .done_label{
            left:150px;
        }
        .non_label{
            left:420px;
        }*/
      }
    }

    .middle_map {
      width: 100%;
      clear: both;

      .cnMpa {
        width: 600px;
        height: 477px;
        margin: 0 auto;
        background: url('../../../static/images/u220.png') center center no-repeat;
        background-size: 100% 100%;
        position: relative;

        .tagBox {
          position: absolute;
          z-index: 1;

          // border-radius: 8px;
          img {
            width: 100%;
            height: 100%;
          }

          .tag_main {
            position: inherit;
            top: 0;
            left: 0;
            width: 100%;
            box-sizing: border-box;
            z-index: 2;

            .tag_title {
              font-size: 14px;
              color: #00FFFF;
              border-bottom: 1px solid #fff;
              line-height: 20px;
              height: 20px;
              padding-left: 8px;
              box-sizing: border-box;
            }

            .tag_content {
              font-size: 10px;
              color: #fff;
              padding: 0 0 0 10px;
              box-sizing: border-box;
            }
          }

          .dot {
            position: inherit;
            width: 10px;
            height: 10px;
            display: block;
            border-radius: 50%;
            background: #00FFFF;
            z-index: 3;
          }
        }

        .tagDownBox {
          .tag_main {
            top: 32px;
          }
        }

        .tag_down_right {
          .tag_main {
            top: 31px;
          }
        }
      }
    }

    .middle_bottom {
      width: 674px;
      height: 279px;
      background: url('../../../static/images/bg_r1.png') center center no-repeat;
      background-size: 100% 100%;
      margin: 20px auto 0;
      padding: 20px 26px;
      box-sizing: border-box;

      .middle_bottom-title {
        font-size: 18px;
        color: #fff;
        margin-bottom: 10px;
      }

      .pieFormBox {
        div {
          float: left;
        }

        .progressBox {
          .progressForm {
            li {
              line-height: 19px;
              border-bottom: 1px solid #476BD3;
              padding: 11px 0;
              clear: both;
              overflow: hidden;

              div {
                float: left;
              }

              .number {
                width: 18px;
                // height:19px;
                font-size: 14px;
                text-align: center;
                line-height: 19px;

              }

              .factorName {
                font-size: 14px;
                color: #fff;
                margin-left: 14px;
                width: 103px;
              }

              .progressBar {
                width: 173px;
                height: 19px;
                margin-left: 10px;

                .progress {
                  height: 14px;
                  // line-height: 19px;
                  margin-top: 2px;
                }
              }

              .money {
                font-size: 15px;
                color: #fff;
                margin-left: 18px;
              }
            }

            li:first-child,
            li:nth-child(2),
            li:nth-child(3) {
              color: #FF9922;

              .number {
                background: url('../../../static/images/bg_01.png') center center no-repeat;
                background-size: 100% 100%;
              }
            }

            li:last-child,
            li:nth-child(4) {
              color: #3C9EFF;

              .number {
                background: url('../../../static/images/bg_02.png') center center no-repeat;
                background-size: 100% 100%;
              }
            }
          }
        }
      }
    }

    .formBox{
      .formMain{
        height:340px;
      }
    }
  }

  .formBox_right {
    .formBox{
      .ftqBG{
        height:340px;
      }
    }
    
    .failure-title li {
      width: 33.33% !important;
    }

    .mode {
      color: red !important;
    }
  }
}

.tag_top_left {
  top: 160px;
  left: 275px;
  width: 127px;
  height: 78px;

  .tag_main {
    padding-right: 6px;
  }

  .dot {
    bottom: -6px;
    right: -4px;
  }
}

.tag_top_mid {
  width: 121px;
  height: 87px;
  top: 95px;
  left: 325px;

  .dot {
    bottom: -6px;
    right: 1px;
  }
}

.tag_top_right {
  width: 121px;
  height: 88px;
  top: 115px;
  left: 494px;

  .dot {
    bottom: -2px;
    left: -4px;
  }
}

.tag_down_left {
  width: 121px;
  height: 89px;
  top: 312px;
  left: 325px;

  .dot {
    top: -1px;
    right: 15px;
  }
}

.tag_down_mid {
  width: 121px;
  height: 87px;
  top: 318px;
  left: 470px;

  .dot {
    top: -3px;
    left: 7px;
  }
}

.tag_down_right {
  width: 121px;
  height: 88px;
  top: 232px;
  left: 485px;

  .dot {
    top: -3px;
    left: -3px;
  }
}

::-webkit-scrollbar {
  /*隐藏滚轮*/
  display: none;
}