@fontFamily: Microsoft YaHei, 微软雅黑, 黑体;
@fontSize: 0.75rem;
/*-------------公安系统登录------------*/
html, body {
  width: 100%;
  height: 100%;
  .yn_login_body {
    width: 100%;
    height: 100%;
    position: relative;
    min-width: 1366px;
    min-height: 820px;
    overflow-y: auto;
    overflow-x: auto;
    .login_background {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
    }
    .yn_login_content {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      z-index: 10;
      .yn_login_content_logo {
        width: 100%;
        height: 100px;
        line-height: 100px;
        display: flex;
        justify-content: center;
        margin-top: 50px;
        p {
          font-family: 'MicrosoftYaHei';
          color: #08090B;
          font-size: 45px;
          margin-left: 20px;
        }
      }
      .yn_login_content_login {
        display: flex;
        justify-content: center;
        margin-top: 140px;
        .yn_login_content_login_icon {
          width: 404px;
          height: 278px;
          margin-right: 150px;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
      .yn_login_content_login_input {
        padding-top: 45px;
        .yn_login_content_login_input_account, .yn_login_content_login_input_password {
          margin-bottom: 30px;
          span {
            display: inline-block;
            width: 50px;
            height: 16px;
            text-align: right;
            font-weight: 700;
            line-height: 16px;
            margin-right: 10px;
            font-size: 15px;
            color: #FFFFFF;
          }

          input {
            width: 334px;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            text-indent: 40px;
            border: none;
            outline: none;

          }
          #userName {
            background: url("//static.gpscdn.com/gpsyn/images/account-7e9865b122.png") no-repeat 10px 12px, #ffffff;
          }
          #passwordInput {
            background: url("//static.gpscdn.com/gpsyn/images/password-bb36b044f4.png") no-repeat 10px 12px, #ffffff;
          }
        }
        .yn_login_content_login_input_remember {
          padding-left: 65px;
          margin-bottom: 20px;
          display: flex;
          margin-top: -15px;
          #rememberMeChecked {
            width: 18px;
            height: 18px;
            margin: 0;
          }
          #rememberMeCheckedText {
            display: inline-block;
            height: 18px;
            line-height: 18px;
            margin-left: 10px;
            color: #FFFFFF;
          }
        }
        .yn_login_content_login_input_submit {
          padding-left: 65px;
          button {
            background: url("//static.gpscdn.com/gpsyn/images/button-3a03ba2720.png") no-repeat;
            width: 123px;
            height: 46px;
            line-height: 46px;
            border: none;
            color: #FFFFFF;
            font-size: 16px;
            font-family: 'MicrosoftYaHei';
            &:first-child {
              margin-right: 30px;
            }
          }
        }
      }
      .yn_login_qr_code {
        position: absolute;
        left: 200px;
        bottom: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        h5, p {
          color: #FFFFFF;
          margin-top: 10px;
          font-family: 'MicrosoftYaHei';
          font-size: 14px;
        }
      }
      .footer {
        position: absolute;
        left: 42%;
        bottom: 30px;
        font-family: 'MicrosoftYaHei';
        font-size: 14px;
        color: #08090B
      }
    }
  }
}

.login-content {
  height: 265px;
  padding-left: 32px;
}

#username {
  margin-top: 28px;
  width: 280px;
  height: 44px;
  left: 32px;
  //border: 1px solid #d2d7db;
  //border-radius: 5px;
  color: #333;
  //background-color: #edf3f8;
}

#password {
  margin-top: 92px;
  width: 280px;
  height: 44px;
  left: 32px;
  border: 1px solid #d2d7db;
  border-radius: 5px;
  color: #333;
  background-color: #edf3f8;
}

#rememberMe, #rememberMeIMEI {
  margin-top: 149px;
  left: 32px;

}

#rememberMeText, #rememberMeTextIMEI {
  left: 53px;
  margin-top: 149px;

}

/*登录结束*/
/*轮播*/
.carousel-indicators .active {
  width: 14px;
  height: 14px;
  background-color: #4587d1;
}

.carousel-indicators li {
  width: 14px;
  height: 14px;
  border-color: #4587d1;;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  width: 100%;
}

.risk-crumb {
  height: 68px;
  line-height: 68px;
  background-color: #fff;
  border-radius: 10px;
  margin: 10px 5px 10px 5px;
  font-size: 12px;
  padding-left: 24px;
}

.crumb {
  .risk-crumb;
  margin: 10px 5px 10px 0;
}

.crumb-title {
  float: left;
}

.crumb-toolbar {
  float: right;
  @media screen and (min-width: 1281px) {
    padding-right: 72px;
  }
  @media screen and (width: 1280px) {
    padding-right: 72px;
  }
  @media screen and (width: 1024px) {
    padding-right: 0;
  }

}

.crumb-title span {
  padding-left: 12px;
  font-family: @fontFamily;
  color: #333333;
}

.risk-btn {
  background-color: #21a7cb;
  border: none;
  color: #ffffff;
}

.risk-btn:hover, .risk-btn:active {
  background-color: #097f9f;
  color: #ffffff;
}

.risk-alarm {
  display: inline-block;
  position: relative;
  height: 185px;
  text-align: right;
}

.risk-alarm:hover .set-risk-content {
  display: block;
}

.set-risk-content {
  width: 300px;
  height: 159px;
  background-color: #ffffff;
  padding: 35px 40px 22px 47px;
  color: #333333;
}

.set-risk-btn {
  float: right;
  border-radius: 0px;
  width: 60px;
  height: 26px;
  border: none;
  background-color: #d64635;
  color: #fff;
}

.set-risk-btn-delete {
  margin-left: 60px;
  border-radius: 0px;
  width: 60px;
  height: 26px;
  border: none;
  background-color: #d64635;
  color: #fff;
}

.set-risk-btn-delete:hover, .set-risk-btn-delete:active {
  background-color: #d64635;
  color: #fff;
}

.set-risk-btn:hover, .set-risk-btn:active {
  background-color: #d64635;
  color: #fff;
}

/*覆盖antd样式*/
.ant-select-dropdown-menu-item-selected, .ant-select-dropdown-menu-item-selected:hover {
  color: rgba(0, 0, 0, .65);
  font-weight: 700;
  background: #f7f7f7;
}

.ant-popover-arrow {
  display: none;
}

/*金融风控*/
._report {
  font-family: @fontFamily;
  color: #333333;
  background: #eaedf4;
}

.risk_control_report_first_row_self_adaption {
  @media screen and (min-width: 1281px) {
    font-size: 1.4em;
    height: 45px;
    line-height: 45px;
  }

  @media screen and (width: 1280px) {
    font-size: 1.2em;
    height: 37.5px;
    line-height: 37.5px;
  }
  @media screen and (max-width: 1280px) {
    font-size: 1em;
    height: 32px;
    line-height: 32px;
  }
}

/*首页第一行*/
.risk_control_report_first_row {
  text-align: center;
  background-color: #eaedf4;
  .risk_control_report_first_row_self_adaption;
}

/*首页第二行*/
.risk_control_report_row {
  text-align: center;
  background-color: #ffffff;
  padding-top: 20px;
  height: 155px;
}

//第二行报表字体根据分辨率自适应
.risk_control_report_col_number_font_size {
  @media screen and (min-width: 1281px) {
    font-size: 2em;
  }

  @media screen and (width: 1280px) {
    font-size: 1.5em;
  }
  @media screen and (max-width: 1280px) {
    font-size: 1em;
  }
}

.risk_control_report_col {
  position: relative;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/report-724dab65ce.png) no-repeat center;
  background-size: 85% 100%;
  width: 12.5%;
  height: 115px;
  text-align: center;
  float: left;
  ._number {
    position: relative;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    color: #333333;
    .risk_control_report_col_number_font_size;
    margin-top: 40px;
  }
;
  ._sub {
    font-size: 0.25em;
  }
;
  ._name {
    position: absolute;
    color: #ffffff;
    font-size: 1em;
    bottom: 4.5%;
    left: 50%;
    width: 100%;
    margin-left: -50%;
  }
}

.risk_control_report_third_row_self_adaption {
  @media screen and (min-width: 1281px) {
    height: 34px;
    line-height: 34px;
    font-size: 1.4em;
  }

  @media screen and (width: 1280px) {
    height: 28px;
    line-height: 28px;
    font-size: 1.2em;
  }
  @media screen and (max-width: 1280px) {
    height: 24px;
    line-height: 24px;
    font-size: 1em;
  }
}

/*第三行*/
.risk_control_report_third_row {
  margin-left: 20px;
  margin-right: 20px;
  .risk_control_report_third_row_self_adaption
}

.risk_control_report_third_col {
  position: relative;
  text-align: center;
  float: left
}

.risk_control_report_third_col1 {
  .risk_control_report_third_col;
  width: 32.65%;
}

.risk_control_report_third_col2 {
  .risk_control_report_third_col;
  width: 67.35%;
}

/*第四行 */
.risk_control_report_fourth_row {
  height: 387px;
  margin-left: 20px;
  margin-right: 20px;
}

.risk_control_report_fourth_col1 {
  position: relative;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/frame_bg1-f39d4d2d93.png) no-repeat center;
  background-size: 100% 100%;
  width: 32.65%;
  height: 100%;
  text-align: center;
  float: left
}

.risk_control_report_fourth_col1 .map {
  position: relative;
  @media screen and (min-width: 1281px) {
    width: 65.7%;
  }
  @media screen and (width: 1280px) {
    width: 65.7%;
  }
  @media screen and (max-width: 1280px) {
    width: 50%;
  }
  height: 384px;
  text-align: center;
  float: left;
}

.risk_control_report_fourth_col1 .info {
  position: relative;
  @media screen and (min-width: 1281px) {
    width: 34.3%;
  }
  @media screen and (width: 1280px) {
    width: 34.3%;
  }
  @media screen and (max-width: 1280px) {
    width: 50%;
  }
  height: 384px;
  text-align: center;
  float: left;
}

.risk_control_report_fourth_col1 .info .item {
  position: relative;
  height: 33.3%;
  line-height: 33.3%;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/item-f35ffa2ecc.png) no-repeat top;
  background-size: 95% 36px;
  background-origin: content-box;
  padding: 24px 0 0 0;
}

.risk_control_report_fourth_col1 .info .item .content {
  position: relative;
  height: 85%;
  line-height: 85%;
  padding: 15px 0 0 10px;
}

.risk_control_report_fourth_col1 .info .item .content1 {
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/content1-5f4cdc08a3.png) no-repeat left;
  background-size: 62px 64px;
}

.risk_control_report_fourth_col1 .info .item .content2 {
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/content2-6dc81031ed.png) no-repeat left;
  background-size: 62px 64px;
}

.risk_control_report_fourth_col1 .info .item .content3 {
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/content3-40083cacb0.png) no-repeat left;
  background-size: 62px 64px;
}

.risk_control_report_fourth_col2 {
  position: relative;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/frame_bg2-a004e4776a.png) no-repeat center;
  background-size: 100% 385px;
  width: 67.35%;
  height: 384px;
  text-align: center;
  float: left
}

.risk_control_report_fourth_col2 .circle {
  position: relative;
  width: 65.7%;
  height: 384px;
  text-align: center;
  float: left;
  padding: 24px 0 0 0;
}

.risk_control_report_fourth_col2 .bar {
  position: relative;
  width: 32.65%;
  height: 384px;
  text-align: center;
  float: left;
  padding: 24px 0 0 0;
}

/*第五行*/
.risk_control_report_fifth_row_self_adaption {
  @media screen and (min-width: 1281px) {
    height: 34px;
    line-height: 34px;
    font-size: 1.4em;
  }

  @media screen and (width: 1280px) {
    height: 28px;
    line-height: 28px;
    font-size: 1.2em;
  }
  @media screen and (max-width: 1280px) {
    height: 24px;
    line-height: 24px;
    font-size: 1em;
  }
}

.risk_control_report_fifth_row {
  .risk_control_report_fifth_row_self_adaption;
  margin-left: 20px;
  margin-right: 20px;
}

.risk_control_report_fifth_col {
  position: relative;
  text-align: center;
  float: left;
}

.risk_control_report_fifth_col1 {
  .risk_control_report_fifth_col;
  width: 47.91%;

}

.risk_control_report_fifth_col2 {
  .risk_control_report_fifth_col;
  width: 52.09%;
}

/*第六行*/
.risk_control_report_sixth_row {
  height: 319px;
  margin-left: 20px;
  margin-right: 20px;
}

.risk_control_report_sixth_col1 {
  position: relative;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/frame_bg3-39ad4cadd0.png) no-repeat center;
  background-size: 100% 317px;
  width: 47.91%;
  height: 317px;
  text-align: center;
  float: left
}

.risk_control_report_sixth_col1 .gauge {
  position: relative;
  width: 33%;
  height: 317px;
  text-align: center;
  float: left;
  padding: 24px 30px 0 30px;
}

.risk_control_report_sixth_col1 .bar {
  position: relative;
  width: 67%;
  height: 317px;
  text-align: center;
  float: left;
  padding: 24px 30px 24px 30px;
}

.risk_control_report_sixth_col2 {
  position: relative;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/frame_bg4-cd0684b0f4.png) no-repeat center;
  background-size: 100% 317px;
  width: 52.09%;
  height: 317px;
  text-align: center;
  float: left
}

.risk_control_report_sixth_col2 .row1 {
  margin: 40px 40px 22px 40px;
  height: 96px;
}

.risk_control_report_sixth_col2 .row1 .col1 {
  float: left;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/row1_col1-6a3b81365a.png) no-repeat left;
  background-size: 88px 88px;
  height: 88px;
  width: 33.3%;
}

.risk_control_report_sixth_col2 .row1 .col2 {
  float: left;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/row1_col2-4932f1c931.png) no-repeat left;
  background-size: 88px 88px;
  height: 88px;
  width: 33.3%;
}

.risk_control_report_sixth_col2 .row1 .col3 {
  float: left;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/row1_col3-d7e10a47ac.png) no-repeat left;
  background-size: 88px 88px;
  height: 88px;
  width: 33.3%;
}

.risk_control_report_sixth_col2 .row2 {
  margin: 40px 40px 22px 40px;
  height: 96px;
}

.risk_control_report_sixth_col2 .row2 .col1 {
  float: left;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/row2_col1-908ff504aa.png) no-repeat left;
  background-size: 88px 88px;
  height: 88px;
  width: 33.3%;
}

.risk_control_report_sixth_col2 .row2 .col2 {
  float: left;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/row2_col2-51e6428dbe.png) no-repeat left;
  background-size: 88px 88px;
  height: 88px;
  width: 33.3%;
}

.risk_control_report_sixth_col2 .row2 .col3 {
  float: left;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/row2_col3-2aceb0e8e2.png) no-repeat left;
  background-size: 88px 88px;
  height: 88px;
  width: 33.3%;

}

.control_text_align {
  @media screen and (min-width: 1281px) {
    text-align: center;
    margin-left: 20px;
  }

  @media screen and (width: 1280px) {
    margin-left: 60px;
  }
  @media screen and (max-width: 1280px) {
    text-align: right;
    margin-right: 20px;
  }
}

.control_number_font_size {
  @media screen and (min-width: 1281px) {
    font-size: 2.5em;
  }

  @media screen and (width: 1280px) {
    font-size: 1.5em;
  }
  @media screen and (max-width: 1280px) {
    font-size: 1.5em;
  }
}

.control_number {
  position: relative;
  margin-top: 0;
  color: #fdaf43;
  height: 54px;
  .control_text_align;
  .control_number_font_size;
  sub {
    color: #333;
    font-size: 0.25em;
  }
}

.control_desc {
  color: #333;
  height: 34px;
  .control_text_align;
}

.control_number1 {
  .control_number;
  color: #db0758;
  sub {
    color: #333;
    font-size: 0.25em;
  }
}

.control_number2 {
  .control_number;
  color: #0edef0;
  sub {
    color: #333;
    font-size: 0.25em;
  }
}

.control_number3 {
  .control_number;
  color: #ad36f4;
  sub {
    color: #333;
    font-size: 0.25em;
  }
}

.RiskControlAlarmSort .ant-table-thead > tr > th {
  background: #24a5cc;
}

.second_mortgage_points_list_style {
  position: absolute;
  bottom: 0;
  background-color: #1fa7cb;
  height: 25px;
  line-height: 25px;
  float: left;
  padding: 0 5px 0 5px;
  color: #fff;
  text-align: center;
  font-size: @fontSize;
}

.add_second_mortgage_btn_style {
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/add-304cbd2ab1.png) no-repeat left;
  background-size: 20px 20px;
  float: right;
  padding: 0 15px 0 25px;
  color: #61c1da;
  cursor: pointer;
}

.add_second_mortgage_btn_style:hover {
  color: #65deff;
}

.second_mortgage_points_auto_complete_style {
  margin: 14px 15px 14px 15px;
}

.hiddenColumn {
  display: none
}

.second_mortgage_save_control_save_btn_style {
  float: left;
  margin-left: 15px;
  width: 85px;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/save-c3e0d6bc9a.png) no-repeat left;
  padding-left: 30px;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
  &:hover {
    color: #49a9ee;
    text-decoration: underline;
  }
}

.second_mortgage_save_control_cancel_btn_style {
  float: left;
  margin-left: 15px;
  width: 85px;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/cancel-4ebd03ad66.png) no-repeat left;
  padding-left: 30px;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
  &:hover {
    color: #49a9ee;
    text-decoration: underline;
  }
}

/*二押报警单个设备table*/
.devicedetails-table thead th {
  height: 20px;
  line-height: 20px;
  background: #1fa7cb;
  color: #fff !important;
  text-align: center;
}

.devicedetails-table {
  width: 100%;
}

.devicedetails-table tr th:not(:first-child) {
  color: rgb(102, 102, 102);
  border-bottom: 1px solid rgb(213, 213, 213);
}

.devicedetails-table tr th:first-child {
  color: rgb(102, 102, 102);
  border-bottom: 1px solid rgb(213, 213, 213);
}

.devicedetails-table tbody tr {
  height: 25px;
  line-height: 25px;
  font-weight: normal;
}

.devicedetails-table tbody tr td {
  padding: 2px;
  padding-left: 5px;
  cursor: pointer;
  text-align: center;
}

.devicedetails-table tbody tr:nth-child(odd) {
  background: #fff;
}

.devicedetails-table tbody tr:nth-child(even) {
  background: #e5f4f9;
}

.secondRecord table tbody.ant-table-tbody {
  max-height: 300px;
}

.full-screen {
  position: absolute;
  top: 55%;
  left: 353px;
  z-index: 999;
}

.middle-full-screen {
  position: absolute;
  cursor: pointer;
  left: 353px;
  z-index: 999;
}

//二押点列表样式
.second_mortgage_province_table thead th {
  height: 20px;
  line-height: 20px;
  background: #1fa7cb;
  color: #fff !important;
  text-align: left;
}

//.second_mortgage_province_table tbody tr {
//  &:hover > td {
//    background: #ffffe0;
//  }
//}

//.second_mortgage_city_table tbody tr {
//  &:hover > td {
//    background: #ffffe0;
//  }
//}

.second_mortgage_point_table tbody tr {
  &:hover > td {
    background: #ffffe0;
  }
}

/**
市级节点样式
 */
.second_mortgage_city_table tbody tr {
  //background-color: #e5f4f9;
}

/**
二押节点样式
 */
.second_mortgage_point_table tbody tr {
  &:nth-child(odd) {
    background: #fff;
  }
  &:nth-child(even) {
    background: #fbfbfb;
  }
}

.second_mortgage_province_table .ant-table-expanded-row-level-1 > td:first-child {
  display: none;
}

.second_mortgage_province_table .ant-table-expanded-row-level-1 > td:nth-child(2) {
  width: 100%;
}

.risk-device-detail {
  cursor: pointer;
}

.risk-device-detail .device-first {
  height: 30px;
  line-height: 30px;
}

.risk-device-detail .device-first img {
  margin-left: 20px;
  margin-top: 9px;
  float: left;
}

.risk-device-detail .device-first .device-name {
  margin-left: 7px;
  width: 175px;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.risk-status-btn {
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.risk-status-btn-supplement {
  text-align: left;
}

.risk-status-btn a {
  width: 100px;
  display: inline-block;
  text-decoration: none;
  color: #21a7cb;
}

.risk-a-btn {
  background-color: #21a7cb;
  color: #fff !important;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
}

.bread_crumb_home {
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/home-dd3e096948.png) no-repeat left;
  background-size: 22px 20px;
  padding: 3px 0 3px 38px;
  height: 28px;
  line-height: 28px;
}

.resident_place_set_detail_content {
  background-color: #FFFFFF;
  margin: 0 5px 0 0;
}

.resident_place_set_detail_content_form {
  float: left;
  width: 20%;
  .info {
    padding: 5px 0 5px 22px;
    border-bottom: 1px solid #dedede;
    color: #333333;
    font-size: 14px;
    font-family: @fontFamily;
  }
  .detail {
    margin: 0 7% 0 8%;
    font-family: @fontFamily;
  }
  .btn {
    padding-top: 15px;
    width: 85%;
  }
}

.resident_place_set_detail_content_map {
  float: right;
  width: 80%;
}

.ant-select-dropdown-menu-item-selected, .ant-select-dropdown-menu-item-selected:hover {
  color: rgba(0, 0, 0, .65);
  font-weight: 700;
  background: #f7f7f7;
}

/**
覆盖蚂蚁金服form表单label样式
 */
.ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label, .ant-form-vertical .ant-form-item-label {
  padding: 0 0 0;
  display: block;
  text-align: left;
}

/**
常住地设置地图信息窗口按钮
 */
.set_resident_btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 100px;
  background-color: #21a7cb;
  text-align: center;
  margin-top: 25px;
  cursor: pointer;
  color: #ffffff;
  &:hover, &:active {
    background-color: #097f9f;
    color: #ffffff;
  }
}

.set_resident_home_btn {
  margin-right: 20px;
  .set_resident_btn;
}

.set_resident_company_btn {
  .set_resident_btn;
}

.ant-table-footer {
  padding: 4px 8px;
  background: #f7f7f7;
  border-radius: 0 0 4px 4px;
  position: relative;
}

.exportButtons {
  width: 70px;
  height: 30px;
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/export-ecc48abe44.png) no-repeat left;
  background-position: 0 0;
  cursor: pointer;
  &:hover {
    background-position: 0px -40px;
  }
}

.devicedetails-table {
  background: #fff;
}

.devicedetails-table .ant-table-placeholder {
  background: url(//static.gpscdn.com/gpsyn/images/riskcontrol/nodata-10acfc466f.png) no-repeat center;
  margin: 40px;
  height: 100px;
  border: none;
}

.ant-table-placeholder > span {
  display: none;
}

.ant-form-item {
  font-size: 12px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, .65);
  vertical-align: top;
}

//风控在线重新布局
#app {
  width: 100%;
  height: 100%;
  .position_layout_new {
    width: 100%;
    height: 100%;
    .position_layout_content_new {
      width: 100%;
      height: 100%;
      .position_layout_content_layout_new {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        .position_layout_content_layout_header {
          height: 64px;
        }
        .ant-layout-content {
          flex: 1;
          overflow-y: hidden !important;
          .ant-layout {
            height: 100%;
            display: flex;
            flex-direction: column;
            .position-content-layout-header {
              height: 36px;
              line-height: 36px;
              overflow: hidden;
              margin: 0;
              padding: 0;
              background-image: url(//static.gpscdn.com/gpsyn/images/repeat-20f2e0c04f.png);
            }
            .position-content-layout-content {
              flex: 1;
              .position-monitoring-layout {
                display: flex;
                flex-direction: row;
                background: #eaedf4;
                /*-----------------侧边栏------------*/
                .position-monitoring-layout-sider {
                  padding: 0px;
                  border: none;
                  /* background:#eaedf4;
                   padding-top:8px;*/
                  padding-bottom: 8px;
                  margin-top: 8px;
                  .sider_left_wrap {
                    width: 100%;
                    /* height:100%;*/
                    background: #A0B1C5 !important;
                    border-radius: 0 0 3px 3px;
                    border: 1px solid #DDD;
                    h3 {
                      height: 40px;
                      line-height: 40px;
                      background: url(//static.gpscdn.com/gpsyn/images/expand-e0beb5b5f7.png) no-repeat 34px center, #f7f7f7;
                      padding-left: 50px;
                      font-family: @fontFamily;
                      border-radius: 3px 3px 0 0;
                      cursor: pointer;
                    }
                    .device-manage-ul {
                      box-shadow: 0 1px 1px #ccc;
                      background: #e6ebf1;
                      li {
                        height: 40px;
                        line-height: 40px;
                        text-align: center;
                        list-style: none;
                        a {
                          display: inline-block;
                          width: 100%;
                          height: 100%;
                          color: rgb(80, 80, 80);
                          text-decoration: none;
                          border-bottom: 1px solid #d3d8de;
                          text-align: left;
                          padding-left: 30%;

                        }
                        &:last-child a {
                          border: none;
                        }
                      }
                    }
                  }

                }
              }
            }
            .position-monitoring-layout-content {
              overflow: auto;
              background: #eaedf4;
              .second_mortgage_wrap {
                height: 100%;
                display: flex;
                flex-direction: column;
                overflow: auto;
                padding-top: 8px;
                margin-left: 8px;
                padding-right: 8px;
                position: relative;
                .second_mortgage_wrap_child {
                  height: 48px;
                  line-height: 48px;
                  background: #fff;
                  font-size: 12px;
                  padding-left: 24px;
                  margin-bottom: 8px;
                  box-shadow: 0 2px 2px #ccc;
                  border-raduis: 3px;
                  /*position:relative;*/
                }
                .risk-btn {
                  border: none;
                  background: rgb(16, 142, 233);
                  color: #ffffff;
                }
                .second_mortgage_all_content {
                  flex: 1;
                  display: flex;
                  flex-direction: column;

                  padding-bottom: 8px;
                  width: 100%;
                  /*--------------二押总览---------------*/
                  .second_mortgage_all_content_top {
                    /*flex:1;*/
                    display: flex;
                    justify-content: space-between;
                    height: 370px;
                    background: #eaedf4;
                    min-width: 100%;
                    .second_mortgage_all_content_top_left {
                      flex: 1;
                      display: flex;
                      justify-content: space-between;
                      height: 100%;
                      background: #f7f7f7;
                      box-shadow: 0 2px 2px #ccc;
                      border-radius: 3px;
                      border: 1px solid #DDD;
                      min-width: 50%;
                      .second_mortgage_all_content_top_show {
                        /*width:290px;*/
                        flex: 1;
                        height: 100%;
                        background: #fff;
                        margin-right: 5px;
                        /*min-width:298px;*/
                        min-width: 40%;
                        p {
                          height: 36px;
                          line-height: 36px;
                          background: #f7f7f7;
                          font-size: 14px;
                          font-family: @fontFamily;
                          padding-left: 30px;
                        }
                        .second_mortgage_all_content_top_show_average {
                          padding-left: 10%;
                          height: 132px;
                          padding-top: 84px;
                          img {
                            display: inline-block;
                            vertical-align: middle;
                          }
                          span {
                            display: inline-block;
                            height: 30px;
                            line-height: 30px;
                            margin-left: 20px;
                            margin-top: -10px;
                            i {
                              display: inline-block;
                              font-style: normal;
                              font-weight: 400;
                              font-size: 30px;
                              height: 100%;
                              line-height: 30px;
                              margin: 0 5px;
                              color: #fcc06a;
                            }
                          }
                        }
                        .second_mortgage_all_content_top_show_rate {
                          padding-left: 10%;
                          height: 120px;
                          line-height: 120px;
                          img {
                            display: inline-block;
                            vertical-align: middle;
                          }
                          span {
                            display: inline-block;
                            height: 30px;
                            line-height: 30px;
                            margin-left: 20px;
                            margin-top: -10px;
                          }
                          i {
                            display: inline-block;
                            font-style: normal;
                            font-weight: 400;
                            font-size: 30px;
                            height: 30px;
                            line-height: 30px;
                            margin: 0 5px;
                            color: #fcc06a;
                          }
                        }
                      }
                      .second_mortgage_all_content_top_time {
                        min-width: 345px;
                        flex: 1;
                        height: 100%;
                        background: #fff;
                        p {
                          height: 36px;
                          line-height: 36px;
                          background: #f7f7f7;
                          padding-left: 30px;
                          font-size: 14px;
                          font-family: @fontFamily;
                        }
                        .second_mortgage_all_content_top_time_wrap {
                          height: 284px;
                          width: 100%;
                        }
                      }
                    }
                    .second_mortgage_all_content_top_right {
                      flex: 1;
                      height: 100%;
                      box-shadow: 0 2px 2px #ccc;
                      margin-left: 8px;
                      border-radius: 3px;
                      border: 1px solid #DDD;
                      /*   min-width:565px;*/
                      min-width: 49%;
                      p {
                        height: 36px;
                        line-height: 36px;
                        background: #f7f7f7;
                        padding-left: 30px;
                        font-size: 14px;
                        font-family: @fontFamily;
                      }
                      .second_mortgage_all_content_top_right_wrap {
                        height: 90%;
                        background: #fff;
                      }
                    }
                  }
                  .second_mortgage_all_content_bottom {
                    margin: 8px 0px;
                    box-shadow: 0 2px 2px #ccc;
                    /* flex:1;*/
                    display: flex;
                    flex-direction: column;
                    border-radius: 3px;
                    border: 1px solid #DDD;
                    p {
                      height: 36px;
                      line-height: 36px;
                      background: #f7f7f7;
                      padding-left: 30px;
                      font-size: 14px;
                      font-family: @fontFamily;
                    }
                    .second_mortgage_all_content_bottom_wrap {
                      flex: 1;
                      background: #fff;
                      /* min-width: 1220px;*/
                      min-width: 100%;
                    }
                  }
                  /*-----------------常驻地报警---------------*/
                  .often_all_content_top {
                    flex: 1;
                    margin-bottom: 10px;
                    display: flex;
                    .often_all_content_top_left {
                      margin-right: 10px;
                      display: flex;
                      flex-direction: column;
                      box-shadow: 0 2px 2px #ccc;
                      flex: 1;
                      p {
                        height: 30px;
                        line-height: 30px;
                        background: #f7f7f7;
                        padding-left: 30px;
                      }
                      .often_all_content_top_left_wrap {
                        flex: 1;
                        .unusual_wrap_chart {
                          display: flex;
                          height: 100%;
                          background: #fff;
                          .unusual_wrap_chart_left {
                            flex: 1;
                          }
                          .unusual_wrap_chart_right {
                            flex: 1;
                          }
                        }
                      }
                    }
                    .often_all_content_top_right {
                      display: flex;
                      flex-direction: column;
                      background: #fff;
                      box-shadow: 0 2px 2px #ccc;
                      flex: 1;
                      p {
                        height: 30px;
                        line-height: 30px;
                        background: #f7f7f7;
                        padding-left: 30px;
                      }
                      .often_all_content_top_right_wrap {
                        flex: 1;
                      }
                    }

                  }
                  .often_all_content_bottom {
                    flex: 1;
                    display: flex;

                    .often_all_content_bottom_left {
                      margin-right: 10px;
                      flex: 1;
                      display: flex;
                      flex-direction: column;
                      background: #fff;
                      box-shadow: 0 2px 2px #ccc;
                      p {
                        height: 30px;
                        line-height: 30px;
                        background: #f7f7f7;
                        padding-left: 30px;
                      }
                      .often_all_content_bottom_left_wrap {
                        flex: 1;
                      }
                    }
                    .often_all_content_bottom_right {
                      flex: 1;
                      display: flex;
                      flex-direction: column;
                      box-shadow: 0 2px 2px #ccc;
                      p {
                        height: 30px;
                        line-height: 30px;
                        background: #f7f7f7;
                        padding-left: 30px;
                      }
                      .often_all_content_bottom_right_wrap {
                        flex: 1;
                        .manage_wrap_chart {
                          display: flex;
                          height: 100%;
                          justify-content: space-between;
                          .manage_wrap_chart_left {
                            width: 98%;
                            margin-right: 5px;
                            background: #fff;
                          }
                          .manage_wrap_chart_right {
                            width: 98%;
                            background: #fff;
                          }
                        }
                      }
                    }
                  }
                }
              }
              /*---------------------------二押点管理----------------------------*/
              #second_mortgage_site_manage {
                height: 100%;
                display: flex;
                padding-left: 8px;
                padding-top: 8px;
                .site_manage_sider {
                  width: 300px;
                  display: flex;
                  flex-direction: column;
                  border-radius: 10px;
                  margin-right: 8px;
                  background: #fff;
                  border: 1px solid #DDD;
                  .site_manage_sider_area_wrap {
                    height: 330px;
                    h3 {
                      border-bottom: 1px solid #bf99ac;
                      font-size: 16px;
                      height: 36px;
                      line-height: 36px;
                      font-family: @fontFamily;
                      text-indent: 15px;
                      font-weight: 600;
                      background: -moz-linear-gradient(top, #fbfcfd, #ebf1f5);
                      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfcfd), to(#ebf1f5));
                      border-radius: 5px 5px 0 0;
                    }
                    .site_manage_sider_province {
                      height: 294px;
                      .citys {
                        .ant-tree {
                          padding: 0px;
                          li {
                            border-bottom: 1px solid #dddddd;
                            padding-left: 20px;
                            cursor: pointer;
                            .ant-tree-child-tree {
                              margin-left: -40px;
                              li {
                                border: none;
                                cursor: pointer;
                                &:first-child {
                                  border-top: 1px solid #ccc;
                                }
                                &:hover {
                                  background: #e7f4fc;
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                  .site_manage_sider_area_site {
                    flex: 1;
                    border-left: 1px solid #dddddd;
                    border-right: 1px solid #dddddd;
                    display: flex;
                    flex-direction: column;
                    .site_manage_sider_area_site_tab {
                      display: flex;
                      width: 100%;
                      border-top: 1px solid #ebf1f5;
                      height: 32px;
                      li {
                        flex: 1;
                        background: #0e77ca;
                        height: 30px;
                        line-height: 30px;
                        text-align: center;
                        font-size: 14px;
                        font-family: @fontFamily;
                        background: -moz-linear-gradient(top, #fbfcfd, #ebf1f5);
                        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfcfd), to(#ebf1f5));
                        border-top: 1px solid #dddddd;
                        border-bottom: 1px solid #dddddd;
                        cursor: pointer;
                        &:first-child {
                          border-right: 1px solid #dddddd;
                        }
                        &:last-child {
                          border-left: 1px solid #dddddd;
                        }
                      }
                    }
                    p {
                      height: 30px;
                      line-height: 30px;
                      background: #fff;
                      border-bottom: 1px solid #dddddd;
                      span {
                        display: inline-block;
                        margin-left: 3px;
                        margin-right: 15px;
                      }
                    }
                    .site_manage_sider_area_site_list {
                      flex: 1;
                      overflow: auto;
                      li {
                        height: 30px;
                        line-height: 30px;
                        font-size: 12px;
                        border-bottom: 1px solid #dddddd;
                        overflow: hidden;
                        cursor: pointer;
                        span {
                          display: inline-block;
                          margin-left: 3px;
                          margin-right: 3px;
                          img {
                            margin-right: 5px;
                          }
                        }
                        &:nth-child(2n) {
                          background: #fbfbfb;
                        }
                        &:hover {
                          background: #e7f4fc;
                        }
                      }
                    }
                  }
                }
                .site_manage_content {
                  flex: 1;
                  border-radius: 10px;
                  background: #fff;
                  border: 1px solid #DDD;
                  #siteMap {
                    ul {
                      li {
                        background: #fff;
                        &:nth-child(2n) {
                          background: #fbfbfb
                        }
                        &:hover {
                          background: #e7f4fc;
                        }
                      }
                    }
                  }
                }
              }
              /*----------------二押记录查询--------------------------*/
              .gps_monitor_layout_style {
                position: relative;
                width: 100%;
                height: 100%;
                .gps_all_wrap {
                  display: flex;
                  flex-direction: column;
                  height: 100%;
                  overflow: auto;
                  .ant-spin-nested-loading {
                    z-index: 10;
                    flex: 1;
                    margin-top: 10px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

/*------------------------二押报警的二押点管理样式------------*/
#second_mortgage_site_manage .BMap_bubble_content {
  width: 100% !important;
  height: 100% !important;
  #informationAlert {
    width: 100%;
    height: 100%;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    h2 {
      position: absolute;
      top: 0px;
      font-weight: normal;
      font-size: 12px;

    }
    h1 {
      position: absolute;
      width: 100%;
      top: 25px;
      height: 1px;
      background: #dddddd;
    }
    p {
      height: 30px;
      line-height: 30px;
    }
    div {
      display: flex;
      justify-content: space-around;
      padding-left: 100px;
      margin-top: 30px;
      button {
        &:first-child {
          border: none;
          background: rgb(16, 142, 233);
          color: #fff;
          height: 26px;
          line-height: 26px;
          text-align: center;
          border-radius: 5px;
          padding: 0 15px;
          cursor: pointer;
        }
        &:last-child {
          border: none;
          background: #fff;
          height: 26px;
          font-family: @fontFamily;
          line-height: 26px;
          text-align: center;
          border-radius: 5px;
          padding: 0 15px;
          border: 1px solid #dddddd;
          cursor: pointer;
          &:hover {
            border: 1px solid rgb(16, 142, 233);
          }
        }
      }
    }
  }
}

/*------------------------客户树-----------------*/
#components-tree-demo-customized-icon {
  .ant-tree-show-line {
    li {
      line-height: 20px;
    }
  }
}

.position-content-layout-content {
  flex: 1;
  .position-monitoring-layout {
    display: flex;
    flex-direction: row;
    background: #eaedf4;
    height: 100%;
    .ant-collapse-item ant-collapse-item-active {
      height: 100vh;
    }
    /*-----------------侧边栏------------*/
    .position-monitoring-layout-sider {
      padding: 0px;
      border: none;
      /* background:#eaedf4;
       padding-top:8px;*/
      padding-bottom: 8px;
      margin-top: 8px;
      .sider_left_wrap {
        width: 100%;
        /* height:100%;*/
        background: #A0B1C5 !important;
        border-radius: 0 0 3px 3px;
        border: 1px solid #DDD;
        h3 {
          height: 40px;
          line-height: 40px;
          background: url(//static.gpscdn.com/gpsyn/images/expand-e0beb5b5f7.png) no-repeat 34px center, #f7f7f7;
          padding-left: 50px;
          font-family: @fontFamily;
          border-radius: 3px 3px 0 0;
          cursor: pointer;
        }
        .device-manage-ul {
          box-shadow: 0 1px 1px #ccc;
          background: #e6ebf1;
          li {
            height: 40px;
            line-height: 40px;
            text-align: center;
            list-style: none;
            a {
              display: inline-block;
              width: 100%;
              height: 100%;
              color: rgb(80, 80, 80);
              text-decoration: none;
              border-bottom: 1px solid #d3d8de;
              text-align: left;
              padding-left: 30%;

            }
            &:last-child a {
              border: none;
            }
          }
        }
      }

    }
  }
}

.position-monitoring-layout-content {
  overflow: auto;
  background: #eaedf4;
  .second_mortgage_wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding-top: 8px;
    margin-left: 8px;
    padding-right: 8px;
    position: relative;
    .second_mortgage_wrap_child {
      height: 48px;
      line-height: 48px;
      background: #fff;
      font-size: 12px;
      padding-left: 24px;
      margin-bottom: 8px;
      box-shadow: 0 2px 2px #ccc;
      border-raduis: 3px;
      /*position:relative;*/
    }
    .risk-btn {
      border: none;
      background: rgb(16, 142, 233);
      color: #ffffff;
    }
    .second_mortgage_all_content {
      flex: 1;
      display: flex;
      flex-direction: column;

      padding-bottom: 8px;
      width: 100%;
      /*--------------二押总览---------------*/
      .second_mortgage_all_content_top {
        /*flex:1;*/
        display: flex;
        justify-content: space-between;
        height: 370px;
        background: #eaedf4;
        min-width: 100%;
        .second_mortgage_all_content_top_left {
          flex: 1;
          display: flex;
          justify-content: space-between;
          height: 100%;
          background: #f7f7f7;
          box-shadow: 0 2px 2px #ccc;
          border-radius: 3px;
          border: 1px solid #DDD;
          min-width: 50%;
          .second_mortgage_all_content_top_show {
            /*width:290px;*/
            flex: 1;
            height: 100%;
            background: #fff;
            margin-right: 5px;
            /*min-width:298px;*/
            min-width: 40%;
            p {
              height: 36px;
              line-height: 36px;
              background: #f7f7f7;
              font-size: 14px;
              font-family: @fontFamily;
              padding-left: 30px;
            }
            .second_mortgage_all_content_top_show_average {
              padding-left: 10%;
              height: 132px;
              padding-top: 84px;
              img {
                display: inline-block;
                vertical-align: middle;
              }
              span {
                display: inline-block;
                height: 30px;
                line-height: 30px;
                margin-left: 20px;
                margin-top: -10px;
                i {
                  display: inline-block;
                  font-style: normal;
                  font-weight: 400;
                  font-size: 30px;
                  height: 100%;
                  line-height: 30px;
                  margin: 0 5px;
                  color: #fcc06a;
                }
              }
            }
            .second_mortgage_all_content_top_show_rate {
              padding-left: 10%;
              height: 120px;
              line-height: 120px;
              img {
                display: inline-block;
                vertical-align: middle;
              }
              span {
                display: inline-block;
                height: 30px;
                line-height: 30px;
                margin-left: 20px;
                margin-top: -10px;
              }
              i {
                display: inline-block;
                font-style: normal;
                font-weight: 400;
                font-size: 30px;
                height: 30px;
                line-height: 30px;
                margin: 0 5px;
                color: #fcc06a;
              }
            }
          }
          .second_mortgage_all_content_top_time {
            min-width: 345px;
            flex: 1;
            height: 100%;
            background: #fff;
            p {
              height: 36px;
              line-height: 36px;
              background: #f7f7f7;
              padding-left: 30px;
              font-size: 14px;
              font-family: @fontFamily;
            }
            .second_mortgage_all_content_top_time_wrap {
              height: 284px;
              width: 100%;
            }
          }
        }
        .second_mortgage_all_content_top_right {
          flex: 1;
          height: 100%;
          box-shadow: 0 2px 2px #ccc;
          margin-left: 8px;
          border-radius: 3px;
          border: 1px solid #DDD;
          /*   min-width:565px;*/
          min-width: 49%;
          p {
            height: 36px;
            line-height: 36px;
            background: #f7f7f7;
            padding-left: 30px;
            font-size: 14px;
            font-family: @fontFamily;
          }
          .second_mortgage_all_content_top_right_wrap {
            height: 90%;
            background: #fff;
          }
        }
      }
      .second_mortgage_all_content_bottom {
        margin: 8px 0px;
        box-shadow: 0 2px 2px #ccc;
        /* flex:1;*/
        display: flex;
        flex-direction: column;
        border-radius: 3px;
        border: 1px solid #DDD;
        p {
          height: 36px;
          line-height: 36px;
          background: #f7f7f7;
          padding-left: 30px;
          font-size: 14px;
          font-family: @fontFamily;
        }
        .second_mortgage_all_content_bottom_wrap {
          flex: 1;
          background: #fff;
          /* min-width: 1220px;*/
          min-width: 100%;
        }
      }
      /*-----------------常驻地报警---------------*/
      .often_all_content_top {
        flex: 1;
        margin-bottom: 10px;
        display: flex;
        .often_all_content_top_left {
          margin-right: 10px;
          display: flex;
          flex-direction: column;
          box-shadow: 0 2px 2px #ccc;
          flex: 1;
          p {
            height: 30px;
            line-height: 30px;
            background: #f7f7f7;
            padding-left: 30px;
          }
          .often_all_content_top_left_wrap {
            flex: 1;
            .unusual_wrap_chart {
              display: flex;
              height: 100%;
              background: #fff;
              .unusual_wrap_chart_left {
                flex: 1;
              }
              .unusual_wrap_chart_right {
                flex: 1;
              }
            }
          }
        }
        .often_all_content_top_right {
          display: flex;
          flex-direction: column;
          background: #fff;
          box-shadow: 0 2px 2px #ccc;
          flex: 1;
          p {
            height: 30px;
            line-height: 30px;
            background: #f7f7f7;
            padding-left: 30px;
          }
          .often_all_content_top_right_wrap {
            flex: 1;
          }
        }

      }
      .often_all_content_bottom {
        flex: 1;
        display: flex;

        .often_all_content_bottom_left {
          margin-right: 10px;
          flex: 1;
          display: flex;
          flex-direction: column;
          background: #fff;
          box-shadow: 0 2px 2px #ccc;
          p {
            height: 30px;
            line-height: 30px;
            background: #f7f7f7;
            padding-left: 30px;
          }
          .often_all_content_bottom_left_wrap {
            flex: 1;
          }
        }
        .often_all_content_bottom_right {
          flex: 1;
          display: flex;
          flex-direction: column;
          box-shadow: 0 2px 2px #ccc;
          p {
            height: 30px;
            line-height: 30px;
            background: #f7f7f7;
            padding-left: 30px;
          }
          .often_all_content_bottom_right_wrap {
            flex: 1;
            .manage_wrap_chart {
              display: flex;
              height: 100%;
              justify-content: space-between;
              .manage_wrap_chart_left {
                width: 98%;
                margin-right: 5px;
                background: #fff;
              }
              .manage_wrap_chart_right {
                width: 98%;
                background: #fff;
              }
            }
          }
        }
      }
    }
  }
  /*---------------------------二押点管理----------------------------*/
  #second_mortgage_site_manage {
    height: 100%;
    display: flex;
    padding-left: 8px;
    padding-top: 8px;
    .site_manage_sider {
      width: 300px;
      display: flex;
      flex-direction: column;
      border-radius: 10px;
      margin-right: 8px;
      background: #fff;
      border: 1px solid #DDD;
      .site_manage_sider_area_wrap {
        height: 330px;
        h3 {
          border-bottom: 1px solid #bf99ac;
          font-size: 16px;
          height: 36px;
          line-height: 36px;
          font-family: @fontFamily;
          text-indent: 15px;
          font-weight: 600;
          background: -moz-linear-gradient(top, #fbfcfd, #ebf1f5);
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfcfd), to(#ebf1f5));
          border-radius: 5px 5px 0 0;
        }
        .site_manage_sider_province {
          height: 294px;
          .citys {
            .ant-tree {
              padding: 0px;
              li {
                border-bottom: 1px solid #dddddd;
                padding-left: 20px;
                cursor: pointer;
                font-size: 14px;
                .ant-tree-child-tree {
                  margin-left: -40px;
                  li {
                    border: none;
                    cursor: pointer;
                    &:first-child {
                      border-top: 1px solid #ccc;
                    }
                    &:hover {
                      background: #e7f4fc;
                    }
                  }
                }
              }
            }
          }
        }
      }
      .site_manage_sider_area_site {
        flex: 1;
        border-left: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
        display: flex;
        flex-direction: column;
        .site_manage_sider_area_site_tab {
          display: flex;
          width: 100%;
          border-top: 1px solid #ebf1f5;
          height: 32px;
          li {
            flex: 1;
            background: #0e77ca;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 14px;
            font-family: @fontFamily;
            background: -moz-linear-gradient(top, #fbfcfd, #ebf1f5);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfcfd), to(#ebf1f5));
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            cursor: pointer;
            &:first-child {
              border-right: 1px solid #dddddd;
            }
            &:last-child {
              border-left: 1px solid #dddddd;
            }
          }
        }
        p {
          height: 30px;
          line-height: 30px;
          background: #fff;
          border-bottom: 1px solid #dddddd;
          span {
            display: inline-block;
            margin-left: 3px;
            margin-right: 15px;
          }
        }
        .site_manage_sider_area_site_list {
          flex: 1;
          overflow: auto;
          li {
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            border-bottom: 1px solid #dddddd;
            overflow: hidden;
            cursor: pointer;
            span {
              display: inline-block;
              margin-left: 3px;
              margin-right: 3px;
              img {
                margin-right: 5px;
              }
            }
            &:nth-child(2n) {
              background: #fbfbfb;
            }
            &:hover {
              background: #e7f4fc;
            }
          }
        }
      }
    }
    .site_manage_content {
      flex: 1;
      border-radius: 10px;
      background: #fff;
      border: 1px solid #DDD;
      #siteMap {
        ul {
          li {
            background: #fff;
            &:nth-child(2n) {
              background: #fbfbfb
            }
            &:hover {
              background: #e7f4fc;
            }
          }
        }
      }
    }
  }
  /*---------------------------自定义围栏----------------------------*/
  #custom_fence_content {
    height: 100%;
    display: flex;
    padding-left: 8px;
    padding-top: 8px;
    .custom_fence_sider {
      width: 300px;
      display: flex;
      flex-direction: column;
      border-radius: 10px;
      margin-right: 8px;
      background: #fff;
      border: 1px solid #DDD;
      .custom_fence_sider_area_wrap {
        display: flex;
        height: 100%;
        overflow-y: auto;
        flex-direction: column;
        width: 298px;
        .custom_fence_header {
          border-bottom: 1px solid #bf99ac;
          height: 36px;
          line-height: 36px;
          font-family: @fontFamily;
          text-indent: 15px;
          background: -moz-linear-gradient(top, #fbfcfd, #ebf1f5);
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfcfd), to(#ebf1f5));
          border-radius: 5px 5px 0 0;
          width: 100%;
        }
        h4 {
          display: inline-block;
          float: left;
        }
        a {
          float: right;
          padding-right: 15px;
        }
      }
    }
    .custom_fence_inside_content {
      flex: 1;
      border-radius: 10px;
      background: #fff;
      border: 1px solid #DDD;
    }
  }
  /*----------------二押记录查询--------------------------*/
  .gps_monitor_layout_style {
    position: relative;
    width: 100%;
    height: 100%;
    .gps_all_wrap {
      display: flex;
      flex-direction: column;
      height: 100%;
      overflow: auto;
      .ant-spin-nested-loading {
        z-index: 10;
        flex: 1;
        margin-top: 10px;
      }
    }
  }
}

//----------------------行政区域围栏-------------------------------
.table_car {
  width: 100%;
  min-height: 473px;
  .codition {
    background: #e6ebf1;
    //display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 5px;
  }
  .buttons_size {
    display: inline-block;
  }
  .ant-tabs-tab {
    border-radius: 7px 7px 0 0;
  }
  .ant-tabs-bar {
    border-bottom: 1px solid #a4b3c7;
  }
}

#Checkbox {
  display: flex;
}

#citys_provice {
  li:hover {
    span.ant-tree-switcher {
      background: #ecf6fd !important;
    }
  }
}

.area_fence {
  font-family: '微软雅黑';
  ul.area_tree {
    line-height: 30px;
    li {
      width: 50%;
      float: left;
      font-size: 14px;
      text-align: center;
    }
  }
  .erea_choose_tree {
    .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-close.ant-tree-node-selected {
      width: 100%;
      padding: 5px 0;
    }
    .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-open.ant-tree-node-selected {
      width: 100%;
      padding: 5px 0;
    }
    .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-open {
      width: 100%;
      padding: 5px 0;
    }
    .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-close {
      width: 100%;
      padding: 5px 0;
    }
    .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-normal {
      width: 100%;
      padding: 5px 0;
    }
    .ant-tree-title > div {
      width: 100%;
      padding-right: 20px;
      img {
        float: right;
      }
    }
  }
  .ant-tree {
    padding: 0;
  }
  .ant-tree > li:first-of-type > span {
    background: #d2eafb;
  }
  .ant-tree > li {
    border-bottom: 1px solid #ccc;
  }
  .ant-tree li:hover {
    background: #ecf6fd;
    ul {
      background: #fff;
    }
  }
  .ant-tree li {
    padding: 0;
    ul {
      padding: 0;
    }
  }
  .ant-tree li span.ant-tree-switcher {
    line-height: 28px;
    height: 28px;
  }
}

.custom_fence_map {
  ul {
    li {
      background: #fff;
      &:nth-child(2n) {
        background: #fbfbfb
      }
      &:hover {
        background: #e7f4fc;
      }
    }
  }
}

.area_fence_info {
  .ant-modal-close {
    top: 10px !important;;
  }
}

.GroupProviceRail_ul li {
  width: 100%;
  height: auto;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  cursor: pointer;
  &:nth-child(2n) {
    background: #fbfbfb;
  }
  &:hover {
    background: #e7f4fc;
  }
  &:first-child {
    border-top: 1px solid #dddddd;
  }
}

.group_tanle {
  .ant-table-thead th {
    text-align: center;
    padding: 10px 0;
    flex: 1;
  }
  .ant-table-thead tr {
    width: 100%;
    display: flex;
  }
  .ant-table-tbody {
    tr {
      width: 100%;
      display: flex;
      border: none !important;
      td {
        flex: 1;
        text-align: center;
        border: none !important;
      }
    }
  }
  .ant-table-tbody > tr > td {
    padding: 8px 0;
  }
  .ant-table-placeholder {
    border: none;
  }

}

#GroupProviceRail_ul {
  .select_provice {
    border-bottom: 1px solid #a4d4f5;
    background-color: #ebf9ff;
  }
  .fenceList_div {
    flex: 1;
    display: flex;
    height: 100%;
    align-items: center;
    //overflow: hidden;
    //text-overflow:ellipsis;
    //white-space: nowrap;
    //span{
    //   overflow: hidden;
    //   text-overflow:ellipsis;
    //   white-space: nowrap;
    // }
  }
}

/*-----------围栏列表单独组件--------------*/
#auto_list {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
  .search_input {
    height: 38px;
    position: relative;
    .icon {
      position: absolute;
      top: 12px;
      right: 8px;
      z-index: 10;
      font-size: 15px;
      color: #ccc;
      cursor: pointer;
    }
    .ant-select-selection {
      border-radius: 14px;
    }
  }
  .listItem {
    flex: 1;
    width: 100%;
    li {
      height: 30px;
      width: 100%;
      line-height: 30px;
      font-size: 12px;
      font-family: @fontFamily;
      border-bottom: 1px solid #dddddd;
      padding-right: 10px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      &:nth-child(2n) {
        background: #fbfbfb;
      }
      &:hover {
        background: #e7f4fc;
      }
      &:first-child {
        border-top: 1px solid #dddddd;
      }
      span {
        &:first-child {
          display: inline-block;
          width: 80%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        &:last-child {
          width: 20%;
          display: inline-block;
          line-height: 35px;
          &:first-child {
            cursor: pointer;
          }
          &:last-child {
            cursor: pointer;
          }
        }
      }
    }
    .activeItem {
      background: rgb(210, 234, 251) !important;
    }
  }
}

.fence_information_name {
  .ant-modal-content {
    width: 850px;
    height: 650px;
  }
  .ant-modal {
    left: -150px;
  }
}

.fence_confirm_delete_modal {
  .ant-modal {
    width: 300px !important;
    height: 250px !important;
    top: 100px;
  }
}

/*上传文件*/
#file_name {
  display: flex;
  align-items: center;
  justify-content: center;
  img {
    width: 15px;
    height: 15px;
    display: none;
  }
}

#file_name:hover img {
  display: block;
}

//常驻地报警
.resident_abnormality_history {
  display: flex;
  background: #E6EBF1;
  margin: 10px 0;
  height: 96%;
  .title_radio {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
  }
}

.resident_info_manage.ant-modal {
  width: 80% !important;
  min-width: 1260px;
  .ant-modal-content {
    height: 100%;
    box-shadow: none;
  }
  .ant-modal-body {
    height: 100%;
  }
}